@font-face{font-family:Soopafre;src:url(/assets/soopafre-BPBAyeQZ.ttf)format("truetype");font-display:swap}:root{--cc-base:#e19e1d;--cc-border-color:#c35d2a;--cc-border:3px solid var(--cc-border-color);--cc-surface:#edb54c;--cc-surface-hover:#f2c366;--cc-token:#ffeb55;--cc-accent:#c35d2a;--cc-on-accent:#fff7e8;--cc-muted-fill:#b9822a;--cc-text:#2b1606;--cc-text-muted:#6b3a12;--cc-grid-size:40px;--cc-grid-line:#c35d2a38;color:var(--cc-text);background:var(--cc-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Soopafre,system-ui,sans-serif;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}html,body,#root{overscroll-behavior:none;background:0 0;width:100%;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}html{background:var(--cc-base)}body:before{content:"";inset:calc(var(--cc-grid-size) * -2);z-index:-1;pointer-events:none;background-image:linear-gradient(var(--cc-grid-line) 2px, transparent 2px), linear-gradient(90deg, var(--cc-grid-line) 2px, transparent 2px);background-size:var(--cc-grid-size) var(--cc-grid-size);animation:3s linear infinite cc-grid-drift;position:fixed}@keyframes cc-grid-drift{to{transform:translate(var(--cc-grid-size), var(--cc-grid-size))}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}body{min-width:320px;color:var(--cc-text)}h1,h2,h3,p,pre{margin-top:0}h1{letter-spacing:-.02em;color:var(--cc-text);margin-bottom:.25rem;font-size:clamp(1.4rem,5vw,1.75rem);font-weight:700}h2{letter-spacing:-.01em;color:var(--cc-text);font-size:clamp(1.15rem,4.2vw,1.35rem);font-weight:600}p{color:var(--cc-text-muted);font-size:.92rem;line-height:1.45}.app-shell{width:100%;max-width:440px;min-height:100dvh;color:var(--cc-text);padding:env(safe-area-inset-top,12px) env(safe-area-inset-right,12px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,12px);background:0 0;flex-direction:column;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:flex-start;padding:1rem 1rem .5rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cc-border-color);margin:0 0 .25rem;font-size:.68rem;font-weight:700}.panel{flex-direction:column;flex:1;justify-content:center;padding:.5rem 1rem 1.5rem;display:flex}.auth-card{background:var(--cc-surface);border:var(--cc-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;width:100%;padding:1.25rem 1rem;box-shadow:0 6px 18px #2b16062e}.auth-card h2{color:var(--cc-text);margin:0 0 .5rem}.auth-card p{color:var(--cc-text-muted);margin:0 0 1.2rem;font-size:.9rem;line-height:1.45}.auth-field{color:var(--cc-text);flex-direction:column;gap:.4rem;margin:0 0 1rem;font-size:.88rem;font-weight:600;display:flex}.auth-field input{border:var(--cc-border);background:var(--cc-surface-hover);color:var(--cc-text);border-radius:10px;outline:none;width:100%;padding:.75rem .85rem;font-size:16px;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:#8a3a14;box-shadow:0 0 0 3px #c35d2a4d}.auth-note{border-left:3px solid var(--cc-border-color);background:#ffffff40;border-radius:8px;margin-top:1rem;padding:.65rem .75rem;line-height:1.4;color:var(--cc-text-muted)!important;margin-bottom:0!important;font-size:.8rem!important}.auth-actions{gap:.65rem;width:100%;display:flex}.auth-stack{flex-direction:column}button{border:var(--cc-border);background:var(--cc-accent);width:100%;min-height:48px;color:var(--cc-on-accent);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.98rem;font-weight:600;transition:transform .1s,filter .15s,background-color .15s;display:inline-flex}button:active{filter:brightness(.92);transform:scale(.97)}button.secondary{background:var(--cc-base);border:var(--cc-border);color:var(--cc-text)}button.secondary:active{background:var(--cc-surface)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-error{border-color:#b42318}.auth-error-block{margin:0 0 1rem}.auth-error-text{color:#9b1c1c;margin:0 0 .75rem;font-size:.86rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 0 1.5rem;display:grid}.stat-card{background:var(--cc-surface);border:var(--cc-border);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .65rem;display:flex;box-shadow:0 4px 12px #00000026}.stat-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;line-height:1.3}.stat-value{color:var(--cc-border-color);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1}.stat-value-tokens{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.stat-token-icon{object-fit:contain;width:1.4rem;height:1.4rem}.basic-token-badge{background:var(--cc-token,#ffeb55);border-radius:50%;width:32px;min-width:32px;height:32px;min-height:32px;display:inline-block;box-shadow:inset 0 1px 2px #00000014;border:none!important}.basic-token-count{color:var(--cc-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1;display:inline-block}.join-container{width:100%;max-width:440px;min-height:100dvh;color:var(--cc-text);background:0 0;flex-direction:column;margin:0 auto;padding:1.5rem 1.25rem 2rem;display:flex;position:relative}.join-back-link{z-index:100;align-self:flex-start;margin-bottom:.5rem;position:relative;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;min-height:auto!important;padding:.5rem 0!important;display:inline-block!important}.join-back-text{color:var(--cc-text-muted);border-bottom:var(--cc-border);padding-bottom:2px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.join-back-link:hover .join-back-text,.join-back-text.hovered{color:var(--cc-text)!important;border-bottom:2px solid var(--cc-border-color)!important;text-decoration:underline!important}.join-back-link:active{transform:translate(-2px)}.join-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding-bottom:3rem;display:flex}.join-brand-title{text-align:center;color:var(--cc-text);letter-spacing:-.03em;margin:0 0 2.5rem;font-size:clamp(2.8rem,12vw,3.8rem);font-weight:700;line-height:1.15}.join-box{border-radius:4px;flex-direction:column;width:min(100%,260px);display:flex;overflow:hidden;box-shadow:0 8px 24px #00000014}.join-code-input{background:var(--cc-surface);text-align:center;letter-spacing:.15em;text-transform:uppercase;width:100%;height:58px;color:var(--cc-text);border:none;outline:none;padding:0 .75rem;font-size:1.6rem;font-weight:700}.join-code-input::placeholder{color:var(--cc-text-muted);letter-spacing:.02em;font-weight:500}.join-submit-btn{letter-spacing:-.01em;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:56px;font-size:1.35rem;font-weight:700;transition:opacity .15s,transform .1s;display:flex;background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border-radius:0!important}.join-submit-btn:active{opacity:.85;transform:scale(.98)}.join-error-msg{color:#ef4444;text-align:center;margin-top:1.25rem;font-size:.88rem;font-weight:600}.join-brand-logo{filter:drop-shadow(0 4px 6px #2b16064d);width:min(100%,320px);height:auto;display:block;transform:translate(6%)}.waiting-container{width:100%;max-width:440px;min-height:100dvh;color:var(--cc-text);-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:flex;position:relative;overflow-y:auto}.waiting-topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;display:flex}.waiting-back-link{align-items:center;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;min-height:auto!important;padding:.5rem 0!important;display:inline-flex!important}.waiting-back-text{color:var(--cc-text-muted);border-bottom:2px solid #0000;padding-bottom:2px;font-size:.95rem;font-weight:600;transition:all .15s;display:inline-block}.waiting-back-link:hover .waiting-back-text,.waiting-back-text.hovered{border-bottom-color:var(--cc-border-color);color:var(--cc-text)!important}.waiting-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.waiting-brand-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #2b160633);max-width:260px;height:auto}.waiting-session-pill{background:var(--cc-surface);border:var(--cc-border);color:var(--cc-text);letter-spacing:.04em;border-radius:9999px;padding:.35rem 1rem;font-size:.95rem;font-weight:700;display:inline-block;box-shadow:0 2px 6px #00000014}.waiting-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;width:100%;padding:1rem 0 2rem;display:flex}.waiting-card{background:var(--cc-surface);border:var(--cc-border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;padding:2.25rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #2b16062e}.waiting-title{color:var(--cc-text);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,8vw,2.6rem);font-weight:700;line-height:1.15}.waiting-subtitle{color:var(--cc-text-muted);max-width:320px;margin:0;font-size:1.05rem;font-weight:600;line-height:1.45}.waiting-user-meta{color:var(--cc-text);background:#ffffff38;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:.35rem .9rem;font-size:.9rem;font-weight:700;display:flex}.waiting-meta-badge{align-items:center;gap:.35rem;display:inline-flex}.waiting-meta-token-dot{object-fit:contain;vertical-align:middle;width:18px;height:18px;display:inline-block}.waiting-dots-container{justify-content:center;align-items:center;gap:.45rem;margin-top:.25rem;display:flex}.waiting-dot{background:var(--cc-accent);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both waitingDotPulse}.waiting-dot.dot-1{animation-delay:-.32s}.waiting-dot.dot-2{animation-delay:-.16s}.waiting-dot.dot-3{animation-delay:0s}@keyframes waitingDotPulse{0%,80%,to{opacity:.45;transform:scale(.6)}40%{opacity:1;background:var(--cc-token,#ffeb55);transform:scale(1.15)}}.waiting-footer{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin-top:auto;display:flex}.waiting-demo-btn{cursor:pointer;max-width:320px;transition:transform .12s,filter .12s;box-shadow:0 4px 12px #00000026;background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border:none!important;border-radius:8px!important;width:100%!important;padding:.75rem 1.25rem!important;font-size:1rem!important;font-weight:700!important}.waiting-demo-btn:hover{filter:brightness(1.08)}.waiting-demo-btn:active{transform:scale(.98)}.vote-container{width:100%;max-width:440px;min-height:100dvh;color:var(--cc-text);background:0 0;flex-direction:column;margin:0 auto;padding:1.25rem 1.25rem 1.75rem;display:flex}.vote-back-link{z-index:100;align-self:flex-start;margin-bottom:.5rem;position:relative;cursor:pointer!important;background:0 0!important;border:none!important;width:auto!important;min-height:auto!important;padding:.5rem 0!important;display:inline-block!important}.vote-back-text{color:var(--cc-text-muted);border-bottom:var(--cc-border);padding-bottom:2px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.vote-back-link:hover .vote-back-text,.vote-back-text.hovered{color:var(--cc-text)!important;border-bottom:2px solid var(--cc-border-color)!important;text-decoration:underline!important}.vote-back-link:active{transform:translate(-2px)}.vote-header{flex-direction:column;margin-top:.25rem;margin-bottom:1rem;display:flex}.vote-brand-title{text-align:center;color:var(--cc-text,#000);letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.8rem,6.5vw,2.2rem);font-weight:700}.vote-round-badge{background:var(--cc-surface);color:var(--cc-text);border:var(--cc-border);text-align:center;border-radius:9999px;margin:0 auto .75rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 2px 6px #00000014}.vote-status-bar{justify-content:center;align-items:center;padding:0 .25rem;display:flex}.vote-timer{color:var(--cc-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.vote-content{flex-direction:column;flex:1;gap:1.25rem;display:flex}.vote-section{flex-direction:column;display:flex}.vote-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--cc-text-muted);margin:0 0 .6rem .15rem;font-size:.85rem;font-weight:700}.vote-grid{grid-template-columns:1fr 1fr;gap:.55rem;width:100%;display:grid}.vote-card-btn{cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:.65rem .85rem;font-size:.95rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 1px 4px #0000000a;background:var(--cc-surface)!important;color:var(--cc-text)!important;border:var(--cc-border)!important;border-radius:6px!important}.vote-card-btn:hover:not(:disabled){background:var(--cc-surface-hover)!important}.vote-card-btn:active:not(:disabled){transform:scale(.97)}.vote-card-btn.selected{box-shadow:0 3px 10px #0003;background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border-color:var(--cc-border-color)!important}.vote-card-btn:disabled{opacity:.85;cursor:default}.vote-card-text{letter-spacing:-.01em;text-align:left;line-height:1.2}.vote-checkmark{color:var(--cc-on-accent);margin-left:.35rem;font-size:1.1rem;font-weight:800}.vote-api-error{color:#b91c1c;margin:.75rem 0 0;font-size:.85rem;font-weight:600}.vote-api-status{color:var(--cc-text-muted);text-align:center;margin:.5rem 0 0;font-size:.82rem;font-weight:600}.prediction-section{background:var(--cc-surface);border:1px solid var(--cc-border-color);border-radius:10px;padding:.85rem}.prediction-dropdown-wrapper{width:100%;position:relative}.prediction-select{background:var(--cc-surface-hover);border:var(--cc-border);width:100%;height:50px;color:var(--cc-text);cursor:pointer;border-radius:6px;outline:none;padding:0 1rem;font-size:1.05rem;font-weight:700;transition:border-color .15s}.prediction-select:focus{border-color:var(--cc-border-color)}.prediction-players-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;width:100%;display:grid}.player-btn{cursor:pointer;justify-content:center;align-items:center;gap:.35rem;min-height:48px;padding:.5rem .75rem;font-size:.95rem;font-weight:700;transition:all .15s;display:flex;background:var(--cc-surface-hover)!important;color:var(--cc-text)!important;border:var(--cc-border)!important;border-radius:6px!important}.player-btn:hover:not(:disabled){border-color:var(--cc-border-color)!important}.player-btn.selected{background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border-color:var(--cc-border-color)!important}.prediction-reward-note{color:var(--cc-text-muted);text-align:center;margin:.65rem 0 0;font-size:.82rem;line-height:1.35}.vote-footer{flex-direction:column;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.proceed-round-btn{cursor:pointer;width:100%;min-height:48px;padding:.75rem 1.25rem;font-size:1.05rem;font-weight:700;transition:transform .1s,opacity .15s;box-shadow:0 4px 12px #00000026;background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border:none!important;border-radius:6px!important}.proceed-round-btn:active{opacity:.9;transform:scale(.98)}.demo-toggle-btn{cursor:pointer;border:1px dashed var(--cc-border-color)!important;color:var(--cc-text-muted)!important;background:0 0!important;border-radius:20px!important;width:auto!important;min-height:auto!important;padding:.35rem .75rem!important;font-size:.75rem!important;font-weight:600!important}.demo-toggle-btn:hover{color:var(--cc-text)!important;border-color:var(--cc-border-color)!important}.vote-brand-logo{filter:drop-shadow(0 4px 6px #2b16064d);width:min(80%,240px);height:auto;margin:0 auto;display:block}.basic-page-container{width:100%;max-width:440px;height:100dvh;max-height:100dvh;color:var(--cc-text);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:0 0;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.basic-topbar{background:var(--cc-surface);justify-content:center;align-items:center;width:100%;height:48px;display:flex;box-shadow:0 1px 3px #0000000d}.basic-app-title{color:var(--cc-text);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.basic-sub-header{justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem .5rem;display:flex}.basic-timer-group{flex-direction:column;gap:.1rem;display:flex}.basic-timer{color:var(--cc-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1}.basic-round-label{color:var(--cc-text-muted);font-size:.82rem;font-weight:600}.basic-token-group{align-items:center;gap:.5rem;display:flex;position:relative}.basic-token-badge{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);flex-shrink:0;width:34px;height:34px;display:inline-block}.basic-token-count{color:var(--cc-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1;transition:transform .2s,color .2s;display:inline-block}.basic-token-count.pulse{animation:.4s cubic-bezier(.17,.89,.32,1.28) counterPulse}@keyframes counterPulse{0%{transform:scale(1)}40%{color:var(--cc-accent);transform:scale(1.25)}to{transform:scale(1)}}.token-gain-popup{pointer-events:none;z-index:50;white-space:nowrap;filter:drop-shadow(0 1px 3px #0003);background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.2rem;padding:0;animation:1.8s ease-out forwards floatDownFade;display:flex;position:absolute;top:100%;right:0}.token-gain-plus{color:var(--cc-accent);font-size:1.3rem;font-weight:700;line-height:1}.token-gain-mini-badge{object-fit:contain;flex-shrink:0;width:20px;height:20px;display:inline-block}.token-gain-amount{color:var(--cc-accent);font-size:1.3rem;font-weight:700;line-height:1}@keyframes floatDownFade{0%{opacity:0;transform:translateY(-6px)scale(.85)}15%{opacity:1;transform:translateY(2px)scale(1.08)}30%{transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(3px)}to{opacity:0;transform:translateY(14px)scale(.9)}}.wheel-error{color:#b91c1c;text-align:center;background:#fef2f2;border-radius:8px;margin:0;padding:.65rem .85rem;font-size:.85rem;font-weight:600}.wheel-stage{touch-action:none;overscroll-behavior:none;flex:1;align-items:center;width:100%;min-height:380px;display:flex;position:relative;overflow:hidden}.wheel-center-display{background:var(--cc-surface);border:var(--cc-border);z-index:12;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:96px;height:96px;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,filter .2s;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 4px 16px #0000002e,inset 0 2px 4px #ffffff59}.wheel-center-display:hover,.wheel-center-display:focus-visible{transform:translateY(-50%)scale(1.06);box-shadow:0 6px 20px #0000003d}.wheel-center-display:active{transform:translateY(-50%)scale(.94)}.wheel-center-display.cooldown{opacity:.65;cursor:not-allowed;filter:grayscale(.8)}.wheel-center-display.cooldown:hover,.wheel-center-display.cooldown:focus-visible{transform:translateY(-50%)scale(1);box-shadow:0 4px 16px #0000002e,inset 0 2px 4px #ffffff59}.wheel-center-display.cooldown:active{transform:translateY(-50%)scale(1)}.wheel-center-event-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #00000038);pointer-events:none;width:76px;height:76px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popInIcon}@keyframes popInIcon{0%{opacity:0;transform:scale(.6)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.wheel-spokes-container{touch-action:none;width:100%;height:0;position:absolute;top:50%;left:0}.spoke-btn{transform-origin:-225px;cursor:pointer;touch-action:none;align-items:center;transition:transform .28s cubic-bezier(.2,.9,.3,1),width .25s,height .25s,background-color .2s,box-shadow .2s,padding .2s,opacity .25s;display:flex;position:absolute;top:0;left:145px;background:var(--cc-surface)!important;color:var(--cc-text)!important;border:none!important}.spoke-btn:not(.selected):hover{background:var(--cc-surface-hover)!important}.spoke-btn:active{filter:brightness(.92)}.spoke-btn.size-large{z-index:10;padding:0 1rem;box-shadow:0 4px 18px #00000047;background:var(--cc-accent)!important;width:min(255px,100% - 155px)!important;height:56px!important;color:var(--cc-on-accent)!important;border-radius:6px!important}.spoke-btn.size-large:active{filter:brightness(1.2)}.spoke-btn.size-medium{z-index:8;padding:0 .75rem;box-shadow:0 2px 7px #00000014;background:var(--cc-surface)!important;width:170px!important;height:40px!important;color:var(--cc-text)!important;border-radius:5px!important}.spoke-btn.size-smaller-medium{z-index:6;padding:0 .6rem;box-shadow:0 1px 5px #0000000f;background:var(--cc-surface)!important;width:140px!important;height:32px!important;color:var(--cc-text)!important;border-radius:4px!important}.spoke-btn.size-small{z-index:5;padding:0 .45rem;box-shadow:0 1px 3px #0000000a;background:var(--cc-surface)!important;width:118px!important;height:26px!important;color:var(--cc-text-muted)!important;border-radius:4px!important}.spoke-btn.cooldown{opacity:.7;filter:grayscale();background:var(--cc-muted-fill)!important;color:var(--cc-text-muted)!important;box-shadow:none!important;cursor:not-allowed!important}.spoke-btn.cooldown:hover{background:var(--cc-muted-fill)!important;cursor:not-allowed!important}.spoke-btn.cooldown:active{filter:grayscale()!important}.spoke-btn.size-large.cooldown{opacity:.85;background:var(--cc-muted-fill)!important;color:var(--cc-on-accent)!important;cursor:not-allowed!important;box-shadow:0 2px 6px #0000001a!important}.spoke-btn.size-large.cooldown:active{filter:brightness()!important}.spoke-btn.size-large.cooldown .spoke-title{color:var(--cc-on-accent)!important}.spoke-content{pointer-events:none;justify-content:space-between;align-items:center;width:100%;display:flex}.spoke-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;transition:font-size .2s;overflow:hidden}.spoke-btn.size-large .spoke-title{font-size:1.05rem;font-weight:700}.spoke-btn.size-medium .spoke-title{font-size:.9rem;font-weight:700}.spoke-btn.size-smaller-medium .spoke-title{font-size:.8rem;font-weight:600}.spoke-btn.size-small .spoke-title{font-size:.72rem;font-weight:600}.spoke-title-group{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;display:flex;overflow:hidden}.spoke-mini-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000026);flex-shrink:0;width:20px;height:20px}.spoke-btn.size-large .spoke-mini-icon{width:28px;height:28px}.spoke-btn.size-medium .spoke-mini-icon{width:22px;height:22px}.spoke-btn.size-smaller-medium .spoke-mini-icon{width:19px;height:19px}.spoke-btn.size-small .spoke-mini-icon{width:17px;height:17px}.spoke-cost-badge{color:var(--cc-on-accent);background:#fff3;border-radius:12px;padding:.2rem .5rem;font-size:.78rem;font-weight:800}.spoke-cooldown-badge{color:var(--cc-on-accent);letter-spacing:.02em;background:#ef4444;border-radius:12px;padding:.2rem .55rem;font-size:.78rem;font-weight:800;animation:1.2s ease-in-out infinite alternate pulseCooldown;box-shadow:0 1px 4px #ef444466}@keyframes pulseCooldown{0%{opacity:.85;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.spoke-mini-cooldown{color:var(--cc-on-accent);letter-spacing:.02em;background:#ef4444;border-radius:8px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.wheel-footer{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}.wheel-instruction{color:var(--cc-text-muted);text-align:center;margin:0;font-size:.85rem;font-weight:600}.trigger-toast{color:var(--cc-on-accent);background:#10b981;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;animation:.2s ease-out popIn;box-shadow:0 4px 12px #10b9814d}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dev-nav-btn{cursor:pointer;margin-top:.25rem;border:1px dashed var(--cc-border-color)!important;color:var(--cc-text-muted)!important;background:0 0!important;border-radius:20px!important;width:auto!important;min-height:auto!important;padding:.35rem .75rem!important;font-size:.75rem!important;font-weight:600!important}.dev-nav-btn:hover{color:var(--cc-text)!important;border-color:var(--cc-border-color)!important}.basic-topbar{border-bottom:var(--cc-border)}.basic-app-title{align-items:center;gap:.5rem;display:flex}.basic-app-logo{width:auto;height:36px;display:block}.token-demo-controls{gap:.5rem;margin-top:.35rem;display:flex}.demo-gain-btn{cursor:pointer;transition:all .15s;border:1px dashed var(--cc-accent)!important;color:var(--cc-accent)!important;background:#c35d2a1f!important;border-radius:14px!important;width:auto!important;min-height:auto!important;padding:.3rem .65rem!important;font-size:.72rem!important;font-weight:700!important}.demo-gain-btn:hover{background:var(--cc-accent)!important;color:#fff!important}.demo-gain-btn:active{transform:scale(.95)}.basic-prediction-banner{border:1.5px dashed var(--cc-border-color);background:#c35d2a1f;border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;margin:-.25rem 1.25rem .5rem;padding:.45rem 1rem;display:flex}.basic-prediction-pill{color:var(--cc-text);font-size:.8rem;font-weight:600}.basic-prediction-pill strong{color:var(--cc-accent)}.prediction-claim-pill{cursor:pointer;transition:transform .15s;box-shadow:0 2px 5px #c35d2a4d;background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border:none!important;border-radius:12px!important;width:auto!important;min-height:auto!important;padding:.25rem .65rem!important;font-size:.75rem!important;font-weight:700!important}.prediction-claim-pill:hover{transform:scale(1.05)}.prediction-won-pill{color:#10b981;background:#10b98126;border-radius:10px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.wheel-demo-controls{flex-direction:column;gap:.35rem;width:100%;max-width:320px;margin-top:.25rem;display:flex}.dev-reset-btn{color:#b91c1c!important;border-color:#b91c1c59!important}.dev-reset-btn:hover{color:#991b1b!important;background:#b91c1c14!important;border-color:#991b1b!important}.not-enough-popup-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.not-enough-popup-dialog{background:var(--cc-base);border:4px solid var(--cc-border-color);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.65rem;width:100%;max-width:320px;padding:1.5rem 1.25rem 1.25rem;animation:.25s cubic-bezier(.175,.885,.32,1.275) notEnoughPop;display:flex;box-shadow:0 12px 32px #00000073}@keyframes notEnoughPop{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.not-enough-popup-icon{filter:drop-shadow(0 2px 6px #00000040);font-size:2.75rem;line-height:1;animation:.4s ease-in-out iconWiggle}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.not-enough-popup-title{color:var(--cc-text);letter-spacing:-.01em;margin:0;font-size:1.45rem;font-weight:800}.not-enough-popup-message{color:var(--cc-text-muted);margin:0;font-size:.92rem;font-weight:600;line-height:1.4}.not-enough-popup-btn{background:var(--cc-accent);width:100%;color:var(--cc-on-accent);cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:.75rem 1rem;font-size:1.05rem;font-weight:700;transition:transform .1s,filter .1s;box-shadow:0 3px 8px #c35d2a59}.not-enough-popup-btn:active{transform:scale(.97)}.basic-timer.basic-timer-waiting{font-size:1.1rem;line-height:1.2}.wheel-stage.wheel-waiting{opacity:.45;filter:grayscale(.4);transition:opacity .3s,filter .3s}.end-container{width:100%;max-width:440px;min-height:100dvh;color:var(--cc-text);background:0 0;flex-direction:column;margin:0 auto;padding:1.25rem 1.25rem 2.5rem;display:flex;position:relative;overflow-y:auto}.end-topbar{justify-content:flex-start;align-items:center;margin-bottom:1rem;display:flex}.end-app-title{color:var(--cc-text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.end-app-logo{object-fit:contain;width:auto;height:28px}.end-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;width:100%;display:flex}.end-title{color:var(--cc-text);letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,10vw,3.2rem);font-weight:700;line-height:1.05}.end-subtitle{color:var(--cc-text-muted);max-width:320px;margin:0;font-size:1.1rem;font-weight:600;line-height:1.35}.end-stats-card{background:var(--cc-surface);border:var(--cc-border);border-radius:8px;flex-direction:column;gap:1.25rem;width:100%;margin:.5rem 0;padding:1.5rem 1rem;display:flex;box-shadow:0 8px 24px #0000001a}.end-stat-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;display:flex}.end-stat-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;width:100%;font-size:.85rem;font-weight:700;display:block}.end-stat-score{text-align:center;justify-content:center;align-items:baseline;gap:.35rem;width:100%;display:flex}.end-stat-number{color:var(--cc-text);font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:700;line-height:1}.end-stat-total{color:var(--cc-text-muted);font-size:1.8rem;font-weight:700}.end-stat-badge{color:var(--cc-on-accent);background:var(--cc-accent);letter-spacing:.02em;border-radius:12px;margin-top:.25rem;padding:.25rem .85rem;font-size:.85rem;font-weight:700}.end-stat-divider{background:var(--cc-border-color);opacity:.35;width:80%;height:2px;margin:0 auto}.end-token-display{text-align:center!important;justify-content:center!important;align-self:center!important;align-items:center!important;gap:.65rem!important;width:100%!important;margin:0 auto!important;display:flex!important}.end-token-badge{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);flex-shrink:0;width:38px;min-width:38px;height:38px;min-height:38px;display:inline-block}.end-token-count{color:var(--cc-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center;font-size:2.2rem;font-weight:700;line-height:1;display:inline-block}.end-actions{flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.end-primary-btn{cursor:pointer;width:100%;height:54px;font-size:1.25rem;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 4px 14px #00000026;background:var(--cc-accent)!important;color:var(--cc-on-accent)!important;border:none!important;border-radius:6px!important}.end-primary-btn:hover{filter:brightness(1.08)}.end-primary-btn:active{transform:scale(.98)}.end-dashboard-btn{cursor:pointer;width:100%;height:50px;font-size:1.15rem;font-weight:700;transition:all .15s;background:var(--cc-surface)!important;color:var(--cc-text)!important;border:2px solid var(--cc-border-color)!important;border-radius:6px!important}.end-dashboard-btn:hover{background:var(--cc-surface-hover)!important;border-color:var(--cc-text)!important}.end-dashboard-btn:active{transform:scale(.98)}
