:root{--background:240 10% 4%;--foreground:0 0% 96%;--card:240 8% 6.5%;--card-foreground:0 0% 96%;--muted:240 5% 13%;--muted-foreground:240 5% 62%;--border:240 5% 15%;--input:240 5% 18%;--ring:158 55% 48%;--primary:0 0% 96%;--primary-foreground:240 6% 10%;--secondary:240 5% 12%;--secondary-foreground:0 0% 96%;--accent:158 55% 48%;--accent-foreground:160 60% 7%;--destructive:0 72% 60%;--even:351 80% 66%;--odd:270 72% 72%;--reveal:38 92% 56%;--radius:.625rem;color:hsl(var(--foreground));background:hsl(var(--background));font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -18%, hsl(var(--accent) / .06), transparent 46%), hsl(var(--background));min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(transparent 0 97%, hsl(var(--border) / .55) 100%), linear-gradient(90deg, transparent 0 97%, hsl(var(--border) / .5) 100%);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 72%);mask-image:linear-gradient(#0000008c,#0000 72%)}button,input{font:inherit}button{color:hsl(var(--secondary-foreground));cursor:pointer;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--secondary));box-shadow:none;padding:9px 16px;font-size:.9rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,opacity .15s}button:hover:not(:disabled){background:hsl(var(--muted));border-color:hsl(var(--border))}button:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring) / .55);outline:none}button:disabled{cursor:not-allowed;opacity:.5}input{width:100%;color:hsl(var(--foreground));text-align:center;border:1px solid hsl(var(--input));border-radius:var(--radius);background:hsl(var(--background));box-shadow:none;outline:none;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:26px;font-weight:600;transition:border-color .15s,box-shadow .15s}input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .22)}label{color:hsl(var(--muted-foreground));margin:20px 0 8px;font-size:.875rem;font-weight:500;display:block}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;color:hsl(var(--foreground));font-size:clamp(40px,6vw,68px);font-weight:600;line-height:1.05}h2{letter-spacing:-.02em;font-size:clamp(22px,3.5vw,30px);font-weight:600}p{color:hsl(var(--muted-foreground));line-height:1.7}strong,code,.slot-card,.jackpot,.digit-reveal,.topbar-pill strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:56px 0}.center-page{justify-items:center;gap:22px;display:grid}.arena-page{grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:100%;height:100dvh;margin:0;padding:14px;display:grid;position:relative;overflow:hidden}.glass{border:1px solid hsl(var(--border));background:hsl(var(--card));-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:.875rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000004d,0 12px 32px -18px #0000008c}.topbar{z-index:10;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;padding:12px 22px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:12px;margin-right:auto;display:flex}.brand{box-shadow:none;color:hsl(var(--foreground));letter-spacing:.12em;background:0 0;border:0;padding:6px 4px;font-size:16px;font-weight:700}.brand:hover:not(:disabled){background:0 0}.brand span{color:hsl(var(--accent))}.nav-start-run{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border:1px solid #0000;font-weight:600}.nav-start-run:hover:not(:disabled){background:hsl(var(--primary) / .9);border-color:#0000}.topbar-pill{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:hsl(var(--secondary) / .6);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.topbar-pill strong{color:hsl(var(--foreground));font-weight:600}.wallet-button{color:hsl(var(--primary-foreground));background:hsl(var(--accent));border:1px solid #0000;font-weight:600}.wallet-button:hover:not(:disabled){background:hsl(var(--accent) / .9)}.wallet-button.connected{color:hsl(var(--accent));border-color:hsl(var(--accent) / .35);background:hsl(var(--accent) / .1)}.wallet-button.connected:hover:not(:disabled){background:hsl(var(--accent) / .15)}.eyebrow{color:hsl(var(--muted-foreground));letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.hero-card{text-align:center;padding:clamp(34px,7vw,78px)}.hero-copy{width:min(760px,100%);margin:0 auto;font-size:18px}.jackpot{color:hsl(var(--accent));letter-spacing:-.02em;text-shadow:none;margin:30px 0;font-size:clamp(40px,7vw,64px);font-weight:700}.primary-action{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border:1px solid #0000;font-weight:600}.primary-action:hover:not(:disabled){background:hsl(var(--primary) / .9);border-color:#0000}.feature-grid,.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.game-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:0}.control-card,.reveal-card{flex-direction:column;min-height:0;display:flex}.feature-card,.hash-list,.setup-card,.control-card,.reveal-card,.arena-status{padding:26px}.feature-card span{color:hsl(var(--muted-foreground));letter-spacing:.12em;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:600;display:inline-block}.hash-list{width:100%;margin-top:24px}.hash-list-status{color:hsl(var(--muted-foreground));margin:8px 0 4px;font-size:14px}.hash-list-error{color:#e87373}.hash-list a{color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));grid-template-columns:120px 1fr 128px;align-items:center;gap:12px;padding:14px 0;text-decoration:none;transition:color .15s;display:grid}.hash-list a:hover{color:hsl(var(--accent))}.hash-list a span{color:hsl(var(--muted-foreground));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hash-list code{color:hsl(var(--muted-foreground));text-overflow:ellipsis;overflow:hidden}.hash-list strong{color:hsl(var(--foreground));font-weight:600}.setup-card{text-align:center;width:min(590px,100%)}.chip-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}.card-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.card-actions button{margin:0}.arena-status{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:22px;min-height:58px;display:flex}.arena-status strong{color:hsl(var(--foreground));font-weight:600}.warning-text{color:hsl(var(--destructive));text-shadow:none}.audio-icon{border:1px solid hsl(var(--border));background:hsl(var(--secondary));border-radius:999px;place-items:center;width:40px;height:40px;padding:0;font-size:16px;display:grid}.audio-icon.enabled{border-color:hsl(var(--accent) / .6);background:hsl(var(--accent) / .12);box-shadow:none}.slot-tape{gap:8px;min-height:74px;padding:4px 4px 6px;display:flex;overflow:hidden}.slot-card{min-width:78px;color:hsl(var(--muted-foreground));text-align:center;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.625rem;padding:10px;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}.slot-card small{color:hsl(var(--muted-foreground) / .7);display:block}.slot-card.active{color:hsl(var(--foreground));border-color:hsl(var(--accent) / .7);box-shadow:0 0 0 1px hsl(var(--accent) / .45);transform:scale(1.06)}.slot-card.reveal-slot{color:hsl(var(--reveal));border-color:hsl(var(--reveal) / .5);box-shadow:none}.progress-dots{gap:12px;margin-bottom:24px;display:flex}.progress-dots span{background:hsl(var(--muted));border-radius:999px;width:46px;height:8px}.progress-dots .filled{background:hsl(var(--accent));box-shadow:none}.progress-dots .reveal-step{border:1px solid hsl(var(--reveal) / .5)}.progress-dots .filled.reveal-step{background:hsl(var(--reveal));box-shadow:none}.bet-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bet-button{letter-spacing:.02em;min-height:88px;font-size:24px;font-weight:600}.bet-button.even{--bet:var(--even);color:hsl(var(--even))}.bet-button.odd{--bet:var(--odd);color:hsl(var(--odd))}.bet-button:hover:not(:disabled){border-color:hsl(var(--bet) / .6);background:hsl(var(--bet) / .08);box-shadow:none}.bet-button.selected{border-color:hsl(var(--bet));background:hsl(var(--bet) / .14);color:hsl(var(--foreground));box-shadow:0 0 0 1px hsl(var(--bet) / .4)}.cashout-button{width:100%;color:hsl(var(--accent-foreground));background:hsl(var(--accent));border:1px solid #0000;margin-top:auto;font-weight:600}.cashout-button:hover:not(:disabled){background:hsl(var(--accent) / .9);border-color:#0000}.esc-hint{color:hsl(var(--muted-foreground));letter-spacing:.16em;text-align:center;text-transform:uppercase;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;display:block}.reveal-card a{color:hsl(var(--muted-foreground));margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-block}.reveal-card a:hover{color:hsl(var(--foreground))}.reveal-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.reveal-title span{font-size:.72em;font-weight:600}.reveal-title .even{color:hsl(var(--even))}.reveal-title .odd{color:hsl(var(--odd))}.win-title span{font-size:1em}.reveal-result-layout{grid-template-columns:minmax(140px,164px) minmax(0,1fr);align-items:stretch;gap:16px;margin:10px 0 12px;display:grid}.result-side{grid-template-rows:auto 1fr;gap:12px;min-width:0;display:grid}.digit-reveal{border:1px solid hsl(var(--border));border-radius:.875rem;place-items:center;width:100%;min-height:164px;margin:0;font-size:84px;font-weight:700;animation:.32s cubic-bezier(.2,.9,.3,1) digit-pop;display:grid;position:relative}.digit-reveal.even{color:hsl(var(--even));background:hsl(var(--even) / .1);border-color:hsl(var(--even) / .3);box-shadow:none}.digit-reveal.odd{color:hsl(var(--odd));background:hsl(var(--odd) / .1);border-color:hsl(var(--odd) / .3);box-shadow:none}.winning-digit{border-color:hsl(var(--accent) / .6);box-shadow:0 0 0 1px hsl(var(--accent) / .45)}.win-check{width:26px;height:26px;color:hsl(var(--accent-foreground));background:hsl(var(--accent));box-shadow:none;border-radius:999px;place-items:center;font-size:16px;display:grid}.result-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid;position:relative}.result-info-card{border:1px solid hsl(var(--border));background:hsl(var(--secondary) / .5);border-radius:.75rem;flex-direction:column;justify-content:center;min-height:74px;padding:12px 14px;display:flex}.result-info-card span,.results-label{color:hsl(var(--muted-foreground));letter-spacing:.14em;font-size:10px;font-weight:600;display:block}.result-info-card strong{margin-top:4px;font-size:18px;font-weight:600;display:block}.result-info-card .skip{color:hsl(var(--muted-foreground))}.result-info-card .even{color:hsl(var(--even))}.result-info-card .odd{color:hsl(var(--odd))}.result-meta.matched .result-info-card{border-color:hsl(var(--accent) / .4)}.result-connector{z-index:2;width:28px;height:28px;box-shadow:none;background:0 0;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hash-explainer,.payout-banner{min-height:78px;margin:0}.hash-explainer{color:hsl(var(--muted-foreground));border-radius:0;align-items:center;padding-left:14px;font-size:14px;line-height:1.5;display:flex;position:relative}.hash-explainer:before{content:"";background:hsl(var(--border));width:1px;box-shadow:none;border-radius:999px;position:absolute;top:3px;bottom:3px;left:0}.payout-banner{width:100%;color:hsl(var(--accent));border:1px solid hsl(var(--accent) / .35);background:hsl(var(--accent) / .1);box-shadow:none;text-align:center;border-radius:.75rem;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:24px;font-weight:700;display:flex}.payout-banner span{filter:none;font-size:28px;line-height:1}.reveal-history-section{margin-top:auto}.results-divider{background:linear-gradient(90deg, transparent, hsl(var(--border)), transparent);height:1px;margin:0 0 10px}.results-label{margin-bottom:10px}.reveal-card.win-pulse{animation:.7s ease-out win-glow}.win-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-particles span{background:hsl(var(--accent));width:4px;height:4px;box-shadow:none;border-radius:999px;animation:1.8s ease-in-out infinite particle-float;position:absolute}.win-particles span:first-child{top:18%;left:18%}.win-particles span:nth-child(2){animation-delay:.18s;top:24%;right:16%}.win-particles span:nth-child(3){animation-delay:.36s;top:48%;right:8%}.win-particles span:nth-child(4){animation-delay:.54s;bottom:22%;left:14%}.win-particles span:nth-child(5){animation-delay:.72s;bottom:16%;right:28%}@keyframes win-glow{0%{box-shadow:0 1px 2px #0000004d}35%{box-shadow:0 0 0 1px hsl(var(--accent) / .5), 0 1px 2px #0000004d}to{box-shadow:0 1px 2px #0000004d}}@keyframes digit-pop{0%{opacity:0;transform:scale(.82)}}@keyframes particle-float{0%,to{opacity:.12;transform:translateY(8px)scale(.8)}45%{opacity:.6;transform:translateY(-8px)scale(1)}}.past-results{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:center;gap:8px;margin-top:0;padding:0;display:flex}.past-results span{border-radius:999px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:grid}.past-results .even{color:hsl(var(--even));background:hsl(var(--even) / .14)}.past-results .odd{color:hsl(var(--odd));background:hsl(var(--odd) / .16)}.past-results .active-result{box-shadow:none;outline:1px solid}.past-results .active-win{outline-color:hsl(var(--accent));box-shadow:0 0 0 1px hsl(var(--accent) / .4)}.history-page{justify-items:stretch}.history-row{text-align:left;grid-template-columns:1.1fr 1.4fr .8fr .8fr;align-items:center;gap:14px;width:100%;padding:18px 20px;display:grid}.history-row strong{font-weight:600}.history-row span{color:hsl(var(--muted-foreground))}.detail-summary h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,42px)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{position:relative}.close-button{border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:14px;right:14px}@media (width<=860px){.topbar,.arena-status{flex-direction:column;align-items:stretch}.nav-left{margin-right:0}.feature-grid,.game-grid,.hash-list a,.history-row{grid-template-columns:1fr}.hero-card,.setup-card,.control-card,.reveal-card{padding:22px}.bet-actions{grid-template-columns:1fr}.arena-page{grid-template-rows:auto auto minmax(0,1fr);height:100dvh;padding:10px}.arena-page .arena-status{flex-direction:row;align-items:center}.arena-page .game-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.arena-page .control-card,.arena-page .reveal-card{padding:16px}.arena-page h1{font-size:30px}.arena-page h2{font-size:22px}.arena-page .slot-card{min-width:64px;padding:8px}.arena-page .reveal-result-layout{grid-template-columns:108px minmax(0,1fr)}.arena-page .digit-reveal{width:100%;min-height:120px;font-size:64px}.arena-page .result-info-card,.arena-page .hash-explainer,.arena-page .payout-banner{min-height:54px}.arena-page .hash-explainer{font-size:12px}.arena-page .payout-banner{font-size:19px}.arena-page .payout-banner span{font-size:24px}.arena-page .past-results span{width:22px;height:22px;font-size:12px}}.cashout-heading,.cashout-heading .cashout-amount{color:hsl(var(--accent));background:0 0;-webkit-background-clip:initial;text-shadow:none;font-weight:700}.cashout-amount{font-weight:inherit;text-shadow:none}.cashout-total{color:hsl(var(--muted-foreground));text-shadow:none;font-weight:400}.cashout-total strong{color:hsl(var(--foreground));font-weight:600}.game-over-page{align-content:center;min-height:calc(100vh - 84px)}.session-card{width:min(760px,100%);padding:clamp(38px,7vw,72px)}.session-card h1{font-size:clamp(40px,6vw,72px)}@media (width<=600px){img,video,canvas,svg{max-width:100%;height:auto}button{min-height:44px}input{padding:14px;font-size:22px}h1{font-size:clamp(34px,13vw,54px);line-height:1}h2{font-size:clamp(22px,8vw,28px)}.page{width:min(100% - 24px,1180px);padding:28px 0}.topbar{align-items:stretch;padding:10px 12px;position:sticky}.nav-left{flex-wrap:wrap;gap:8px;width:100%}.brand{text-align:left;flex:100%;min-height:44px}.nav-start-run,.topbar>button:not(.brand),.topbar-pill{width:100%;min-height:44px}.topbar-pill{justify-content:space-between;align-items:center;display:flex}.hero-card,.feature-card,.hash-list,.setup-card,.control-card,.reveal-card,.arena-status{padding:18px}.hero-copy{font-size:16px}.jackpot{font-size:clamp(36px,16vw,56px)}.hash-list a{grid-template-columns:1fr;gap:6px}.hash-list code,.hash-list strong{overflow-wrap:anywhere;min-width:0}.chip-row button,.card-actions button{flex:calc(50% - 8px);min-width:0}.card-actions .primary-action,.card-actions button:last-child{flex-basis:100%}.arena-page{height:auto;min-height:100dvh;padding:10px;overflow:visible}.arena-page .arena-status{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.arena-page .audio-icon{justify-self:end;width:44px;height:44px}.arena-page .slot-tape{scroll-snap-type:x proximity;padding-bottom:10px;overflow-x:auto}.arena-page .slot-card{scroll-snap-align:center;min-width:58px}.arena-page .game-grid{grid-template-columns:1fr;gap:12px}.arena-page .control-card,.arena-page .reveal-card{min-height:auto}.arena-page .progress-dots{gap:6px;margin-bottom:18px}.arena-page .progress-dots span{width:100%;min-width:0}.arena-page .bet-actions{grid-template-columns:1fr 1fr;gap:10px}.arena-page .bet-button{min-height:66px;font-size:20px}.arena-page .cashout-button{margin-top:18px}.arena-page .reveal-result-layout{grid-template-columns:104px minmax(0,1fr);gap:10px}.arena-page .digit-reveal{min-height:116px;font-size:60px}.arena-page .result-meta{gap:8px}.arena-page .result-info-card{padding:9px 8px}.arena-page .result-info-card span,.arena-page .results-label{letter-spacing:.13em;font-size:9px}.arena-page .result-info-card strong{font-size:15px}.arena-page .hash-explainer{font-size:12px}.arena-page .payout-banner{font-size:18px}.arena-page .payout-banner span{font-size:22px}.arena-page .past-results{flex-wrap:wrap;gap:6px}.arena-page .past-results span{width:26px;height:26px;font-size:13px}.session-card{padding:28px 18px}.session-card h1{font-size:clamp(42px,15vw,62px)}}
