@font-face{font-family:system-fallback;src:local("Arial")}
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4f4;background:#081417;font-synthesis:none;--muted:#91a8ab;--green:#57e7b9;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 4% 15%,#18584860 0,transparent 42%),radial-gradient(ellipse at 100% 30%,#33365f60 0,transparent 39%),radial-gradient(ellipse at 6% 91%,#15575155 0,transparent 33%),#081417}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6aefc5;outline-offset:4px}button:active:not(:disabled){transform:scale(.965)}button{transition:background .15s,transform .12s,opacity .15s}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}small{font-size:.66em;font-weight:500;letter-spacing:.01em;color:#b9cccc}strong{font-variant-numeric:tabular-nums}.app{width:min(100%,480px);margin:0 auto;padding:calc(22px + var(--safe-top)) 22px calc(17px + var(--safe-bottom));min-height:100svh;position:relative;isolation:isolate}.app::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#d6ffff08,transparent 40%,#a2cdf905);border-inline:1px solid #bfefff0a;pointer-events:none}.glass{background:linear-gradient(130deg,#e0ffff15,#c2ddf408 55%,#d3d9ff13);border:1px solid #d3ffff21;box-shadow:inset 0 1px 0 #eeffff19,inset 0 -1px 0 #050e111a,0 10px 25px #00000013;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}.topbar{display:flex;align-items:center;gap:10px}.brand{color:var(--green);display:flex;align-items:center;gap:7px;letter-spacing:2px;font-size:16px;font-weight:750;text-decoration:none}.clover{font-size:36px;line-height:1;filter:drop-shadow(0 0 9px #53edb822)}.balance{margin-left:auto;border-radius:24px;padding:9px 12px;display:flex;align-items:baseline;gap:6px;font-size:12px;white-space:nowrap}.balance>span{font-size:11px;color:#a2b9bd}.balance strong{font-weight:650;font-size:15px}.balance small{font-size:9px}.icon-button{background:#e2ffff0a;border:1px solid #d4ffff15;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:7px}.settings-button{background:none;border:0;width:24px;padding:2px;color:#9cb2b5}.heading{text-align:center;margin:29px 0 23px}.eyebrow{margin:0 0 8px;letter-spacing:2.2px;font-size:9px;font-weight:600;color:#819e9e;display:flex;align-items:center;justify-content:center;gap:7px}.live-dot{width:4px;height:4px;background:#55c9a4;display:inline-block;border-radius:100%}h1{font-size:46px;line-height:1.12;letter-spacing:-1.8px;font-weight:640;margin:0;color:#eff6f3;text-shadow:0 3px 12px #0006}.intro{margin:9px 0 0;font-size:12px;letter-spacing:.2px;color:#9bb0b2}.round-bar{border-radius:17px;min-height:53px;display:flex;justify-content:space-between;align-items:center;padding:9px 17px}.round-bar>div{display:flex;gap:10px;align-items:baseline}.muted{font-size:12px;color:#a2b6b8}.round-bar strong{font-size:17px;font-weight:600}.round-bar strong small{font-size:9px}.divider{width:1px;height:18px;background:linear-gradient(transparent,#cee8e538,transparent);flex-shrink:0}.countdown-block{min-width:109px;justify-content:flex-end}#countdown{color:var(--green);font-size:17px;min-width:40px;text-align:right}.arena-wrap{height:auto;aspect-ratio:1.11;position:relative;margin:5px -11px 12px;background:radial-gradient(ellipse at 50% 56%,#0009 0,#030c0e88 46%,transparent 71%);isolation:isolate}#arena{display:block;width:100%;height:100%;position:relative}.arena-empty{position:absolute;inset:15% 5% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:9px;text-align:center}.arena-empty[hidden]{display:none}.empty-symbol{font-size:53px;line-height:1;color:#76dec24d;margin-bottom:9px}.arena-empty strong{font-size:15px;font-weight:500;color:#b1d7ce}.arena-empty>span:last-child{font-size:11px;color:#779b92}.players-pill{height:30px;border-radius:30px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:0 13px;font-size:10px;color:#bdd0d0;white-space:nowrap;background-color:#13323744}.players-pill:active:not(:disabled){transform:translateX(-50%) scale(.97)}.people-icon{font-size:12px;color:#80b6a6}.players-pill svg{width:10px;height:10px;color:#859d9e}.personal{padding:14px 19px;border-radius:17px;display:flex;justify-content:space-between;align-items:center}.personal>div{display:flex;align-items:baseline;gap:9px}.personal span:not(.divider){font-size:11px;color:#9fb9bb}.personal strong{font-size:15px;font-weight:600}.personal small{font-size:9px}.accent{color:var(--green)}.bet-panel{border-radius:22px;margin-top:11px;padding:8px 8px 10px;background:linear-gradient(120deg,#edffff15,#baf5e40b,#d6daff16)}.bet-buttons{display:grid;grid-template-columns:1fr 1fr 1fr 48px;gap:7px}.bet{border:1px solid #d1fafa25;box-shadow:inset 0 1px 0 #ffffff19,0 3px 9px #0002;background:linear-gradient(155deg,#d3e7f028,#7798a810);border-radius:15px;min-height:55px;font-size:14px;font-weight:550;white-space:nowrap}.bet small{display:block;font-size:8px;margin-top:4px;letter-spacing:.6px;color:#b3c8ca}.bet.featured{background:linear-gradient(140deg,#78e9b955,#19a58340);box-shadow:inset 0 1px 0 #d9ffee55,inset 0 -1px 8px #54dcb119,0 2px 14px #25e0ac0d;border-color:#8efbd457}.custom{display:grid;place-items:center}.custom svg{width:21px;height:21px}.bet-panel p{font-size:10px;color:#98b0b1;text-align:center;margin:10px 0 0;letter-spacing:.1px}.message{font-size:11px;line-height:1.4;text-align:center;min-height:16px;margin:8px 0 0;color:#afe5d4}.message.error{color:#f0beaa}.footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}.footer button{display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:8px 0;color:#b3c6c9;font-size:11px}.footer svg{width:14px;height:14px;stroke-width:1.5;color:#8caeac}.footer>span{height:10px;width:1px;background:#8caeac29}.preview-note{text-align:center;color:#647f80;font-size:9px;margin:10px 0 0;line-height:1.5;letter-spacing:.25px}.result-caption{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);border-radius:15px;padding:9px 20px;text-align:center;background:#071818e6;box-shadow:0 0 30px #07291a88;border:1px solid #79e3b92a;white-space:nowrap}.result-caption span{display:block;font-size:11px;color:#b6d1c8}.result-caption strong{display:block;margin-top:3px;color:#78edbd;font-size:19px;font-weight:600}.result-caption[hidden]{display:none}dialog{color:#edf4f4;width:min(100% - 24px,438px);border:1px solid #bddcda35;border-radius:29px 29px 22px 22px;padding:31px 25px 25px;background:linear-gradient(140deg,#24433eea,#172830f5);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 20px 100px #0009;max-height:min(80svh,650px);overflow:auto}dialog::backdrop{background:#0007;backdrop-filter:blur(7px)}.sheet-handle{position:absolute;top:10px;left:calc(50% - 17px);height:4px;width:34px;border-radius:9px;background:#bed9d733}.close-sheet{position:absolute;right:17px;top:17px}h2{font-size:23px;font-weight:600;margin:5px 32px 22px 0;letter-spacing:-.4px}.sheet-copy{color:#b5c9c9;font-size:13px;line-height:1.75}.sheet-copy p{margin:0 0 15px}.sheet-copy b{font-weight:600;color:#e3efeb}.sheet-copy code{font-size:10px;overflow-wrap:anywhere;color:#bce8d6;display:block;background:#0002;padding:10px;border-radius:8px;line-height:1.5}.sheet-copy ul{padding-left:18px}.field-label{display:block;color:#a6c1be;font-size:12px;margin-bottom:12px}.amount-input{display:block;width:100%;text-align:center;background:#041e1b55;color:#e7f7f0;border:1px solid #a9eed332;border-radius:17px;padding:19px 10px;font-size:35px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.preset-row{display:flex;gap:8px;margin-top:12px}.chip{background:#c4eee30b;border:1px solid #bddcd321;border-radius:12px;padding:10px;font-size:12px;flex:1}.submit-bet{display:block;background:linear-gradient(125deg,#61d7ad,#39b996);color:#062c20;border:1px solid #b3ffe15c;border-radius:16px;min-height:49px;width:100%;font-size:14px;font-weight:650;margin-top:20px}.form-note{font-size:11px;color:#93b1ab;line-height:1.65;margin:12px 0 0}.form-error{color:#ffd2bd;font-size:12px;margin-top:12px;min-height:16px}.player-row,.history-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #c2e5da10}.avatar{width:34px;height:34px;border:1px solid var(--player-color);border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--player-color);background:#00191055}.player-row div:nth-child(2),.history-row>div{flex:1}.player-row b,.history-row b{font-size:13px;font-weight:500}.player-row small,.history-row small{display:block;color:#98b7ae;margin-top:4px;font-size:11px}.player-row>strong,.history-row>strong{font-size:13px;font-weight:500}.history-row button{background:#baf1d70d;border:1px solid #c5ffdf1a;border-radius:10px;padding:7px;font-size:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:16px;padding:17px 0;color:#d6e5df}.setting-row input{width:20px;height:20px;accent-color:#66dcb5}.proof-actions{display:flex;gap:9px;margin:12px 0}.proof-result{font-size:12px;color:#a2e3c9;line-height:1.6;overflow-wrap:anywhere}.connection-lost .live-dot{background:#d1aa71}.connection-lost .eyebrow{color:#c6ac85}
@media(min-width:600px){body{display:grid;place-items:center;padding:30px;min-height:100vh}.app{min-height:0;border:1px solid #dafbf325;border-radius:32px;box-shadow:0 35px 100px #0005;background:linear-gradient(145deg,#c1ffff0c,#06232144,#bbbef508);overflow:hidden;padding:25px 26px 23px}.app::before{border:0}.heading{margin-top:25px}.arena-wrap{aspect-ratio:1.1}dialog{border-radius:29px}}
@media(max-width:370px){.app{padding-inline:14px}.brand{font-size:14px;gap:4px;letter-spacing:1.5px}.balance{padding:8px 9px;gap:4px}.balance>span{font-size:10px}.balance strong{font-size:13px}.settings-button{display:none}.round-bar{padding-inline:13px}.round-bar>div{gap:7px}.personal{padding:13px 12px}.personal>div{gap:5px}.heading{margin:23px 0 19px}.bet-buttons{gap:5px;grid-template-columns:1fr 1fr 1fr 40px}.footer{gap:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}dialog::backdrop{backdrop-filter:none}.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#1c3638}}
body.reduce-effects .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#1c3638}body.reduce-effects dialog::backdrop{backdrop-filter:none}

/* Approved glass concept: compact framing, bright frosted controls, a quiet
   dark halo around the luminous arena. */
body{background:radial-gradient(ellipse at 10% 8%,#16745666,transparent 41%),radial-gradient(ellipse at 98% 28%,#503da963,transparent 37%),radial-gradient(ellipse at 7% 71%,#9b862e36,transparent 34%),radial-gradient(ellipse at 40% 100%,#16766f77,transparent 38%),#08181f}
.app{width:min(calc(100% - 24px),470px);min-height:0;margin:16px auto;padding:17px 12px 16px;border:1px solid #d7f7ff6b;border-radius:23px;background:linear-gradient(130deg,#d9ffff20,#001c1724 31%,#07132422 70%,#c2d4ee20);box-shadow:inset 0 1px 2px #f1ffff5c,inset 0 0 27px #bad9e526,0 20px 55px #0006;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}
.app::before{border:0;border-radius:inherit;background:radial-gradient(ellipse at 0 0,#b5f6f726,transparent 32%),radial-gradient(ellipse at 100% 100%,#d3dbff20,transparent 23%)}
.topbar{padding:0 3px;gap:7px}.brand{font-size:15px;letter-spacing:1.4px}.clover{font-size:34px}.balance{padding:7px 10px;gap:5px}.balance strong{font-size:14px}.balance>span{font-size:10px}.balance small{font-size:9px}.settings-button{position:absolute;right:15px;bottom:14px;width:19px;height:19px;opacity:.7}
.heading{margin:9px 0 4px}.heading .eyebrow,.heading .intro{display:none}h1{font-size:38px;letter-spacing:-1px;font-weight:710;color:#edf0f4;text-shadow:0 2px 2px #9dabbe77,0 6px 12px #0008}
.glass{background:linear-gradient(152deg,#d2f6ff40,#c6e6f41e 28%,#6392a314 54%,#b1ced941);border-color:#d8f4fa47;box-shadow:inset 0 2px 5px #eaffff46,inset 0 -1px 6px #a6cddb24,0 5px 17px #0003;backdrop-filter:blur(25px) saturate(115%);-webkit-backdrop-filter:blur(25px) saturate(115%)}
.round-bar{border-radius:14px;min-height:39px;padding:8px 14px}.round-bar strong{font-size:15px}.round-bar .muted{font-size:11px}.round-bar>div{gap:8px}#countdown{font-size:16px}.countdown-block{min-width:97px}
.arena-wrap{margin:3px -8px 10px;aspect-ratio:1.25;background:radial-gradient(ellipse at 50% 55%,#010c0bcb 0,#010809ba 43%,transparent 73%)}.players-pill{height:26px;background-color:#16333755;font-size:10px;bottom:0;padding-inline:15px}
.personal{border-radius:15px;min-height:41px;padding:11px 17px}.personal span:not(.divider){font-size:10px}.personal strong{font-size:14px}
.bet-panel{margin-top:7px;border-radius:20px;padding:6px 6px 9px;background:linear-gradient(135deg,#d7edfa35,#5e9b9320,#d0d9f035)}.bet-buttons{gap:7px;grid-template-columns:1fr 1fr 1fr 52px}.bet{border-radius:15px;min-height:51px;background:linear-gradient(145deg,#d2e9f14d,#7caab334 45%,#659ead35);border-color:#d5faff35;box-shadow:inset 0 2px 7px #eeffff46,inset 0 -4px 14px #cff5fb15,0 3px 8px #00151e44;font-size:14px;font-weight:550}.bet small{display:inline;margin-left:2px;font-size:8px;letter-spacing:0;color:#e2f0ee}.bet.featured{background:linear-gradient(145deg,#a9ffdaaa,#1d976e60 43%,#008659aa);border-color:#c2ffe5aa;box-shadow:inset 0 3px 10px #c7ffe67a,inset 0 -2px 8px #29ffc677,0 1px 13px #38b78b33}.bet-panel p{font-size:10px;margin-top:9px;color:#b9cdcf}.message{min-height:13px;font-size:10px;margin-top:6px}.footer{margin-top:4px;gap:19px}.footer button{font-size:10px;color:#d7e5e5}.footer svg{width:13px;height:13px}.preview-note{font-size:8px;color:#9ab5b18f;margin-top:6px;padding-inline:17px}.balance{border-radius:25px}.personal .accent{color:#3af4bd}.round-bar #countdown{color:#3af4bd}
@media(min-width:600px){body{padding:22px}.app{margin:0;padding:19px 14px 16px;border-radius:25px}.heading{margin:8px 0 7px}h1{font-size:42px}.arena-wrap{aspect-ratio:1.25}}
@media(max-width:370px){.app{width:calc(100% - 16px);padding:14px 9px;margin:9px auto}.brand{font-size:13px}.clover{font-size:29px}.balance{padding:6px 8px;gap:4px}.balance strong{font-size:12px}.balance small{font-size:8px}.heading{margin-top:9px}h1{font-size:35px}.personal{padding:10px 12px}.personal strong{font-size:12px}.personal span:not(.divider){font-size:9px}.bet-buttons{gap:5px;grid-template-columns:1fr 1fr 1fr 40px}.bet{font-size:12px}.bet small{font-size:7px}.round-bar{padding:8px 10px}.round-bar strong{font-size:14px}.round-bar .muted{font-size:10px}.footer{gap:14px}.settings-button{display:grid}}

/* Match the reference's tight spacing between the status bar and crystal. */
.app{padding-top:12px;padding-bottom:11px}.heading{margin-top:0}h1{font-size:35px}.round-bar{min-height:35px;padding-block:6px}.arena-wrap{aspect-ratio:1.3;margin-top:-1px;margin-bottom:7px}.personal{min-height:36px;padding-block:8px}.bet{min-height:45px}.bet-panel{padding-bottom:8px}.bet-panel p{margin-top:8px}.message:empty{height:0;min-height:0;margin:0;overflow:hidden}.footer{margin-top:5px}.preview-note{margin-top:2px}.settings-button{bottom:10px}
@media(min-width:600px){.app{padding-top:15px}.heading{margin-top:2px}h1{font-size:39px}.arena-wrap{aspect-ratio:1.3}}
@media(max-width:370px){.app{padding-top:12px}.heading{margin-top:0}h1{font-size:33px}}