:root{color-scheme:dark;--ink:#f0e5cd;--gold:#dfbd81;--muted:#aaaeb2;--panel:#1d2831;font:14px 'Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:#111a22;color:var(--ink);overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(1.18)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px}button{border:1px solid #6e6d64;background:#28343c;padding:8px 11px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}canvas{image-rendering:pixelated}#game-shell,#viewport{position:fixed;inset:0;width:100%;height:100dvh}#game{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#game-shell:fullscreen{height:100vh;background:#111a22}#game-shell:fullscreen #viewport{height:100vh}.world-hud{position:absolute;inset:20px 26px auto;display:grid;grid-template-columns:minmax(180px,310px) 1fr minmax(180px,310px);gap:24px;align-items:start;pointer-events:none}.hero-hud{padding:12px 15px;background:linear-gradient(90deg,#13212bee,#13212ba0);border-left:3px solid #ed9b7b;box-shadow:0 10px 30px #070c1422}.hero-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.hero-heading>b{letter-spacing:2px;color:#f3b391;font-size:18px}.hero-state{font-size:11px}.health-track{height:25px;position:relative;background:#2a202c;border:1px solid #ad7d74;padding:3px}.health-track>i{display:block;height:100%;background:#cc726d;box-shadow:inset 0 3px #efb095;transition:width .1s}.health-track>span{position:absolute;inset:2px 0;text-align:center;font-size:15px;font-weight:bold;text-shadow:1px 1px 2px #000;line-height:20px}.focus-track{height:9px;background:#273545;margin-top:7px;position:relative}.focus-track i{display:block;height:100%;background:#8aaebd;transition:width .1s}.focus-track span{position:absolute;right:0;top:13px;font-size:10px;color:#b4cbd3}.oath-name{display:block;font-size:11px;margin-top:12px;min-height:14px;max-width:65%;color:#c9c8bc}.second{border-left:0;border-right:3px solid #92c8e5;background:linear-gradient(270deg,#13212bee,#13212ba0)}.second .hero-heading>b{color:#a9d9ed}.second .health-track{border-color:#85b2c4}.second .health-track>i{background:#4c98bc;box-shadow:inset 0 3px #9ed3e4}.hero-hud.inactive{opacity:.3}.low-health .health-track{border-color:#ff5e56;box-shadow:0 0 16px #e3484844}.low-health .hero-state{color:#ff9a88}.run-hud{text-align:center;padding-top:4px;text-shadow:1px 2px 3px #000;pointer-events:auto}.run-hud>b{font-size:12px;letter-spacing:1.8px;color:#d7c49f}.run-hud>span{display:block;font:24px Georgia,serif;margin:6px}.run-hud>div{display:flex;gap:16px;align-items:center;justify-content:center;font-size:13px}.gold{color:#f0cd87}.run-hud button{padding:5px 8px;font-size:11px;background:#192832ba}.run-hud small{display:block;font-size:10px;color:#a8b8b9;margin-top:8px}kbd{font:11px 'Courier New',monospace;padding:3px 5px;background:#293741bd;border:1px solid #68787b;color:#e5dbc2;border-radius:2px}#combat-ui{pointer-events:none;position:absolute;inset:0}#encounter-label{position:absolute;left:30px;top:170px;color:#d4c6aa;font-size:12px;letter-spacing:1px;background:#14212b99;padding:8px 10px}#boss-hud{position:absolute;top:139px;left:32%;width:36%;background:#15202ad9;padding:9px 12px;color:#f1d0a2}#boss-hud>div:first-child{display:flex;justify-content:space-between;font-size:12px}.boss-track{height:12px;border:1px solid #bd866c;background:#2b1f2a;margin:6px 0}.boss-track i{display:block;height:100%;background:#c36263;box-shadow:inset 0 2px #efa27c}#boss-phase{font-size:11px;display:block;text-align:center}#toast{position:absolute;left:50%;top:27%;transform:translateX(-50%);background:#13222eed;padding:12px 18px;border:1px solid #9c8861;max-width:min(620px,90vw);text-align:center;line-height:1.5;opacity:0;transition:opacity .15s}#toast.visible{opacity:1}#connection-notice,#down-notice{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#30252eed;border:1px solid #d19775;text-align:center;max-width:85vw}.equipment{position:absolute;bottom:22px;left:26px;background:linear-gradient(90deg,#101d28ef,#101d2899);padding:12px 15px;max-width:440px}.equipment-heading{display:flex;gap:12px;align-items:center;font-size:11px}.equipment-heading b{font-size:12px;letter-spacing:1px}.equipment-heading b span{font-weight:normal;color:#82949b;margin-left:6px}.equipment-heading>span{color:#d3bc8d;font-size:10px;max-width:145px}.equipment-heading button{margin-left:auto;font-size:10px;padding:4px 6px}.item-slots{display:flex;gap:7px;margin-top:10px}.item-slot,.trait-slot{width:43px;height:43px;border:1px solid #60737c;background:#22323dd9;display:grid;place-items:center;padding:6px;position:relative}.item-slot:disabled{opacity:.55}.item-slot:empty:after{content:'·';font-size:25px;color:#8c8e84}.item-slot.filled{border-color:#c0a577}.item-slot canvas{width:28px;height:28px}.tech-row{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:10px;color:#aab7b9}.tech-row>div{display:flex;gap:6px}.trait-slot{width:30px;height:30px;padding:3px}.trait-slot canvas{width:23px;height:23px}#oath-button{margin-left:auto;font-size:10px;padding:5px 7px}#stat-line{font-size:10px;color:#bec9c7;margin-top:8px}.controls{position:absolute;right:27px;bottom:24px;text-align:right;font-size:11px;color:#b5c0bf;line-height:2.8;text-shadow:1px 1px #000}.controls kbd{margin-left:10px}.utility{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:5px}.utility button{font-size:10px;padding:4px 6px;background:#172630bf}.utility small{font-size:10px;color:#9bb3ad}.equipment,.controls{z-index:3}#interaction{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:#13232eeb;border:1px solid #d4b179;padding:13px 17px;max-width:90vw;box-shadow:0 8px 40px #0007;z-index:5}#interaction>kbd{font-size:19px;padding:7px 11px}#interaction b{font:21px Georgia,serif;display:block}#interaction span{font-size:12px;color:#bbbeb3;display:block;margin-top:5px}#interact-button{font-size:11px;padding:10px;background:#a88a5f;color:#111c24;font-weight:bold}#item-tooltip{position:absolute;bottom:177px;left:30px;width:320px;background:#162530f5;border:1px solid #b49b77;padding:18px;z-index:15;pointer-events:none;box-shadow:0 12px 40px #0008}#item-tooltip h3{font:23px Georgia,serif;margin:0 0 9px}#item-tooltip p{font:14px/1.55 Arial,sans-serif;color:#d3d2c7;margin:0}#item-tooltip small{display:block;margin-top:9px;font-size:10px;color:#d9b887}.screen{position:absolute;inset:0;z-index:10;background:linear-gradient(90deg,#0e1926f0,#0e192680 70%,#101c2780);overflow:auto}.home-screen{display:flex;justify-content:center;align-items:center;gap:clamp(30px,8vw,170px);padding:8vh 6vw}.home-copy{max-width:530px}.eyebrow{font-size:11px;letter-spacing:2px;color:#d2b481;text-transform:uppercase;line-height:1.8}.home-copy h1{font:900 clamp(44px,5.4vw,86px)/.95 Georgia,serif;letter-spacing:-5px;margin:18px 0 28px;color:#ffe2b3;text-shadow:0 5px #644d40}.home-copy h1 span{display:block;color:#d2b788}.home-copy h2{font:clamp(30px,3vw,46px)/1.1 Georgia,serif;font-weight:normal;margin:0 0 20px}.intro{font:17px/1.8 Arial,sans-serif;color:#b9c5c6}.home-facts{display:flex;gap:18px;margin-top:28px;font-size:10px;color:#b6bba8;letter-spacing:1px}.camp-panel{width:385px;max-width:92vw;padding:28px;background:#192731ed;border:1px solid #938468;box-shadow:0 18px 70px #0006}.camp-panel h3{font:31px/1.1 Georgia,serif;margin:12px 0}.camp-panel h2{font:37px Georgia,serif;margin:14px 0}.camp-panel>p:not(.eyebrow){font:15px/1.6 Arial,sans-serif;color:#bdc6c3}.camp-panel>small{font-size:11px;line-height:1.6;color:#9eacae;display:block;margin-top:18px}.button{width:100%;padding:14px 15px;font-size:12px;letter-spacing:.4px;display:flex;justify-content:space-between;align-items:center;margin-top:12px;text-align:left}.primary{background:#dbb77c;color:#14232b;border-color:#f2d29c;font-weight:bold;box-shadow:inset 0 0 0 2px #a88b63}.quiet{background:#243540;color:#d2c4a5;border-color:#4e6068;justify-content:center}.heat-label{font-size:10px;color:#c9b797;display:block;margin:22px 0}.heat-label select{margin-top:7px;width:100%;font-size:12px;padding:9px;background:#17252f;border:1px solid #50636a}#join-form{display:flex;gap:8px;margin-top:12px}#room-code{width:92px;background:#111e29;border:1px solid #6c7776;padding:10px;font-size:20px;text-transform:uppercase;letter-spacing:3px}#join-form button{flex:1;font-size:12px}#error{color:#f4a88d;min-height:0;font-size:12px}.centered{display:grid;place-items:center;padding:20px;background:#101b2bbf}#party-code{font-size:50px;letter-spacing:14px;text-align:center;margin:25px 0;color:#ffdda0}#party-status{font-size:13px;text-align:center;line-height:2;color:#b1cab6}#lobby-note{overflow-wrap:anywhere}.result-panel{width:520px}#result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;border-block:1px solid #50616a;padding:20px 0;font-size:11px}#result-stats b{display:block;font-size:22px;margin-top:6px;color:#f0cc8d}#result-build{font-size:12px;line-height:1.7;color:#b8c8c5}dialog{color:var(--ink);background:#182933;border:1px solid #c1a274;padding:30px;width:520px;max-width:94vw;max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#08131cc4}dialog h2{font:34px/1.1 Georgia,serif;margin:10px 0 17px}dialog p{font:16px/1.65 Arial,sans-serif;color:#d1d4cb}.close-dialog{position:absolute;top:12px;right:13px;border:0;background:none;font:28px Georgia,serif;padding:4px 9px}#inspection-art{float:left;margin-right:16px;margin-top:8px}#inspection-art canvas{width:46px;height:46px}#inspection-kind{font:11px/1.8 'Courier New',monospace;margin-bottom:5px}#inspection-description{clear:both;padding-top:12px;font-size:18px}#inspection-detail{font:italic 15px/1.5 Georgia,serif;color:#b5bcb4}#inspection-tags{display:flex;gap:7px;flex-wrap:wrap}#inspection-tags span{font-size:10px;letter-spacing:1px;padding:5px 7px;border:1px solid #6c786d;color:#dfc697}#inspection-note{font-size:12px;color:#deb48d}#replacement-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}#replacement-slots button{font-size:12px;line-height:1.5;padding:11px}#replacement-slots .selected{border-color:#ffdb9e;background:#645544}#route-map{width:min(1160px,96vw)}.map-legend{font:12px 'Courier New',monospace}#floor-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}#floor-tabs button{font-size:12px;padding:9px 12px}#floor-tabs .selected{background:#6b573d;border-color:#dfbc7f}#map-floor-name{font:25px Georgia,serif;color:#edcb90}#map-stages{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;overflow:auto}.map-stage{display:flex;flex-direction:column;gap:9px}.map-stage h3{font-size:11px;color:#b9c5bd}.map-node{border:1px solid #4a6671;background:#233540;padding:12px;text-align:center;min-height:122px;display:flex;flex-direction:column;gap:7px;align-items:center}.map-node b{font:17px Georgia,serif}.map-node small,.map-node span{font-size:10px;color:#b6c7c3}.map-node.current{border:2px solid #eac789;background:#544836}.map-node.visited{border-color:#7eb39e;background:#2b433b}.map-node.skipped{opacity:.35}.map-node.upcoming{border-color:#abc7da}.dialog-foot{font-size:12px}#manual{width:850px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.guide-grid h3{font:23px Georgia,serif}.guide-grid p{font-size:14px}#journal{width:850px}#journal-items{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#journal-items button{font-size:12px}#journal-runs{font-size:12px;line-height:1.8}#journal-runs article{padding:15px;border-top:1px solid #52656b}#travel-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c1729e8;z-index:20;pointer-events:none}#travel-overlay h2{font:38px Georgia,serif;margin:16px;text-align:center}#travel-route{display:flex;gap:13px;align-items:center;font-size:12px}#travel-route span{border:1px solid #a1b8b6;padding:12px 16px;background:#233544}.touch-controls{display:none}body[data-mode=home] .world-hud,body[data-mode=home] .equipment,body[data-mode=home] .controls,body[data-mode=home] #combat-ui,body[data-mode=lobby] .equipment,body[data-mode=result] .equipment{display:none}
@media(max-width:1000px){.world-hud{inset:12px 15px auto;gap:10px;grid-template-columns:230px 1fr 230px}.hero-hud{padding:10px}.run-hud>span{font-size:21px}.run-hud>b{font-size:10px}.equipment{bottom:12px;left:15px;padding:10px;max-width:360px}.controls{right:15px;bottom:12px;font-size:10px}.controls kbd{font-size:10px;margin-left:3px}.item-slot{width:37px;height:37px}.item-slot canvas{width:24px;height:24px}#encounter-label{left:15px;top:145px;font-size:10px}#boss-hud{top:139px;left:30%;width:40%}.home-screen{gap:30px;padding:30px}.home-copy h1{font-size:64px}.home-copy h2{font-size:32px}.intro{font-size:14px}.home-facts{flex-wrap:wrap;gap:9px}.camp-panel{width:350px;padding:24px}.home-copy{max-width:360px}#interaction{bottom:160px;max-width:75vw}}
@media(max-width:700px){.world-hud{grid-template-columns:1fr 1fr;gap:10px;inset:10px 10px auto}.hero-hud{padding:8px}.hero-heading>b{font-size:15px}.hero-heading span{font-size:10px}.health-track{height:23px}.health-track span{font-size:12px}.run-hud{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:8px;background:#152631b0;padding:5px}.run-hud>b,.run-hud>span,.run-hud small{display:none}.run-hud>div{font-size:11px;gap:10px}.oath-name{font-size:9px}.focus-track span{font-size:9px}.equipment{left:8px;bottom:10px;padding:8px;max-width:270px}.equipment-heading{font-size:10px}.equipment-heading>b{font-size:10px}.equipment-heading>span{display:none}.item-slot{width:32px;height:32px;padding:4px}.item-slots{gap:5px}.item-slot canvas{width:24px;height:24px}.tech-row{gap:5px;font-size:9px}.controls{bottom:12px;right:8px;max-width:110px}.controls>div:not(.utility){display:none}.utility{flex-wrap:wrap;gap:5px}.utility small{display:none}#interaction{bottom:148px;max-width:95vw;padding:10px;gap:8px}#interaction b{font-size:18px}#interaction span{font-size:11px}#interaction>kbd{font-size:15px}#interact-button{font-size:10px;padding:8px}#encounter-label{top:162px;left:10px;padding:5px}#boss-hud{left:20%;width:65%;top:177px;padding:6px}#boss-hud>div:first-child{font-size:10px}#boss-phase{font-size:9px}.home-screen{display:flex;flex-direction:column;gap:18px;justify-content:flex-start;padding:24px 15px}.home-copy{text-align:center}.home-copy h1{font-size:50px;letter-spacing:-3px;margin:12px}.home-copy h1 span{display:inline}.home-copy h2,.intro,.home-facts{display:none}.home-copy .eyebrow{font-size:9px;margin:0}.camp-panel{width:350px;padding:22px}.camp-panel h3{font-size:26px}.camp-panel>p:not(.eyebrow){font-size:14px}.heat-label{margin:15px 0}.guide-grid{grid-template-columns:1fr;gap:8px}.guide-grid h3{margin-bottom:8px}dialog{padding:26px 20px}dialog h2{font-size:29px}#map-stages{min-width:0;grid-template-columns:repeat(5,150px)}#floor-tabs button{font-size:10px;padding:8px}#item-tooltip{left:10px;bottom:150px;max-width:90vw}#travel-route{font-size:10px;gap:5px}#travel-route span{padding:9px}#travel-overlay h2{font-size:30px}}
@media(pointer:coarse){.touch-controls{position:absolute;left:10px;right:10px;bottom:147px;display:flex;justify-content:space-between;gap:4px;z-index:4}.touch-controls button{font-size:10px;min-width:30px;min-height:35px;padding:5px;touch-action:none;background:#1b3141bc}.touch-controls button:nth-child(-n+4){font-size:20px}#interaction{bottom:195px}body[data-mode=home] .touch-controls,body[data-mode=lobby] .touch-controls,body[data-mode=result] .touch-controls{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:701px){.hero-state,.oath-name{font-size:12px}.focus-track span,.run-hud small{font-size:11px}.health-track>span{font-size:17px}.equipment-heading b,.equipment-heading button,.tech-row,#oath-button,#stat-line,.utility button,.controls{font-size:12px}.equipment-heading>span{font-size:11px}.equipment{max-width:465px}.equipment.near-player:not(:hover):not(:focus-within){opacity:.28}.controls{line-height:2.4}.equipment-heading{gap:9px}.run-hud button{font-size:12px}}

/* Pixel world, sharp interface: text is drawn at display resolution. */
#world-text{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:auto}#interaction{width:min(610px,90vw);bottom:165px}#interaction>div{flex:1}#interaction span{font:14px/1.5 system-ui,sans-serif;color:#e0dfd1}#interaction-meta{display:block;font:11px/1.6 system-ui,sans-serif;color:#dfbd81;margin-top:8px}#boss-phase{font:13px/1.45 system-ui,sans-serif}#boss-hud{left:29%;width:42%}.relic-state{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font:8px system-ui,sans-serif;letter-spacing:.3px;color:#f9e7a9;background:#18262f;padding:1px 3px}.item-slot.spent canvas{opacity:.4}.item-slot.spent .relic-state{color:#aeb6b9}.zoom-control{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:10px}.zoom-control input{width:100px;accent-color:#d4b681}.map-node small:last-child{font:12px/1.4 system-ui,sans-serif}.map-node{min-height:185px}#encounter-label{max-width:calc(100vw - 60px);font:12px/1.5 system-ui,sans-serif;letter-spacing:.3px}.focus-track span{font-size:11px}#stat-line{font-size:11px}
@media(max-width:1250px){#interaction{left:35%;max-width:60vw;bottom:180px}#interaction span{font-size:13px}}
@media(max-width:700px){#interaction{left:50%;bottom:260px;max-width:95vw;width:95vw}#interaction span{font-size:12px}#boss-hud{left:15%;width:70%}.zoom-control{display:none}#encounter-label{max-width:90vw}.map-node small:last-child{font-size:11px}}.controls{font-size:12px}.hero-state{font-size:12px}.focus-track{height:11px}.focus-track span{font-size:12px}@media(max-width:1250px){}@media(max-width:700px){.focus-track span{font-size:10px}}

body.boss-active .run-hud>span,body.boss-active .run-hud>small{display:none}body.boss-active .run-hud>div{margin-top:9px}@media(min-width:701px){#boss-hud{top:88px}}@media(max-width:700px){#boss-hud{top:166px}}
@media(max-width:700px){#interaction{top:150px;bottom:auto;max-height:178px;overflow:auto}.controls{right:8px;bottom:153px;max-width:none}.utility{flex-wrap:nowrap}.utility button{font-size:9px}.zoom-control{display:none}}
@media(max-width:480px){.item-slot{width:30px}.item-slots{gap:4px}.equipment{padding:6px}.tech-row{gap:3px}#oath-button{font-size:9px}#stat-line{font-size:9px}}

/* In-play UI: a quiet equipment strip, conventional abilities, one contextual action. */
body[data-mode=game]{font-family:system-ui,sans-serif}
.world-hud{grid-template-columns:minmax(150px,235px) 1fr minmax(150px,235px)}
.hero-hud{padding:8px 11px}.hero-heading{margin-bottom:5px}.hero-heading>b{font-size:15px}.hero-state{font-size:10px}.oath-name{display:none}.focus-track{height:17px;margin-top:5px;background:#112c40;border:1px solid #436f8d;border-radius:2px;overflow:hidden}.focus-track i{background:linear-gradient(90deg,#2875a2,#65b9e4)}.focus-track span{display:block;inset:0;text-align:center;font:600 11px/15px system-ui,sans-serif;color:#e9f7ff;text-shadow:0 1px 2px #07131e}.health-track{height:23px}.health-track>span{font:600 13px/19px system-ui,sans-serif}.run-hud>span{font-size:21px}.run-hud>small{display:none}
#encounter-label{top:109px;background:none;padding:0;font-size:12px;color:#c7c7bb}#encounter-label:empty{display:none}
.equipment{left:22px;bottom:20px;padding:0;background:none;max-width:none}.equipment-heading{gap:9px}.equipment-heading>b,.equipment-heading>span,#stat-line,.tech-row>span{display:none}.equipment-heading button{margin-left:0;border:0;background:none;padding:0;font:10px system-ui;color:#adb8bb}.item-slots{gap:5px;margin-top:6px}.item-slot{width:35px;height:35px;padding:3px;background:#182630c9}.item-slot canvas{width:26px;height:26px}.tech-row{margin-top:7px;gap:8px}.trait-slot{width:26px;height:26px}.trait-slot canvas{width:20px;height:20px}#oath-button{margin-left:0;border:0;background:none;font:10px system-ui;padding:4px}.relic-state{font-size:7px}
#action-bar{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);z-index:4;width:184px}.action-slots{display:flex;gap:6px;align-items:flex-end}.action-slot{position:relative;isolation:isolate;width:56px;height:59px;padding:5px 6px 16px;border:1px solid #61747e;background:#142530e8;border-radius:4px;display:grid;place-items:center;box-shadow:0 3px 10px #0005}.action-slot canvas{width:32px;height:32px}.action-slot:after{content:'';position:absolute;inset:0 0 auto;height:var(--cooldown,0%);background:#071019bb;pointer-events:none;z-index:1}.action-slot.unavailable canvas{filter:grayscale(.8);opacity:.45}.action-slot.ready{border-color:#c9af78}.action-slot.denied{border-color:#e3887e}.action-slot kbd{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);border:0;padding:1px 3px;background:#12212edb;font:10px system-ui;z-index:3}.ability-cost{position:absolute;right:3px;top:1px;color:#a4d8fa;font:600 10px system-ui;text-shadow:0 1px 3px #000;z-index:3}.cooldown{position:absolute;inset:0;display:grid;place-items:center;font:600 19px system-ui;color:#fff;text-shadow:0 2px 3px #000;z-index:2}.ability-resource{position:relative;height:13px;margin-top:5px;background:#10212ce8;border:1px solid #486877;border-radius:2px;overflow:hidden}.ability-resource i{display:block;height:100%;background:#448dae}.ability-resource span{position:absolute;inset:0;text-align:center;font:9px/11px system-ui;text-shadow:0 1px 2px #000;color:#e4f5ff}
#ability-tooltip{position:absolute;bottom:91px;left:50%;transform:translateX(-50%);width:280px;max-width:90vw;padding:12px 14px;background:#14232bf5;border:1px solid #61747e;border-radius:4px;box-shadow:0 5px 22px #0008;pointer-events:none}#ability-tooltip b{display:block;font:600 15px system-ui}#ability-tooltip small{display:block;color:#92c6e3;font:11px system-ui;margin-top:4px}#ability-tooltip p{font:13px/1.5 system-ui;margin:8px 0 0;color:#d1d8d4}#ability-notice{position:absolute;bottom:89px;width:220px;left:50%;transform:translateX(-50%);text-align:center;font:12px system-ui;color:#ffc0af;text-shadow:0 1px 4px #000}
#interaction{left:50%;top:auto;bottom:117px;width:370px;max-width:calc(100vw - 32px);max-height:45vh;padding:11px 13px;gap:12px;background:#15252fee;border:1px solid #788879;border-radius:5px;box-shadow:0 5px 20px #0005;align-items:center;overflow:auto}#interaction b{font:600 15px system-ui}#interaction span{font:13px/1.45 system-ui;margin-top:5px;color:#d2d9d3}#interaction-meta{font:11px system-ui;margin-top:5px;color:#d7b880}#interaction-meta:empty{display:none}#interact-button{display:flex;align-items:center;gap:6px;flex-shrink:0;border-radius:3px;padding:7px 9px;font:600 12px system-ui;background:#d5ba80;border-color:#d5ba80;white-space:nowrap}#interact-button kbd{font:10px system-ui;padding:1px 3px;background:#27352e22;border-color:#43534355;color:#243029}#swap-slot{max-width:100%;margin-top:8px;background:#20313d;border:1px solid #778179;border-radius:3px;padding:5px;font:12px system-ui}#swap-label{display:block}
#item-tooltip{bottom:133px;left:22px;width:290px;padding:12px 14px;border-radius:4px;border-color:#657977}#item-tooltip h3{font:600 15px system-ui;margin-bottom:6px}#item-tooltip p{font:13px/1.5 system-ui}#item-tooltip small{font:11px/1.45 system-ui;color:#b4c0bd;margin-top:7px}
.controls{right:22px;bottom:22px;max-width:none;line-height:1;z-index:6}#settings{position:relative}#settings summary{display:grid;place-items:center;list-style:none;width:33px;height:33px;border:1px solid #516674;border-radius:4px;background:#142631c9;font:18px system-ui;cursor:pointer}#settings summary::-webkit-details-marker{display:none}.utility{position:absolute;right:0;bottom:41px;width:156px;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:10px;background:#142530f5;border:1px solid #61747e;border-radius:4px}.utility button{font:11px system-ui;padding:8px}.utility small{text-align:center;display:block}.zoom-control{display:flex;flex-direction:column;font:10px system-ui}.zoom-control input{width:100%}
body:not([data-mode=game]) #action-bar,body:not([data-mode=game]) .controls{display:none}
@media(max-width:850px){.world-hud{grid-template-columns:minmax(125px,180px) 1fr minmax(125px,180px);gap:10px}.run-hud>span{font-size:17px}.run-hud>b{font-size:9px}.run-hud>div{gap:8px}.equipment{left:12px;bottom:18px}.item-slot{width:30px;height:30px}.item-slot canvas{width:23px;height:23px}.item-slots{gap:3px}#action-bar{left:auto;right:62px;transform:none;width:170px}.action-slot{width:52px;height:56px}#interaction{bottom:117px}.controls{right:14px;bottom:20px}#ability-tooltip{left:auto;right:-25px;transform:none}}
@media(max-width:580px){.world-hud{inset:10px 10px auto;grid-template-columns:1fr 1fr}.run-hud{grid-row:2}.hero-hud{padding:6px 9px}.hero-heading>b{font-size:13px}.hero-state{font-size:9px}.run-hud{background:none;padding:0}.run-hud>div{margin:0}.run-hud>span,.run-hud>b{display:none}#encounter-label{top:108px;left:13px;font-size:11px}#boss-hud{top:131px;left:15%;width:70%}#boss-phase{font-size:11px}.equipment{left:10px;bottom:13px}.item-slot{width:26px;height:26px;padding:2px}.item-slot canvas{width:21px;height:21px}.tech-row{margin-top:6px}.trait-slot{width:22px;height:22px}#oath-button{font-size:9px}.equipment-heading button{font-size:9px}#action-bar{right:48px;bottom:15px;width:151px}.action-slot{width:47px;height:52px}.action-slots{gap:5px}.action-slot canvas{width:29px;height:29px}.controls{right:8px;bottom:15px}#settings summary{width:29px;height:29px}#interaction{bottom:106px;width:350px;padding:10px;max-height:38vh}#interaction span{font-size:12px}#item-tooltip{left:10px;bottom:107px;max-width:calc(100vw - 20px)}.ability-resource{height:12px}#ability-tooltip{bottom:83px;right:-35px;width:270px}}
@media(max-width:390px){.item-slot{width:22px;height:24px}.item-slot canvas{width:18px;height:18px}.item-slots{gap:2px}#action-bar{width:139px;right:42px}.action-slot{width:43px}.action-slots{gap:5px}}
@media(pointer:coarse){.touch-controls{bottom:99px}#interaction{bottom:143px}}

/* A persistent, truthful route graph. Physical doors remain the way to travel. */
#route-trail{position:absolute;right:17px;top:117px;width:190px;max-height:calc(100dvh - 180px);overflow:auto;z-index:3;padding:0 0 12px;background:linear-gradient(#14212bd9,#14212b55);border-radius:5px;font-family:system-ui,sans-serif}.trail-heading{display:flex;gap:5px;align-items:center;padding:8px 9px}.trail-heading span{font-size:10px;color:#abbec2;flex:1}.trail-heading button{border:0;background:none;padding:0 3px;font-size:17px}#trail-boss{display:block;text-align:center;font:17px Georgia,serif;color:#ead09b;padding:0 8px}#trail-distance{display:block;text-align:center;font-size:10px;color:#b5bcb6;margin:6px 0}.trail-graph{position:relative;width:190px;height:412px}#trail-lines{position:absolute;inset:0;width:190px;height:412px}#trail-lines path{fill:none;stroke:#819397;stroke-width:1.2;stroke-dasharray:3 4}#trail-lines .walked{stroke:#efc785;stroke-width:2.5;stroke-dasharray:none}#trail-lines .missed{opacity:.18}.trail-node{position:absolute;transform:translate(-50%,-50%);border:1px solid #667d85;border-radius:50%;background:#172b36;width:30px;height:30px;padding:3px;display:grid;place-items:center}.trail-node:active:not(:disabled){transform:translate(-50%,-50%)}.trail-node canvas{width:22px;height:22px}.trail-node small{position:absolute;top:32px;font-size:8px;letter-spacing:.6px;color:#adbabd;pointer-events:none}.trail-node.guardian{width:42px;height:42px;border-color:#e3b97e}.trail-node.guardian small{top:43px;color:#e3b97e}.trail-node.elite{border-color:#e28d85;background:#362731}.trail-node.elite small{color:#e7a39a}.trail-node.current{box-shadow:0 0 0 4px #e9c98744;border:2px solid #ffe0a3}.trail-node.next{border-color:#e6d3a6}.trail-node.visited{background:#304f42}.trail-node.missed{opacity:.25}#trail-detail{padding:9px 11px;min-height:74px;border-top:1px solid #51667155}#trail-detail b{font:13px Georgia,serif}#trail-detail p{font:11px/1.5 system-ui;color:#aebdbc;margin:5px 0}#trail-detail small{font:10px system-ui;color:#dcbd88}#boss-hud.warded .boss-track i{background:#609ec4;box-shadow:inset 0 2px #b3e0ee}#boss-hud.warded #boss-phase{color:#aaddf6}
body:not([data-mode=game]) #route-trail{display:none}
@media(min-width:900px){body[data-mode=game] #viewport{width:calc(100% - 212px)}body[data-mode=game] #action-bar{left:calc((100% - 212px)/2)}body[data-mode=game] #interaction{left:calc((100% - 212px)/2)}#boss-hud{left:25%;width:40%}}
@media(max-width:899px){#route-trail{display:none}}
@media(max-height:760px) and (min-width:900px){#route-trail{top:101px;max-height:calc(100dvh - 149px)}.trail-graph{transform:scale(.85);transform-origin:top center;margin-bottom:-62px}#trail-detail{min-height:55px}}

#trail-toggle{display:none}@media(max-width:899px){body[data-mode=game] #trail-toggle{display:block;position:absolute;right:12px;top:108px;font:10px system-ui;padding:6px 9px;z-index:9;background:#142530e8;border-radius:3px}body[data-mode=game].route-open #route-trail{display:block;right:10px;top:140px;max-height:calc(100dvh - 155px);background:#14212bf8;z-index:8;box-shadow:0 8px 28px #0008}}

#item-tooltip.pinned{pointer-events:auto;z-index:35;border-color:#e0bb80;box-shadow:0 10px 35px #000b}.tooltip-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tooltip-actions button{font:12px system-ui;padding:7px 11px;border-radius:3px}.tooltip-actions span{width:100%;font:13px system-ui;color:#f0b7a6}#death-overlay{position:absolute;inset:0;z-index:19;pointer-events:none;background:radial-gradient(ellipse,#271b2180,#070c13);display:grid;place-items:center}#death-overlay p{font:16px Georgia,serif;letter-spacing:.35em;color:#e9cfb5;text-shadow:0 2px 12px #000}#travel-overlay.new-floor{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--realm) 16%,#101923),#080e18 75%)}#travel-overlay.new-floor h2{color:var(--realm);font-size:clamp(30px,5vw,64px)}#travel-guardian{max-width:510px;padding:0 25px;text-align:center;font:14px/1.7 system-ui;color:#c4c9c6}#travel-overlay.new-floor .eyebrow{color:#b9dfc3}#oath-button{max-width:270px;white-space:normal;text-align:left}

#map-stages{grid-template-columns:repeat(7,minmax(145px,1fr));overflow-x:auto;padding-bottom:12px}

/* A class choice is one decision; only the selected kit's short summary is shown. */
.class-choices{display:flex;gap:7px;margin:15px 0 0}.class-choices button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:4px;font:600 12px system-ui;background:#182b35}.class-choices button[aria-pressed=true]{background:#344740;border-color:#dec38c;color:#ffe2a5}.class-choices canvas{width:24px;height:24px}.camp-panel .class-summary{font:13px/1.5 system-ui;color:#c4d4d0;min-height:59px;margin:10px 0 14px}.lobby-class-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px system-ui;margin:18px 0}.lobby-class-label select{padding:8px;background:#1a2c38;border:1px solid #758480}.hero-state{font-size:9px;letter-spacing:0}.hero-heading{gap:4px}

/* Revision 9: one sparse graph for the HUD and the planning view. */
#route-trail{width:240px;right:12px;top:112px;max-height:calc(100dvh - 142px);padding-bottom:5px;background:linear-gradient(165deg,#13222eee,#16232bba);border:1px solid #60777b44;overflow:auto;scrollbar-width:thin}.trail-heading{padding:9px 10px 5px}.trail-heading span{font-size:10px;line-height:1.4;letter-spacing:.5px}#trail-boss{font-size:18px}#trail-distance{font-size:11px;margin:5px 0 0}
.route-graph{position:relative;width:100%;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#638c8630,transparent 75%)}.route-graph>svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}.route-edge{fill:none;stroke:#8baca980;stroke-width:1.4;stroke-dasharray:3 4;transition:stroke .12s}.route-edge.walked{stroke:#efd198;stroke-width:3;stroke-dasharray:none}.route-edge.missed{opacity:.17}.route-edge.preview{stroke:#ade7dd;stroke-width:2.3;stroke-dasharray:none}
.route-stop{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border:1px solid #849896;background:#172b33;border-radius:50%;padding:0;display:grid;place-items:center;font:18px/1 system-ui,'Apple Symbols',sans-serif;color:#d6d9cb;z-index:1;transition:box-shadow .12s,border-color .12s}.route-stop:active:not(:disabled){transform:translate(-50%,-50%)}.route-stop:hover{z-index:5;box-shadow:0 0 0 4px #a9d6ca40}.route-stop.elite{color:#f3a292;border-color:#b77872;background:#352932}.route-stop.shop,.route-stop.treasure{color:#eac77c;border-color:#a68b5d}.route-stop.camp{color:#abcf9f;border-color:#789877}.route-stop.unknown{color:#c6afd9;border-color:#8f7c9d}.route-stop.boss{width:39px;height:39px;font-size:27px;border:2px solid #dabd84;background:#3b3431;color:#f6d69c}.route-stop.missed{opacity:.2}.route-stop.visited{background:#465246;color:#f7dba3;border-color:#d3b779}.route-stop.next{box-shadow:0 0 0 3px #cdd9a41e;border-color:#f5e0a0}.route-stop.current{box-shadow:0 0 0 4px #efd19b60,0 0 18px #ecd69e40;border:2px solid #ffe4b7;background:#715c3d;z-index:4}.route-stop.preview:not(.missed){border-color:#b7e8dc}.route-current-label{position:absolute;left:50%;top:27px;transform:translateX(-50%);font:700 8px system-ui;color:#ffe5b9;white-space:nowrap;background:#18272d;padding:0 3px;letter-spacing:.7px}.route-stop.boss .route-current-label{top:40px}.route-marker{position:absolute;top:-7px;right:-7px;width:14px;height:14px;font:700 9px/14px system-ui;border-radius:50%;background:#edaa83;color:#162630;font-style:normal;box-shadow:0 0 0 1px #14232b}.route-marker.player-1{left:-7px;right:auto;background:#9cd4ed}.route-origin{position:absolute;bottom:5px;left:0;right:0;text-align:center;font:9px system-ui;letter-spacing:1px;color:#acbdb6}.route-row-number{position:absolute;left:-8px;transform:translateY(-50%);font:10px system-ui;color:#7f9596}
.route-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;font:12px system-ui;color:#b9c9c5;padding:12px 0;border-block:1px solid #80969144}.compact-legend{grid-template-columns:repeat(3,1fr);padding:8px 10px;gap:7px 5px;font-size:10px;border-bottom:0}#trail-detail{min-height:48px;padding:9px 10px;max-height:130px;overflow:auto}#trail-detail b{display:block;font:15px Georgia,serif;margin:4px 0}#trail-detail p{font:11px/1.5 system-ui;margin:4px 0}#trail-detail small{font:9px system-ui;letter-spacing:.4px}.route-owners{display:block;color:#b4dec9!important;margin-top:9px}
#route-map{width:min(870px,96vw);padding:24px 30px;background:radial-gradient(ellipse at 35% 50%,#263e42,#16232e 75%)}#route-map h2{margin:5px 0 8px;font-size:36px}#route-map>.eyebrow{margin:0}#route-map .map-legend{font:12px system-ui;margin:0;color:#b2c5be}#floor-tabs{margin:15px 0 10px;gap:6px}#floor-tabs button{font:11px system-ui;padding:8px 10px;border-radius:3px}#map-floor-name{font:20px Georgia,serif;margin:7px 0 13px}.map-layout{display:grid;grid-template-columns:minmax(0,470px) minmax(200px,1fr);gap:28px;align-items:start}#map-stages{display:block;overflow:visible;padding:0;width:100%;min-width:0;grid-template-columns:none}#map-inspector{position:sticky;top:0;min-width:0}#map-detail{padding-top:22px}#map-detail>small{display:block;font:10px/1.5 system-ui;color:#b4c2bb;letter-spacing:.6px}#map-detail>b{display:block;font:26px/1.1 Georgia,serif;margin:9px 0 14px;color:#ecd4a5}#map-detail p{font:14px/1.6 system-ui;margin:10px 0;color:#c5d2cb}.route-counts{font:600 13px/1.7 system-ui;color:#e8d8b3;padding:12px 0 4px}.route-pin-button{width:100%;margin-top:17px;font:12px system-ui;padding:11px;border-radius:3px;border-color:#abcfc0;background:#30483f}.route-hint{color:#9cafa9!important}.expanded .route-stop{width:31px;height:31px;font-size:21px}.expanded .route-stop.boss{width:46px;height:46px;font-size:30px}.expanded .route-current-label{top:32px}.expanded .route-stop.boss .route-current-label{top:46px}#route-map .dialog-foot{font:11px/1.6 system-ui;margin-bottom:0;color:#9fb4af}
@media(min-width:900px){body[data-mode=game] #viewport{width:calc(100% - 260px)}body[data-mode=game] #action-bar,body[data-mode=game] #interaction{left:calc((100% - 260px)/2)}}
@media(max-height:760px) and (min-width:900px){#route-trail{top:101px;max-height:calc(100dvh - 125px)}#trail-detail{max-height:73px;min-height:35px}.compact-legend{padding:5px 9px;gap:5px}.trail-heading{padding-top:5px}#trail-boss{font-size:16px}}
@media(max-width:650px){#route-map{padding:25px 18px}.map-layout{grid-template-columns:minmax(0,1fr);gap:15px}#map-inspector{position:static}#map-detail{padding-top:9px}#map-detail>b{font-size:22px}.route-legend{grid-template-columns:repeat(3,1fr);gap:8px;font-size:10px}#floor-tabs button{font-size:10px;flex:1}#map-stages .route-stop{width:25px;height:25px;font-size:18px}#map-stages .route-stop.boss{width:37px;height:37px}.route-row-number{left:0}.expanded .route-current-label{top:27px}}

.route-edge{stroke:#9cb8b0b0;stroke-width:1.6}.route-edge.missed{opacity:.15}.route-edge.walked{stroke:#efd198;stroke-width:3}.route-edge.preview{stroke:#ade7dd;stroke-width:2.3}
@media(max-height:800px){.expanded .route-stop{width:24px;height:24px;font-size:17px}.expanded .route-stop.boss{width:35px;height:35px;font-size:24px}.expanded .route-current-label{top:24px;font-size:7px}.expanded .route-stop.boss .route-current-label{top:35px}#map-detail{padding-top:15px}#map-detail>b{font-size:23px}#map-detail p{font-size:13px}}