:root{--night:#07121a;--mist:#c9e6dd;--wisp:#7ff5d6;--heather:#b48ad8;--dim:rgba(201,230,221,.62);--line:rgba(127,245,214,.18);--panel:rgba(7,18,26,.72)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--night);color:var(--mist);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;touch-action:none;user-select:none;-webkit-user-select:none;font-feature-settings:"tnum" 1,"cv11" 1}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%}a{color:var(--wisp)}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px;background:radial-gradient(ellipse at 50% 60%,#07121a40,#07121ae6 75%);transition:opacity .7s;overflow-y:auto}.screen.hide{opacity:0;pointer-events:none}.screen.center{justify-content:center;text-align:center;gap:14px;display:none}.screen.center.on{display:flex}.top{width:100%;max-width:980px;display:flex;justify-content:space-between;align-items:baseline}.brand{font-weight:600;letter-spacing:.22em;font-size:14px}.brand span{font-weight:400;letter-spacing:.04em;color:var(--dim);text-transform:lowercase}.chain{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.card{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 26px 20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000073}.jackpot{text-align:center}.jackpot .label{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--wisp)}.jackpot .big{font-size:clamp(44px,9vw,64px);font-weight:300;letter-spacing:-.02em;line-height:1.05;margin-top:6px;color:#fff;text-shadow:0 0 30px rgba(127,245,214,.35)}.jackpot .big small{font-size:.38em;font-weight:500;color:var(--wisp);letter-spacing:.06em;margin-left:6px;vertical-align:.5em}.jackpot .sub{margin-top:8px;color:var(--dim)}.jackpot .round{margin-top:6px;font-size:13px;color:var(--mist);letter-spacing:.02em}.riddle{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#7ff5d60d;border:1px solid var(--line);font-size:14px;line-height:1.45}.riddle .k{flex:none;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--wisp);padding-top:3px}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.primary,.secondary{border-radius:10px;padding:14px 22px;font-weight:600;font-size:15px;letter-spacing:.01em;text-decoration:none;border:0;flex:1 1 auto;text-align:center}.primary{background:var(--wisp);color:#062019;box-shadow:0 8px 30px #7ff5d638}.secondary{background:transparent;color:var(--mist);border:1px solid rgba(201,230,221,.3)}.link{background:none;border:0;color:var(--dim);text-decoration:underline dotted;font-size:13px;padding:6px 8px}.wl{font-size:13.5px;color:var(--dim);text-align:center;line-height:1.5}.wl b{color:var(--mist);font-weight:600}.wl.purse{color:var(--mist)}.how{width:100%;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;font-size:12.5px;color:var(--dim);line-height:1.5}.how b{color:var(--mist);font-weight:600;display:block;margin-bottom:2px}.how .ctrls{grid-column:1/-1;text-align:center;font-size:12px;letter-spacing:.02em;margin-top:2px}.how .ctrls b{display:inline;color:var(--wisp)}.h1{font-size:clamp(40px,8vw,72px);font-weight:300;letter-spacing:-.02em;line-height:1;color:#fff}.lead{color:var(--dim);font-size:17px}.stats{display:flex;gap:34px;margin-top:6px}.stats div{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);text-align:center}.stats b{display:block;font-size:34px;font-weight:300;color:var(--mist);letter-spacing:0;text-transform:none;line-height:1.1}.code{font-weight:600;letter-spacing:.08em;color:var(--wisp);font-size:15px}.center .actions{max-width:420px;width:100%}#hud{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .6s}#hud.on{opacity:1}.cross{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--wisp);box-shadow:0 0 8px var(--wisp)}.tl{position:absolute;left:18px;top:16px;line-height:1.15}.tl .t{font-size:13px;font-weight:600;letter-spacing:.22em}.tl .s{font-size:11px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.tr{position:absolute;right:18px;top:14px;text-align:right}.tr .n{font-size:34px;font-weight:300;line-height:1;color:#fff}.tr .n.small{font-size:18px;margin-top:10px;color:var(--mist)}.tr .l{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:3px}#clock.low{color:#ffb3a7}#toast{position:absolute;left:50%;bottom:30px;transform:translate(-50%);font-size:15px;color:var(--mist);background:#07121ab3;padding:9px 16px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .5s;border:1px solid var(--line)}#toast.on{opacity:1}#stick{position:absolute;left:24px;bottom:24px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(127,245,214,.3);background:#07121a59;pointer-events:auto;display:none}#stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#7ff5d6b3}body.touch #stick{display:block}body.touch #toast{bottom:172px}#sink{position:fixed;inset:0;z-index:7;background:#020608;opacity:0;pointer-events:none;transition:opacity .35s}#flash{position:fixed;inset:0;z-index:8;background:#bfffe9;opacity:0;pointer-events:none;transition:opacity .5s}#flash.on{opacity:.55;transition:none}#vignette{position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#02060800 45%,#0206088c)}#drawLine{position:absolute;left:50%;top:44px;transform:translate(-50%);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--wisp)}.wl.choose{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wisp);opacity:.8}#riddle{position:absolute;left:50%;top:16px;transform:translate(-50%);font-size:13px;color:var(--dim);max-width:52vw;text-align:center;line-height:1.3}@media (max-width:720px){.screen{padding:14px}.how{grid-template-columns:1fr;gap:8px;font-size:12px}.card{padding:18px 16px 14px}#riddle{display:none}.stats{gap:20px}.tr .n{font-size:28px}}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ll{position:absolute;left:0;top:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:#07121a80;padding:3px 8px;border-radius:6px;border:1px solid rgba(127,245,214,.12);white-space:nowrap;will-change:transform}.ll.mine{color:#062019;background:var(--wisp);border-color:var(--wisp);font-weight:600}.ll.chosen{color:var(--wisp);border-color:var(--wisp);box-shadow:0 0 14px #7ff5d659}.hudbtn{position:absolute;right:18px;bottom:22px;pointer-events:auto;font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:#07121a80;border:1px solid rgba(201,230,221,.2);border-radius:6px;padding:6px 10px;cursor:pointer}body.touch .hudbtn{bottom:auto;top:110px}#grain{position:fixed;inset:-50%;z-index:4;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,-1%)}to{transform:translate(0)}}.jumpbtn{position:absolute;right:26px;bottom:34px;width:84px;height:84px;border-radius:50%;pointer-events:auto;display:none;font:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);background:#07121a66;border:1px solid rgba(127,245,214,.35)}body.touch .jumpbtn{display:block}#title{gap:28px;padding:28px 5vw;background:linear-gradient(110deg,#050f16f0,#050f168c);touch-action:pan-y}.top,.how{max-width:1200px}.lobby-layout{width:100%;max-width:1200px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:36px;align-items:center;margin:auto 0}.round-board{min-width:0}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--wisp);font-weight:600}.board-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}.board-heading h1{font-size:clamp(26px,3.3vw,43px);font-weight:300;letter-spacing:-.04em;line-height:1.12}.status-pill{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:30px;padding:5px 9px;color:var(--dim);white-space:nowrap}.status-pill[data-phase=open]{color:var(--wisp);background:#7ff5d614}.status-pill[data-phase=drawing]{color:#edc18a;border-color:#edc18a66}.board-intro{color:var(--dim);max-width:470px;font-size:14px;line-height:1.65}.round-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:26px 0 15px}.round-metrics span{display:block;color:#effff9;font-size:34px;font-weight:300;line-height:1.2;font-variant-numeric:tabular-nums}.round-metrics small{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.round-track{height:3px;background:#7ff5d61f;border-radius:3px;overflow:hidden;margin-bottom:24px}.round-track i{display:block;height:100%;background:var(--wisp);transition:width 1s linear;box-shadow:0 0 12px var(--wisp)}.board-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;color:var(--dim);margin-bottom:12px}#syncStatus{letter-spacing:0;text-align:right}.stale{color:#edc18a!important}.light-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.light-cell{border:1px solid rgba(201,230,221,.13);border-radius:9px;min-width:0;padding:10px 5px;text-align:center;background:#091a20ad}.light-name{display:block;font-size:10px;color:var(--dim)}.light-name i{display:block;width:4px;height:4px;background:#79ac9e;border-radius:50%;margin:0 auto 7px}.light-cell b{display:block;font-size:22px;font-weight:400;margin-top:5px}.light-cell small{font-size:8px;color:var(--dim);letter-spacing:.04em}.light-cell.mine{border-color:var(--wisp);background:#7ff5d61a}.light-cell.mine small,.light-cell.chosen small{color:var(--wisp)}.light-cell.chosen .light-name i{background:var(--wisp);box-shadow:0 0 12px 3px #7ff5d666}.light-cell.chosen{border-color:#b8dbc2;background:#7ff5d621}.board-note{font-size:11px;color:var(--dim);line-height:1.6;margin-top:12px}.new-round{border:1px solid var(--wisp);border-radius:10px;padding:12px;margin-top:14px;display:flex;align-items:center;gap:14px;font-size:12px}.new-round button{padding:8px 12px;font-size:12px;flex-shrink:0}.lobby-layout .card{max-width:none;border-radius:18px;padding:26px;gap:16px;background:#06141bd6}.jackpot .label{font-size:10px;letter-spacing:.17em}.jackpot .sub{font-size:12px;line-height:1.6}.how{border-top:1px solid var(--line);padding-top:18px;gap:24px}button:focus-visible,a:focus-visible{outline:2px solid var(--wisp);outline-offset:4px}#title.hide{visibility:hidden;transition:opacity .4s,visibility .4s}.ticket-status{position:absolute;left:18px;top:68px;max-width:330px;padding:10px 12px;border-left:2px solid var(--wisp);background:#07121abd;font-size:11px;letter-spacing:.04em}.exploration{position:absolute;left:18px;bottom:64px;font-size:10px;letter-spacing:.08em;color:var(--dim);max-width:50vw}.hudbtn.round-menu{right:auto;left:18px;bottom:22px;padding:9px 12px;color:var(--mist)}#drawLine{top:53px;max-width:43vw;text-align:center;font-size:11px;letter-spacing:.06em;background:#07121ab8;padding:6px 10px;border-radius:5px}#toast{max-width:min(540px,85vw);white-space:normal;text-align:center;bottom:95px}#hud:not(.on){visibility:hidden}#result{touch-action:pan-y;padding-block:40px}#result .wl{max-width:680px}body.touch .hudbtn.round-menu{top:auto;bottom:170px;left:18px}body.touch .exploration{bottom:212px}@media (max-width:900px){#title{padding:20px;gap:22px}.lobby-layout{gap:24px;grid-template-columns:1fr}.round-board,.lobby-layout .card{width:100%;max-width:620px;margin:auto}.board-heading h1{font-size:32px}.how{max-width:620px;gap:12px}}@media (max-width:540px){#title{padding:18px 14px;padding-top:max(18px,env(safe-area-inset-top))}.top{align-items:flex-start;gap:12px}.chain{font-size:9px;text-align:right;max-width:45%}.brand{font-size:12px}.brand span{display:block}.board-heading h1{font-size:29px}.board-intro{font-size:13px}.round-metrics{margin-top:20px}.round-metrics span{font-size:29px}.round-metrics small{font-size:9px;letter-spacing:0}.light-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.light-cell{padding:9px 2px}.light-name{font-size:8px}.light-cell b{font-size:20px}.light-cell small{font-size:7px}.lobby-layout .card{padding:20px 16px}.how{grid-template-columns:1fr}.ticket-status{left:12px;top:60px;max-width:55vw;font-size:10px}.tl{left:12px;max-width:56vw}.tl .s{font-size:9px;line-height:1.4}.tr{right:12px}#drawLine{top:185px;max-width:90vw;width:max-content}.exploration{font-size:9px;max-width:60vw}.new-round{flex-direction:column;align-items:stretch}.stats{gap:16px}.stats b{font-size:28px}body.touch .hudbtn:not(.round-menu){top:auto;bottom:132px;right:18px;font-size:9px}}@media (prefers-reduced-motion:reduce){#grain{animation:none}.round-track i,.screen{transition:none}}.demo-panel{width:100%;max-width:1200px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #edc18a66;border-radius:10px;padding:12px 16px;background:#241e16cc;color:#edc18a;font-size:12px}.demo-panel b{letter-spacing:.15em;margin-right:14px;font-size:10px}.demo-panel span{color:var(--mist)}.demo-panel select{font:inherit;background:var(--night);color:var(--mist);border:1px solid var(--line);border-radius:6px;padding:7px;margin-left:6px}body.demo #hud .tl .t:after{content:" · TEST";color:#edc18a;font-size:10px;letter-spacing:.08em}body.demo #result .eyebrow:after{content:" · TEST TOKENS · NO REAL FUNDS"}@media (max-width:540px){.demo-panel{padding:10px;gap:8px}.demo-panel span{display:block;font-size:10px;margin-top:3px}.demo-panel label{white-space:nowrap;font-size:10px}}.bank-details{margin-top:12px;text-align:left;font-size:12px;line-height:1.6;color:var(--muted,#9db2af)}.bank-details summary{cursor:pointer;color:#bcebdd}.bank-details p{margin:8px 0 0}