:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2ead8;--ink-dim:#b9ac90;--panel:#18140edb;--panel-edge:#5c4a2e;--panel-edge-hi:#8a6f42;--gold:#e8b13c;--hp:#c9333b;--mp:#2f6fd0;--xp:#b03fc4;--danger:#ff5b52;--dock-w:216px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Verdana,Geneva,Tahoma,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{background:#10140f;width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{position:relative}#game-canvas{touch-action:none;cursor:crosshair;outline:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;color:var(--ink);text-shadow:0 1px 2px #000000e6;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:3px;outline:1px solid #000000bf;box-shadow:inset 0 1px #fff0c814,0 4px 14px #00000073}#char-panel{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute}#level-badge{border:2px solid var(--panel-edge-hi);width:44px;height:44px;color:var(--gold);background:radial-gradient(circle at 35% 30%,#4a3b22,#241c10 72%);border-radius:50%;outline:1px solid #000c;place-items:center;font-size:1.05rem;font-weight:700;display:grid}#vitals{gap:4px;display:grid}.bar{background:#1a120c;border:1px solid #000;width:188px;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.bar-fill{transform-origin:0;width:100%;transition:transform .12s linear;position:absolute;inset:0}.bar.hp .bar-fill{background:linear-gradient(#e0575e, var(--hp) 55%, #8d1f26)}.bar.mp .bar-fill{background:linear-gradient(#5e93e6, var(--mp) 55%, #1c4386)}.bar.xp{height:11px}.bar.xp .bar-fill{background:linear-gradient(#d269e4, var(--xp) 55%, #6e2380)}.bar.target .bar-fill{background:linear-gradient(#7ed957,#3f9c2a 55%,#276317)}.bar-text{letter-spacing:.02em;color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000;font-variant-numeric:tabular-nums;place-items:center;font-size:.62rem;font-weight:700;display:grid;position:absolute;inset:0}#target-frame{top:max(12px, env(safe-area-inset-top));text-align:center;border-color:#7a2f2a;gap:4px;min-width:170px;padding:7px 10px 8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#target-name{color:#ffd9d0;font-size:.78rem;font-weight:700}#target-frame .bar{width:160px;height:10px;margin:0 auto}#right-dock{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:var(--dock-w);pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute}#minimap{border:2px solid var(--panel-edge);width:132px;height:132px;image-rendering:pixelated;background:#0a0d09;border-radius:3px;outline:1px solid #000c;align-self:flex-end}#gold-panel{color:var(--gold);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:7px;padding:5px 10px;font-size:.82rem;font-weight:700;display:flex}#inventory-panel.dock-section{pointer-events:auto;flex:auto;align-content:start;gap:8px;min-height:0;padding:10px 12px 12px;display:grid;overflow-y:auto}.coin{background:radial-gradient(circle at 35% 30%,#ffe9a8,#e8b13c 55%,#8a6414);border-radius:50%;width:13px;height:13px;box-shadow:0 0 4px #e8b13c99}#message-log{left:max(14px, env(safe-area-inset-left));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 86px);flex-direction:column;justify-content:flex-end;gap:3px;max-width:min(46vw,420px);font-size:.72rem;line-height:1.35;display:flex;position:absolute}.log-line{border-left:2px solid var(--panel-edge-hi);opacity:1;background:#0a08058c;border-radius:2px;padding:2px 6px;transition:opacity .6s}.log-line.fading{opacity:0}.log-line.combat{color:#ffb9a8;border-left-color:#a0392f}.log-line.reward{color:#ffe9a8;border-left-color:var(--gold)}.log-line.system{color:#bfe3ff;border-left-color:#4a7fb5}#hotbar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.slot{border:1px solid var(--panel-edge);background:linear-gradient(#fff0c80d, #00000040), var(--panel);width:62px;height:68px;color:var(--ink);cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:4px;outline:1px solid #000000bf;padding:0;font-family:inherit;position:relative}.slot:hover:not(:disabled){border-color:var(--panel-edge-hi)}.slot-stop{background:linear-gradient(#e0503b24, #0000004d), var(--panel)}.slot-stop:hover{border-color:#c9503f}.slot-stop .slot-name{color:#e79a8e}.slot:active:not(:disabled){transform:translateY(1px)}.slot:focus-visible{outline:2px solid var(--gold)}.slot:disabled{cursor:default;filter:grayscale(.8)brightness(.7)}.slot-icon{filter:drop-shadow(0 2px 2px #000000b3);width:30px;height:30px;margin:8px auto 0;display:block}.slot-key{color:var(--ink-dim);font-size:.6rem;font-weight:700;position:absolute;top:2px;left:4px}.slot-count{color:#fff;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:700;position:absolute;top:2px;right:4px}.slot-cost{color:#8fb8f2;font-variant-numeric:tabular-nums;font-size:.62rem;font-weight:700;position:absolute;top:2px;right:4px}.slot-name{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);font-size:.58rem;position:absolute;bottom:4px;left:0;right:0}.slot-cooldown{pointer-events:none;border-radius:3px;position:absolute;inset:0}.slot.flash{animation:.26s slot-flash}@keyframes slot-flash{0%{box-shadow:0 0 0 2px var(--gold)}to{box-shadow:0 0 0 2px #0000}}#help-button{left:max(12px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--panel-edge);background:var(--panel);width:34px;height:34px;color:var(--gold);cursor:pointer;pointer-events:auto;border-radius:50%;font-family:inherit;font-size:.95rem;font-weight:700;position:absolute}#help-button:hover{border-color:var(--panel-edge-hi)}.overlay{pointer-events:auto;background:#0806049e;place-items:center;display:grid;position:absolute;inset:0}.overlay-panel{background:var(--panel);border:2px solid var(--panel-edge);text-align:center;border-radius:5px;outline:1px solid #000c;width:min(430px,100vw - 40px);max-height:calc(100vh - 60px);padding:22px 26px;overflow-y:auto;box-shadow:0 18px 60px #000000b3}.overlay-panel h2{letter-spacing:.06em;color:var(--gold);margin:0;font-size:1.5rem}.overlay-panel.death h2{color:var(--danger)}.overlay-sub{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 14px;font-size:.72rem}#help-list{text-align:left;margin:0 0 12px;padding:0;font-size:.78rem;line-height:1.9;list-style:none}#help-list b{color:var(--gold)}.overlay-hint{color:var(--ink-dim);margin:0 0 16px;font-size:.72rem;line-height:1.5}#death-detail{color:var(--ink-dim);margin:10px 0 18px;font-size:.8rem}.overlay-panel button{border:1px solid var(--panel-edge-hi);color:var(--ink);cursor:pointer;background:linear-gradient(#57431f,#34270f);border-radius:3px;padding:9px 22px;font-family:inherit;font-size:.82rem;font-weight:700}.overlay-panel button:hover{background:linear-gradient(#6b5326,#453413)}.panel-button{border:1px solid var(--panel-edge);background:linear-gradient(#fff0c80d, #00000040), var(--panel);width:44px;height:44px;color:var(--ink);cursor:pointer;pointer-events:auto;border-radius:4px;outline:1px solid #000000bf;padding:6px;font-family:inherit}.panel-button:hover{border-color:var(--panel-edge-hi)}.panel-button svg{filter:drop-shadow(0 2px 2px #000000b3);width:100%;height:100%;display:block}#stance-selector{left:calc(50% + 148px);bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;gap:5px;display:flex;position:absolute}.stance-btn{border:1px solid var(--panel-edge);background:linear-gradient(#fff0c80d, #00000059), var(--panel);cursor:pointer;pointer-events:auto;opacity:.65;border-radius:4px;outline:1px solid #000000bf;width:38px;height:44px;padding:6px;font-family:inherit}.stance-btn svg{filter:drop-shadow(0 1px 2px #000000b3);width:100%;height:100%;display:block}.stance-btn:hover{border-color:var(--panel-edge-hi);opacity:.85}.stance-btn.active{opacity:1;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.side-drawer{top:max(120px, calc(env(safe-area-inset-top) + 108px));left:max(12px, env(safe-area-inset-left));pointer-events:auto;z-index:4;align-content:start;gap:8px;width:236px;max-height:calc(100vh - 200px);padding:10px 12px 12px;display:grid;position:absolute;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-title{letter-spacing:.06em;color:var(--gold);text-transform:uppercase;font-size:.82rem;font-weight:700}.drawer-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:.66rem}.drawer-close{border:1px solid var(--panel-edge);background:var(--panel);width:22px;height:22px;color:var(--ink);cursor:pointer;pointer-events:auto;border-radius:3px;font-family:inherit;font-size:.95rem;line-height:1}.drawer-close:hover{border-color:var(--panel-edge-hi)}#paperdoll{grid-template-columns:repeat(3,1fr);grid-template-areas:"amulet helmet backpack""weapon armor shield""ring legs gloves""util boots util2";justify-items:center;gap:5px;display:grid}#paperdoll .item-cell{width:100%}#bag-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.item-cell{aspect-ratio:1;border:1px solid var(--panel-edge);cursor:default;pointer-events:auto;color:var(--ink);background:#1a120c;border-radius:3px;outline:1px solid #000000b3;padding:0;font-family:inherit;position:relative;box-shadow:inset 0 1px 3px #000000b3}.item-cell.filled{cursor:pointer;background:linear-gradient(#fff0c80d,#0003),#241a10}.item-cell.filled:hover{border-color:var(--panel-edge-hi)}.item-cell.equip-slot{border-color:#4a3b22}.item-cell .item-icon{filter:drop-shadow(0 1px 2px #000000b3);width:76%;height:76%;margin:12% auto 0;display:block}.item-cell .cell-label{letter-spacing:.02em;text-transform:uppercase;text-align:center;color:var(--ink-dim);font-size:.46rem;position:absolute;bottom:1px;left:0;right:0}.item-cell .cell-count{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;font-size:.6rem;font-weight:700;position:absolute;bottom:1px;right:2px}.loot-window{top:max(96px, calc(env(safe-area-inset-top) + 84px));pointer-events:auto;z-index:3;align-content:start;gap:8px;width:min(232px,100vw - 24px);max-height:calc(100vh - 220px);padding:10px 12px 12px;display:grid;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%)}.loot-head-actions{align-items:center;gap:6px;display:flex}.loot-take-all{border:1px solid var(--panel-edge-hi);background:var(--panel);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;pointer-events:auto;border-radius:3px;padding:3px 7px;font-family:inherit;font-size:.62rem}.loot-take-all:hover:not([disabled]){border-color:var(--gold);color:var(--gold)}.loot-take-all[disabled]{opacity:.4;cursor:default}#loot-grid{grid-template-columns:repeat(4,1fr);gap:5px;min-height:44px;display:grid}.loot-cell{cursor:grab}.loot-cell.dragging{opacity:.4;cursor:grabbing}.loot-empty{text-align:center;color:var(--ink-dim);grid-column:1/-1;padding:10px 2px;font-size:.7rem}#bag-grid.drag-over{outline:2px dashed var(--gold);outline-offset:1px}#character-body{gap:6px;font-size:.72rem;display:grid}.char-row{justify-content:space-between;gap:8px;display:flex}.char-row .char-key{color:var(--ink-dim)}.char-row .char-val{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.skill-row{gap:2px;margin-top:2px;display:grid}.skill-row .skill-head{justify-content:space-between;font-size:.68rem;display:flex}.skill-row .skill-name{color:var(--ink-dim)}.skill-row .skill-level{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.skill-row .bar{width:100%;height:8px}.skill-row .bar .bar-fill{background:linear-gradient(#d269e4, var(--xp) 55%, #6e2380)}@media (pointer:coarse),(width<=760px){:root{--dock-w:min(42vw, 156px)}.bar{width:148px}#minimap{aspect-ratio:1;width:min(100%,112px);height:auto}#right-dock{gap:6px}#inventory-panel.dock-section{padding:8px 8px 10px}#message-log{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 96px);max-width:54vw;font-size:.66rem}.slot{width:64px;height:70px}#target-frame{top:calc(max(12px, env(safe-area-inset-top)) + 78px);left:max(12px, env(safe-area-inset-left));transform:none}#stance-selector{left:50%;right:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 84px);transform:translate(-50%)}.side-drawer{width:min(240px,100vw - 24px);top:max(120px, calc(env(safe-area-inset-top) + 112px));max-height:calc(100vh - 220px)}.loot-window{top:max(80px, calc(env(safe-area-inset-top) + 72px));left:max(12px, env(safe-area-inset-left));max-height:calc(100vh - 200px);transform:none}}body.panel-open #message-log{display:none}#menu-root{z-index:10;background:radial-gradient(130% 120% at 50% 0,#46371e80,#060503f0),#10140f;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow-y:auto}.menu-panel{text-align:center;width:min(420px,100vw - 32px)}.menu-form{flex-direction:column;gap:10px;margin-top:8px;display:flex}.menu-input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--panel-edge);background:#00000059;border-radius:3px;padding:10px 12px;font-size:.9rem}.menu-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #e8b13c40}.menu-input::placeholder{color:var(--ink-dim)}.menu-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.overlay-panel button:disabled{opacity:.45;cursor:not-allowed}.overlay-panel button.menu-secondary{background:linear-gradient(#3a3122,#221b0f)}.overlay-panel button.menu-secondary:hover{background:linear-gradient(#483d29,#2c2413)}.menu-error{color:var(--danger);min-height:1em;margin:2px 0 0;font-size:.76rem}.menu-note{color:var(--ink-dim);margin-top:14px;font-size:.68rem;line-height:1.45}.character-list{text-align:left;flex-direction:column;gap:8px;margin:14px 0 10px;display:flex}.character-card{border:1px solid var(--panel-edge);border-left:3px solid var(--panel-edge-hi);background:#0000004d;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.character-card.male{border-left-color:#5e93e6}.character-card.female{border-left-color:#c77dbb}.character-info{flex-direction:column;gap:2px;display:flex}.character-name{color:var(--ink);font-size:.95rem;font-weight:700}.character-meta{color:var(--ink-dim);font-size:.72rem}.character-buttons{flex-shrink:0;gap:6px;display:flex}.overlay-panel button.menu-enter{padding:7px 16px}.overlay-panel button.menu-delete{background:linear-gradient(#5a2724,#331312);border-color:#7a3a34;padding:7px 12px}.overlay-panel button.menu-delete:hover{background:linear-gradient(#6c2f2b,#401817)}.menu-empty{color:var(--ink-dim);text-align:center;padding:12px 0;font-size:.82rem}.gender-field{gap:10px;display:flex}.gender-option{border:1px solid var(--panel-edge);cursor:pointer;background:#0000004d;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:.85rem;display:flex}.gender-option:has(input:checked){border-color:var(--gold);color:var(--gold);background:#e8b13c24}.gender-option input{accent-color:var(--gold)}.gender-option input #net-status{z-index:20;color:#eaf4c8;letter-spacing:.02em;pointer-events:none;background:#141a14db;border:1px solid #d2e2aa47;border-radius:999px;padding:6px 16px;font:500 13px/1.2 system-ui,sans-serif;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.gender-option input #net-status[hidden]{display:none}