:root{--bg:#0d0f12;--surface:#0e1013d1;--edge:#96aabe47;--ink:#e6e1d8;--muted:#a49d92;--steel:#8cc4ff;--ember:#e7a45a;--text-s:13px;--text-m:16px;--text-l:21px;--font:"Friz Quadrata", "Palatino Linotype", Georgia, serif;--font-title:"Morpheus", "Friz Quadrata", Georgia, serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);font-size:var(--text-m);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}#view{width:100%;height:100%;outline:none;height:100dvh;display:block;position:fixed;inset:0}[hidden]{display:none!important}#ui{pointer-events:none;z-index:20;position:fixed;inset:0}.screen{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);pointer-events:auto;z-index:30;display:flex;position:fixed;inset:0}.panel{background:var(--surface);border:1px solid var(--edge);text-align:center;border-radius:6px;max-width:440px;margin:auto;padding:24px}#title{background:linear-gradient(90deg,#08090bc7,#08090b26 55%,#08090b00);justify-content:flex-start;align-items:flex-end}.title-card{flex-direction:column;gap:10px;max-width:420px;padding-bottom:8px;display:flex}.logo{font-family:var(--font-title);letter-spacing:.02em;color:#eef1f4;text-shadow:0 0 18px #8cc4ff59,0 2px 2px #000c;margin:0;font-size:clamp(34px,6.2vw,58px);font-weight:400;line-height:1.02}.sub{color:var(--muted);font-size:var(--text-m);margin:0;font-style:italic}.btn{min-width:180px;min-height:52px;font-family:var(--font);font-size:var(--text-l);color:var(--ink);cursor:pointer;background:linear-gradient(#3c4e62e6,#181e26f2);border:1px solid #8cc4ff8c;border-radius:4px;justify-content:center;align-self:flex-start;align-items:center;padding:0 28px;text-decoration:none;display:inline-flex;box-shadow:0 0 14px #8cc4ff2e}.btn:focus-visible{outline:2px solid var(--steel);outline-offset:3px}.btn[disabled]{opacity:.55;cursor:default;box-shadow:none}.note{color:var(--ember);font-size:var(--text-s);margin:0}.meta{color:var(--muted);font-size:var(--text-s);font-variant-numeric:tabular-nums;margin:4px 0 0}.back{min-height:44px;color:var(--muted);font-size:var(--text-s);align-self:flex-start;align-items:center;text-decoration:none;display:inline-flex}.back:focus-visible{outline:2px solid var(--steel)}@media (orientation:portrait){#title{background:linear-gradient(#08090bd1,#08090b33 55%,#08090b00);align-items:flex-start}.title-card{padding-top:6px}}@media (max-height:460px){.title-card{gap:6px}.logo{font-size:36px}.btn{min-height:46px}}.screen.dim{background:radial-gradient(#06070973,#060709cc)}.logo.small{margin-bottom:16px;font-size:40px}.col{flex-direction:column;align-items:stretch;gap:12px;display:flex}.btn.wide{align-self:stretch}.btn.ghost{border-color:var(--edge);box-shadow:none;background:#14181d99}#hud{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 12px) 0 calc(var(--safe-l) + 12px);z-index:15;pointer-events:none;font-variant-numeric:tabular-nums;align-items:flex-start;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.hud-meters{border:1px solid var(--edge);background:#0a0c0f8c;border-radius:4px;align-items:center;gap:12px;padding:6px 10px;display:flex}.meter{font-size:var(--text-s);color:var(--muted);align-items:center;gap:6px;display:flex}.meter b{background:#ffffff14;border-radius:4px;width:64px;height:8px;display:block;overflow:hidden}.meter i{background:linear-gradient(90deg,#5d8fc4,#a8d4ff);width:100%;height:100%;display:block}.meter.iron i{background:linear-gradient(90deg,#6b6f76,#c9ccd2)}.clips{font-size:var(--text-m);align-items:center;gap:6px;display:flex}.clips .coin{background:radial-gradient(circle at 35% 35%,#f0d29a,#9a7334);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #00000080}.hint{font-size:var(--text-s);color:var(--ink);border-left:2px solid var(--steel);opacity:0;background:#0a0c0f8c;flex:1;max-width:560px;margin:0;padding:7px 12px;line-height:1.35;transition:opacity .4s}.hint.on{opacity:1}.pause-btn{border:1px solid var(--edge);pointer-events:auto;cursor:pointer;background:#0a0c0f8c;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;margin-left:auto;display:flex}.pause-btn span{background:var(--ink);border-radius:1px;width:5px;height:18px}.pause-btn:focus-visible{outline:2px solid var(--steel)}#touch{z-index:10;position:fixed;inset:0}.move-zone{width:50%;position:absolute;top:0;bottom:0;left:0}.move-stick{pointer-events:none;background:#0a0c0f40;border:2px solid #e6e1d840;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}.move-stick .nub{background:#e6e1d859;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metal-stick{touch-action:none;border-radius:50%;position:absolute}.metal-stick .ring{background:radial-gradient(circle,#1e2c3c59,#0a0e1480);border:2px solid #8cc4ff73;border-radius:50%;position:absolute;inset:0}.metal-stick.iron .ring{border-color:#d2d4da73}.metal-stick .nub{color:#0d1218;pointer-events:none;background:radial-gradient(circle at 40% 35%,#aad2ffd9,#3c608cd9);border-radius:50%;justify-content:center;align-items:center;width:56%;height:56%;font-size:13px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metal-stick.iron .nub{background:radial-gradient(circle at 40% 35%,#ebecf0d9,#6e727ad9)}.metal-stick.held .ring{border-color:#c8e6ffd9}.metal-stick.flare .ring{box-shadow:0 0 18px #8cc4ffbf}.metal-stick.steel{width:132px;height:132px;right:calc(var(--safe-r) + 28px);bottom:calc(var(--safe-b) + 24px)}.metal-stick.iron{width:100px;height:100px;right:calc(var(--safe-r) + 172px);bottom:calc(var(--safe-b) + 112px)}@media (orientation:portrait){.move-zone{width:60%;top:30%}.metal-stick.steel{right:calc(var(--safe-r) + 20px);bottom:calc(var(--safe-b) + 28px)}.metal-stick.iron{right:calc(var(--safe-r) + 36px);bottom:calc(var(--safe-b) + 182px)}#hud{flex-wrap:wrap}.hint{flex-basis:100%;order:3;max-width:none}}@media (orientation:portrait) and (max-width:500px){.hud-meters{gap:8px;padding:6px 8px}.meter b{width:34px}}@media (max-height:460px){.metal-stick.steel{width:120px;height:120px}.metal-stick.iron{width:92px;height:92px;right:calc(var(--safe-r) + 158px);bottom:calc(var(--safe-b) + 96px)}.meter b{width:48px}}.meter.health i{background:linear-gradient(90deg,#8a2a24,#e0574b)}.banner{font-family:var(--font-title);color:#f3eee6;text-shadow:0 0 16px #000000e6,0 0 4px #000000e6;opacity:0;pointer-events:none;white-space:nowrap;font-size:clamp(26px,5vw,44px);transition:opacity .5s;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}.banner.on{opacity:1}.hurt-flash{pointer-events:none;z-index:12;opacity:0;background:radial-gradient(#a0000000 45%,#aa0a00f2 100%);position:fixed;inset:0}.hurt-flash.fade{transition:opacity .6s ease-out;opacity:0!important}#over .sub,#hideout .sub{margin:0 0 18px}@media (max-height:460px){.meter.health b{width:48px}}#metals{z-index:16;pointer-events:none;gap:10px;display:flex;position:fixed}.metal-btn{--fill:100%;--c:#b9c2cc;pointer-events:auto;touch-action:none;cursor:pointer;color:#0e1216;width:64px;height:64px;font-family:var(--font);background:conic-gradient(var(--c) var(--fill), #ffffff1f 0);border:none;border-radius:50%;padding:0;position:relative;box-shadow:0 0 0 1px #00000080}.metal-btn:before{content:"";background:radial-gradient(circle at 40% 35%,#2e343cf2,#101317f2);border-radius:50%;position:absolute;inset:5px}.metal-btn .name,.metal-btn .count,.metal-btn kbd{color:var(--ink);font-size:12px;display:block;position:relative}.metal-btn .count{font-variant-numeric:tabular-nums;font-size:16px}.metal-btn kbd{font-family:var(--font);color:var(--muted);background:#000000b3;border-radius:3px;padding:1px 4px;font-size:10px;position:absolute;top:-4px;right:-2px}#metals.touch kbd{display:none}.metal-btn.pewter{--c:#c9b48a}.metal-btn.tin{--c:#d7dde4}.metal-btn.vial{--c:#7fb4e6}.metal-btn.burning{box-shadow:0 0 14px 2px color-mix(in srgb, var(--c) 70%, transparent), 0 0 0 1px #00000080}.metal-btn.burning:before{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--c) 45%, #20262d), #101317f2)}.metal-btn.flaring{box-shadow:0 0 22px 6px color-mix(in srgb, var(--c) 85%, transparent), 0 0 0 1px #00000080}.metal-btn.dry{opacity:.45}.metal-btn.drinking:before{background:radial-gradient(circle,#7fb4e699,#101317f2)}.metal-btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}#metals.desk{left:50%;bottom:calc(var(--safe-b) + 16px);transform:translate(-50%)}#metals.touch{right:calc(var(--safe-r) + 172px);bottom:calc(var(--safe-b) + 22px)}@media (max-height:460px){#metals.touch{right:calc(var(--safe-r) + 158px);bottom:calc(var(--safe-b) + 12px)}#metals.touch .metal-btn{width:56px;height:56px}.metal-stick.iron{bottom:calc(var(--safe-b) + 128px);right:calc(var(--safe-r) + 140px)}}@media (orientation:portrait){#metals.touch{right:calc(var(--safe-r) + 54px);bottom:calc(var(--safe-b) + 300px);flex-direction:column}}#doors{pointer-events:none;z-index:14;position:fixed;inset:0}.door-label{font-size:var(--text-m);color:var(--ink);white-space:nowrap;background:#0a0c0fc7;border:1px solid #8cc4ff73;border-radius:4px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex;position:fixed;top:0;left:0;box-shadow:0 0 14px #8cc4ff33}.door-label img{border:1px solid #0009;border-radius:3px;width:34px;height:34px}.room-label{font-size:var(--text-s);color:var(--muted);border:1px solid var(--edge);white-space:nowrap;background:#0a0c0f8c;border-radius:4px;align-self:center;margin:0;padding:4px 10px}.room-label:empty{display:none}#fade{opacity:0;pointer-events:none;z-index:25;background:#050607;transition:opacity .25s;position:fixed;inset:0}#fade.on{opacity:1;transition:opacity .18s}#title .btn small{font-size:var(--text-s);color:var(--muted);margin-left:10px;display:block}.eyebrow{font-size:var(--text-s);letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin:0 0 4px}#hideout .panel{max-height:100%;overflow-y:auto}.tally{justify-content:center;gap:18px;margin:0 0 14px;display:flex}.tally div{min-width:84px}.tally dt{font-size:var(--text-s);color:var(--muted)}.tally dd{font-size:var(--text-l);justify-content:center;align-items:center;gap:6px;margin:2px 0 0;display:flex}.tally dd img{border-radius:3px;width:22px;height:22px}#hideout .note{margin-bottom:16px}@media (max-height:460px){#hideout .panel{padding:14px 20px}#hideout .logo.small{margin-bottom:6px;font-size:30px}#hideout .sub{display:none}#hideout .col{flex-direction:row}}@media (orientation:portrait) and (max-width:500px){.room-label{order:2}}@media (max-width:500px),(max-height:460px){.door-label{font-size:var(--text-s);gap:6px;padding:3px 9px 3px 3px}.door-label img{width:26px;height:26px}}.boxings{font-size:var(--text-m);color:#f0d29a;align-items:center;gap:5px;display:flex}.boxings img{border-radius:3px;width:18px;height:18px}.sheet .panel{width:min(460px,100%);max-height:100%;overflow-y:auto}.sheet .sub{margin:0 0 12px}.purse{color:#f0d29a;justify-content:center;align-items:center;gap:6px;margin:0 0 12px;display:flex}.purse img{border-radius:3px;width:22px;height:22px}.wares{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ware{text-align:left;min-height:60px;font-family:var(--font);color:var(--ink);cursor:pointer;background:linear-gradient(#303a46e6,#161a20f2);border:1px solid #e7a45a73;border-radius:4px;align-items:center;gap:12px;padding:8px 12px;display:flex}.ware:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.ware[disabled]{opacity:.5;cursor:default}.ware>img{border-radius:3px;flex:none;width:40px;height:40px}.ware .what{flex-direction:column;flex:1;gap:2px;display:flex}.ware .what b{font-weight:400;font-size:var(--text-m)}.ware .what small{font-size:var(--text-s);color:var(--muted)}.ware .price{color:#f0d29a;font-size:var(--text-m);flex:none;align-items:center;gap:4px;display:flex}.ware .price img{border-radius:3px;width:18px;height:18px}.ware.warn{border-color:#e0574bcc}.ware.warn .what b{color:#f08a7e}@media (max-height:460px){.sheet .panel{padding:12px 18px}.sheet .logo.small{margin-bottom:4px;font-size:28px}.sheet .sub{display:none}.wares{grid-template-columns:1fr 1fr;display:grid}.ware{min-height:56px}.ware .what small{display:none}}@media (orientation:portrait) and (max-width:500px){.boxings img{width:15px;height:15px}}@media (max-height:460px) and (orientation:landscape){.sheet .panel{width:min(640px,100%)}}@media (orientation:portrait) and (max-width:500px){.meter span{display:none}.meter b{width:40px}}