:root{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-bg: #0f0f1a;--color-surface: #1e1b4b;--color-surface-hover: #2d2a6e;--color-text: #f0f0ff;--color-text-muted: #a5b4fc;--color-border: #3730a3;--color-border-subtle: rgba(255, 255, 255, .3);--color-hover-overlay: rgba(255, 255, 255, .1);--color-active-overlay: rgba(255, 255, 255, .2);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{color-scheme:light;--color-bg: #f5f3ff;--color-surface: #ede9fe;--color-surface-hover: #ddd6fe;--color-text: #1e1b4b;--color-text-muted: #6d28d9;--color-border: #c4b5fd;--color-border-subtle: var(--color-border);--color-hover-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-active-overlay: color-mix(in srgb, var(--color-primary) 20%, transparent)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f0f1a;--color-surface: #1e1b4b;--color-surface-hover: #2d2a6e;--color-text: #f0f0ff;--color-text-muted: #a5b4fc;--color-border: #3730a3}:root[data-theme=light]{color-scheme:light;--color-bg: #f5f3ff;--color-surface: #ede9fe;--color-surface-hover: #ddd6fe;--color-text: #1e1b4b;--color-text-muted: #6d28d9;--color-border: #c4b5fd;--color-border-subtle: var(--color-border);--color-hover-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-active-overlay: color-mix(in srgb, var(--color-primary) 20%, transparent)}:root[data-theme=easter]{color-scheme:light;--color-primary: #65a30d;--color-primary-hover: #4d7c0f;--color-primary-light: #a3e635;--color-accent: #eab308;--color-bg: #fefce8;--color-surface: #fef9c3;--color-surface-hover: #fef08a;--color-text: #1a2e05;--color-text-muted: #4d7c0f;--color-border: #bef264;--color-border-subtle: #d9f99d;--color-hover-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-active-overlay: color-mix(in srgb, var(--color-primary) 20%, transparent)}body{margin:0;min-width:320px;min-height:100vh}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:var(--color-surface);border-radius:3px;outline:none;border:1px solid var(--color-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-primary-light)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-primary-light);box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}#root{display:flex;flex-direction:column;min-height:100vh}.layout__content{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;max-width:1024px;margin:0 auto;padding:2rem 1.5rem;box-sizing:border-box}.home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%}.dev-toggle__input{position:absolute;opacity:0;width:0;height:0}.dev-toggle__slider{position:relative;display:inline-block;width:36px;height:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:background .2s;flex-shrink:0}.dev-toggle__slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--color-text-muted);border-radius:50%;transition:transform .2s,background .2s}.dev-toggle__input:checked~.dev-toggle__slider{background:var(--color-primary);border-color:var(--color-primary)}.dev-toggle__input:checked~.dev-toggle__slider:before{transform:translate(16px);background:var(--color-text)}.home__title{font-size:4rem;font-weight:800;color:var(--color-primary-light);letter-spacing:-.02em;margin:0 0 .25rem}.home__subtitle{font-size:1rem;color:var(--color-text-muted);margin:0 0 3rem}.home__actions{display:flex;flex-direction:column;gap:1rem;width:220px}.btn{border-radius:8px;border:1px solid transparent;padding:.6em 1.6em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-surface);color:var(--color-primary-light);border-color:var(--color-border)}.btn--secondary:hover{background-color:var(--color-surface-hover)}.easter-decorations{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.easter-decorations__item{position:absolute;font-size:2rem;opacity:.5;animation:easter-float linear infinite}@keyframes easter-float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-18px) rotate(8deg)}}.theme-controls{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem}.easter-toggle{background:none;border:none;cursor:pointer;font-size:1.4rem;padding:0;line-height:1;opacity:.45;transition:opacity .2s,transform .2s}.easter-toggle:hover{opacity:.8;transform:scale(1.15)}.easter-toggle--active{opacity:1}.theme-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.theme-switch__input{position:absolute;opacity:0;width:0;height:0}.theme-switch__slider{position:relative;display:inline-block;width:44px;height:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:background .2s}.theme-switch__slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:var(--color-primary);border-radius:50%;transition:transform .2s}.theme-switch__input:checked~.theme-switch__slider:before{transform:translate(20px)}.theme-switch__icon{font-size:1rem;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;line-height:1}.topbar{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);width:100%;box-sizing:border-box}.topbar__inner{display:flex;align-items:center;max-width:1024px;margin:0 auto;padding:0 1.5rem;height:56px;box-sizing:border-box}.topbar__logo{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary-light);text-decoration:none}.slider{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}.slider__header{display:flex;justify-content:space-between;width:100%}.slider__input{width:100%}.input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:1em;padding:.6em 1em;width:100%;box-sizing:border-box;transition:border-color .2s,outline .2s}.input:focus{outline:3px solid var(--color-primary-light);outline-offset:2px;border-color:var(--color-primary-light)}.input::placeholder{color:var(--color-text-muted)}.page-title{font-size:4rem;font-weight:800;color:var(--color-primary-light);letter-spacing:-.02em;margin:0;white-space:nowrap}.host-game{display:flex;flex-direction:column;align-items:center;gap:1rem;width:300px}.host-game__title{font-size:3rem}.host-game__label{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}.host-game__textarea{resize:none}.host-game__advanced-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;padding:0;align-self:flex-start}.host-game__dev-label{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.host-game__dev-label-text{font-size:.75rem;color:var(--color-text-muted)}.host-game__error{color:red;margin:0}.host-game__quiz-type{display:flex;gap:.5rem;width:100%}.host-game__quiz-type-btn{flex:1;padding:.5rem 1rem;border:2px solid var(--color-border, #444);border-radius:.5rem;background:transparent;color:var(--color-text-muted, #999);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .15s ease}.host-game__quiz-type-btn--active{border-color:var(--color-primary, #6c5ce7);background:var(--color-primary, #6c5ce7);color:#fff}.host-game__submit{margin-top:1rem}.join-game{display:flex;flex-direction:column;align-items:center;gap:1rem;width:300px}.join-game__title{font-size:3rem}.join-game__room-info{margin:0;font-size:1.1rem;opacity:.7}.join-game__label{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}.join-game__error{color:red;margin:0}.join-game__submit{margin-top:1rem}.host-lobby .page-title{white-space:normal;word-break:break-word;text-align:center;margin-bottom:1rem}.host-lobby{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem}.host-lobby__content{display:flex;align-items:stretch;justify-content:center;gap:2rem}.host-lobby__left{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.host-lobby__qr{background:#fff;padding:1rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.host-lobby__code{display:flex;flex-direction:column;align-items:center;gap:.25rem}.host-lobby__code-value{font-size:3rem;font-weight:700;letter-spacing:.15em;color:var(--color-primary-light)}.host-lobby__players{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.host-lobby__players-title{margin:0;font-size:1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.host-lobby__players-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:column;max-height:14.5rem;gap:.5rem 2rem}.host-lobby__player{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;font-size:1.125rem}.host-lobby__player-avatar{font-size:2rem;line-height:1;flex-shrink:0}.host-lobby__player{transition:opacity .3s,filter .3s}.host-lobby__player--disconnected{opacity:.4;filter:grayscale(1)}.player-bar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%;box-sizing:border-box}.player-bar__item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .75rem;min-width:4.5rem}.player-bar__item{transition:opacity .3s,filter .3s}.player-bar__item--disconnected{opacity:.4;filter:grayscale(1)}.player-bar__identity{display:flex;align-items:center}.player-bar__emoji{font-size:1.75rem;line-height:1;display:inline-block;flex-shrink:0;overflow:hidden;max-width:2.5rem;margin-right:.4rem;transition:max-width .35s ease,opacity .25s ease,margin-right .35s ease}.player-bar__emoji--gone{max-width:0;opacity:0;margin-right:0}@keyframes emoji-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.player-bar__emoji--bouncing{animation:emoji-bounce .6s ease-in-out infinite}.player-bar__name{font-size:1rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.player-bar__score-wrap{position:relative;display:flex;justify-content:center}.player-bar__score{font-size:1.25rem;font-weight:800;color:var(--color-accent)}.player-bar__delta{position:absolute;left:calc(100% + .25rem);top:50%;font-size:.85rem;font-weight:700;color:var(--color-accent);white-space:nowrap;opacity:0;animation:delta-in .3s ease forwards;pointer-events:none}.player-bar__delta--flying{animation:delta-fly .4s ease forwards}.player-bar__time-wrap{position:relative;display:flex;justify-content:center}.player-bar__time{display:inline-flex;align-items:center;gap:.2em;font-size:.75rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.player-bar__time-delta{position:absolute;left:calc(100% + .25rem);top:50%;font-size:.7rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap;opacity:0;animation:delta-in .3s ease forwards;pointer-events:none}.player-bar__time-delta--flying{animation:delta-fly .4s ease forwards}@keyframes delta-in{0%{opacity:0;transform:translate(8px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes delta-fly{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-28px,-50%)}}.host-question{max-width:900px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.host-question__header{text-align:center}.host-question__points{display:inline-block;background-color:var(--color-accent);color:var(--color-bg);font-size:1rem;font-weight:700;padding:.25rem .75rem;border-radius:999px}.host-question__points-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:2.5rem}.host-question__timer{position:absolute;right:0;width:90px;height:90px}.host-question__timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.host-question__timer-track{fill:none;stroke:var(--color-surface);stroke-width:8}.host-question__timer-ring{fill:none;stroke:var(--color-accent);stroke-width:8;stroke-linecap:round}@keyframes timer-ring-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:276.46}}.host-question__timer-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--color-text)}.host-question__text{font-size:2rem;font-weight:700;margin:0;line-height:1.3;color:var(--color-text)}.host-question__options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.host-question__option{position:relative;display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1.5rem;border-radius:.75rem;color:#fff;min-height:5rem;transition:opacity .5s ease,box-shadow .5s ease}.host-question__option--correct{box-shadow:0 0 0 5px #fff}.host-question__option--wrong{opacity:.3}.host-question__option-text{font-size:1.25rem;font-weight:600;line-height:1.3}.host-question__option-players{position:absolute;top:0;right:1.5rem;transform:translateY(-50%);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.host-question__bottom-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:2.75rem}.host-question__answer-queue{display:flex;flex-direction:row;gap:.4rem;align-items:center;padding:0 .25rem}.host-question__queue-emoji{font-size:2rem;line-height:1}.host-question__flying-emoji{position:fixed;font-size:2rem;line-height:1;pointer-events:none;z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1)}.host-question__player-emoji--landed{font-size:2rem;line-height:1}.host-question__progress{font-size:1.25rem;color:var(--color-text-muted);margin:0}:root{--hover-mix-percent: 70%}@media(prefers-color-scheme:dark){:root{--hover-mix-percent: 30%}}[data-theme=dark]{--hover-mix-percent: 30%}.layout__content:has(.host-board){max-width:unset;padding:0;align-items:stretch}.host-board{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center}.host-board__grid{display:grid;gap:0;margin:0 auto;width:100%;overflow:hidden}.host-board__column-header{color:var(--color-text);font-size:1rem;font-weight:700;text-align:center;padding:.75rem 1rem;letter-spacing:.05em;text-transform:uppercase;min-height:4rem;display:flex;align-items:center;justify-content:center;box-shadow:1px 0 0 var(--color-text),0 1px 0 var(--color-text)}.host-board__card{background-color:transparent;border:none;color:var(--color-accent);font-size:2rem;font-weight:800;text-align:center;padding:1.5rem 1rem;min-height:5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:1px 0 0 var(--color-text),0 1px 0 var(--color-text);transition:background-color .15s}.host-board__card:hover{background-color:color-mix(in srgb,var(--color-text-muted) var(--hover-mix-percent),transparent)}.host-board__card:active{background-color:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.host-board__card--answered{color:color-mix(in srgb,var(--color-text) 35%,transparent);cursor:default;pointer-events:none}.host-board__player-bar{margin:1.5rem auto 0;width:100%}.host-end-game{max-width:700px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.podium{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:.5rem;width:100%}.podium__place{display:flex;flex-direction:column;align-items:center;flex:1;max-width:180px}.podium__info{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.5rem;width:100%;animation:podium-info-appear .4s ease-out both}.podium__place--third .podium__info{animation-delay:.85s}.podium__place--second .podium__info{animation-delay:1.35s}.podium__place--first .podium__info{animation-delay:1.85s}.podium__emoji{font-size:2.25rem;line-height:1}.podium__name{font-size:.9rem;font-weight:700;color:var(--color-text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 .25rem}.podium__score{font-size:.95rem;font-weight:800;color:var(--color-accent)}.podium__time{display:inline-flex;align-items:center;gap:.2em;font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.podium__block{width:100%;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;transform-origin:bottom;animation:podium-raise .7s cubic-bezier(.34,1.56,.64,1) both}.podium__place--third .podium__block{background-color:#b45309;height:60px;animation-delay:.2s}.podium__place--second .podium__block{background-color:#94a3b8;height:80px;animation-delay:.7s}.podium__place--first .podium__block{background-color:#f59e0b;height:110px;animation-delay:1.2s}.podium__rank{font-size:1.6rem;font-weight:900;color:#fff;padding:.4rem 0}@keyframes podium-raise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes podium-info-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.host-end-game__rest-wrapper{width:100%;overflow-x:auto;padding-bottom:.5rem}.host-end-game__rest-list{display:flex;flex-direction:row;gap:.5rem;list-style:none;padding:.25rem 0;margin:0}.host-end-game__rest-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .75rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;min-width:90px;flex-shrink:0;animation:rest-item-enter .35s ease-out both}.host-end-game__rest-rank{font-size:.75rem;font-weight:800;color:var(--color-text-muted)}.host-end-game__rest-name{font-size:.85rem;font-weight:600;color:var(--color-text);text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-end-game__rest-score{font-size:.9rem;font-weight:800;color:var(--color-accent)}.host-end-game__rest-time{display:inline-flex;align-items:center;gap:.2em;font-size:.75rem;font-weight:600;color:var(--color-text-muted)}@keyframes rest-item-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.host-end-game__firework{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none}.host-end-game__firework--1{left:-8px;top:55%;animation:firework-1 3s ease-out .5s infinite}.host-end-game__firework--2{left:50%;top:25%;animation:firework-2 3s ease-out 1.5s infinite}.host-end-game__firework--3{right:-8px;top:55%;animation:firework-3 3s ease-out 2.5s infinite}@keyframes firework-1{0%{opacity:1;box-shadow:0 0 #f59e0b,0 0 #e74c3c,0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4}40%{opacity:1;box-shadow:-160px -200px 0 2px #f59e0b,160px -200px 0 2px #e74c3c,240px -40px 0 2px #3b82f6,-240px -40px 0 2px #22c55e,-80px -280px 0 2px #f59e0b,80px -280px 0 2px #ec4899,200px -160px 0 2px #8b5cf6,-200px -160px 0 2px #06b6d4}60%{opacity:0;box-shadow:-160px -200px 0 2px #f59e0b,160px -200px 0 2px #e74c3c,240px -40px 0 2px #3b82f6,-240px -40px 0 2px #22c55e,-80px -280px 0 2px #f59e0b,80px -280px 0 2px #ec4899,200px -160px 0 2px #8b5cf6,-200px -160px 0 2px #06b6d4}to{opacity:0;box-shadow:0 0 #f59e0b,0 0 #e74c3c,0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4}}@keyframes firework-2{0%{opacity:1;box-shadow:0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4,0 0 #f59e0b,0 0 #22c55e,0 0 #e74c3c,0 0 #3b82f6,0 0 #fbbf24}40%{opacity:1;box-shadow:-120px -240px 0 2px #ec4899,120px -220px 0 2px #8b5cf6,220px -80px 0 2px #06b6d4,-220px -60px 0 2px #f59e0b,0 -300px 0 2px #22c55e,180px -180px 0 2px #e74c3c,-180px -200px 0 2px #3b82f6,-60px -120px 0 2px #fbbf24}60%{opacity:0;box-shadow:-120px -240px 0 2px #ec4899,120px -220px 0 2px #8b5cf6,220px -80px 0 2px #06b6d4,-220px -60px 0 2px #f59e0b,0 -300px 0 2px #22c55e,180px -180px 0 2px #e74c3c,-180px -200px 0 2px #3b82f6,-60px -120px 0 2px #fbbf24}to{opacity:0;box-shadow:0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4,0 0 #f59e0b,0 0 #22c55e,0 0 #e74c3c,0 0 #3b82f6,0 0 #fbbf24}}@keyframes firework-3{0%{opacity:1;box-shadow:0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #e74c3c,0 0 #8b5cf6,0 0 #06b6d4,0 0 #fbbf24}40%{opacity:1;box-shadow:-140px -220px 0 2px #3b82f6,140px -240px 0 2px #22c55e,200px -60px 0 2px #f59e0b,-200px -100px 0 2px #ec4899,-40px -280px 0 2px #e74c3c,100px -140px 0 2px #8b5cf6,-220px -180px 0 2px #06b6d4,220px -160px 0 2px #fbbf24}60%{opacity:0;box-shadow:-140px -220px 0 2px #3b82f6,140px -240px 0 2px #22c55e,200px -60px 0 2px #f59e0b,-200px -100px 0 2px #ec4899,-40px -280px 0 2px #e74c3c,100px -140px 0 2px #8b5cf6,-220px -180px 0 2px #06b6d4,220px -160px 0 2px #fbbf24}to{opacity:0;box-shadow:0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #e74c3c,0 0 #8b5cf6,0 0 #06b6d4,0 0 #fbbf24}}.player-lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem 0}.player-lobby__code{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;letter-spacing:.15em;color:var(--color-primary-light);margin-bottom:1.5rem}.player-lobby__welcome{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:800;color:var(--color-text);margin:0;text-align:center;word-break:break-word;max-width:100%}.player-lobby__emoji{font-size:clamp(2.5rem,10vw,4rem);line-height:1}.player-lobby__waiting{font-size:clamp(1rem,3vw,1.25rem);color:var(--color-text-muted);margin:0}.player-lobby__dots:after{content:"";animation:dots 2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.question-view{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.question-view__timer{width:100%;height:.5rem;background:var(--color-surface);border-radius:.25rem;overflow:hidden}.question-view__timer-bar{height:100%;background:var(--color-primary-light);border-radius:.25rem;transition:width 1s linear}.question-view__options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;width:100%;margin-top:1rem;flex:1;min-height:0}.question-view__option{border:none;border-radius:.75rem;cursor:pointer;font-size:1.5rem;font-weight:700;color:#fff;transition:opacity .2s,transform .2s}.question-view__option:hover:not(:disabled){transform:scale(1.03)}.question-view__option--selected{outline:3px solid #fff;outline-offset:2px;transform:scale(1.03)}.question-view__option--dimmed{opacity:.35}.question-view__option:disabled{cursor:default}.question-view__submitted{color:var(--color-text-muted);font-size:1.125rem;margin:0}.player-game{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;width:100%}.player-game--waiting{justify-content:center}.player-game__ready-text{font-size:2rem;font-weight:700;color:var(--color-primary-light);text-align:center;margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.player-celebration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;animation:celebration-enter .5s ease-out;position:relative;overflow:visible}.player-celebration__placement{font-size:4rem;font-weight:800;line-height:1}.player-celebration__message{font-size:1.25rem;font-weight:600}.player-celebration__score{font-size:1.5rem;font-weight:800;color:var(--color-accent)}.player-celebration--gold .player-celebration__placement{font-size:5rem;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.4)}.player-celebration--gold .player-celebration__message{color:#fbbf24}.player-celebration--silver .player-celebration__placement{color:#94a3b8;text-shadow:0 0 15px rgba(148,163,184,.3)}.player-celebration--silver .player-celebration__message{color:#cbd5e1}.player-celebration--bronze .player-celebration__placement{color:#d97706;text-shadow:0 0 15px rgba(180,83,9,.3)}.player-celebration--bronze .player-celebration__message{color:#b45309}.player-celebration--default .player-celebration__placement{color:var(--color-primary-light)}.player-celebration--default .player-celebration__message{color:var(--color-text-muted)}@keyframes celebration-enter{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.player-celebration__firework{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none}.player-celebration__firework--1{top:-20px;left:50%;animation:firework-1 2.4s ease-out .3s infinite}.player-celebration__firework--2{top:0;left:20%;animation:firework-2 2.4s ease-out 1.1s infinite}.player-celebration__firework--3{top:-10px;right:20%;animation:firework-3 2.4s ease-out 1.9s infinite}@keyframes firework-1{0%{opacity:1;box-shadow:0 0 #f59e0b,0 0 #e74c3c,0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4}40%{opacity:1;box-shadow:-40px -50px 0 -1px #f59e0b,40px -50px 0 -1px #e74c3c,60px -10px 0 -1px #3b82f6,-60px -10px 0 -1px #22c55e,-20px -70px 0 -1px #f59e0b,20px -70px 0 -1px #ec4899,50px -40px 0 -1px #8b5cf6,-50px -40px 0 -1px #06b6d4}60%{opacity:0;box-shadow:-40px -50px 0 -1px #f59e0b,40px -50px 0 -1px #e74c3c,60px -10px 0 -1px #3b82f6,-60px -10px 0 -1px #22c55e,-20px -70px 0 -1px #f59e0b,20px -70px 0 -1px #ec4899,50px -40px 0 -1px #8b5cf6,-50px -40px 0 -1px #06b6d4}to{opacity:0;box-shadow:0 0 #f59e0b,0 0 #e74c3c,0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4}}@keyframes firework-2{0%{opacity:1;box-shadow:0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4,0 0 #f59e0b,0 0 #22c55e,0 0 #e74c3c,0 0 #3b82f6,0 0 #fbbf24}40%{opacity:1;box-shadow:-30px -60px 0 -1px #ec4899,30px -55px 0 -1px #8b5cf6,55px -20px 0 -1px #06b6d4,-55px -15px 0 -1px #f59e0b,0 -75px 0 -1px #22c55e,45px -45px 0 -1px #e74c3c,-45px -50px 0 -1px #3b82f6,-15px -30px 0 -1px #fbbf24}60%{opacity:0;box-shadow:-30px -60px 0 -1px #ec4899,30px -55px 0 -1px #8b5cf6,55px -20px 0 -1px #06b6d4,-55px -15px 0 -1px #f59e0b,0 -75px 0 -1px #22c55e,45px -45px 0 -1px #e74c3c,-45px -50px 0 -1px #3b82f6,-15px -30px 0 -1px #fbbf24}to{opacity:0;box-shadow:0 0 #ec4899,0 0 #8b5cf6,0 0 #06b6d4,0 0 #f59e0b,0 0 #22c55e,0 0 #e74c3c,0 0 #3b82f6,0 0 #fbbf24}}@keyframes firework-3{0%{opacity:1;box-shadow:0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #e74c3c,0 0 #8b5cf6,0 0 #06b6d4,0 0 #fbbf24}40%{opacity:1;box-shadow:-35px -55px 0 -1px #3b82f6,35px -60px 0 -1px #22c55e,50px -15px 0 -1px #f59e0b,-50px -25px 0 -1px #ec4899,-10px -70px 0 -1px #e74c3c,25px -35px 0 -1px #8b5cf6,-55px -45px 0 -1px #06b6d4,55px -40px 0 -1px #fbbf24}60%{opacity:0;box-shadow:-35px -55px 0 -1px #3b82f6,35px -60px 0 -1px #22c55e,50px -15px 0 -1px #f59e0b,-50px -25px 0 -1px #ec4899,-10px -70px 0 -1px #e74c3c,25px -35px 0 -1px #8b5cf6,-55px -45px 0 -1px #06b6d4,55px -40px 0 -1px #fbbf24}to{opacity:0;box-shadow:0 0 #3b82f6,0 0 #22c55e,0 0 #f59e0b,0 0 #ec4899,0 0 #e74c3c,0 0 #8b5cf6,0 0 #06b6d4,0 0 #fbbf24}}.player-end-game__emoji{font-size:4rem}.player-end-game__time{display:inline-flex;align-items:center;gap:.3em;font-size:.9rem;font-weight:600;color:var(--color-text-muted)}