:root{--bg: oklch(98.5% .007 70);--bg-deep: oklch(93% .014 70);--surface: oklch(100% 0 0);--text: oklch(20% .015 65);--text-mid: oklch(42% .012 65);--text-dim: oklch(58% .008 65);--border: oklch(87% .016 70);--brand: oklch(63% .2 45);--brand-dk: oklch(53% .2 45);--brand-lt: oklch(93% .05 70);--success: oklch(56% .18 150);--success-lt: oklch(93% .06 150);--error: oklch(54% .2 25);--error-lt: oklch(96% .05 25);--opt-0: oklch(57% .2 25);--opt-1: oklch(52% .18 225);--opt-2: oklch(52% .17 155);--opt-3: oklch(57% .17 80);--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-sm: 0 1px 3px oklch(40% .01 65 / .1), 0 1px 2px oklch(40% .01 65 / .06);--shadow-md: 0 4px 14px oklch(40% .01 65 / .1), 0 2px 6px oklch(40% .01 65 / .06);--shadow-lg: 0 8px 28px oklch(40% .01 65 / .12), 0 4px 12px oklch(40% .01 65 / .06);--focus-ring: 0 0 0 3px oklch(63% .2 45 / .4);--duration-fast: .15s;--duration-normal: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page-center{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(var(--space-md),env(safe-area-inset-top)) var(--space-md) max(var(--space-md),env(safe-area-inset-bottom));background:var(--bg)}.card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid var(--border)}@media(min-width:640px)and (min-height:720px){.page-center{justify-content:center;padding:var(--space-lg) var(--space-md)}.card{padding:var(--space-xl) var(--space-lg)}}.answers-grid{display:grid;grid-template-columns:1fr;gap:.875rem}@media(min-width:520px){.answers-grid{grid-template-columns:1fr 1fr}}.answers-grid-host{display:grid;grid-template-columns:1fr 1fr;gap:1rem}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--brand-dk)}button:not([disabled]){transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform 80ms var(--ease-out)}button:not([disabled]):hover{opacity:.88}button:not([disabled]):active{opacity:.75;transform:scale(.97)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--brand);box-shadow:var(--focus-ring)}.auth-link-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:.35rem}.auth-inline-link{min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);font-weight:700}.player-wait-page{min-height:100svh;display:grid;place-items:center;padding:max(var(--space-lg),env(safe-area-inset-top)) var(--space-md) max(var(--space-lg),env(safe-area-inset-bottom));overflow-x:hidden;background:radial-gradient(ellipse 95% 48% at 50% -8%,oklch(92% .07 56) 0%,oklch(97% .015 70) 58%,transparent 76%),linear-gradient(180deg,var(--bg),oklch(96% .012 72));color:var(--text)}.player-wait-inner{width:min(100%,25rem);display:grid;justify-items:center;gap:.9rem;text-align:center}.player-wait-eyebrow{margin:0;color:var(--text-dim);font-size:var(--text-xs);font-weight:800;letter-spacing:0;text-transform:uppercase}.player-wait-name{max-width:100%;margin:0;color:var(--brand-dk);font-size:2.25rem;font-weight:850;line-height:1.05;overflow-wrap:anywhere}.player-wait-card,.player-kicked-card{width:100%;display:grid;justify-items:center;gap:.75rem;border:1px solid oklch(86% .03 64);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface) 96%,var(--brand-lt));box-shadow:0 .9rem 2.4rem #5f473921,var(--shadow-sm);text-align:center}.player-wait-card{padding:1.4rem 1.15rem}.player-wait-dot{width:.9rem;height:.9rem;border-radius:999px;background:var(--brand);box-shadow:0 0 0 .45rem #e5955e29;animation:pulse-dot 1.8s ease-in-out infinite}.player-wait-text{margin:0;color:var(--text);font-size:var(--text-lg);font-weight:750;line-height:1.22;text-wrap:balance}.player-wait-count{margin:0;color:var(--text-mid);font-size:var(--text-sm);font-weight:600}.player-kicked-card{max-width:23rem;padding:1.5rem 1.2rem;border-color:#f9aea7;background:var(--error-lt)}.player-kicked-heading{margin:0;color:var(--error);font-size:var(--text-lg);font-weight:800;line-height:1.25}.player-kicked-body{margin:0;color:var(--text-mid);font-size:var(--text-sm);line-height:1.45}.player-game-page{min-height:100svh!important;overflow-x:hidden;background:linear-gradient(180deg,oklch(97.5% .012 70) 0%,var(--bg) 38%,oklch(96.5% .01 72) 100%)!important}.player-connection-banner{padding:max(.5rem,env(safe-area-inset-top)) 1rem .55rem!important;background:var(--error)!important}.player-game-header{position:sticky;top:0;z-index:4;min-height:4rem;padding:max(.65rem,env(safe-area-inset-top)) var(--space-md) .65rem!important;gap:.75rem}.player-game-name{min-width:0;max-width:none!important;flex:1 1 auto;overflow-wrap:anywhere}.player-score-pill{flex:0 0 auto;min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.player-game-main{max-width:34rem!important;min-width:0;padding:var(--space-md) var(--space-md) max(var(--space-md),env(safe-area-inset-bottom))!important;gap:.85rem!important}.player-question-prompt{padding:.55rem 0 .25rem!important;font-size:1.45rem!important;line-height:1.22!important;overflow-wrap:anywhere;text-wrap:balance}.player-question-image{max-height:min(34svh,14rem)!important;border-radius:var(--radius-lg)!important}.player-inline-status,.player-timer{margin:0;line-height:1.35;text-wrap:balance}.player-inline-status{color:var(--text-mid)!important;font-weight:650!important}.player-timer{min-height:2.1rem;display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:.25rem .9rem!important;border-radius:999px;background:var(--brand-lt);color:var(--brand-dk)!important}.player-status-card{width:100%;margin:auto 0;padding:1.4rem 1rem!important;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.player-status-title{margin:0;color:var(--text);font-size:var(--text-xl);font-weight:800;line-height:1.2}.player-status-body{margin:.4rem 0 0;color:var(--text-mid)}.player-typed-form{display:grid;gap:.75rem;min-width:0}.player-answer-input{min-width:0;min-height:3.5rem!important;font-size:var(--text-base)!important}.player-submit-button{min-height:3.5rem!important;border-radius:var(--radius-lg)!important;touch-action:manipulation}.player-answer-grid{gap:.7rem!important}.player-option-button{min-height:4.8rem!important;padding:.95rem!important;align-items:center!important;gap:.8rem!important;border-radius:var(--radius-lg)!important;overflow:hidden;touch-action:manipulation}.player-option-button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #fefbf79e,var(--focus-ring)!important}.player-option-letter{width:2.1rem!important;height:2.1rem!important;border-radius:var(--radius-sm)!important}.player-option-label{min-width:0;overflow-wrap:anywhere;line-height:1.2}.player-result-card{padding:1.45rem 1rem!important;border-radius:var(--radius-lg)!important}.player-result-label{margin-bottom:.35rem!important;font-size:var(--text-xl)!important}.player-result-points{margin-bottom:.2rem!important;font-size:2rem!important}.player-result-total{color:var(--text-mid)!important;font-weight:650}.player-streak-banner{margin:0 0 .35rem;display:inline-block;padding:.3rem .9rem;border-radius:999px;background:var(--brand-lt);color:var(--brand-dk);font-size:var(--text-sm);font-weight:800;animation:pop-in .3s var(--ease-out) .15s both}.player-streak-bonus{font-weight:650}.player-podium-title{padding-top:.35rem!important}.player-podium-list{display:grid!important;gap:.6rem!important;min-width:0}.player-podium-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem!important;min-width:0;padding:.85rem!important}.player-podium-name,.player-podium-score{min-width:0;overflow-wrap:anywhere}.player-podium-score{white-space:nowrap}@media(max-width:380px){.player-wait-page{padding-inline:var(--space-sm)}.player-wait-name{font-size:2rem}.player-game-header,.player-game-main{padding-inline:var(--space-sm)!important}.player-question-prompt{font-size:1.3rem!important}.player-option-button{min-height:4.45rem!important;padding:.8rem!important}}@media(min-width:620px)and (max-height:520px){.player-game-header{min-height:3.4rem;padding-block:.45rem!important}.player-game-main{max-width:46rem!important;gap:.65rem!important;padding-block:.65rem!important}.player-question-prompt{font-size:1.25rem!important;padding-top:0!important}.player-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-option-button{min-height:4rem!important;padding-block:.7rem!important}.player-result-card,.player-status-card{padding:1rem!important}}.quiz-editor-page{width:100%;max-width:62rem;min-width:0;margin:0 auto;padding:2rem 1.25rem 5rem}.quiz-editor-back-link{min-height:44px;display:inline-flex;align-items:center;margin-bottom:1rem;color:inherit;font-size:.95rem;font-weight:650;border-radius:var(--radius-sm)}.quiz-editor-error-card{display:grid;gap:.85rem;padding:1.25rem}.quiz-editor-button-row,.quiz-editor-title-row,.quiz-editor-section-head,.quiz-editor-question-actions,.question-form-actions{display:flex;flex-wrap:wrap;gap:.65rem;min-width:0}.quiz-editor-header{display:grid;gap:.65rem;margin-bottom:1.5rem}.quiz-editor-title-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quiz-editor-label{color:var(--text-mid);font-size:.9rem;font-weight:700}.quiz-editor-title-row{align-items:center}.quiz-editor-title-input{flex:1 1 16rem;min-height:3.25rem;font-size:1.2rem!important;font-weight:750}.quiz-editor-section-head{align-items:center;justify-content:space-between;margin-bottom:1rem}.quiz-editor-section-title{margin:0;font-size:1.35rem;line-height:1.2}.quiz-editor-empty-state{display:grid;place-items:center;gap:.5rem;padding:2rem 1.25rem;text-align:center}.quiz-editor-question-list{display:grid;gap:.65rem;min-width:0;margin:0;padding:0;list-style:none}.quiz-editor-form-wrap{margin-top:1rem}.quiz-editor-form-item{min-width:0}.quiz-editor-question-card{display:grid;grid-template-columns:44px 2rem minmax(0,1fr) auto auto;grid-template-areas:"drag number main move actions";align-items:start;gap:.8rem;min-width:0;padding:1rem}.quiz-editor-drag-button{grid-area:drag;width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-mid);font-size:0;font-weight:800;line-height:1}.quiz-editor-drag-button:after{content:"::";font-size:1rem}.quiz-editor-question-number{grid-area:number;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-dk);font-size:1.05rem;font-weight:850;line-height:1}.quiz-editor-question-main{grid-area:main;min-width:0}.quiz-editor-question-meta{display:block;color:var(--text-mid);font-size:.78rem;font-weight:750;letter-spacing:.04em;line-height:1.25;text-transform:uppercase}.quiz-editor-question-prompt,.quiz-editor-question-detail{overflow-wrap:anywhere}.quiz-editor-question-prompt{margin:.25rem 0 0;font-weight:650;line-height:1.35}.quiz-editor-question-detail{margin:.3rem 0 0;color:var(--text-mid);font-size:.88rem;line-height:1.35}.quiz-editor-question-thumb{display:block;width:96px;height:54px;margin-top:.55rem;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm)}.quiz-editor-move-actions{grid-area:move;display:grid;gap:.4rem;min-width:5rem}.quiz-editor-move-actions button,.quiz-editor-question-actions button{width:100%}.quiz-editor-move-actions button{padding-inline:.65rem!important;font-size:0}.quiz-editor-move-actions button[aria-label$=" up"]:after{content:"Up";font-size:.9rem}.quiz-editor-move-actions button[aria-label$=" down"]:after{content:"Down";font-size:.9rem}.quiz-editor-question-actions{grid-area:actions;align-items:start;min-width:0}.question-form{display:grid;gap:1rem;min-width:0;padding:1.25rem}.question-form-heading{margin:0;font-size:1.15rem;line-height:1.25}.question-form-field{display:grid;gap:.4rem;min-width:0;font-size:.95rem;font-weight:650}.question-form-timer-field{max-width:12rem}.question-form-control{min-width:0;max-width:100%}.question-form-file-input{overflow:hidden;font-size:.95rem!important}.question-form-options{display:grid;gap:.6rem;min-width:0;margin:0;padding:0;border:0}.question-form-legend{padding:0;font-size:.95rem;font-weight:700}.question-form-help{margin:0;color:var(--text-mid);font-size:.85rem;line-height:1.35}.question-form-option-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0}.question-form-correct-toggle{width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--radius-sm)}.question-form-correct-toggle input{width:1.15rem;height:1.15rem;margin:0}.question-form-option-input{min-width:0}.question-form-remove-button{justify-self:end}.question-form-add-option{justify-self:start}.question-form-actions{align-items:center}@media(max-width:700px){.quiz-editor-page{padding:1rem .75rem 4rem}.quiz-editor-title-row>button,.quiz-editor-section-head>button,.question-form-actions>button{flex:1 1 8rem}.quiz-editor-title-input{flex-basis:100%;font-size:1.1rem!important}.quiz-editor-section-head{align-items:stretch}.quiz-editor-section-title{flex:1 1 100%}.quiz-editor-question-card{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"drag main" "number main" "move move" "actions actions";gap:.65rem;padding:.85rem}.quiz-editor-drag-button,.quiz-editor-question-number{align-self:start}.quiz-editor-move-actions,.quiz-editor-question-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.question-form{padding:1rem}.question-form-timer-field{max-width:none}.question-form-option-row{grid-template-columns:44px minmax(0,1fr)}.question-form-remove-button{grid-column:2;justify-self:stretch;width:100%}}@media(max-width:380px){.quiz-editor-page{padding-inline:.625rem}.quiz-editor-question-card,.question-form{border-radius:var(--radius-sm)}.quiz-editor-question-actions,.question-form-actions{grid-template-columns:1fr}}.join-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(180deg,oklch(96% .035 62) 0%,var(--bg) 54%,oklch(96.5% .012 72) 100%);color:var(--text)}.join-card{position:relative;width:100%;max-width:27.5rem;margin-inline:auto;padding:var(--space-xl) var(--space-lg) var(--space-lg);border:1px solid oklch(88% .018 70);border-radius:var(--radius-xl);background:color-mix(in oklch,var(--surface) 94%,var(--brand-lt));box-shadow:0 1.2rem 3.5rem #67432e29,0 .25rem 1rem #564a4314;animation:slide-up-in .35s var(--ease-out) both}.join-card:before{content:"";position:absolute;top:.85rem;left:var(--space-lg);right:var(--space-lg);height:.2rem;border-radius:999px;background:linear-gradient(90deg,var(--brand),oklch(74% .14 76))}.join-logo{display:grid;justify-items:center;gap:var(--space-xs);text-align:center}.join-logo-mark{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.4rem .9rem;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--brand),var(--brand-dk));color:#fff;font-size:var(--text-base);font-weight:800;line-height:1;box-shadow:0 .45rem 1rem #c6510040;box-shadow:0 .45rem 1rem oklch(58% .17 45 / .25)}.join-heading{margin:0;color:var(--text);font-size:var(--text-xl);font-weight:800;line-height:1.15;text-align:center;text-wrap:balance}.join-subtitle{max-width:26ch;margin:0;color:var(--text-dim);font-size:var(--text-sm);line-height:1.45;text-align:center;text-wrap:pretty}.join-divider{height:1px;margin:var(--space-lg) 0;border:0;background:linear-gradient(90deg,transparent,var(--border),transparent)}.join-form{display:grid;gap:var(--space-md);width:100%}.join-field{display:grid;gap:var(--space-xs);color:var(--text-mid);font-size:var(--text-sm);font-weight:700;line-height:1.35}.join-field>span{text-align:center}.join-pin-input,.join-text-input{width:100%;min-width:0;border:2px solid var(--border);border-radius:var(--radius-lg);background:#fefbf7;color:var(--text);outline:none;text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.join-pin-input{min-height:4.9rem;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.join-text-input{min-height:3.35rem;padding:.75rem .9rem;font:inherit;font-size:var(--text-base);font-weight:650}.join-pin-input::placeholder,.join-text-input::placeholder{color:#9b948e}.join-pin-input:focus,.join-text-input:focus{border-color:var(--brand);background:#fff;box-shadow:var(--focus-ring)}.join-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs);align-items:stretch}.join-primary-button,.join-secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font:inherit;font-weight:800;line-height:1.1;cursor:pointer}.join-primary-button{width:100%;min-height:3.8rem;padding:1rem 1.15rem;border:0;background:var(--brand);color:#fff;font-size:var(--text-base);box-shadow:0 .75rem 1.4rem #c651003d;box-shadow:0 .75rem 1.4rem oklch(58% .17 45 / .24)}.join-secondary-button{min-height:3.35rem;padding:.75rem .95rem;border:1.5px solid var(--border);background:#fff;color:var(--text);font-size:var(--text-sm);white-space:nowrap}.join-primary-button:not(:disabled):hover{opacity:1;background:var(--brand-dk);transform:translateY(-1px)}.join-secondary-button:not(:disabled):hover{opacity:1;border-color:#cbb29e;background:var(--brand-lt)}.join-primary-button:not(:disabled):active,.join-secondary-button:not(:disabled):active{opacity:1;transform:translateY(1px) scale(.99)}.join-primary-button:disabled,.join-secondary-button:disabled{cursor:wait;opacity:.62}.join-error{margin:0;padding:.85rem 1rem;border:1px solid oklch(88% .075 25);border-radius:var(--radius-md);background:var(--error-lt);color:var(--error);font-size:var(--text-sm);font-weight:650;line-height:1.4;text-align:center}.join-quiz-name{margin:0;padding:.8rem 1rem;border:1px solid oklch(88% .04 70);border-radius:var(--radius-md);background:var(--brand-lt);color:var(--text-mid);font-size:var(--text-sm);font-weight:750;line-height:1.35;text-align:center;text-wrap:balance}.join-hint{margin:calc(var(--space-xs) * -.5) 0 0;color:var(--text-dim);font-size:var(--text-xs);line-height:1.35;text-align:center}.join-two-step{display:grid;gap:var(--space-sm)}.join-pattern-preview{display:flex;justify-content:center;gap:var(--space-xs);min-height:2rem}.join-pattern-dot{width:1.75rem;height:1.75rem;border:2px solid #fff;border-radius:999px;background:var(--join-choice);box-shadow:0 0 0 1px var(--border),var(--shadow-sm)}.join-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.join-color-button{min-height:3.4rem;border:2px solid #fff;border-radius:var(--radius-lg);background:var(--join-choice);box-shadow:0 0 0 1px var(--border),var(--shadow-sm);cursor:pointer}.join-pattern-dot[data-color=red],.join-color-button[data-color=red]{--join-choice: var(--opt-0)}.join-pattern-dot[data-color=blue],.join-color-button[data-color=blue]{--join-choice: var(--opt-1)}.join-pattern-dot[data-color=yellow],.join-color-button[data-color=yellow]{--join-choice: var(--opt-3)}.join-pattern-dot[data-color=green],.join-color-button[data-color=green]{--join-choice: var(--opt-2)}.join-color-button:not(:disabled):hover{opacity:1;transform:translateY(-1px)}.join-color-button:focus-visible{outline:none;box-shadow:0 0 0 1px var(--border),var(--focus-ring)}.join-two-step .join-secondary-button{width:100%}@media(max-width:420px){.join-page{padding:var(--space-lg) var(--space-sm)}.join-card{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg)}.join-card:before{left:var(--space-md);right:var(--space-md)}.join-input-row{grid-template-columns:1fr}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes slide-up-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rank-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.answers-grid>button{animation:slide-up-in .35s cubic-bezier(.16,1,.3,1) both}.answers-grid>button:nth-child(1){animation-delay:0ms}.answers-grid>button:nth-child(2){animation-delay:65ms}.answers-grid>button:nth-child(3){animation-delay:.13s}.answers-grid>button:nth-child(4){animation-delay:195ms}.landing-page{min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(ellipse 110% 42% at 50% -12%,oklch(88% .11 52) 0%,oklch(94% .05 56) 38%,transparent 66%),linear-gradient(180deg,oklch(98% .014 70) 0%,var(--bg) 100%);color:var(--text)}.landing-nav{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:max(.625rem,env(safe-area-inset-top)) max(var(--space-md),env(safe-area-inset-right)) .5rem max(var(--space-md),env(safe-area-inset-left))}.landing-logo,.landing-nav-link{min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);text-decoration:none}.landing-logo{color:var(--brand-dk);font-size:var(--text-lg);font-weight:800;letter-spacing:0}.landing-nav-link{padding:0 .25rem;color:var(--text-mid);font-size:var(--text-sm);font-weight:700}.landing-main{flex:1;width:100%;display:grid;justify-items:center;align-content:start;gap:1rem;padding:.25rem var(--space-md) var(--space-md);text-align:center}.landing-hero{width:100%;max-width:30rem;display:grid;justify-items:center;gap:.45rem;animation:slide-up-in .35s var(--ease-out) both}.landing-kicker{margin:0;color:var(--brand);font-size:var(--text-xs);font-weight:800;letter-spacing:0;text-transform:uppercase}.landing-heading{max-width:11ch;margin:0;color:var(--text);font-size:2.45rem;font-weight:850;letter-spacing:0;line-height:1.02;text-wrap:balance}.landing-tagline{max-width:31ch;margin:0;color:var(--text-mid);font-size:var(--text-sm);font-weight:550;line-height:1.35;text-wrap:pretty}.landing-cards{width:100%;max-width:30rem;display:grid;gap:.85rem}.landing-join-card,.landing-host-card{display:grid;gap:.85rem;width:100%;min-width:0;border-radius:var(--radius-lg);text-align:left}.landing-join-card{padding:1rem;background:linear-gradient(180deg,var(--brand),var(--brand-dk));box-shadow:0 .8rem 1.8rem #b2511e3d;animation:pop-in .3s var(--ease-out) .08s both}.landing-host-card{padding:.95rem 1rem;border:1px solid var(--border);background:color-mix(in oklch,var(--surface) 96%,var(--brand-lt));box-shadow:var(--shadow-sm);animation:pop-in .3s var(--ease-out) .14s both}.landing-card-title{margin:0 0 .2rem;color:var(--text);font-size:var(--text-lg);font-weight:800;letter-spacing:0;line-height:1.15}.landing-card-title-inverse{color:#fefbf7}.landing-card-sub{margin:0;color:var(--text-mid);font-size:var(--text-sm);line-height:1.35}.landing-card-sub-inverse{color:#ffe6d6}.landing-code-form{display:grid;gap:.6rem}.landing-code-label{color:#fef7f0;font-size:var(--text-xs);font-weight:800;line-height:1.2}.landing-join-button,.landing-host-button{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:800;line-height:1.1;text-decoration:none}.landing-join-button{width:100%;border:0;background:#fefbf7;color:var(--brand-dk);box-shadow:0 .45rem 1rem #65331b29;cursor:pointer}.landing-join-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.landing-host-button{width:100%;padding:0 1rem;background:var(--brand);color:#fefbf7}.landing-how-list{width:100%;max-width:30rem;display:grid;gap:.5rem;margin:0;padding:0;list-style:none;animation:slide-up-in .35s var(--ease-out) .18s both}.landing-how-item{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.7rem;min-height:3rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 94%,var(--brand-lt));text-align:left}.landing-how-num{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-lt);color:var(--brand-dk);font-size:var(--text-sm);font-weight:850;line-height:1}.landing-how-item p{margin:0;color:var(--text-mid);font-size:var(--text-sm);font-weight:600;line-height:1.3}.landing-footer{padding:.5rem var(--space-md) max(var(--space-sm),env(safe-area-inset-bottom));color:var(--text-dim);font-size:var(--text-xs);text-align:center}.code-input{min-height:3.65rem;padding:.65rem .85rem;font-size:1.875rem;font-weight:800;border-radius:var(--radius-md);border:2px solid oklch(92% .04 58 / .65);background:#fefbf729;color:#fefbf7;width:100%;text-align:center;letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;outline:none;caret-color:#fefbf7;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.code-input::placeholder{color:#fff3e970;color:oklch(97% .02 60 / .44);letter-spacing:0}.code-input:focus{border-color:#fefbf7e6;background:#fefbf73b}@media(max-width:360px){.landing-nav{padding-inline:var(--space-sm)}.landing-main{gap:.8rem;padding-inline:var(--space-sm)}.landing-heading{font-size:2.18rem}.landing-join-card,.landing-host-card{padding:.875rem}.code-input{min-height:3.45rem;font-size:1.7rem}}@media(min-width:640px){.landing-nav{padding:var(--space-md) var(--space-lg) .75rem}.landing-main{gap:var(--space-lg);padding:var(--space-md) var(--space-lg) var(--space-lg)}.landing-hero{gap:var(--space-sm)}.landing-heading{max-width:13ch;font-size:3rem}.landing-tagline{font-size:var(--text-base)}.landing-cards{max-width:58rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}.landing-join-card,.landing-host-card{padding:var(--space-lg)}.landing-host-card{align-content:space-between}.landing-how-list{max-width:58rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-how-item{align-items:start;min-height:5rem}}@media(min-width:900px)and (min-height:760px){.landing-main{align-content:center;padding-bottom:var(--space-xl)}.landing-heading{font-size:3.5rem}}@media(min-width:560px)and (max-height:540px){.landing-nav{min-height:3.25rem;padding-block:.25rem}.landing-main{grid-template-columns:minmax(0,.8fr) minmax(20rem,1.2fr);grid-template-areas:"hero cards" "how how";align-items:start;justify-items:stretch;gap:.9rem 1rem;padding:.25rem var(--space-md) var(--space-sm);text-align:left}.landing-hero{grid-area:hero;justify-items:start;max-width:none;padding-top:.25rem}.landing-heading{max-width:10ch;font-size:2rem}.landing-tagline{max-width:25ch}.landing-cards{grid-area:cards;grid-template-columns:1fr;max-width:none;gap:.65rem}.landing-join-card,.landing-host-card{padding:.85rem}.landing-host-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.landing-host-button{width:auto;min-width:9.5rem}.landing-how-list{grid-area:how;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-footer{display:none}}.countdown-ring{position:relative;display:inline-grid;place-items:center;justify-self:center;margin-inline:auto}.countdown-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.countdown-ring-label{position:relative;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.countdown-ring.is-urgent .countdown-ring-label{color:var(--error);animation:urgent-pulse 1s ease-in-out infinite}@keyframes urgent-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.btn-tactile:not(:disabled),.player-option-button:not(:disabled),.player-submit-button:not(:disabled),.host-advance-button:not(:disabled){transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),opacity var(--duration-fast) var(--ease-out)!important}.btn-tactile:not(:disabled):hover,.player-option-button:not(:disabled):hover,.player-submit-button:not(:disabled):hover,.host-advance-button:not(:disabled):hover{opacity:1;transform:translateY(-2px);box-shadow:0 6px 16px #4c47422e!important}.btn-tactile:not(:disabled):active,.player-option-button:not(:disabled):active,.player-submit-button:not(:disabled):active,.host-advance-button:not(:disabled):active{opacity:1;transform:translateY(1px) scale(.97);box-shadow:0 1px 3px #4c47421f!important;transition-duration:60ms}.btn-quiet-danger:not(:disabled){transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform .12s var(--ease-out)}.btn-quiet-danger:not(:disabled):hover{opacity:1;background:var(--error)!important;color:#fff!important}.btn-quiet-danger:not(:disabled):active{opacity:1;transform:scale(.96)}.copy-link-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform .12s var(--ease-out)}.copy-link-button:hover{opacity:1;border-color:var(--brand);background:var(--brand-lt);transform:translateY(-1px)}.copy-link-button:active{opacity:1;transform:translateY(1px) scale(.97)}.copy-link-button.is-copied{border-color:var(--success);background:var(--success-lt);color:var(--success)}.podium-ceremony{display:grid;gap:var(--space-lg);width:100%}.podium-title{margin:0;font-size:var(--text-2xl);font-weight:800;text-align:center;line-height:1.25;color:var(--text);animation:slide-up-in .3s var(--ease-out) both}.podium-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--space-md);max-width:44rem;width:100%;margin-inline:auto;padding-top:var(--space-md)}.podium-col{display:grid;gap:.6rem;min-width:0;animation:podium-rise .5s var(--ease-out) both}.podium-col--3{animation-delay:.4s}.podium-col--2{animation-delay:1.4s}.podium-col--1{animation-delay:2.6s}@keyframes podium-rise{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}.podium-player{display:grid;justify-items:center;gap:.15rem;min-width:0;text-align:center}.podium-name{max-width:100%;font-weight:800;font-size:var(--text-base);overflow-wrap:anywhere;line-height:1.2}.podium-score{color:var(--brand-dk);font-weight:700;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.podium-block{display:grid;place-items:center;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-md)}.podium-col--1 .podium-block{min-height:9.5rem;background:linear-gradient(180deg,#ffcf7d,#f0a646);background:linear-gradient(180deg,color(xyz 0.676 0.675 0.27),#f0a646);border:2px solid oklch(70% .16 80)}.podium-col--1 .podium-name{font-size:var(--text-lg)}.podium-col--2 .podium-block{min-height:6.5rem;background:linear-gradient(180deg,#e4ddd6,#cbc2ba);border:2px solid oklch(68% .03 65)}.podium-col--3 .podium-block{min-height:4.75rem;background:linear-gradient(180deg,#ffcbae,#f7a97c);background:linear-gradient(180deg,color(xyz 0.718 0.665 0.434),#f7a97c);border:2px solid oklch(64% .13 50)}.podium-place{font-size:var(--text-xl);font-weight:850;color:#452c17}.podium-rest{display:grid;gap:.5rem;max-width:34rem;width:100%;margin:0 auto;padding:0;list-style:none;animation:slide-up-in .4s var(--ease-out) 3.4s both}.podium-rest-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:.65rem var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.podium-rest-rank{color:var(--text-dim);font-weight:800}.podium-rest-name{min-width:0;font-weight:600;overflow-wrap:anywhere}.podium-rest-score{color:var(--brand);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:560px){.podium-stage{gap:.5rem}.podium-col--1 .podium-block{min-height:7rem}.podium-col--2 .podium-block{min-height:5rem}.podium-col--3 .podium-block{min-height:3.75rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#bfb6ab;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}