:root{--cream: #f3ecdc;--cream-2: #ece2cc;--ink: #362c1f;--muted: #8b7c64;--line: #4a3a28;--olive: #6b7f3e;--up: #3f7d4e;--red: #a53f34;--gold: #c9a227;--shadow: 0 10px 24px rgba(12, 16, 26, .42), 0 2px 5px rgba(12, 16, 26, .28);--radius: 14px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, "SF Pro Text", "Segoe UI", Inter, Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#0d1626;user-select:none;-webkit-user-select:none;cursor:crosshair}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud .panel{pointer-events:none}#hud button,#hud input,#hud button.panel{pointer-events:auto}#hud .veil.hidden,#hud .veil.hidden button,#hud .veil.hidden input{pointer-events:none}.panel{background:linear-gradient(180deg,var(--cream),var(--cream-2));border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px}.hud-top{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.timer-chip{font-variant-numeric:tabular-nums;font-weight:700;font-size:17px}.timer-chip .hourglass{color:var(--muted);font-size:14px}.timer-sub{font-size:11px;font-weight:500;color:var(--muted)}.timer-sub b{color:var(--ink)}.wind-chip{font-size:12px;font-weight:700;color:var(--muted);padding:8px 12px}.wind-arrow{display:inline-block;color:var(--olive);transition:transform .4s ease}.leaderboard{position:absolute;top:18px;right:18px;width:252px;padding:12px 12px 8px}.lb-head{display:flex;gap:10px;align-items:center;padding:2px 4px 10px}.lb-crest{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--cream);border:1.5px solid var(--line);border-radius:50%;overflow:hidden}.lb-crest img{width:26px;height:26px;image-rendering:pixelated}.lb-head h1{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.1}.lb-head .ticker{font-family:var(--sans);font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.06em}.lb-head .tagline{font-size:10.5px;color:var(--muted);font-style:italic;margin-top:2px}.lb-rows{list-style:none;border-top:1px solid rgba(74,58,40,.25)}.lb-rows li{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:baseline;padding:4.5px 4px;font-size:11.5px;border-bottom:1px solid rgba(74,58,40,.12)}.lb-rows li:last-child{border-bottom:0}.lb-empty{display:block;padding:10px 4px;font-size:11px;font-style:italic;color:var(--muted);text-align:center}.lb-rows .rank{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.lb-rows .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.lb-rows .val{font-variant-numeric:tabular-nums;font-weight:700}.lb-rows li.me .name{color:var(--olive)}.lb-rows li.me .name:after{content:" · you";font-weight:500;color:var(--muted);font-size:10px}.crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none}.crosshair i{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(243,236,220,.85);border-radius:50%;box-shadow:0 0 0 1px #14182259}.crosshair i:before,.crosshair i:after{content:"";position:absolute;background:#f3ecdcd9}.crosshair i:before{left:50%;top:-6px;width:1.5px;height:8px;transform:translate(-50%);box-shadow:0 40px #f3ecdcd9}.crosshair i:after{top:50%;left:-6px;height:1.5px;width:8px;transform:translateY(-50%);box-shadow:40px 0 #f3ecdcd9}.hint{position:absolute;left:50%;top:calc(50% - 78px);transform:translate(-50%);font-size:12.5px;font-weight:600;padding:7px 16px;transition:opacity .25s ease}.hint.hidden{opacity:0}.btn.sell{color:var(--cream);background:var(--red);border-color:var(--line)}.btn.sell:hover:not(:disabled){filter:brightness(1.08)}.shotcall{position:absolute;left:50%;top:9%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none;transition:opacity .3s ease}.shotcall.hidden{opacity:0}.shotcall-title{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 0 rgba(20,24,34,.9),0 2px 10px rgba(12,16,26,.85)}.shotcall-fee{font-size:64px;font-weight:800;line-height:1;color:var(--shot-color, var(--cream));-webkit-text-stroke:2px rgba(20,24,34,.6);paint-order:stroke fill;text-shadow:0 3px 16px rgba(12,16,26,.85),0 0 30px currentColor}.shotcall:not(.hidden) .shotcall-fee{animation:shotpop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes shotpop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.boardcam{position:absolute;left:18px;bottom:18px;width:236px;height:172px;border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:none;overflow:hidden}.boardcam-label{position:absolute;top:8px;left:8px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);background:#261e14b8;padding:3px 8px;border-radius:999px}.market{position:absolute;left:272px;bottom:18px;right:452px;min-width:300px;max-width:680px;padding:12px 14px 8px}.market-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 4px}.market-figures{display:flex;align-items:baseline;gap:8px}.mcap{font-family:var(--serif);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.delta{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;font-variant-numeric:tabular-nums}.delta.up{color:#eaf3e6;background:var(--up)}#chart{display:block;width:100%;height:96px}.stack{position:absolute;right:84px;bottom:18px;width:172px;display:flex;flex-direction:column;gap:10px}.card{padding:12px 14px 10px;display:flex;flex-direction:column;gap:2px}.card .big{font-family:var(--serif);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.card .sub{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.card.good .big{color:var(--up)}.power{position:absolute;right:18px;bottom:18px;width:46px;height:208px;padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.eyebrow.vertical{writing-mode:vertical-rl;letter-spacing:.22em}.power-track{flex:1;width:12px;background:#4a3a282e;border:1px solid rgba(74,58,40,.4);border-radius:999px;overflow:hidden;display:flex;align-items:flex-end}.power-fill{width:100%;height:0%;background:linear-gradient(0deg,var(--up) 0%,#b9c46a 55%,var(--red) 100%);transition:height .05s linear}.quiver{position:absolute;left:50%;bottom:208px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px}.q-slots{display:flex;gap:6px}.q-slots.recap{justify-content:center;margin:10px 0 2px}.q-slot{width:27px;height:27px;border-radius:8px;border:1.5px solid rgba(74,58,40,.4);background:#4a3a281a;display:grid;place-items:center;font-size:8.5px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.q-slot.next{border-style:dashed;border-color:var(--olive)}.q-slot.fee0{background:var(--gold);border-color:#9a7c1e;color:#fff}.q-slot.fee500{background:#b5544a;border-color:#7e2a22;color:#fff}.q-slot.fee1000{background:#8e5044;border-color:#5f2d24;color:#f7ece4}.q-slot.fee1500{background:#4a3a284d;color:var(--ink)}.veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:96px;background:#0a0e1838;transition:opacity .25s ease;pointer-events:auto}.veil.hidden{opacity:0;pointer-events:none}.result{width:320px;padding:22px 22px 18px;text-align:center}.result h2{font-family:var(--serif);font-size:26px;font-weight:700}.result h2.miss{color:var(--muted)}.result h2.gold{color:var(--gold)}.result-line{font-size:13px;margin-top:6px}.result-expiry{font-size:11px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.buy-box{margin-top:12px;padding:12px;border:1px solid rgba(74,58,40,.3);border-radius:10px;background:#4a3a280f}.buy-box.hidden{display:none}.amount-row{display:flex;align-items:center;gap:8px}.amount-symbol{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--muted)}#buy-amount{flex:1;font-family:var(--sans);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0}#buy-amount:focus-visible{outline:2.5px solid var(--gold);outline-offset:1px}.btn.mini{font-size:11px;padding:8px 12px}.buy-recap{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.buy-recap b{color:var(--ink)}.btn{font-family:var(--sans);font-size:12.5px;font-weight:700;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:10px;padding:9px 16px;cursor:pointer;box-shadow:0 2px #4a3a2873}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px);box-shadow:0 1px #4a3a2873}.btn.primary{background:var(--up);border-color:#2c5837;color:#f0f6ec;box-shadow:0 2px #2c5837}.btn:focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}.mode-chip{position:absolute;top:18px;left:18px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f3ecdcbf;background:#261e148c;border:1px solid rgba(243,236,220,.25);padding:5px 10px;border-radius:999px}.mode-chip.live{color:#eaf3e6;border-color:#78be7880}.wallet-chip{position:absolute;top:50px;left:18px;font-size:11.5px;font-weight:700;padding:7px 13px;cursor:pointer;border:1.5px solid var(--line)}.wallet-chip:hover{filter:brightness(1.04)}.wallet-chip.connected:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--up);display:inline-block}.wallet-chip.unavailable{opacity:.55;cursor:default}.wallet-chip:focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}.help-chip{position:absolute;top:50px;left:160px;width:32px;height:32px;padding:0;justify-content:center;font-size:14px;font-weight:800;cursor:pointer;border:1.5px solid var(--line)}.help-chip:hover{filter:brightness(1.04)}.theme-chip{position:absolute;top:50px;left:200px;width:32px;height:32px;padding:0;justify-content:center;font-size:15px;cursor:pointer;border:1.5px solid var(--line)}.theme-chip:hover{filter:brightness(1.04)}.intro-veil{align-items:center;padding-bottom:0;background:#0a0e1873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.intro-card{width:min(460px,calc(100vw - 40px));padding:26px 28px 24px;text-align:center}.intro-logo{width:64px;height:64px;image-rendering:pixelated;margin-bottom:6px}.intro-title{font-family:var(--serif);font-size:30px;font-weight:700;margin-top:4px}.intro-tagline{font-size:13px;font-style:italic;color:var(--muted);margin:2px 0 16px}.intro-steps{list-style:none;text-align:left;display:flex;flex-direction:column;gap:11px;border-top:1px solid rgba(74,58,40,.25);padding-top:16px}.intro-steps li{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;line-height:1.45}.intro-icon{font-size:17px;flex:none;width:24px;text-align:center}.fee-pills{display:inline-flex;gap:4px;margin:0 3px;vertical-align:baseline}.pill{font-size:10px;font-weight:800;padding:1.5px 7px;border-radius:999px;background:#4a3a281f;border:1px solid rgba(74,58,40,.3);white-space:nowrap}.pill.gold{background:var(--gold);border-color:#9a7c1e;color:#fff}.pill.dim{opacity:.65}.intro-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:14px;padding-top:12px;border-top:1px solid rgba(74,58,40,.25)}.intro-start{margin-top:16px;font-size:14px;padding:12px 34px}.name-card{width:340px}.name-card h2{font-family:var(--serif);font-size:22px;font-weight:700}.name-row{margin-top:12px}#name-input{flex:1;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0;text-align:center}#name-input:focus-visible{outline:2.5px solid var(--gold);outline-offset:1px}@media(max-width:1080px){.market{display:none}.stack{right:78px}}@media(max-width:760px){.leaderboard,.boardcam{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
