:root{color-scheme:only light}
:root{--ink:#1b1814;--panel:#26231f;--panel-light:#35322e;--brass:#a99361;--brass-light:#d1bc84;--muted:#a6b0ac;--paper:#eee7d3;--stone:url('https://assets.4rc.fun/remaster/stone-ksqt-v2.webp')}
body[data-mode=game]{color:var(--paper)}
body[data-mode=game] header{position:absolute;inset:14px auto auto 16px;width:176px;height:61px;padding:9px 14px;display:flex;flex-direction:column;align-items:start;gap:2px;background:#211e1a;border:1px solid #776b4c;box-shadow:inset 0 0 0 3px #191612,0 4px 16px #0007;pointer-events:none}
body[data-mode=game] header .wordmark{display:block;font-size:20px;line-height:24px;letter-spacing:2px;color:#e1ca91;text-shadow:0 2px 2px #000}body[data-mode=game] header .wordmark span{display:inline;font-size:10px;letter-spacing:1px;margin-left:7px;color:#b6b3af}body[data-mode=game] #world-status{font-size:10px;line-height:15px;color:#b4b1ad;white-space:nowrap}
#currencies{position:absolute;inset:14px auto auto 208px;width:auto;height:46px;display:flex;align-items:center;gap:0;padding:4px 6px;background:#1f1c18;border:1px solid #75694b;box-shadow:inset 0 0 0 3px #15120e,0 4px 16px #0007;pointer-events:auto}
#currencies .currency-cell{display:flex;align-items:center;padding:3px 9px;min-width:82px;border-right:1px solid #3b4140}#currencies .currency-cell:last-child{border-right:0}#currencies span{position:static!important;inset:auto!important;width:auto!important;height:auto!important;font-size:12px;color:#efdb9f;padding:0;background:none;border:0;text-shadow:0 1px #000;font-variant-numeric:tabular-nums}#currencies img{position:static!important;inset:auto!important;width:22px!important;height:22px!important;object-fit:contain;margin-right:6px;filter:none}
#source-menu{position:absolute;inset:14px 216px auto auto;width:auto;height:54px;display:flex;gap:5px;align-items:center;padding:6px 8px;background:#23201c;border:1px solid #84744e;box-shadow:inset 0 0 0 3px #171410,0 4px 16px #0008;pointer-events:auto}
#source-menu button{position:relative!important;inset:auto!important;width:39px!important;height:39px!important;padding:3px;border:1px solid #71654b;border-radius:2px;background:linear-gradient(#46433f,#2a2723);box-shadow:inset 0 0 0 2px #1c1915}#source-menu button:hover{border-color:#e4cc8c;background:#514e4a;box-shadow:inset 0 0 0 2px #221f1b,0 0 8px #c3ac5b44}#source-menu button kbd{font-size:10px;right:3px;top:auto;bottom:0;left:auto;padding:0 2px;color:#fff4ca;background:#191612;line-height:13px}
#camera-state{inset:74px 216px auto auto;background:#23201c;border:1px solid #72684f;color:#ded4b2;padding:5px 10px;font-size:11px;box-shadow:inset 0 0 0 2px #1b1814}
#map-panel{position:absolute;inset:14px 16px auto auto;width:182px;height:222px;display:grid;grid-template-rows:23px 156px 21px;gap:0;padding:9px 11px;background:#24211d;border:1px solid #a08c5e;box-shadow:inset 0 0 0 3px #15120e,0 5px 20px #0009;pointer-events:auto}
#minimap{position:static!important;inset:auto!important;width:156px!important;height:156px!important;border:1px solid #9b8757;box-shadow:0 0 0 2px #13100c;background:#16130f}#place,#coordinates{position:static!important;inset:auto!important;width:auto!important;height:auto!important;font-size:12px;line-height:20px;text-align:center;color:#dfcb96}#coordinates{font-size:10px;color:#aaa7a3}
#hud-stone-dock{position:absolute;left:14px;right:14px;bottom:22px;height:165px;background-color:#221f1b;background-image:linear-gradient(#2a2723eb,#1a1713f5),var(--stone);background-size:auto,256px;border:1px solid #8d7950;border-top:2px solid #c0a574;box-shadow:inset 0 0 0 4px #171410,inset 0 5px 15px #726f6b22,0 -6px 28px #0008;pointer-events:none}
#hud-stone-dock:before,#hud-stone-dock:after{content:'';position:absolute;top:-5px;width:14px;height:14px;transform:rotate(45deg);background:#9f8657;border:3px solid #4b483d;box-shadow:0 1px 4px #000}#hud-stone-dock:before{left:5px}#hud-stone-dock:after{right:5px}
body[data-mode=game] .portrait{position:absolute!important;inset:auto auto 44px calc(25% + 44px)!important;width:calc(25% - 12px)!important;height:123px!important;display:flex;align-items:center;gap:12px;padding:12px;background:#26231f;border:1px solid #566058;box-shadow:inset 0 0 0 2px #1c1915;pointer-events:auto;text-align:left}
body[data-mode=game] .portrait>img{display:block;width:51px;height:65px;object-fit:cover;border:1px solid #b59b65;box-shadow:0 0 0 3px #191612;image-rendering:auto}.hero-summary{flex:1;min-width:0}body[data-mode=game] .hero-summary>div:first-child{display:flex;justify-content:space-between;gap:6px;margin-bottom:7px}.hero-summary #hero-name{font-size:14px;color:#f5e8c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-summary #hero-level{font-size:11px;white-space:nowrap;color:#d1bd83}.hero-summary #hero-class{display:block;font-size:10px;color:#bbb8b4;white-space:nowrap;margin-top:6px}
.portrait .meter{height:17px;margin:4px 0;background:#14110d;border:1px solid #57625b;box-shadow:inset 0 2px 4px #0008;border-radius:0}.portrait .meter.hp i{background:linear-gradient(#b86951,#71372d)}.portrait .meter.mp i{background:linear-gradient(#8a8783,#53504c)}.portrait .meter span{font-size:10px;color:#fff8e2;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}
body[data-mode=game] .chat{position:absolute;inset:auto auto 37px 30px;width:25%;height:133px;display:flex;justify-content:end;padding:0;background:#1c1915;border:1px solid #4f4c48;box-shadow:inset 0 0 0 2px #16130f;backdrop-filter:none;pointer-events:auto}body[data-mode=game] .chat #chat-lines{flex:1;height:auto;max-height:none;padding:8px 10px;font-size:11px;line-height:1.55;color:#dcd9d5;text-shadow:none}body[data-mode=game] .chat form{background:#2a2723;max-width:none;border-top:1px solid #625f5b;min-height:31px}body[data-mode=game] .chat input{padding:5px 9px;font-size:11px;background:#24211d;color:#f0e9d6}body[data-mode=game] .chat input::placeholder{color:#aaa7a3}
#skills{position:absolute;inset:auto 30px 36px auto;width:236px;height:138px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:0;pointer-events:auto}#skills .slot{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;padding:3px;border:1px solid #8d7954;border-radius:1px;background:linear-gradient(#46433f,#292622);box-shadow:inset 0 0 0 2px #181511;overflow:hidden}#skills .slot.empty{opacity:1;background:#1e1b17;border-color:#4b4844}#skills .slot:disabled{opacity:.55}#skills .slot:hover{border-color:#f1d593;filter:brightness(1.17)}#skills .slot img{display:block;width:100%;height:100%;object-fit:contain}#skills .slot kbd{font-size:10px;left:3px;top:1px;padding:0 2px;background:#191612;color:#f6e6b8}#skills .slot small{font-size:9px;background:#191612e8;color:#ecdb9f}#skills .cooldown{background:#100d09c9;font-size:19px;color:#fff0c5}
#quick{position:absolute;inset:auto 290px 36px auto;width:94px;height:138px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:0;pointer-events:auto}#quick .slot{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;padding:3px;background:linear-gradient(#43403c,#26231f);border:1px solid #878480;border-radius:1px;box-shadow:inset 0 0 0 2px #191612}#quick .slot:first-child{border-color:#b6995e}#quick .slot:first-child:after{display:none}#quick .slot:disabled{opacity:1;background:#1c1915;border-color:#4b4844}#quick .slot kbd{top:0;left:3px;color:#d6d3cf;font-size:10px}#quick .slot small{bottom:0;right:2px;font-size:10px;background:#171410e8;color:#f3dfad}
body[data-mode=game] .xp{position:absolute!important;inset:auto 14px 7px 14px!important;width:auto!important;height:10px!important;border:1px solid #5d5b41;background:#1c1915;overflow:visible}.xp i{background:linear-gradient(#c6a565,#816642);transition:width .25s}.xp span{font-size:9px;line-height:9px;color:#eadbb3;text-shadow:0 1px #000}
body[data-mode=game] .notices{inset:auto auto 205px 32px;width:min(450px,40vw);max-width:none;transform:none}.notices>div{background:#25221e!important;border:1px solid #655d43!important;padding:6px 10px!important;box-shadow:0 2px 8px #0005;color:#f0d99c!important;font-size:12px}
#merchant-info{right:30px;bottom:197px;width:236px;background:#292622;border:1px solid #a79160;box-shadow:inset 0 0 0 3px #1d1a16,0 5px 16px #0008;padding:13px}#merchant-info strong{color:#e6d39d}#merchant-info span{font-size:11px}#order-hint{bottom:200px;background:#292622;border:1px solid #b19865;color:#f1dfad;box-shadow:0 3px 12px #000a}
body[data-mode=game] .target{top:90px;left:50%;width:260px;background:#272420;border:1px solid #a18b5a;box-shadow:inset 0 0 0 2px #181511,0 4px 14px #0007;backdrop-filter:none}.target .meter{height:15px;background:#171410;border-color:#616047}.target .meter.hp i{background:linear-gradient(#a55e43,#64352b)}
dialog.panel,dialog.source-inventory{background-color:#24211d;background-image:linear-gradient(#2b2824ee,#1e1b17f5),var(--stone);background-size:auto,256px;color:#e9e2cd;border:1px solid #aa9260;border-top:2px solid #d0b67c;border-radius:3px;box-shadow:inset 0 0 0 4px #181511,0 15px 70px #000c;backdrop-filter:none}dialog::backdrop{background:#0d0a0690;backdrop-filter:none}.dialog-header{background:#1e1b17;border-bottom:1px solid #655d46!important;color:#ebd49b}.dialog-header h2{font-weight:600;letter-spacing:.5px}.dialog-header button{color:#ceba88;min-width:28px;min-height:25px;border:1px solid #655d46!important;background:#2c2925!important;border-radius:2px}.dialog-header button:hover{color:#fff0c4;border-color:#c8ac70!important}
.source-special-panel .dialog-header{background:#24211d}.source-inventory .dialog-header{background:#23201c}.source-inventory .slot{background:linear-gradient(#3d3a36,#24211d);border-color:#6e7059;box-shadow:inset 0 0 0 2px #171410}.source-inventory .slot.empty{background:#201d19}.source-inventory .slot.selected{border-color:#e2c278;box-shadow:0 0 0 2px #aa8b4c,0 0 14px #be974d44}.source-inventory #stats{background:#221f1b;border:1px solid #54514d;color:#bcb9b5;box-shadow:inset 0 0 0 2px #1b1814}.source-inventory #stats strong{color:#e0cd96}.source-inventory .bag-help{color:#aca9a5}.source-inventory #inventory-summary{color:#c7bb8f}.source-inventory .slot .lock{font-size:9px;background:#1e1b17;color:#d7b56e}.source-inventory .empty-equipment-icon{opacity:.42;filter:saturate(.3)}
#source-settings{grid-template-columns:1fr 1fr;gap:8px}.menu-icon-row{background:linear-gradient(#3c3935,#2b2824);border:1px solid #6d6d52;box-shadow:inset 0 0 0 2px #1e1b17;color:#e8dba9}.menu-icon-row:hover{background:#484541;border-color:#d1b57b}.menu-icon-row[aria-pressed=true]{background:#46433f;border-color:#9aa66b}.source-panel nav button{background:#2b2824;border:1px solid #6f6c68;border-radius:1px;color:#c9c7ab}.source-panel nav button.active{background:#655c3f;color:#fff0bf;border-color:#d5b978}.source-panel-body{scrollbar-color:#7e805e #221f1b}.source-panel-body p{color:#cecbc7}.source-special .menu-icon-row{background:none;box-shadow:none}.source-special .menu-icon-row span{color:#e5dab8}.source-special .special-level{color:#edcf87}.source-special .special-summary{color:#d0cdc9}.recipe-list details{background:#25221e;margin-top:5px;border:1px solid #494642}.recipe-list summary{color:#b9c8b5}.quest-columns h3{border-bottom:1px solid #93805a;padding-bottom:9px;color:#e0c68d}.quest-columns strong{color:#c9d3be}.storage-grid .slot{background:#23201c;border:1px solid #66635f}.storage-grid .slot:hover{border-color:#d7b774}#settings .potion-setting{background:#23201c;border:1px solid #595652;padding:13px}.potion-setting input{accent-color:#c0a16b}
#item-tooltip{display:none!important}
.game-tooltip{position:fixed;inset:auto;margin:0;width:310px;max-width:calc(100vw - 24px);max-height:65vh;padding:0;background:#1e1b17;color:#e4e9d8;border:1px solid #c1a66e;border-top:2px solid #e0bd78;border-radius:2px;box-shadow:inset 0 0 0 3px #14110d,0 8px 28px #000b;pointer-events:none;overflow:hidden;z-index:100000;font:12px/1.65 system,-apple-system,'Malgun Gothic',sans-serif}.game-tooltip:popover-open{display:block}.tooltip-heading{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#34312d;border-bottom:1px solid #706b52}.tooltip-heading img{width:36px;height:36px;object-fit:contain;border:1px solid #8f7b54;background:#16130f}.tooltip-heading strong{color:#f1d89d;font-size:13px;line-height:1.45;white-space:pre-line}#game-tooltip-body{padding:11px 14px 14px;white-space:pre-line;color:#d6d3cf;max-height:52vh;overflow:hidden}#game-tooltip-body:empty{display:none}
.source-inventory .inventory-upgrade,.source-inventory .inventory-dismantle,.source-inventory .source-storage-button{position:absolute;top:5px;bottom:auto;left:auto;width:32px;height:32px;padding:3px;background:#3a3733;border:1px solid #a18b5a;border-radius:1px;z-index:5}.source-inventory .inventory-upgrade{right:calc(6.5% + 80px)}.source-inventory .inventory-dismantle{right:calc(6.5% + 40px)}.source-inventory .source-storage-button{right:6.5%}.source-inventory .inventory-upgrade img,.source-inventory .inventory-dismantle img,.source-inventory .source-storage-button img{width:100%;height:100%;object-fit:contain}.source-inventory .inventory-upgrade span,.source-inventory .inventory-dismantle span{display:none}.source-inventory .bag-help{bottom:1%;font-size:10px;line-height:1.4}.source-inventory .slot .empty-equipment-icon{opacity:.22;filter:grayscale(1)}
@media(max-width:1250px){#currencies .currency-cell{min-width:66px;padding:3px 6px}#currencies span{font-size:11px}#currencies img{width:18px!important;height:18px!important;margin-right:4px}#source-menu{top:76px;right:216px}#camera-state{top:136px}.hero-summary #hero-name{font-size:12px}.portrait>img{width:40px!important;height:53px!important}body[data-mode=game] .portrait{gap:9px;padding:10px}}
@media(max-width:1000px){#skills{width:196px;right:27px;height:126px}#quick{right:237px;width:84px;height:126px}body[data-mode=game] .portrait{left:calc(24% + 43px)!important;width:calc(33% - 26px)!important;padding:9px}.portrait>img{display:none!important}body[data-mode=game] .chat{width:24%;height:126px}#currencies{left:208px}#currencies .currency-cell{min-width:56px;padding:3px 4px}#currencies span{font-size:10px}#source-menu{right:216px;height:45px}#source-menu button{width:32px!important;height:32px!important}#camera-state{top:129px;font-size:10px}#map-panel{width:169px;grid-template-rows:23px 144px 21px;height:210px}#minimap{width:144px!important;height:144px!important}}

/* The world owns the left viewport. Chat and controls reserve real space,
   rather than covering a full-window canvas. */
body[data-mode=game]{--sidebar-width:clamp(264px,20vw,320px);--controls-height:174px;--stage-width:calc(100vw - var(--sidebar-width));--stage-height:calc(100dvh - var(--controls-height))}
body[data-mode=game] #world{inset:0 auto auto 0;width:var(--stage-width);height:var(--stage-height)}
body[data-mode=game] .vignette{right:var(--sidebar-width);bottom:var(--controls-height)}
#game-sidebar{position:absolute;inset:0 0 0 auto;width:var(--sidebar-width);display:flex;flex-direction:column;gap:14px;padding:14px;pointer-events:auto;background-color:#1e1b17;background-image:linear-gradient(#282521e8,#1c1915f5),var(--stone);background-size:auto,256px;border-left:2px solid #a78e5d;box-shadow:inset 3px 0 0 #110e0a,-4px 0 18px #0005}
#game-sidebar #map-panel{position:relative;inset:auto;display:grid;grid-template-rows:25px auto 24px;justify-items:center;gap:4px;padding:9px 10px 5px;width:100%;height:auto;flex-shrink:0;box-shadow:inset 0 0 0 3px #15120e,0 3px 12px #0005}
#game-sidebar #minimap{width:min(220px,100%)!important;height:auto!important;aspect-ratio:1;max-width:100%}
body[data-mode=game] #game-sidebar .chat{position:relative;inset:auto;flex:1;min-height:120px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:start;background:#1d1a16;overflow:hidden;border-color:#66705b;border-radius:2px}
.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 10px;border-bottom:1px solid #786849;background:#322f2b;flex-shrink:0}.chat-heading strong{font-size:13px;font-weight:600;color:#e5cd91}.chat-heading span{color:#a9a6a2;font-size:10px}
body[data-mode=game] #game-sidebar #chat-lines{flex:1;min-height:0;max-height:none;height:auto;padding:12px;font-size:12px;line-height:1.7;overflow-y:auto;overflow-wrap:anywhere;scrollbar-color:#6e785f #201d19;scrollbar-width:thin;overscroll-behavior:contain}
#game-sidebar #chat-lines:empty:before{content:'월드에 접속한 모험가들과 대화하세요.';display:block;padding:14px 3px;color:#918e8a;font-size:11px;line-height:1.8}
body[data-mode=game] #game-sidebar .chat form{display:flex;flex-shrink:0;min-height:42px;width:100%;max-width:none;background:#2b2824;border-top:1px solid #69725d}
body[data-mode=game] #game-sidebar .chat input{font-size:12px;padding:9px 10px}.chat form button{min-width:38px}
#game-controls{position:absolute;inset:auto auto 0 0;width:var(--stage-width);height:var(--controls-height);display:grid;grid-template-columns:minmax(200px,300px) minmax(128px,1fr) 94px 236px;grid-template-areas:'hero utility quick skills';align-items:center;gap:20px;padding:13px 18px 25px;pointer-events:none}
#game-controls #hud-stone-dock{inset:0;width:auto;height:auto;border-left:0;border-right:0;z-index:0}
body[data-mode=game] #game-controls .portrait{grid-area:hero;position:relative!important;inset:auto!important;width:100%!important;height:122px!important;margin:0;min-width:0;z-index:1}
#utility-controls{grid-area:utility;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;z-index:1;pointer-events:auto}
#game-controls #source-menu{position:relative;inset:auto;order:1;display:grid;grid-template-columns:repeat(6,39px);gap:5px;width:auto;height:auto;padding:6px;flex-shrink:0}
#game-controls #source-menu button{width:39px!important;height:39px!important}
#game-controls #camera-state{position:relative;inset:auto;order:2;text-align:center;max-width:100%;width:auto;font-size:10px;line-height:1.4;padding:5px 8px;white-space:normal}
#game-controls .bottom{display:contents}
#game-controls #quick{grid-area:quick;position:relative;inset:auto;width:100%;height:132px;z-index:1}
#game-controls #skills{grid-area:skills;position:relative;inset:auto;width:100%;height:132px;z-index:1}
body[data-mode=game] #game-controls .xp{inset:auto 18px 7px 18px!important;z-index:1}
body[data-mode=game] .target{left:calc(var(--stage-width)/2)}
body[data-mode=game] #merchant-info{right:calc(var(--sidebar-width) + 18px);bottom:calc(var(--controls-height) + 12px);width:236px}
body[data-mode=game] #order-hint{left:calc(var(--stage-width)/2);bottom:calc(var(--controls-height) + 12px)}
body[data-mode=game] .notices{left:18px;bottom:calc(var(--controls-height) + 15px);max-width:calc(var(--stage-width) - 36px)}
body[data-mode=game] .error-toast{left:calc(var(--stage-width)/2);max-width:calc(var(--stage-width) - 28px)}
body[data-mode=game] dialog.panel:not(.source-special-panel){position:fixed;margin:0;left:calc(var(--stage-width)/2);top:calc(var(--stage-height)/2);transform:translate(-50%,-50%);max-width:calc(var(--stage-width) - 28px);max-height:calc(var(--stage-height) - 28px)}
/* Dense, legible controls: the six menus fill their allocated column. */
body[data-mode=game]{--controls-height:204px}
#game-controls{grid-template-columns:minmax(220px,300px) minmax(300px,1fr) 112px 236px;gap:16px;padding:10px 14px 24px}
body[data-mode=game] #game-controls .portrait{height:166px!important;padding:14px}
#utility-controls{width:100%;height:100%;gap:8px}
#game-controls #source-menu{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px}
#game-controls #source-menu button{display:grid;grid-template-rows:minmax(0,1fr) 18px;justify-items:center;align-items:center;width:100%!important;height:94px!important;padding:5px;min-width:0}
#game-controls #source-menu button img{width:100%;height:100%;max-height:64px;object-fit:contain}
#game-controls #source-menu .menu-caption{display:block;font-size:13px;line-height:18px;color:#ecdba6;white-space:nowrap;text-shadow:0 1px 2px #000}
#game-controls #source-menu button kbd{top:2px;right:3px;bottom:auto;font-size:12px;line-height:15px}
#game-controls #camera-state{width:100%;font-size:12px;padding:7px 8px;line-height:16px}
#game-controls #quick,#game-controls #skills{height:166px;gap:6px}
#skills .slot kbd,#quick .slot kbd{font-size:12px;line-height:15px}#skills .slot small,#quick .slot small{font-size:11px}
#game-controls .portrait .meter{height:22px;margin:6px 0}#game-controls .portrait .meter span{font-size:12px}.hero-summary #hero-name{font-size:15px}.hero-summary #hero-class{font-size:12px}
@media(max-width:1400px){body[data-mode=game]{--controls-height:190px}#game-controls{grid-template-columns:minmax(170px,220px) minmax(260px,1fr) 100px 212px;gap:12px;padding:10px 12px 24px}body[data-mode=game] #game-controls .portrait{height:150px!important;padding:10px}#game-controls #source-menu{gap:5px;padding:6px}#game-controls #source-menu button{height:84px!important;padding:4px}#game-controls #source-menu .menu-caption{font-size:12px}#game-controls #quick,#game-controls #skills{height:150px;gap:5px}#game-controls #camera-state{padding:5px 6px;font-size:11px}.hero-summary #hero-class{font-size:10px}}
@media(max-width:1100px){body[data-mode=game]{--sidebar-width:240px;--controls-height:278px}#game-controls{grid-template-columns:minmax(150px,1fr) 92px 194px;grid-template-rows:140px 104px;grid-template-areas:'hero quick skills' 'utility utility utility';gap:6px 12px;padding:10px 12px 18px}body[data-mode=game] #game-controls .portrait{height:134px!important}#game-controls #quick,#game-controls #skills{height:138px;gap:5px}#utility-controls{flex-direction:column;gap:3px}#game-controls #source-menu{grid-template-columns:repeat(6,minmax(0,1fr));padding:4px;gap:5px}#game-controls #source-menu button{height:70px!important;grid-template-rows:minmax(0,1fr) 16px}#game-controls #source-menu .menu-caption{font-size:12px;line-height:16px}#game-controls #camera-state{height:20px;padding:1px 4px;max-width:none;font-size:10px}body[data-mode=game] #game-controls .portrait>img{display:none}#game-sidebar{padding:10px;gap:0}body[data-mode=game] #currencies{left:16px;top:80px}body[data-mode=game] header{height:55px}}
@media(max-width:800px){body[data-mode=game]{--sidebar-width:210px;--controls-height:266px}#game-controls{grid-template-columns:minmax(100px,1fr) 80px 170px;grid-template-rows:132px 98px;gap:6px 8px;padding:9px 9px 21px}#game-controls #quick,#game-controls #skills{height:128px;gap:4px}body[data-mode=game] #game-controls .portrait{height:128px!important;padding:8px}#game-controls #source-menu{gap:4px}#game-controls #source-menu button{height:64px!important;padding:3px}#game-controls #source-menu .menu-caption{font-size:11px}#game-controls #source-menu button kbd{font-size:10px}.chat-heading{padding:10px 8px}.chat-heading span{display:none}body[data-mode=game] #game-sidebar #chat-lines{font-size:12px;padding:9px}.hero-summary #hero-class{white-space:normal}}

/* Currency belongs to the right edge of the world, not the chat sidebar. */
body[data-mode=game] #currencies{left:auto;right:calc(var(--sidebar-width) + 14px);top:14px;max-width:calc(var(--stage-width) - 218px)}
#utility-controls{gap:0}
@media(max-width:1100px){body[data-mode=game] #currencies{left:auto;right:calc(var(--sidebar-width) + 12px);top:14px;max-width:calc(var(--stage-width) - 208px)}#currencies .currency-cell{min-width:0;padding:3px 5px}#currencies img{width:16px!important;height:16px!important}#currencies span{font-size:10px}}
@media(max-width:800px){body[data-mode=game] #currencies{top:80px;max-width:calc(var(--stage-width) - 24px)}}

/* Source HumanCursor gauntlet: remastered image; native OS cursor, no JS follower. */
:root{--game-cursor:url("data:image/png;base64,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") 5 6,default;--game-target-cursor:url("data:image/png;base64,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") 20 20,crosshair}
body,button,a,summary,[role=button],#world,#skills .slot,#quick .slot,.source-inventory .slot,.menu-icon-row{cursor:var(--game-cursor)}
button:disabled{cursor:not-allowed}input,textarea,[contenteditable=true]{cursor:text}
body[data-targeting=true] #world{cursor:var(--game-target-cursor)!important}

body :is(button,a,summary,[role=button],.slot,.menu-icon-row){cursor:var(--game-cursor)!important}
body button:disabled{cursor:not-allowed!important}

/* Opaque iron and warm charcoal. Game art retains its original colors. */
:root{--ink:#171614;--panel:#25221e;--panel-light:#322e27;--muted:#aaa397;--paper:#e6dfd1;color-scheme:only light}
body{background:#171614;color:var(--paper)}
#game-sidebar,#hud-stone-dock,dialog.panel,dialog.source-inventory{background-image:none;background-color:#24211d}
#game-sidebar{border-color:#625b4c}#hud-stone-dock{border-color:#766b56}
body[data-mode=game] .chat{background:#1b1916}body[data-mode=game] .chat form,body[data-mode=game] .chat input{background:#25221e}
.game-tooltip{background:#1b1916;color:#e6dfd1}.tooltip-heading{background:#302b24}#game-tooltip-body{color:#d7cfc0}
#bag{position:fixed!important;inset:auto!important;left:var(--world-center-x,50vw)!important;top:50dvh!important;transform:translate(-50%,-50%);width:min(920px,calc(var(--stage-width,100vw) - 28px))!important;height:auto!important;max-height:calc(100dvh - 28px)!important;margin:0!important;padding:0!important;overflow:auto;border:1px solid #7d705a;border-radius:3px;background:#211e1a;box-shadow:0 14px 48px #000b,inset 0 0 0 3px #141310;scrollbar-color:#726652 #211e1a}
#bag .dialog-header{position:relative!important;inset:auto!important;height:52px!important;width:auto!important;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;pointer-events:auto;background:#181613;border-bottom:1px solid #5b5243!important}
#bag .dialog-header h2{font-size:18px;color:#e5d7bc;margin:0}
#bag .dialog-header [data-close]{position:static!important;width:30px!important;height:30px!important;padding:2px;min-height:0;min-width:0;background:#29241d!important}
#inventory-tools{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid #403a30;background:#29251f}
#bag #inventory-tools button{position:static!important;inset:auto!important;width:auto!important;height:36px!important;display:flex;align-items:center;gap:7px;padding:5px 10px;background:#302b23;border:1px solid #71634c;box-shadow:inset 0 0 0 1px #171511;font-size:12px}
#bag #inventory-tools button img{width:24px;height:24px}#bag #inventory-tools button span{display:inline;font-size:12px}
#bag #stats{position:static!important;inset:auto!important;width:auto!important;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0;padding:12px 18px;margin:0;background:#1b1916;border:0;border-bottom:1px solid #403a30;box-shadow:none}
#bag #stats>div{border-right:1px solid #3e372b;padding:0 8px;color:#afa797;font-size:11px}#bag #stats>div:first-child{padding-left:0}#bag #stats>div:last-child{border-right:0}#bag #stats strong{display:block;color:#e9deca;font-size:15px;font-weight:600;margin-top:3px}
#bag .bag-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;padding:16px 18px 12px}
#bag section{min-width:0}#bag h3{font-size:13px;color:#e5d6b7;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 9px;font-weight:600}#bag h3 small{font-size:11px;color:#a79f90;font-weight:400}
#bag #equipment,#bag #inventory{position:static!important;inset:auto!important;display:grid!important;width:auto!important;height:auto!important;gap:5px;padding:0}
#bag #equipment{grid-template-columns:repeat(5,minmax(0,1fr))}#bag #inventory{grid-template-columns:repeat(7,minmax(0,1fr))}
#bag .slot{position:relative!important;inset:auto!important;width:100%!important;height:58px!important;min-width:0;padding:3px;border:1px solid #5d5549;border-radius:2px;background:#141310;box-shadow:inset 0 0 0 2px #090908;overflow:hidden;color:#cfc5b1}
#bag .slot:hover{border-color:#b69b68;background:#211d17}#bag .slot.selected{border-color:#e1bb71;box-shadow:inset 0 0 0 2px #8b6b35}
#bag .slot img{display:block;max-width:100%;max-height:100%;margin:auto;width:100%;height:100%;object-fit:contain;filter:none}
#bag #equipment .slot{padding-bottom:16px}#bag #equipment .slot .slot-label{position:absolute;bottom:0;left:1px;right:1px;height:15px;font-size:10px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bab09e;text-align:center;background:#141310}
#bag #equipment .empty-equipment-icon{opacity:.25;filter:grayscale(1)}#bag .slot small{font-size:11px;background:#090908e8;color:#f0e1bc;bottom:1px;right:2px}
#bag .carry-heading{margin-top:15px}#bag-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}#bag #bag-quick .slot{height:46px!important}#bag-quick .slot:first-child{border-color:#ad8346}#bag-quick .slot kbd{position:absolute;left:3px;top:1px;font-size:10px;color:#d4c19d;background:#141310}
#bag-potion-status{font-size:11px;line-height:1.5;color:#bdb2a0;margin:8px 0 0}#bag-potion-status.empty{color:#e0a27a}
#bag .bag-selection{padding:12px;margin-top:12px;min-height:94px;background:#1a1814;border:1px solid #494032}#bag-selected-name{display:block;font-size:12px;color:#e3d7bf;line-height:1.5}#bag .bag-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}#bag .bag-actions button{font-size:12px;padding:6px 10px;background:#353025;border:1px solid #776447}
#bag .bag-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #504636;background:#181613}
#bag .bag-help,#bag #inventory-summary,#bag #sell-button{position:static!important;inset:auto!important;width:auto!important;margin:0}#bag .bag-help{font-size:11px;color:#aaa090}#bag #sell-button{font-size:11px;padding:7px 10px;background:#302a20;border:1px solid #65563e}
#potion-status{font-size:13px;color:#e0c59b;margin:0 0 12px}.potion-help{font-size:12px;line-height:1.65;color:#c9bdab}#settings .potion-setting{background:#201c17;border-color:#63533b}#potion-shop{background:#393020;border-color:#8c734c}
#quick .slot .quick-hint{position:absolute;left:1px;right:1px;bottom:4px;text-align:center;font-size:10px;line-height:12px;color:#ceaa79}#quick .slot.potion-empty{border-color:#ad744b;background:#251910}
@media(max-width:1100px){#bag #stats{grid-template-columns:repeat(5,1fr);row-gap:10px}#bag .slot{height:48px!important}#bag .bag-body{gap:12px;padding:12px}#bag #equipment .slot .slot-label{font-size:9px}#bag .bag-footer{padding:10px 12px}}
@media(max-width:760px){#bag{width:calc(100vw - 24px)!important;left:50vw!important}#bag .bag-body{grid-template-columns:1fr}#bag #equipment{grid-template-columns:repeat(6,1fr)}#bag .slot{height:54px!important}#bag .bag-help{display:none}}

/* Original A63 paper-doll geometry, with only restrained spacing and styling. */
#bag{width:min(860px,calc(var(--stage-width,100vw) - 28px),calc(143.5dvh - 272.65px))!important}
#bag .bag-source-layout{position:relative;width:calc(100% - 24px);aspect-ratio:33/23;margin:10px 12px 0}
#bag .bag-source-layout #equipment,#bag .bag-source-layout #inventory{display:contents!important}
#bag .bag-source-layout .slot{position:absolute!important;left:var(--slot-left)!important;top:var(--slot-top)!important;width:var(--slot-width)!important;height:var(--slot-height)!important;padding:3px!important}
#bag .bag-source-layout .slot-label{display:none!important}
#bag .bag-source-layout #stats{position:absolute!important;left:11.6%!important;top:16.26%!important;width:26.8%!important;height:66.78%!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:0;padding:4px;background:#1b1916;border:1px solid #514a3f;box-shadow:inset 0 0 0 2px #13120f}
#bag .bag-source-layout #stats>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:9px 12px;border:0;border-bottom:1px solid #373127;font-size:12px;line-height:16px;color:#bfb5a3}#bag .bag-source-layout #stats>div:nth-child(odd){border-right:1px solid #373127}#bag .bag-source-layout #stats>div:nth-last-child(-n+2){border-bottom:0}#bag .bag-source-layout #stats strong{font-size:18px;font-weight:650;line-height:23px;margin-top:6px;color:#eadfc8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#bag .bag-source-layout #inventory-summary{position:absolute!important;left:55%!important;top:89%!important;font-size:11px;color:#bdb09a}
#bag .bag-original-footer{padding:10px 16px;border-top:1px solid #514735;background:#191713}
#bag .bag-item-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#bag .bag-item-actions strong{flex:1;font-size:12px;min-width:150px;color:#d6c9ae}#bag .bag-item-actions button{padding:6px 9px;font-size:11px;background:#30291e;border:1px solid #69583f}#bag .bag-original-footer .bag-help{font-size:10px;color:#a99d89;margin:7px 0 0}
#bag .bag-carry{margin-top:7px;font-size:11px;color:#bfaf92}#bag .bag-carry summary{width:max-content}#bag #bag-quick{max-width:330px;margin-top:8px}#bag-potion-status{font-size:10px;margin:5px 0 0}
body[data-mode=game] .portrait .meter.mp i{background:linear-gradient(#557b90,#304756)}
@media(max-height:800px){#bag .bag-source-layout #stats{padding:3px}#bag .bag-source-layout #stats>div{padding:6px 8px;font-size:10px;line-height:14px}#bag .bag-source-layout #stats strong{font-size:14px;line-height:18px;margin-top:4px}}
