#ui{--ui-bg:#1a1410d9;--ui-bg-solid:#1a1410;--ui-bg-raised:#3a2c1ee6;--ui-text:#e8dcc3;--ui-muted:#a8987c;--ui-accent:#c9a26b;--ui-accent-strong:#e6c38a;--ui-border:#c9a26b73;--ui-danger:#d8553a;--ui-hp:#b3321f;--ui-mp:#2f5fb3;--ui-font:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--ui-radius:4px;--ui-gap:12px;--ui-side:min(360px, 30vw);--ui-side-wide:min(460px, 36vw);font-family:var(--ui-font);color:var(--ui-text);-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.35}#ui [hidden]{display:none!important}#ui h1,#ui h2{color:var(--ui-accent-strong);letter-spacing:.04em;margin:0 0 8px;font-weight:400}#ui h1{font-size:30px}#ui h2{border-bottom:1px solid var(--ui-border);margin-top:14px;padding-bottom:3px;font-size:17px}#ui .screen{z-index:2;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ui .panel{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-sizing:border-box;padding:20px 24px;box-shadow:0 8px 32px #0009}#ui .screen-menu{background:#0a07058c}#ui .panel.menu{text-align:center;min-width:320px;max-width:92vw;max-height:92vh;overflow:auto}#ui .game-title{font-variant:small-caps;margin-bottom:20px;font-size:44px}#ui .menu-buttons{flex-direction:column;gap:8px;margin-top:16px;display:flex}#ui .panel.menu.intro{text-align:left;-webkit-user-select:text;user-select:text;max-width:min(560px,92vw)}#ui .intro .game-title{text-align:center}#ui .intro p{margin:0 0 10px}#ui .intro a{color:var(--ui-accent-strong);border-bottom:1px solid var(--ui-border);text-decoration:none}#ui .intro a:hover,#ui .intro a:focus-visible{border-bottom-color:var(--ui-accent-strong);outline:none}#ui .controls{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}#ui .sound-note{opacity:.8;margin-top:12px;font-size:14px}#ui .intro .intro-license{color:var(--ui-muted);font-size:13px}#ui button{font:inherit;color:var(--ui-text);background:var(--ui-bg-raised);border:1px solid var(--ui-border);border-radius:var(--ui-radius);cursor:pointer;padding:8px 18px}#ui button:hover:not(:disabled),#ui button:focus-visible{border-color:var(--ui-accent);color:var(--ui-accent-strong);outline:none}html.pad-nav #ui :focus{outline:2px solid var(--ui-accent-strong);outline-offset:2px}html.pad-nav #ui .clickable:focus{background:var(--ui-bg-raised);color:var(--ui-accent-strong)}#ui button:disabled{opacity:.4;cursor:default}#ui button.primary{border-color:var(--ui-accent)}#ui input[type=text],#ui select{font:inherit;color:var(--ui-text);background:var(--ui-bg-solid);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:6px 8px}#ui input[type=radio],#ui input[type=checkbox],#ui input[type=range]{accent-color:var(--ui-accent)}#ui .screen-split{box-sizing:border-box;justify-content:space-between;align-items:stretch;gap:24px;padding:24px}#ui .screen-split .panel.side{width:var(--ui-side);text-align:left;overflow:auto}#ui .screen-split .panel.side.wide{width:var(--ui-side-wide)}#ui .screen-split .preview-well{pointer-events:none;flex:1}#ui .settings-panel{text-align:left;margin-top:16px}#ui .settings-row{align-items:center;gap:10px;margin:8px 0;display:flex}#ui .settings-row input[type=range]{flex:1}#ui .settings-value{color:var(--ui-muted);font-variant-numeric:tabular-nums;min-width:4.5em}#ui .settings-panel h3{margin:14px 0 4px}#ui .settings-calibration{align-items:center;gap:12px;margin:4px 0 8px;display:flex}#ui .settings-emblems{background:#000;border-radius:4px;gap:10px;padding:8px 12px;display:flex}#ui .settings-emblem{background:currentColor;border-radius:50%;width:22px;height:22px;display:block}#ui .settings-caption{color:var(--ui-muted);font-size:.85em}#ui #fps{color:#f0e6d2;font-variant-numeric:tabular-nums;pointer-events:none;z-index:50;background:#0a080699;border-radius:4px;padding:4px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;position:fixed;top:12px;right:16px}#ui #toast{border:1px solid var(--ui-accent);color:var(--ui-text);pointer-events:none;z-index:50;background:#0a0806d9;border-radius:6px;padding:8px 16px;font-size:15px;position:fixed;bottom:56px;left:50%;transform:translate(-50%)}#ui #fps[hidden],#ui #toast[hidden]{display:none}#ui #busy{z-index:60;pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ui #busy[hidden]{display:none}#ui .busy-text{border:1px solid var(--ui-muted);background:#000000b3;border-radius:6px;padding:12px 20px;font-size:1.1em}#ui .field{flex-direction:column;gap:4px;display:flex}#ui .name-row{gap:6px;display:flex}#ui .name-row input{flex:1;min-width:0}#ui .class-cards{flex-direction:column;gap:8px;display:flex}#ui .class-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);cursor:pointer;grid-template-columns:auto 1fr;column-gap:8px;padding:10px;display:grid}#ui .class-card:has(input:checked){border-color:var(--ui-accent);background:var(--ui-bg-raised)}#ui .class-name{color:var(--ui-accent-strong);font-size:18px}#ui .class-desc{color:var(--ui-muted);grid-column:2;font-style:italic}#ui .choices{flex-wrap:wrap;gap:14px;display:flex}#ui .choice{cursor:pointer}#ui .swatches{gap:8px;display:flex}#ui .swatch{border:2px solid #0009;border-radius:50%;width:32px;height:32px;padding:0}#ui .swatch[aria-pressed=true]{border-color:var(--ui-accent-strong);box-shadow:0 0 0 2px var(--ui-bg-solid), 0 0 0 4px var(--ui-accent)}#ui .swatch-look{width:40px;height:40px}#ui .inv-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}#ui .inv-slot,#ui .inv-row,#ui .stat,#ui .skill{border-radius:var(--ui-radius);justify-content:space-between;align-items:center;gap:8px;padding:3px 6px;display:flex}#ui .slot-name,#ui .stat-name{color:var(--ui-muted);white-space:nowrap}#ui .slot-item{text-align:right}#ui .inv-slot.empty .slot-item,#ui .inv-empty{color:var(--ui-muted);font-style:italic}#ui .clickable{cursor:pointer}#ui .clickable:hover{background:var(--ui-bg-raised);color:var(--ui-accent-strong)}#ui .sheet-sub{color:var(--ui-muted);margin-bottom:8px}#ui .skill-value{font-variant-numeric:tabular-nums;margin-left:auto}#ui .skill-plus{padding:0 8px;line-height:1.4}#ui .skill-points{color:var(--ui-accent-strong);margin-bottom:4px}#ui .panel.shop{text-align:left;width:min(880px,94vw);max-height:90vh;overflow:auto}#ui .shop-head{justify-content:space-between;align-items:baseline;display:flex}#ui .shop-gold{color:var(--ui-accent-strong);font-variant-numeric:tabular-nums;font-size:20px}#ui .shop-columns{grid-template-columns:1fr 1fr minmax(200px,.8fr);gap:20px;display:grid}#ui .shop-columns h3{color:var(--ui-muted);margin:8px 0 4px;font-weight:400}#ui .shop-row{border-radius:var(--ui-radius);align-items:center;gap:8px;padding:3px 6px;display:flex}#ui .shop-name{flex:1}#ui .shop-price{font-variant-numeric:tabular-nums;white-space:nowrap}#ui .shop-row.unaffordable{opacity:.5}#ui .shop-all{padding:0 8px;line-height:1.4}#ui .shop-hint{color:var(--ui-muted);margin-top:10px;font-style:italic}#ui .inv-hint{color:var(--ui-muted);flex-wrap:wrap;gap:4px 16px;margin-top:10px;display:flex}#ui .details-pane{background:#00000040;border:1px solid #f0e6d233;border-radius:6px;min-height:140px;padding:10px 12px}#ui .details-pane h3{margin:0 0 4px}#ui .details-pane p{margin:2px 0}#ui .details-empty{opacity:.6}#ui .inv-row[data-rarity=uncommon],#ui .inv-slot[data-rarity=uncommon] .slot-item,#ui .shop-row[data-rarity=uncommon] .shop-name,#ui .details-pane[data-rarity=uncommon] h3{color:#7fc46a}#ui .inv-row[data-rarity=rare],#ui .inv-slot[data-rarity=rare] .slot-item,#ui .shop-row[data-rarity=rare] .shop-name,#ui .details-pane[data-rarity=rare] h3{color:#6aa0e8}#ui .inv-row[data-rarity=epic],#ui .inv-slot[data-rarity=epic] .slot-item,#ui .shop-row[data-rarity=epic] .shop-name,#ui .details-pane[data-rarity=epic] h3{color:#b77be0}#ui .inv-row[data-rarity=legendary],#ui .inv-slot[data-rarity=legendary] .slot-item,#ui .shop-row[data-rarity=legendary] .shop-name,#ui .details-pane[data-rarity=legendary] h3{color:#f0a040}#ui .death-title{color:var(--ui-danger);font-size:40px}#ui .death-cause{color:var(--ui-muted);font-style:italic}#ui .error-title{color:var(--ui-danger);font-size:32px}#ui .error-message{font-style:italic}#ui .error-hint{color:var(--ui-muted)}#ui .death-stats{grid-template-columns:auto auto;justify-content:center;gap:4px 16px;display:grid}#ui .death-stats dt{color:var(--ui-muted);text-align:right}#ui .death-stats dd{text-align:left;margin:0}#ui .panel.side.victory{text-align:center;align-self:center}#ui .victory-title{color:var(--ui-accent);font-variant:small-caps;font-size:44px}#ui .victory-name{color:var(--ui-muted)}#ui .victory-line{margin:14px 0 0;font-style:italic}#ui .loading-progress{color:var(--ui-muted);font-style:italic}#ui .panel.menu.device{-webkit-user-select:text;user-select:text;max-width:min(480px,92vw);padding:24px 28px 28px}#ui .device-title{border-bottom:none;margin-top:0;font-size:20px}#ui .device-body{margin:0;font-size:17px}#ui .device-note{color:var(--ui-muted);margin:12px 0 0;font-style:italic}#ui #screen-transition{background:#000;flex-direction:column;animation:.4s ease-out ui-fade-in}#ui .transition-text{font-variant:small-caps;color:var(--ui-accent-strong);letter-spacing:.08em;font-size:48px}@keyframes ui-fade-in{0%{opacity:0}}#ui #health-bars,#ui #combat-text{z-index:0}#ui #hud{z-index:1;pointer-events:none;text-shadow:0 1px 2px #000;position:absolute;inset:0}#ui #hud *{pointer-events:none}#ui .hud-vitals{flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:16px}#ui .hud-mp-row{align-items:center;gap:8px;display:flex}#ui #spell-readout{white-space:nowrap;color:var(--ui-accent);gap:6px;font-size:12px;display:flex}#ui #spell-readout .spell-cost{color:var(--ui-mp);filter:brightness(1.6);font-variant-numeric:tabular-nums}#ui .bar{background:var(--ui-bg);border:1px solid #000000e6;border-radius:2px;width:240px;height:14px;position:relative;overflow:hidden}#ui .bar .fill{width:100%;height:100%}#ui .bar.hp .fill{background:linear-gradient(#d8553a, var(--ui-hp))}#ui .bar.mp .fill{background:linear-gradient(#5a88d8, var(--ui-mp))}#ui .bar .label{text-align:center;font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;position:absolute;inset:0}#ui #xp{color:var(--ui-accent);font-size:13px}#ui #gold{color:var(--ui-accent-strong);font-variant-numeric:tabular-nums;font-size:13px}#ui .hud-top{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#ui #compass{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);height:24px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}#ui .compass-track{will-change:transform;position:absolute;top:0;bottom:0;left:0}#ui .compass-mark{color:var(--ui-text);line-height:24px;position:absolute;top:0;transform:translate(-50%)}#ui .compass-mark.north{color:var(--ui-danger)}#ui .compass-tick{background:var(--ui-accent-strong);width:2px;height:6px;margin-left:-1px;position:absolute;bottom:0;left:50%}#ui #timer{font-variant-numeric:tabular-nums;color:var(--ui-text);font-size:20px}#ui #timer.warn{color:var(--ui-danger)}#ui #timer.open{animation:1s ease-in-out infinite ui-pulse}@keyframes ui-pulse{50%{opacity:.35;transform:scale(1.12)}}#ui #boss-bar{flex-direction:column;align-items:center;gap:2px;margin-top:6px;display:flex}#ui .bar.boss{width:420px}#ui .bar.boss .fill{background:linear-gradient(#a02818,#5a1008)}#ui .bar.hp.poisoned .fill{background:linear-gradient(#8ad84a,#3f7a22)}#ui .bar.hp.slowed:not(.poisoned) .fill{background:linear-gradient(#8cc8ec,#3a6f99)}#ui .boss-armor{color:var(--ui-muted);font-size:12px}#ui #crosshair{background:#e8dcc3d9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000}#ui #crosshair .hit-marker{width:18px;height:18px;margin:-9px 0 0 -9px;display:none;position:absolute;top:50%;left:50%}#ui #crosshair .hit-marker:before,#ui #crosshair .hit-marker:after{content:"";background:linear-gradient(currentColor 0 30%,#0000 30% 70%,currentColor 70%);width:2px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%;transform:rotate(45deg)}#ui #crosshair .hit-marker:after{transform:rotate(-45deg)}#ui #crosshair[data-marker] .hit-marker{color:#f5f0e4f2;display:block}#ui #crosshair[data-marker=crit] .hit-marker{color:#ffd23c}#ui #crosshair[data-marker=kill] .hit-marker{color:#ff4a32;width:24px;height:24px;margin:-12px 0 0 -12px}#ui #damage-indicator{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}#ui #damage-indicator .dmg-wedge{transform-origin:50% 96px;background:radial-gradient(at 50% 100%,#e12819e6,#e1281900 70%);border-radius:50% 50% 0 0/100% 100% 0 0;width:72px;height:18px;margin:-96px 0 0 -36px;position:absolute;top:0;left:0}#ui #damage-indicator .dmg-wedge.blocked{background:radial-gradient(at 50% 100%,#f0aa28d9,#f0aa2800 70%)}#ui #interact-hint{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);white-space:nowrap;align-items:center;gap:8px;padding:3px 10px;display:flex;position:absolute;top:calc(50% + 24px);left:50%;transform:translate(-50%)}#ui #interact-hint .hint-glyph:empty{display:none}#ui #subtitles{background:var(--ui-bg);border-radius:var(--ui-radius);text-align:center;width:max-content;max-width:min(720px,60vw);padding:6px 14px;font-size:18px;position:absolute;bottom:232px;left:50%;transform:translate(-50%)}#ui #log{flex-direction:column;gap:2px;width:min(480px,45vw);display:flex;position:absolute;bottom:16px;left:16px}#ui .log-line{transition-property:opacity;transition-timing-function:linear}#ui .log-line.fading{opacity:0}#ui #minimap{border:3px solid #5b4128;border-radius:4px;position:absolute;bottom:16px;right:16px;box-shadow:0 0 0 1px #2a1c0e,0 4px 14px #00000080}#ui #fullmap{border:3px solid #5b4128;border-radius:4px;position:absolute;box-shadow:0 0 0 1px #2a1c0e,0 8px 32px #0009}:is(#ui:has(>#screen-inventory:not([hidden])) :is(#health-bars,#combat-text,#crosshair,#damage-indicator,#interact-hint,#minimap,#fullmap),#ui:has(>#screen-create:not([hidden])) :is(#health-bars,#combat-text,#crosshair,#damage-indicator,#interact-hint,#minimap,#fullmap),#ui:has(>#screen-victory:not([hidden])) :is(#health-bars,#combat-text,#crosshair,#damage-indicator,#interact-hint,#minimap,#fullmap)){display:none}#ui .glyph{vertical-align:middle;gap:.1em;display:inline-flex}#ui .glyph img{width:1.6em;height:1.6em}#ui .glyph-text{font-weight:600}#ui .prompt{align-items:center;gap:.3em;margin-right:1.2em;display:inline-flex}#ui #pad-hints{color:#f0e6d2;pointer-events:none;z-index:50;background:#0a0806bf;border-radius:6px;padding:6px 14px;font-size:15px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}