:root{--display:"Jersey 10", system-ui, sans-serif;--label:"Silkscreen", ui-monospace, monospace;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--ink:#23282e;--cream:#f3efe4;--yellow:#f2c94c;--red:#e2574c;--orange:#f5a623;--iron:#3f8ff0;--support:#f2c94c;--shadow:#0b1216}*{box-sizing:border-box}html,body{background:#0e1519;height:100%;margin:0;overflow:hidden}body{font:15px/1.35 var(--body);color:#fff;-webkit-user-select:none;user-select:none}button{font:inherit}.frame{position:fixed;inset:0;overflow:hidden}.stage{transform-origin:50%;width:1280px;height:720px;font-family:var(--display);position:absolute;top:50%;left:50%;overflow:hidden}.backdrop{background:radial-gradient(at 50% 55%,#2d4a55 0%,#1b2c34 70%,#142128 100%);position:absolute;inset:0}.backdrop-shop:after{content:"";opacity:.35;background-image:linear-gradient(45deg,#2b4f5c 25%,#0000 25% 75%,#2b4f5c 75%),linear-gradient(45deg,#2b4f5c 25%,#0000 25% 75%,#2b4f5c 75%);background-position:0 0,32px 32px;background-size:64px 64px;position:absolute;inset:0}.view-host{position:absolute;inset:0}.view-canvas{display:block;position:absolute}.view-overlay{pointer-events:none;position:absolute;overflow:visible}.btn{border:3px solid var(--ink);box-shadow:0 5px 0 var(--shadow);color:var(--ink);cursor:pointer;line-height:.9;font-family:var(--display);text-shadow:0 2px #0000001f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:transform 60ms;display:flex;position:absolute}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--shadow);transform:translateY(3px)}.btn:disabled{filter:grayscale(.7)brightness(.8);cursor:default}.btn-red{background:var(--red);color:#fff;text-shadow:0 2px #00000040}.btn-yellow{background:var(--yellow)}.btn-orange{background:var(--orange)}.btn-cream{background:#e8e2d2}.btn-big{padding:14px 36px 10px;font-size:40px;position:relative}.panel{background:var(--cream);border:3px solid var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--shadow);border-radius:6px;position:absolute}.ptitle{background:var(--yellow);font:12px var(--label);border-bottom:3px solid var(--ink);padding:5px 8px}.ptitle-red{background:var(--red);color:#fff}.title{background:radial-gradient(#0e15198c,#0e151926 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.title h1{font:400 120px/.9 var(--display);color:var(--yellow);text-shadow:0 6px 0 var(--shadow), 0 0 30px #00000080;letter-spacing:2px;margin:0}.tagline{font:16px var(--label);color:#e8eef2;text-shadow:0 2px 0 var(--shadow);margin:0 0 24px}.topbar{text-shadow:0 3px 0 var(--shadow);pointer-events:none;justify-content:center;gap:44px;font-size:42px;display:flex;position:absolute;top:10px;left:0;right:0}.lives{color:#ff6b6b}.wins{color:var(--yellow)}.card{width:186px;font-family:var(--body);font-size:14px;top:64px;left:14px}.card-body{flex-direction:column;gap:9px;padding:10px;display:flex}.card-art{aspect-ratio:1;border:3px solid var(--ink);background:#e3ddd0;border-radius:6px;width:100%}.card-row{border:2px solid var(--ink);border-radius:5px;align-items:center;gap:8px;padding:7px 8px;display:flex}.card-cycle{font:26px/.85 var(--display);text-align:center;border-right:2px solid #ccc;padding-right:8px}.card-cycle small{font-size:13px;display:block}.card-dmg b{color:#c0392b;font-size:16px}.card-note{font:10px/1.6 var(--label);color:#6b6f74}.hp-chip{color:#fff;background:#2b3138;align-items:center;gap:8px;width:186px;height:44px;padding:0 8px;display:flex;top:526px;left:14px}.hp-chip span{font:24px var(--display);color:var(--yellow)}.hp-mini{text-align:center;height:22px;font:20px/18px var(--display);background:linear-gradient(#8fe07a,#4fae46);border:2px solid #000;border-radius:3px;flex:1}.tools{flex-direction:column;gap:12px;display:flex;position:absolute;top:140px;left:1070px}.tool{background:#e8e2d2;width:74px;height:64px;position:relative}.tool.on{background:var(--yellow)}.tool-icon{font-size:30px}.tool-label{font:9px var(--label);margin-top:4px}.reroll{width:186px;height:116px;font-size:44px;bottom:16px;left:14px}.reroll span{font-size:34px}.offers{gap:8px;display:flex;position:absolute;bottom:16px;left:214px}.offer{border:3px solid var(--ink);background:var(--cream);width:148px;height:116px;color:var(--ink);box-shadow:0 4px 0 var(--shadow);cursor:pointer;text-align:left;border-radius:6px;padding:0;position:relative;overflow:hidden}.offer.line-iron{background:color-mix(in srgb, var(--iron) 20%, var(--cream))}.offer.line-support{background:color-mix(in srgb, var(--support) 26%, var(--cream))}.offer:before{content:"";width:6px;position:absolute;top:0;bottom:28px;left:0}.offer.line-iron:before{background:var(--iron)}.offer.line-support:before{background:var(--support)}.offer img{width:82px;height:82px;position:absolute;top:2px;left:6px}.offer-says{text-align:right;width:64px;font:12px/1.2 var(--body);color:#2d3136;position:absolute;top:8px;right:6px}.offer-foot{border-top:2px solid var(--ink);background:#fff9;justify-content:space-between;align-items:center;height:28px;padding:0 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.offer-name{font:10px var(--label)}.offer-price{font:24px var(--display)}.offer.can{box-shadow:0 4px 0 var(--shadow), 0 0 0 3px #ffd65a8c}.offer.picked{box-shadow:0 10px 0 var(--shadow), 0 0 0 4px var(--yellow);transform:translateY(-8px)}.offer.sold{cursor:default;background:#b9b3a6}.offer.sold .offer-says{font:16px var(--label);color:#6b6f74;text-align:center;width:auto;top:34px;left:0;right:0}.offer:not(.can):not(.sold){filter:saturate(.5)brightness(.92)}.lock{width:110px;height:50px;font-size:26px;bottom:82px;left:1000px}.lock.on{background:#fff3c4}.gold{cursor:default;width:110px;height:56px;font-size:38px;bottom:16px;left:1000px}.fight{width:148px;height:116px;font-size:46px;bottom:16px;right:14px}.fight.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 5px 0 var(--shadow), 0 0 0 6px #ffd65ab3}}.bubble{background:var(--cream);border:3px solid var(--ink);box-shadow:0 3px 0 var(--shadow);border-radius:10px;padding:3px 5px 1px;position:absolute;transform:translate(-50%,-100%)}.bubble:after{content:"";border:6px solid #0000;border-top-color:var(--ink);margin-left:-6px;position:absolute;bottom:-9px;left:50%}.bubble-good,.dot{filter:grayscale()opacity(.7);border:2px solid #00000073;border-radius:50%;width:16px;height:16px;display:inline-block}.dot{filter:none;vertical-align:-2px}.good-ore{background:#8a7d70}.good-plate{background:#b9c3cf}.good-gear{background:#e0b04a}.good-engine{background:#e8473c}.hp{border:3px solid var(--ink);width:470px;height:36px;box-shadow:0 4px 0 var(--shadow);background:#3b2a2a;border-radius:6px;position:absolute;top:56px;overflow:hidden}.hp-0{left:40px}.hp-1{right:40px}.hp i{background:linear-gradient(#8fe07a,#4fae46);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.hp s{background:var(--yellow);width:46px;color:var(--ink);font:24px var(--display);border-right:3px solid var(--ink);z-index:2;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;top:0;bottom:0;left:0}.hp b{font:400 26px var(--display);text-shadow:0 2px 0 var(--shadow);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.who{font:12px var(--label);color:#d8e4ea;text-shadow:0 2px 0 var(--shadow);position:absolute;top:98px}.who-0{left:42px}.who-1{right:42px}.fight-controls{gap:10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.fight-controls .btn{height:40px;padding:0 12px;font-size:26px;position:relative}.clock{text-align:center;text-shadow:0 3px 0 var(--shadow);font-size:36px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.clock small{font:10px var(--label);color:#ffd27a;margin-top:2px;display:block}.clock small.storm{color:#ff7b6b}.float{font:400 32px var(--display);text-shadow:0 2px 0 var(--shadow), 0 0 8px #0009;white-space:nowrap;animation:.9s ease-out forwards float;position:absolute;transform:translate(-50%,-50%)}.float-theirs{color:#ffe08a}.float-mine{color:#ff9a8a}@keyframes float{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-46px}}.modal{background:#0a101473;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result{width:420px;position:relative}.result-body{flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.result-big{font:72px/.9 var(--display)}.result-dealt{font:15px var(--body);flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.result-meta{font:11px var(--label);color:#6b6f74;text-align:center}