@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(./orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(./orbitron-latin-700-normal-DmYOh-W9.woff) format("woff")}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./share-tech-mono-latin-400-normal-CCqdbj5z.woff2) format("woff2"),url(./share-tech-mono-latin-400-normal-15MgdvEM.woff) format("woff")}:root{--bg-0: #07060d;--bg-1: #0e0b1a;--bg-1-a: rgba(14, 11, 26, .88);--grid: #3a1f6b;--neon-cyan: #00f0ff;--neon-magenta: #ff2bd6;--neon-yellow: #f5ff3c;--neon-red: #ff3b5c;--text: #e8e6ff;--text-dim: #8a86b3;--card-back: #1b0f38;--font-display: "Orbitron", "Share Tech Mono", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-move: .22s;--dur-flip: .26s;--glow-cyan: 0 0 4px rgba(0, 240, 255, .9), 0 0 12px rgba(0, 240, 255, .45), 0 0 28px rgba(0, 240, 255, .18);--glow-magenta: 0 0 4px rgba(255, 43, 214, .9), 0 0 12px rgba(255, 43, 214, .45), 0 0 28px rgba(255, 43, 214, .18);--glow-yellow: 0 0 4px rgba(245, 255, 60, .9), 0 0 12px rgba(245, 255, 60, .45), 0 0 28px rgba(245, 255, 60, .18);--hud-h: 52px;--bar-h: 64px;--side-w: 136px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-0);color:var(--text);font-family:var(--font-mono);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--neon-yellow);outline-offset:2px;box-shadow:var(--glow-yellow)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#app{position:fixed;inset:0}#bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#140d2b 0%,var(--bg-0) 70%);pointer-events:none}#bg .skyline{position:absolute;left:0;right:0;bottom:40%;height:18%;background:linear-gradient(to top,rgba(255,43,214,.18),transparent 70%);opacity:.6}#bg .horizon{position:absolute;left:0;right:0;bottom:40%;height:2px;background:var(--neon-magenta);box-shadow:var(--glow-magenta);opacity:.55}#bg .floor{position:absolute;left:0;right:0;bottom:0;height:40%;perspective:320px;perspective-origin:50% 0%;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%);mask-image:linear-gradient(to bottom,transparent 0%,#000 35%)}#bg .floor-plane{position:absolute;left:-100%;right:-100%;top:0;height:300%;transform-origin:50% 0%;transform:rotateX(62deg)}#bg .floor-grid{position:absolute;inset:-60px 0 0;background-image:linear-gradient(to right,var(--grid) 2px,transparent 2px),linear-gradient(to bottom,var(--grid) 2px,transparent 2px);background-size:60px 60px;opacity:.9;animation:grid-scroll 3.2s linear infinite;will-change:transform}@keyframes grid-scroll{0%{transform:translateZ(0)}to{transform:translate3d(0,60px,0)}}.lite #bg .floor-grid{animation:none}#scanlines{position:absolute;inset:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 2px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}canvas.fx-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#rain{z-index:1}#fx{z-index:30}#table{position:absolute;inset:0;z-index:10;touch-action:none;transition:filter .2s var(--ease)}.overlay-open #table{filter:blur(4px) brightness(.55)}.lite.overlay-open #table{filter:brightness(.45)}.slot{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .08);border:1.5px dashed rgba(0,240,255,.35);display:grid;place-items:center;font-family:var(--font-display);font-size:calc(var(--cw) * .42);color:#00f0ff38;z-index:0}.slot[data-kind=foundation]{border-color:#ff2bd659;color:#ff2bd640}.slot[data-kind=stock]{cursor:pointer}.slot[data-kind=stock]:after{content:"";width:40%;height:40%;border-radius:50%;border:2px solid rgba(0,240,255,.35)}.slot .counter{position:absolute;left:0;right:0;bottom:calc(var(--ch) * -.2);text-align:center;font-family:var(--font-mono);font-size:max(11px,calc(var(--cw) * .18));color:var(--text-dim);letter-spacing:.08em}.card{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);perspective:900px;cursor:grab;contain:layout style}.card.animating,.card.dragging{will-change:transform}.card-inner{position:absolute;inset:0;transform-style:preserve-3d}.card .face,.card .back{position:absolute;inset:0;border-radius:calc(var(--cw) * .08);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card .face{background:var(--bg-1-a);border:1.5px solid var(--suit);box-shadow:0 0 4px var(--suit-a9),0 0 12px var(--suit-a3),inset 0 0 10px var(--suit-a1);transition:box-shadow .12s var(--ease)}.card .face svg{position:absolute;inset:0;width:100%;height:100%;display:block}.card.red{--suit: var(--neon-magenta);--suit-a9: rgba(255, 43, 214, .85);--suit-a3: rgba(255, 43, 214, .32);--suit-a1: rgba(255, 43, 214, .12)}.card.black{--suit: var(--neon-cyan);--suit-a9: rgba(0, 240, 255, .85);--suit-a3: rgba(0, 240, 255, .32);--suit-a1: rgba(0, 240, 255, .12)}.card .face:after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.16) 48%,rgba(0,240,255,.12) 52%,transparent 60%);transform:translate(-80%);pointer-events:none}.card.sheen .face:after{animation:sheen .52s var(--ease) 1}@media(hover:hover){.card:hover .face:after{animation:sheen .7s var(--ease) 1}}@keyframes sheen{0%{transform:translate(-80%)}to{transform:translate(80%)}}.card .back{transform:rotateY(180deg);background-color:var(--card-back);background-image:var(--back-pattern);background-size:calc(var(--cw) * .36) calc(var(--cw) * .416);border:1.5px solid rgba(0,240,255,.85);box-shadow:0 0 4px #00f0ff8c,inset 0 0 12px #0009}.card .back:after{content:"";position:absolute;inset:0;background:var(--back-logo) center / 46% no-repeat}.card.lifted .face{box-shadow:0 0 6px var(--suit),0 0 18px var(--suit-a9),0 0 36px var(--suit-a3),0 14px 28px #0009}.card.invalid .face{border-color:var(--neon-red);box-shadow:0 0 6px var(--neon-red),0 0 18px #ff3b5c99}.card.hinted .face{border-color:var(--neon-yellow)}.drop-hl{position:absolute;left:0;top:0;width:var(--cw);border-radius:calc(var(--cw) * .1);border:2px solid var(--neon-yellow);box-shadow:var(--glow-yellow);pointer-events:none;z-index:900;opacity:0;animation:hl-pulse .7s ease-in-out infinite alternate}.drop-hl.on{opacity:1}@keyframes hl-pulse{0%{filter:brightness(.75)}to{filter:brightness(1.35)}}.ring{position:absolute;left:0;top:0;border-radius:calc(var(--cw) * .1);border:2px solid var(--neon-yellow);box-shadow:var(--glow-yellow);pointer-events:none;z-index:950}.popup{position:absolute;left:0;top:0;font-family:var(--font-display);font-weight:700;font-size:18px;pointer-events:none;z-index:1000;white-space:nowrap;text-shadow:0 0 6px currentColor}.popup.gain{color:var(--neon-yellow)}.popup.loss{color:var(--neon-red)}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:55}#tint{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:54;background:linear-gradient(90deg,#00f0ff40,#ff2bd62e 50%,#00f0ff40);mix-blend-mode:screen}#hud{position:absolute;inset:0;pointer-events:none;z-index:40}.hud-stats{position:absolute;left:0;right:0;top:0;padding:var(--safe-top) calc(8px + var(--safe-right)) 0 calc(8px + var(--safe-left));height:calc(var(--hud-h) + var(--safe-top));display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(to bottom,#07060deb,#07060db3);border-bottom:1px solid rgba(0,240,255,.25);pointer-events:auto}.hud-stats:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:hud-scan 3.6s linear infinite}.lite .hud-stats:after{animation:none;background-position:50% 0}@keyframes hud-scan{0%{background-position:-40% 0}to{background-position:140% 0}}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.stat .label{font-size:11px;letter-spacing:.18em;color:var(--text-dim)}.stat .value{font-family:var(--font-display);font-weight:700;font-size:clamp(14px,4.4vw,20px);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text);text-shadow:0 0 6px rgba(0,240,255,.5);white-space:nowrap;position:relative}.stat.hi.beating .value{color:var(--neon-yellow);animation:hi-pulse .6s ease-in-out infinite alternate}@keyframes hi-pulse{0%{text-shadow:0 0 4px rgba(245,255,60,.4)}to{text-shadow:0 0 14px rgba(245,255,60,1)}}.stat .resync{position:absolute;top:100%;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--neon-cyan);opacity:0}.stat .resync.on{opacity:1}.hud-bar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bar-h) + var(--safe-bottom));padding:6px calc(8px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(8px + var(--safe-left));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:linear-gradient(to top,#07060df0,#07060db3);border-top:1px solid rgba(255,43,214,.25);pointer-events:auto}.hud-btn{position:relative;min-height:48px;min-width:48px;border:1px solid rgba(0,240,255,.45);border-radius:8px;background:#0e0b1abf;color:var(--neon-cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;letter-spacing:.14em;cursor:pointer;text-shadow:0 0 6px rgba(0,240,255,.6);transition:background .12s,box-shadow .12s,opacity .12s}.hud-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hud-btn:hover:not(:disabled){background:#00f0ff1f;box-shadow:var(--glow-cyan)}.hud-btn:active:not(:disabled){transform:translateY(1px)}.hud-btn:disabled{opacity:.35;cursor:default}.hud-btn .badge{position:absolute;top:4px;right:6px;min-width:16px;padding:0 4px;height:16px;border-radius:8px;background:var(--neon-magenta);color:var(--bg-0);font-size:10px;line-height:16px;letter-spacing:0;text-shadow:none}.hud-btn .badge:empty{display:none}.hud-btn.auto{color:var(--neon-yellow);border-color:#f5ff3c99;text-shadow:0 0 6px rgba(245,255,60,.6)}.hud-btn.auto[hidden]{display:flex;visibility:hidden}.hud-btn.auto:not([hidden]){animation:auto-pulse .9s ease-in-out infinite alternate}@keyframes auto-pulse{0%{box-shadow:0 0 2px #f5ff3c4d}to{box-shadow:var(--glow-yellow)}}.hud-side .hud-stats{right:auto;bottom:0;width:calc(var(--side-w) + var(--safe-left));height:auto;padding:calc(12px + var(--safe-top)) 8px 0 calc(8px + var(--safe-left));grid-template-columns:1fr;grid-template-rows:repeat(4,64px);align-content:start;border-bottom:none;border-right:1px solid rgba(0,240,255,.25);background:linear-gradient(to right,#07060df0,#07060dbf)}.hud-side .hud-stats:after{display:none}.hud-side .hud-bar{right:auto;top:auto;width:calc(var(--side-w) + var(--safe-left));height:auto;padding:8px 8px calc(12px + var(--safe-bottom)) calc(8px + var(--safe-left));grid-template-columns:1fr 1fr;border-top:none;background:transparent}#overlays{position:absolute;inset:0;z-index:70;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#07060d8c;pointer-events:auto;overflow-y:auto;animation:overlay-in .22s var(--ease)}.overlay.clear{background:transparent}@keyframes overlay-in{0%{opacity:0}}.panel{position:relative;width:min(440px,100%);max-height:100%;overflow-y:auto;padding:24px 20px;border:1px solid rgba(0,240,255,.5);border-radius:14px;background:linear-gradient(160deg,#140d2bf2,#07060df2);box-shadow:0 0 24px #00f0ff2e,inset 0 0 24px #ff2bd614;display:flex;flex-direction:column;gap:12px;text-align:center}.panel h2{margin:0 0 4px;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.14em;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.panel p{margin:0;color:var(--text);line-height:1.5}.panel .dim,.dim{color:var(--text-dim);font-size:13px}.btn{min-height:48px;padding:10px 16px;border:1px solid rgba(0,240,255,.6);border-radius:8px;background:#00f0ff0f;color:var(--neon-cyan);font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.12em;cursor:pointer;text-shadow:0 0 6px rgba(0,240,255,.6);transition:background .12s,box-shadow .12s}.btn:hover{background:#00f0ff24;box-shadow:var(--glow-cyan)}.btn.primary{border-color:var(--neon-magenta);color:#ffd4f6;background:#ff2bd624;text-shadow:0 0 8px rgba(255,43,214,.9)}.btn.primary:hover{box-shadow:var(--glow-magenta)}.btn.danger{border-color:var(--neon-red);color:#ffd0d8;background:#ff3b5c1f;text-shadow:0 0 6px rgba(255,59,92,.8)}.btn.ghost{border-color:#8a86b380;color:var(--text-dim);text-shadow:none;background:transparent}.btn-row{display:flex;gap:10px}.btn-row>.btn{flex:1}.title-screen{flex-direction:column;gap:28px;background:radial-gradient(ellipse at center,#07060d66,#07060dd9)}.logo{position:relative;margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(30px,9vw,64px);line-height:1.05;letter-spacing:.08em;text-align:center;color:#fff;text-shadow:-2px 0 rgba(255,43,214,.85),2px 0 rgba(0,240,255,.85),0 0 18px rgba(0,240,255,.6),0 0 42px rgba(255,43,214,.35)}.logo .l2{display:block;color:var(--neon-magenta);text-shadow:0 0 10px rgba(255,43,214,.9),0 0 32px rgba(255,43,214,.45)}.logo-slices{position:absolute;inset:0;pointer-events:none}.logo-slices>div{position:absolute;inset:0}.title-menu{display:flex;flex-direction:column;gap:10px;width:min(340px,100%)}.title-foot{display:flex;flex-direction:column;align-items:center;gap:10px}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--neon-yellow);color:var(--neon-yellow);background:#f5ff3c14;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;cursor:pointer;box-shadow:var(--glow-yellow)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tab{min-height:44px;border:1px solid rgba(138,134,179,.5);border-radius:8px;background:transparent;color:var(--text-dim);font-family:var(--font-display);font-size:13px;letter-spacing:.1em;cursor:pointer}.tab[aria-selected=true]{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.stat-grid{display:grid;grid-template-columns:1fr auto;gap:8px 16px;text-align:left;font-size:15px}.stat-grid dt{color:var(--text-dim)}.stat-grid dd{margin:0;font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;text-align:left}.setting label{flex:1}.toggle{min-width:76px;min-height:40px;border-radius:999px;border:1px solid rgba(138,134,179,.6);background:transparent;color:var(--text-dim);font-family:var(--font-display);font-size:12px;letter-spacing:.1em;cursor:pointer}.toggle[aria-pressed=true]{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.seg{display:flex;gap:6px}.seg .toggle{min-width:64px}input[type=range]{flex:1;max-width:180px;accent-color:var(--neon-cyan);min-height:40px}.win-text{position:absolute;left:0;right:0;top:18%;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(18px,5.4vw,40px);letter-spacing:.12em;color:var(--neon-cyan);text-shadow:var(--glow-cyan);pointer-events:none;z-index:65;padding:0 12px}.win-text .cursor{display:inline-block;width:.6em;margin-left:4px;background:currentColor;animation:blink .8s steps(1) infinite}.win-text.magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}@keyframes blink{50%{opacity:0}}.win-screen{align-items:flex-end;background:transparent}.win-screen .panel{margin-bottom:4vh;animation:slide-up .52s var(--ease) both}@keyframes slide-up{0%{transform:translateY(110%);opacity:0}}.result-row{display:flex;justify-content:space-between;font-size:15px}.result-row span:last-child{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.result-row.total{font-size:20px;color:var(--neon-yellow);text-shadow:var(--glow-yellow);padding-top:6px;border-top:1px solid rgba(245,255,60,.3)}.new-high{align-self:center;padding:6px 14px;border-radius:999px;border:1px solid var(--neon-yellow);color:var(--neon-yellow);font-family:var(--font-display);font-weight:700;letter-spacing:.14em;box-shadow:var(--glow-yellow);animation:hi-pulse .6s ease-in-out infinite alternate}.struck{text-decoration:line-through;color:var(--text-dim)}#toast{position:absolute;left:50%;bottom:calc(var(--bar-h) + var(--safe-bottom) + 16px);transform:translate(-50%);z-index:80;max-width:calc(100% - 32px);padding:10px 16px;border-radius:8px;border:1px solid var(--neon-cyan);background:#07060deb;color:var(--text);font-size:13px;letter-spacing:.08em;box-shadow:var(--glow-cyan);pointer-events:none;opacity:0;transition:opacity .2s}#toast.on{opacity:1}@media(prefers-reduced-motion:reduce){.hud-stats:after,#bg .floor-grid,.hud-btn.auto:not([hidden]),.drop-hl{animation:none!important}}.hud-side .stat .label{font-size:12px}.hud-side .stat .value{font-size:22px}.hud-side .hud-btn{min-height:56px}