/* A63 icons and menu contents, framed as readable stone-and-bronze game panels. */
:root{--ui-stone:#4a463e;--ui-inset:#302e29;--ui-edge:#a48b60;--ui-text:#f2ead9;--ui-muted:#c6bcaa}
#hud-stone-dock{background:linear-gradient(180deg,#575247,#3e3a33 25%,#35322c);border-color:#ac9366;box-shadow:inset 0 2px #d0b67c66}
#game-sidebar{background:#403c34;border-color:#a08d6b}
body[data-mode=game] .chat{background:#302e29;border-color:#80735d}
.chat-heading,body[data-mode=game] .chat form{background:#494439;border-color:#958061}
body[data-mode=game] .chat input{background:#292824;color:#f2ead9}
body[data-mode=game] #game-controls .portrait{background:#474238;border-color:#a38c66;color:#f2e6ce}
body[data-mode=game] header,#currencies{background:#39372f;border-color:#aa936b}
#game-controls #source-menu{background:#302d27;border-color:#b59a62}
#game-controls #source-menu button{background:linear-gradient(#635a47,#41392d);border-color:#b49b68;box-shadow:inset 0 0 0 2px #211e18}
#game-controls #source-menu .menu-caption{color:#fff0cc;text-shadow:0 1px #17120c}
#game-controls #source-menu button:hover{background:#73654c;border-color:#f0d59b}
#game-controls #source-menu button.active{border-color:#ecce86;background:#5c633c}
#skills .slot,#quick .slot{border-color:#b6a079;background:linear-gradient(#655f52,#3a352c)}
#skills .slot.empty,#quick .slot:disabled{background:#37342e;border-color:#7d725e}
#source-panel{position:fixed;inset:auto;left:var(--world-center-x,50vw);top:50dvh;transform:translate(-50%,-50%);width:min(1000px,calc(var(--stage-width,100vw) - 32px));height:min(740px,calc(100dvh - 48px));max-height:none;margin:0;padding:0;border:1px solid #b69c70;border-radius:3px;background:#49453c;box-shadow:0 12px 38px #0007,inset 0 0 0 3px #302b23;color:var(--ui-text);overflow:hidden}
#source-panel[open]{display:flex;flex-direction:column}
#source-panel>.dialog-header{position:relative;inset:auto;flex:none;min-height:54px;padding:10px 18px;background:linear-gradient(#6b604b,#4e4536);border-bottom:1px solid #bb9f6a;box-shadow:inset 0 1px #e9d5a14d}
#source-panel .dialog-header h2{color:#fff0c8;letter-spacing:1px;font-size:18px;text-shadow:0 2px #302619}
#source-panel .dialog-header button{width:32px;height:32px;padding:0;color:#fff0cb;background:#45372a;border:1px solid #bca275;border-radius:2px;font-size:21px}
#source-panel-tabs{flex:none;padding:10px 16px;background:#37332b;border-bottom:1px solid #8f7d5e}
#source-panel-tabs button{min-width:90px;background:#514a3d;border:1px solid #9d8863;color:#ede1c6}
#source-panel-tabs button.active{background:linear-gradient(#a58a52,#77613b);border-color:#edca85;color:#fff6dc}
#source-panel .source-panel-body{flex:1;min-height:0;height:auto;padding:16px;scrollbar-color:#b19a6f #37342d;color:var(--ui-text)}
#source-panel h3{font-size:14px;color:#f5dfac;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #9c8760}
#source-panel h4{font-size:12px;color:#dfc994;margin:0 0 10px}
#source-panel p{color:#e0d8c9}
#source-panel button:focus-visible{outline:2px solid #ffe0a1;outline-offset:2px}
.quest-journal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px}
.quest-journal>section{min-width:0;overflow:auto;scrollbar-width:thin;padding-right:5px}
.achievement-card,.daily-card,.growth-group{padding:12px;margin-bottom:12px;background:#35332e;border:1px solid #89795c;box-shadow:inset 0 1px #ffffff0b}
.journal-heading{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.journal-heading>img{width:32px;height:32px;flex:none;border:1px solid #a7946f;background:#171612}
.journal-heading>strong{font-size:13px;line-height:1.5;flex:1;min-width:0;color:#f5ead4}
.quest-status{flex:none;font-size:10px;color:#d9cfb9;padding:2px 6px;background:#504a3b;border:1px solid #8b7b5b}
.daily-card.complete{border-color:#b6aa73;background:#3e4031}
.complete .quest-status{color:#f4e8b4;background:#636140;border-color:#b7a96b}
.menu-progress{height:6px;overflow:hidden;background:#201f1b;border:1px solid #77684b;margin:8px 0 12px}
.menu-progress>i{display:block;height:100%;background:linear-gradient(90deg,#927442,#d6b874)}
.complete .menu-progress>i{background:#a4ad6d}
.menu-stat-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #73664e44;color:#d8d1c3;font-size:12px;line-height:1.5}
.menu-stat-line:last-child{border-bottom:0}
.menu-stat-line strong{color:#f8e6b6;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.quest-rewards{display:flex;flex-wrap:wrap;gap:5px}
.reward-chip{display:flex;align-items:center;gap:5px;padding:4px 6px;background:#292823;border:1px solid #71654d;color:#ded6c3;font-size:11px}
.reward-chip img{width:23px;height:23px}
.craft-workbench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);gap:16px;overflow:hidden}
.recipe-catalog{overflow:auto;min-width:0;scrollbar-width:thin;padding:2px}
.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:start}
#source-panel .recipe-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:114px;gap:7px;padding:10px 5px;background:linear-gradient(#575043,#3b352c);border:1px solid #9e8960;border-radius:2px;box-shadow:inset 0 0 0 2px #29261f;text-align:center}
#source-panel .recipe-tile img{width:54px;height:54px;border:1px solid #c0a66e;box-shadow:0 2px 4px #0007}
#source-panel .recipe-tile span{font-size:12px;color:#f3e5c5;line-height:1.4}
#source-panel .recipe-tile:hover{background:#6b6049;border-color:#e1c78a}
#source-panel .recipe-tile.selected{background:#796440;border-color:#ffe2a3;box-shadow:inset 0 0 0 2px #c3a261,0 0 0 1px #e2c07d}
.recipe-detail{display:flex;flex-direction:column;min-height:0;padding:16px;background:#302e28;border:1px solid #a08b60;overflow:auto;scrollbar-width:thin}
.recipe-heading{display:flex;align-items:center;gap:12px;flex:none;padding-bottom:14px;border-bottom:1px solid #8a7550}
.recipe-heading img{width:60px;height:60px;border:1px solid #baa06b}
#source-panel .recipe-heading h3{margin:0;padding:0;border:0;font-size:16px;line-height:1.5}
.recipe-requirements{padding:16px 0;flex:1}
.recipe-material{display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 3px;border-bottom:1px solid #7d705044;font-size:12px;color:#ede2ca}
.recipe-material img{width:26px;height:26px}
#source-panel .recipe-gate{flex:none;margin:10px 0;padding:9px;background:#48402f;border:1px solid #9e8353;font-size:11px;color:#ead7a9}
.craft-submit{flex:none;min-height:42px;background:linear-gradient(#ac8c50,#775a31);border:1px solid #e0bc79;border-radius:2px;color:#fff3d5;font-weight:700}
.craft-submit:hover{background:#ac8c50;border-color:#ffe6b1}
.craft-footnote{text-align:center;color:#bbad94;font-size:10px;margin-top:8px}
.recipe-empty{margin:auto;text-align:center;padding:20px;color:#dcc79c}
.recipe-empty img{display:block;width:64px;height:64px;margin:0 auto 16px;border:1px solid #a38b5d}
.recipe-empty strong{font-size:15px}
#source-panel .recipe-empty p{font-size:12px;line-height:1.8;color:#c4b9a3}
.special-ledger{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.65fr);gap:18px;overflow:hidden}
.growth-ledger,.resource-ledger{min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;padding-right:4px}
.shared-level{padding:12px;background:linear-gradient(#64563c,#493f2e);border:1px solid #b3975d;margin-bottom:12px}
.shared-level>strong{display:block;color:#ffe6a7;font-size:17px;margin-bottom:5px}
.shared-level>span{font-size:12px;color:#e6d6b1;font-variant-numeric:tabular-nums}
.growth-group{padding:10px;margin-bottom:10px}
.resource-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resource-column{display:grid;gap:10px;align-content:start}
#source-panel .resource-tile{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:0;min-height:80px;background:linear-gradient(#575044,#403a30);border:1px solid #9c8660;box-shadow:inset 0 0 0 2px #302b23;border-radius:2px}
#source-panel .resource-tile>img{width:46px;height:46px;flex:none;border:1px solid #c1a878;background:#181612}
.resource-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.resource-name{font-size:12px;line-height:1.4;color:#e8ddc3}
.resource-amount{font-size:15px;color:#ffe4a2;line-height:1.4;font-variant-numeric:tabular-nums}
.resource-action{font-size:10px;color:#e9c985}
.growth-ledger>.resource-tile{width:100%;margin-top:10px!important}
#source-panel button.resource-tile{border-color:#d0b372;cursor:pointer}
#source-panel button.resource-tile:hover{background:#706045}
#bag{background:#484339;border-color:#b7a079}
#bag .dialog-header,#inventory-tools,#bag .bag-original-footer{background:#5a4f3d;border-color:#a58c60}
#bag .dialog-header h2{color:#fff0ca}
#bag .bag-source-layout #stats{background:#35322c;border-color:#9e8860}
#bag .bag-source-layout #stats>div{color:#d6cbb8;border-color:#6e624c}
#bag .bag-source-layout #stats strong{color:#ffe7b0}
#bag .slot{background:#2c2923;border-color:#988261}
#bag #equipment .empty-equipment-icon{opacity:.45}
.game-tooltip{background:#353027;border-color:#b09a70;color:#f4e6c9}
.tooltip-heading{background:#594c36}#game-tooltip-body{color:#e7dcc5}
.achievement-card .menu-stat-line{padding:3px 0}
.daily-card{padding:9px;margin-bottom:9px}.daily-card .journal-heading{margin-bottom:6px}.daily-card .journal-heading>img{width:28px;height:28px}.daily-card .menu-progress{margin:6px 0 8px}
.growth-group h4{margin-bottom:6px}.growth-group .menu-stat-line{padding:3px 0}
.dismantle-workbench{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr);gap:18px;overflow:auto}
.dismantle-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dismantle-actions .menu-icon-row{display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(#665a44,#453d30);border-color:#b49b68;padding:10px 4px;gap:6px}
.dismantle-actions img{width:42px;height:42px}.dismantle-actions span{font-size:11px}
.dismantle-items{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:16px}
.dismantle-items .slot{width:100%;height:auto;aspect-ratio:1;padding:3px;background:#2b2924;border:1px solid #a28c65;border-radius:1px}
.dismantle-items .slot img{width:100%;height:100%;object-fit:contain}.dismantle-items .selected{border-color:#ffe0a1;box-shadow:inset 0 0 0 2px #c5a362}.dismantle-bag .craft-submit{width:100%}
.auto-salvage{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px;border-top:1px solid #a28c65;padding-top:9px;font-size:11px;color:#eddfbf}
.auto-salvage strong{margin-right:6px}.auto-salvage button{padding:4px 7px;border-radius:2px;background:#403a30;border:1px solid #9d8963;font-size:11px;color:#d9c9a8}
.auto-salvage button[aria-pressed=true]{background:#686744;border-color:#e3ca87;color:#fff0bf}.auto-salvage button[aria-pressed=true]:before{content:'✓ ';color:#e8db9d}
.scroll-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:18px;overflow:hidden}
.scroll-choices{overflow:auto;scrollbar-width:thin}.scroll-choices section{margin-bottom:22px}.scroll-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.scroll-item-grid .menu-icon-row{background:#554b3b;border-color:#ab9266}.scroll-item-grid .menu-icon-row[aria-pressed=true]{background:#7c653d;border-color:#f2d18e}
.scroll-result{padding:16px;background:#343129;border:1px solid #a38b61}.scroll-result .craft-submit{width:100%;margin-top:14px}
/* Source tooltipHero is a single aligned stat column, not a dashboard tile grid. */
#bag .bag-source-layout #stats{left:10.8%!important;top:17.7%!important;width:27.3%!important;height:65.2%!important;display:flex;flex-direction:column;justify-content:center;padding:7px 10px;background:#37342c;border:1px solid #8c7b5c;box-shadow:none}
#bag .bag-source-layout #stats>div{flex:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;min-height:0;padding:2px 0;border:0;font-size:11px;line-height:16px;color:#ded3be}
#bag .bag-source-layout #stats>div:first-child{padding-bottom:7px;margin-bottom:4px;border-bottom:1px solid #95805b;font-size:12px;color:#f1d392}
#bag .bag-source-layout #stats>div:nth-child(8),#bag .bag-source-layout #stats>div:nth-child(11),#bag .bag-source-layout #stats>div:nth-child(14){margin-top:5px}
#bag .bag-source-layout #stats strong{font-size:12px;line-height:16px;margin:0;color:#ffe7b5;white-space:nowrap;overflow-wrap:normal}
#source-panel[data-menu=scroll],#source-panel[data-menu=enchant]{width:min(360px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 60px)}
#source-panel[data-menu=scroll] .source-panel-body,#source-panel[data-menu=enchant] .source-panel-body{padding:14px;overflow:auto}
.scroll-workbench{display:flex;flex-direction:column;gap:12px}.scroll-choices{overflow:visible}.scroll-choices section{margin-bottom:12px}.scroll-item-grid{grid-template-columns:1fr;max-height:150px;overflow:auto;scrollbar-width:thin}
.scroll-result{padding:10px}.scroll-result p{margin:5px 0!important}.scroll-result .craft-submit{min-height:38px}
.quest-journal>section{overflow:visible;padding-right:0}.quest-journal{gap:14px;overflow:visible!important}
.achievement-card{padding:8px 10px;margin-bottom:8px}.achievement-card .journal-heading{margin-bottom:5px}.achievement-card .menu-stat-line{padding:2px 0;line-height:16px;font-size:11px}.achievement-card .menu-stat-line strong{font-size:11px}
.achievement-card .menu-progress{margin:5px 0 6px}.daily-card{padding:7px 9px;margin-bottom:7px}.daily-card .journal-heading>img{width:25px;height:25px}.daily-card .menu-progress{margin:4px 0 6px}.reward-chip{padding:3px 5px}.reward-chip img{width:20px;height:20px}
.special-ledger{gap:14px}.growth-ledger,.resource-ledger{overflow:visible;padding-right:0}.growth-group{padding:6px 9px;margin-bottom:7px}.growth-group h4{margin-bottom:4px;font-size:11px!important}.growth-group .menu-stat-line{padding:2px 0;font-size:11px;line-height:15px}.growth-group .menu-stat-line strong{font-size:11px}.shared-level{padding:9px;margin-bottom:8px}.shared-level>strong{font-size:15px}.shared-level .menu-progress{margin-bottom:2px}
#source-panel .growth-ledger>.resource-tile{min-height:57px;padding:6px 9px;margin-top:6px!important}.growth-ledger>.resource-tile>img{width:35px!important;height:35px!important}.growth-ledger .resource-amount{font-size:12px}.growth-ledger .resource-action{font-size:10px}
#settings{width:min(500px,calc(100vw - 32px));padding:16px;background:#49443a;border:1px solid #b29a6e;border-radius:3px;box-shadow:0 10px 30px #0007}
#settings .dialog-header{padding-bottom:10px;border-bottom:1px solid #a18b62}#settings .dialog-header h2{font-size:17px;color:#f8dfaa}
#source-settings{gap:6px;margin:10px 0 14px}#source-settings .menu-icon-row{padding:7px;min-height:48px;background:#514b3f;border-color:#a38d63;box-shadow:inset 0 0 0 1px #302a20}#source-settings img{width:31px;height:31px}#source-settings span{font-size:11px}#source-settings [aria-pressed=true]{background:#5e6044;border-color:#c9c18a}
#settings .potion-setting{padding:12px;margin-top:0;background:#38342c;border-color:#a38a5a}#settings #potion-status{font-size:12px;margin-bottom:7px}#settings .potion-help{font-size:11px;line-height:1.6;margin:7px 0}#settings #potion-shop{padding:6px 9px;font-size:11px}#settings .text-button{background:#62543e;border-color:#a68a5d;color:#f1e3c7;margin-top:10px}
@media(max-height:800px){#bag .bag-source-layout #stats>div{font-size:9px;line-height:13px;padding:1px 0}#bag .bag-source-layout #stats strong{font-size:10px;line-height:13px}#bag .bag-source-layout #stats>div:nth-child(8),#bag .bag-source-layout #stats>div:nth-child(11),#bag .bag-source-layout #stats>div:nth-child(14){margin-top:3px}.resource-tile{min-height:70px!important}.quest-journal .journal-heading strong{font-size:12px}.daily-card .reward-chip{font-size:10px}}
/* Source HUD grouping: hero left, compact menu above six horizontal items,
   4-by-3 commands right. Chat remains in the requested separate right column. */
body[data-mode=game]{--controls-height:142px}
body[data-mode=game] #game-controls{grid-template-columns:minmax(200px,260px) minmax(310px,1fr) 188px;grid-template-rows:45px 50px;grid-template-areas:'hero utility skills' 'hero quick skills';gap:8px 18px;padding:12px 16px 25px;align-content:center}
body[data-mode=game] #game-controls .portrait{height:106px!important;padding:8px!important;border:0;background:#39352d;box-shadow:none}
body[data-mode=game] #game-controls .portrait>img{display:block!important;width:48px!important;height:64px!important;padding:3px}
body[data-mode=game] #game-controls .portrait .meter{height:15px;margin:3px 0}.hero-summary #hero-class{font-size:10px}
body[data-mode=game] #game-controls #utility-controls{align-self:end;justify-self:center;width:auto}
body[data-mode=game] #game-controls #source-menu{display:grid;grid-template-columns:repeat(6,42px);width:auto;padding:2px;gap:5px;height:46px;border:0;box-shadow:none;background:none}
body[data-mode=game] #game-controls #source-menu button{width:42px!important;height:42px!important;display:block;padding:3px;background:#3b352a;border-color:#b29b6e}
body[data-mode=game] #game-controls #source-menu button img{width:100%;height:100%;object-fit:contain}
body[data-mode=game] #game-controls #source-menu .menu-caption{display:none}
body[data-mode=game] #game-controls #quick{height:48px;width:300px;justify-self:center;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr;gap:4px}
body[data-mode=game] #game-controls #skills{height:114px;width:188px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:4px;align-self:center}
#skills .slot kbd,#quick .slot kbd{font-size:10px;line-height:12px}#skills .slot small,#quick .slot small{font-size:10px}
body[data-mode=game] header{inset:0 auto auto 0;width:var(--stage-width);height:36px;min-height:0;padding:3px 12px;display:flex;align-items:center;gap:14px;background:#39362e;border:0;border-bottom:1px solid #8e7c57;box-shadow:none}
body[data-mode=game] header .wordmark{font-size:18px;letter-spacing:1px}body[data-mode=game] #world-status{font-size:10px;margin:0;white-space:nowrap}
body[data-mode=game] #currencies{top:3px;right:calc(var(--sidebar-width) + 10px);height:29px;min-height:0;padding:2px 5px;background:transparent;border:0;box-shadow:none}
body[data-mode=game] #currencies .currency-cell{min-width:65px;padding:0 7px}body[data-mode=game] #currencies img{width:18px!important;height:18px!important}body[data-mode=game] #currencies span{font-size:11px;padding:0}
body[data-mode=game] #merchant-info{top:44px;bottom:auto;right:calc(var(--sidebar-width) + 12px);width:220px;padding:8px;display:grid;grid-template-columns:1fr 34px;gap:3px 8px;background:#403a2e}
#merchant-info #hero-select{grid-column:2;grid-row:1/3;width:34px;height:34px;margin:0}#merchant-info strong{font-size:12px}#merchant-info span{font-size:10px}
body[data-mode=game] .target{top:44px;left:calc(var(--stage-width)/2);width:220px;padding:7px 10px}
@media(max-width:1100px){body[data-mode=game]{--controls-height:136px}body[data-mode=game] #game-controls{grid-template-columns:minmax(145px,1fr) 260px 168px;gap:6px 8px;padding:9px 9px 24px}body[data-mode=game] #game-controls #source-menu{grid-template-columns:repeat(6,37px);gap:4px}body[data-mode=game] #game-controls #source-menu button{width:37px!important;height:37px!important}body[data-mode=game] #game-controls #quick{width:252px;height:42px}body[data-mode=game] #game-controls #skills{width:168px;height:105px}body[data-mode=game] #world-status{display:none}}
@media(max-width:800px){body[data-mode=game]{--controls-height:228px}body[data-mode=game] #game-controls{grid-template-columns:minmax(130px,1fr) 168px;grid-template-rows:105px 38px 42px;grid-template-areas:'hero skills' 'utility utility' 'quick quick'}body[data-mode=game] #currencies{max-width:calc(var(--stage-width) - 80px)}body[data-mode=game] #currencies .currency-cell{min-width:0;padding:0 3px}body[data-mode=game] #currencies img{width:14px!important;height:14px!important}}
#bag.with-storage{overflow:visible;left:calc(var(--world-center-x,50vw) - 154px)!important;width:min(760px,calc(var(--stage-width,100vw) - 350px),calc(143.5dvh - 320px))!important}
.source-storage-extension{position:absolute;left:calc(100% + 8px);top:80px;width:300px;padding:9px;background:#38352e;border:1px solid #a68d5f;box-shadow:inset 0 0 0 2px #24211b;color:#f3e2ba}
.storage-extension-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.storage-extension-heading button{padding:0 5px;font-size:16px;border:1px solid #a58b5c;background:#48372a}
.storage-side-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}#bag .storage-side-grid .slot{height:43px!important;padding:2px!important;position:relative!important}
.source-storage-extension nav{display:flex;gap:6px;margin-top:9px}.source-storage-extension nav button{flex:1;padding:5px;font-size:11px;background:#4b4434;border:1px solid #a18a5e}.source-storage-extension nav button[aria-pressed=true]{background:#80683e;color:#ffedb7}
.storage-help{display:block;white-space:pre-line;margin-top:8px;font-size:10px;line-height:1.5;color:#c9baa0}
@media(max-width:1100px){#bag.with-storage{left:var(--world-center-x,50vw)!important;width:min(860px,calc(var(--stage-width,100vw) - 28px),calc(143.5dvh - 272.65px))!important;overflow:auto}.source-storage-extension{position:relative;left:auto;top:auto;width:auto;margin:8px 12px}.storage-side-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:1100px){#source-panel{width:calc(var(--stage-width,100vw) - 24px)}.craft-workbench{grid-template-columns:minmax(0,1fr) minmax(230px,1fr)}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.special-ledger{grid-template-columns:minmax(190px,.9fr) minmax(0,1fr)}.resource-columns{grid-template-columns:1fr}.quest-journal{gap:10px}.quest-status{padding:2px}.journal-heading{flex-wrap:wrap}}
@media(max-width:800px){#source-panel{left:50vw;width:calc(100vw - 24px)}.quest-journal,.special-ledger{grid-template-columns:1fr;overflow:auto}.quest-journal>section,.growth-ledger,.resource-ledger{overflow:visible}.resource-columns{grid-template-columns:1fr 1fr}}