:root{--bg:#170C08;--panel:#24140D;--line:#4A2C1C;--ink:#2A1810;--paper:#F3DDB4;--cream:#FBE9D0;--mute:#C9A27A;--mute2:#9A7A5A;--dim:#7A5A3A;--amber:#FFB000;--fire:#FF5A1F;--orange:#FF7A1A;--green:#2E9E4F;--red:#FF7A5A;--purple:#6A2AA8;--violet:#C04CFF;--pixel:"Silkscreen",ui-monospace,monospace;--num:"VT323",ui-monospace,monospace;--body:"Pixelify Sans",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--bg)}body{color:var(--cream);font:15px/1.4 var(--body);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit}a{color:inherit}.tap{transition:transform .08s steps(2)}.tap:active{transform:translateY(2px)}.station{min-height:100vh;min-height:100dvh;overflow-x:clip;background:radial-gradient(120% 90% at 50% 35%,#2B140C 0%,var(--bg) 60%,#0C0604 100%)}.app{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding-block:calc(env(safe-area-inset-top,0px) + 8px) 28px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.top .dj-back{margin-left:-4px;background:#2a1810;border-radius:0;border:2px solid var(--line)}.title{font:700 clamp(16px,5.2vw,20px)/1 var(--pixel);color:#fff;text-shadow:2px 2px 0 var(--fire);white-space:nowrap}.top .no{justify-self:end;font:400 11px var(--pixel);color:var(--amber)}.ticket{background:var(--paper);color:var(--ink);border:3px solid #000;box-shadow:0 4px #000;padding:8px 10px 10px}.trow{display:flex;justify-content:space-between;font:400 11px var(--pixel);color:var(--dim)}.trow #clk{color:var(--green)}.trow #clk.low{color:#c0203a;animation:blink .5s steps(1) infinite}.tmain{margin-top:6px;display:flex;align-items:center;gap:10px}.tile{flex:none;min-width:64px;height:70px;padding:0 8px;background:var(--ink);color:var(--amber);font:400 60px/70px var(--num);text-align:center;border:3px solid #000;box-shadow:inset 0 -4px #000;white-space:nowrap}.tile.sm{font-size:46px}.tile.xs{font-size:36px}.tinfo{flex:1;min-width:0}.pos{display:flex;align-items:center;gap:2px;font:700 21px/1 var(--pixel)}.info{position:relative;width:44px;height:44px;margin:-12px -10px -12px -4px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.info b{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--amber);border:2px solid #000;border-radius:50%}.info svg{display:block;fill:currentColor}.info[aria-expanded=true] b{background:var(--amber);color:var(--ink)}.phelp{position:absolute;left:0;right:0;top:28px;z-index:5;box-shadow:0 3px #000;padding:6px 8px;background:var(--ink);color:var(--cream);border:2px solid #000;font:500 13px/1.35 var(--body)}.phelp strong{font:700 11px var(--pixel);color:var(--amber);margin-right:4px}.tinfo{position:relative}.goal{display:inline-flex;align-items:center;gap:6px;height:26px;margin-top:6px;padding:0 8px;color:#fff;font:700 12px var(--pixel);border:2px solid #000}.goal.long{background:#b3401a}.goal.niche{background:var(--purple)}.sub{margin-top:4px;font:500 12px/1.3 var(--body);color:var(--dim)}.tbar{margin-top:8px;height:8px;background:var(--ink);border:2px solid #000}.tbar b{display:block;height:100%;background:var(--green);transition:width .1s linear}.forge{position:relative;height:212px;border:3px solid #000;box-shadow:0 4px #000;background:linear-gradient(#2b140c 0 66%,#3a2416 66% 68%,#24150d 68%);overflow:hidden}.furnace{position:absolute;left:10px;top:26px;width:70px;height:110px;background:#4a2c1c;border:3px solid #000}.furnace .fire{position:absolute;left:10px;right:10px;bottom:10px;height:46px;background:linear-gradient(#ffb000,#ff5a1f 60%,#b3200e);border:3px solid #000;animation:flick .3s steps(2) infinite}.furnace b{position:absolute;left:6px;right:6px;top:8px;height:6px;background:#2a1810}.ember{position:absolute;top:110px;width:4px;height:4px;background:var(--amber);animation:ember 2.6s steps(12) infinite}.smith{position:absolute;left:88px;top:62px;width:64px;height:80px;image-rendering:pixelated}.smith .arm{transform-origin:24px 18px;transition:transform .06s steps(1)}.smith.hit .arm{transform:rotate(70deg)}.anvil i{position:absolute;left:150px;right:10px;top:122px;height:18px;background:#6e7681;border:3px solid #000;box-shadow:inset 0 -4px #4b525b}.anvil b{position:absolute;left:calc(50% + 20px);width:90px;top:140px;height:22px;background:#4b525b;border:3px solid #000;border-top:0}.anvil u{position:absolute;left:calc(50% + 4px);width:122px;top:162px;height:12px;background:#3a3f46;border:3px solid #000}.tiles{position:absolute;left:150px;right:10px;top:92px;height:30px;display:flex;justify-content:center;gap:1px}.tiles.wide{left:10px;right:10px;top:34px}.t{height:28px;color:var(--ink);font-family:var(--num);line-height:26px;text-align:center;border:2px solid #000;flex:none}.t.live{background:#5a4030;color:#c9a27a}.t.hot{background:#ff9a4a;box-shadow:0 0 0 2px #000,0 0 12px var(--orange)}.t.drop{animation:drop .14s steps(4) both}.t.cool{background:var(--paper);animation:cool .5s steps(4) both}.t.cool:first-child{background:var(--amber)}.spark{position:absolute;top:96px;width:4px;height:4px;background:#ffe07a;animation:spark .5s steps(5) forwards;pointer-events:none}.meter{position:absolute;left:10px;right:10px;bottom:8px;display:flex;align-items:center;gap:8px;font:400 10px var(--pixel);color:var(--mute)}.meter i{flex:1;height:10px;background:var(--ink);border:2px solid #000}.meter b{display:block;height:100%;width:0;transition:width .15s steps(3)}.meter b.long{background:var(--orange)}.meter b.niche{background:var(--violet)}.intro{display:flex;flex-direction:column;gap:10px}.how{padding:12px 14px;background:var(--paper);color:var(--ink);border:3px solid #000;box-shadow:0 4px #000}.how h2{margin:0 0 6px;font:700 14px var(--pixel)}.how p{margin:6px 0 0;font:500 14px/1.4 var(--body)}.how p .goal{margin:0 6px 0 0;height:22px;font-size:11px}.how .dim{color:var(--dim);font-size:13px}.go{height:54px;border:3px solid #000;background:var(--fire);color:#fff;font:700 17px var(--pixel);box-shadow:0 4px #000;cursor:pointer}form{position:relative;display:flex;gap:6px}input{flex:1;min-width:0;height:50px;padding:0 12px;border:3px solid #000;border-radius:0;background:var(--cream);color:var(--ink);font:500 18px var(--body);text-transform:uppercase;letter-spacing:.04em}input::placeholder{color:var(--mute2);text-transform:none;letter-spacing:0}input:focus{outline:3px solid var(--amber);outline-offset:0}.add{flex:none;width:84px;height:50px;border:3px solid #000;background:var(--fire);color:#fff;font:700 13px var(--pixel);cursor:pointer;box-shadow:0 3px #000}.msg{min-height:20px;font:500 14px var(--body);color:var(--mute);text-align:center}.msg .warn{color:#ffb49a}.msg .fix{font:inherit;color:#fbe9d0;background:#3a2416;border:1px solid #FF7A1A;border-radius:10px;padding:8px 12px;margin-left:6px;min-height:44px;cursor:pointer}.msg .fix b{color:#ffb000}.card{padding:10px 12px;background:var(--paper);color:var(--ink);border:3px solid #000;box-shadow:0 4px #000;opacity:0;transform:translateY(8px);transition:opacity .3s steps(4),transform .3s steps(4)}.card.in{opacity:1;transform:none}.card .r1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card .v{font:700 18px var(--pixel)}.card .v.ok{color:#2e7d32}.card .v.rare{color:var(--purple)}.card .v.bad{color:#c0203a}.card .p{font:400 30px/1 var(--num)}.card .rows{margin-top:4px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;font:500 14px/1.4 var(--body)}.card .rows i{font:400 18px/1 var(--num);text-align:right;font-style:normal}.card .rows .dim{color:var(--dim)}.card .vm{margin-top:1px;font:500 12px var(--body);color:var(--dim);font-style:italic}.card .wd{font:700 14px var(--pixel)}.card .pos-tag{font-style:italic;color:var(--dim)}.card .def{font:500 13px/1.35 var(--body);color:var(--ink);opacity:0;transition:opacity .3s steps(3)}.card .def.in{opacity:1}.card .def:empty{display:none}.next{height:54px;border:3px solid #000;background:var(--amber);color:var(--ink);font:700 15px var(--pixel);box-shadow:0 4px #000;cursor:pointer;opacity:0;transition:opacity .3s steps(3)}.next.in{opacity:1}.sheet{background:var(--paper);color:var(--ink);border:3px solid #000;box-shadow:0 5px #000;padding:12px 14px}.sh{display:flex;justify-content:space-between;font:400 11px var(--pixel);color:var(--dim)}.st{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px}.st .big{font:400 64px/.9 var(--num)}.st .big span{font-size:26px;color:var(--dim)}.st .r{text-align:right;max-width:58%}.st .g{font:700 15px var(--pixel);color:var(--purple)}.st .gm{font:500 12px/1.3 var(--body);color:var(--dim);font-style:italic}.st .pct{font:500 13px var(--body);color:var(--dim)}.list{margin-top:8px;display:flex;flex-direction:column}.li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:2px dashed #C9A27A}.li:last-child{border-bottom:0}.li b{font:400 22px var(--num);color:var(--dim);font-weight:400}.li strong{display:block;font:700 15px var(--pixel);word-break:break-all}.li small{display:block;font:500 12px var(--body);color:var(--dim)}.li small em{font-style:normal;font-weight:700}.li small em.long{color:#b3401a}.li small em.niche{color:var(--purple)}.li i{font:400 26px var(--num);font-style:normal;white-space:nowrap}.sharebox{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:2px dashed var(--line);font:400 12px/1.6 var(--pixel);color:var(--mute)}.sharebox .tiny{font-size:10px;color:var(--mute2)}.sharebox span:nth-child(2){color:var(--cream)}.sharebox .sq{font-size:16px;letter-spacing:2px}.sharebox .muted{color:var(--mute2)}.primary{height:54px;border:3px solid #000;background:var(--amber);color:var(--ink);font:700 15px var(--pixel);box-shadow:0 4px #000;cursor:pointer}.pop{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:3px solid var(--line);background:var(--panel)}.pop h3{margin:0;font:400 10px var(--pixel);color:var(--mute)}.pop .row{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center;font:500 14px/1.4 var(--body)}.pop .row b{font:400 20px var(--num);color:var(--amber);font-weight:400}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);transform:translate(-50%,-20px);opacity:0;padding:10px 16px;border:3px solid #000;background:var(--amber);color:var(--ink);font:700 13px var(--pixel);transition:opacity .25s,transform .25s;pointer-events:none;z-index:20}.toast.on{opacity:1;transform:translate(-50%)}.loading{text-align:center;color:var(--mute);padding:40px 0;font:400 12px var(--pixel)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes flick{0%,to{opacity:.85}50%{opacity:1}}@keyframes ember{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-110px);opacity:0}}@keyframes drop{0%{transform:translateY(-60px);opacity:0}70%{transform:translateY(3px);opacity:1}to{transform:none}}@keyframes cool{0%{background:#ff9a4a}}@keyframes spark{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}html.kb .forge{height:120px}html.kb .furnace,html.kb .ember,html.kb .smith,html.kb .meter{display:none}html.kb .tiles,html.kb .tiles.wide{left:10px;right:10px;top:30px}html.kb .anvil i{left:10px;top:60px}html.kb .anvil b,html.kb .anvil u,html.kb .sub{display:none}html.kb .tile{height:56px;line-height:56px}html.kb .app{gap:7px;padding-block:calc(env(safe-area-inset-top,0px) + 6px) 8px}html.kb .station{min-height:0}@media(prefers-reduced-motion:reduce){.fire,.ember,.t,.spark,#clk{animation:none!important}}@media(min-width:900px)and (pointer:fine){.app{zoom:1.3;padding-top:20px}}@media(min-width:1400px)and (min-height:900px)and (pointer:fine){.app{zoom:1.5}}
