@import"https://fonts.googleapis.com/css2?family=Calistoga&display=swap";:root{color-scheme:light;font-family:Trebuchet MS,Arial Rounded MT Bold,Avenir Next,sans-serif;line-height:1.5;color:#1d1731;background:radial-gradient(circle at top left,rgba(255,232,92,.85),transparent 24%),radial-gradient(circle at 85% 10%,rgba(39,186,255,.45),transparent 22%),radial-gradient(circle at 50% 100%,rgba(255,72,156,.2),transparent 34%),linear-gradient(180deg,#fff8ef,#fff4cc);--ink: #1d1731;--cream: #fff8ef;--card-cream: #efe2cf;--card-blue: #2eaef3;--card-yellow: #ffef28;--card-pink: #ff0c9f;--card-orange: #ffb52f;--card-red: #ff5a3d;--card-green: #b8ed3d;--shadow: 0 12px 0 rgba(39, 31, 68, .6);--border: 3px solid #1d1731;--dash: repeating-linear-gradient( 90deg, #1d1731 0 10px, transparent 10px 16px )}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-size:18px}body:before,body:after{content:"";position:fixed;inset:auto;width:210px;height:210px;border-radius:50%;pointer-events:none;z-index:0}body:before{top:-48px;right:-34px;background:radial-gradient(circle,#ff0c9f2e,#ff0c9f00 70%)}body:after{bottom:-60px;left:-34px;background:radial-gradient(circle,#2eaef33d,#2eaef300 70%)}button,input,textarea,select{font:inherit}button,input,textarea,select,.panel,.hero-card,.flash-strip,.candidate-card,.fragment-chip{border:var(--border)}.shell{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1180px,calc(100vw - 28px));margin:0 auto;min-height:100vh;padding:56px 0 34px}.grid{display:grid;gap:18px}.two-up{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.lobby-stack{grid-template-columns:minmax(0,1fr);width:100%}.dashboard{grid-template-columns:minmax(290px,380px) minmax(320px,1fr)}.dashboard-solo{grid-template-columns:minmax(320px,1fr)}.hero-card,.panel,.flash-strip,.topbar{position:relative;border-radius:34px;box-shadow:var(--shadow)}.hero-card:after,.panel:after{content:"";position:absolute;inset:10px;border:3px dashed #1d1731;border-radius:24px;pointer-events:none;opacity:.95}.hero-card{overflow:hidden;padding:26px 26px 24px;margin-bottom:18px;background:radial-gradient(circle at 8% 12%,rgba(255,255,255,.72),transparent 20%),linear-gradient(135deg,#fffdf6,#ffe7f4 45%,#fff2b5)}.maintenance-card{min-height:280px;display:flex;align-items:center}.hero-copy-block{max-width:620px}.app-header{position:fixed;top:12px;left:14px;right:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header-spacer{width:104px;flex:0 0 104px}.shell-ribbon{flex:1 1 auto;height:8px;min-width:120px;border-radius:999px;background:linear-gradient(90deg,var(--card-blue) 0 24%,var(--card-pink) 24% 48%,var(--card-orange) 48% 71%,var(--card-yellow) 71% 100%);box-shadow:0 4px #1d173159}.locale-toggle{display:inline-flex;align-items:center;gap:5px;min-height:32px;margin-left:auto;padding:4px 8px;border:2px solid #1d1731;border-radius:999px;background:linear-gradient(180deg,#fffdf6,#f6e6ef);box-shadow:0 4px #1d173124,inset 0 0 0 1px #ffffff80}.locale-toggle-button{border:none;background:transparent;color:#1d17316b;font-size:.72rem;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .14s ease,transform .14s ease,text-shadow .14s ease,background-color .14s ease;border-radius:999px;padding:3px 4px}.locale-toggle-button:hover{transform:translateY(-1px);color:#1d1731c7}.locale-toggle-button.is-active{color:#1d1731;background:linear-gradient(180deg,#d8f7ff,#a6e8ff);box-shadow:0 3px #1d17311f;text-shadow:none}.locale-toggle-separator{color:#1d17313d;font-weight:900}.panel{overflow:hidden;padding:22px;background:var(--cream)}.panel-cream{background:linear-gradient(180deg,#fff9f0,#f1e2cf)}.lobby-entry-panel{width:100%}.lobby-entry-divider{height:0;border-top:3px dashed rgba(29,23,49,.28);margin:4px 0}.panel-blue{background:linear-gradient(180deg,#57c8ff,#2eaef3)}.panel-phase,.panel-phase-lobby{background:linear-gradient(180deg,#fff9f0,#ffeeb3)}.panel-phase-prompt_input{background:linear-gradient(180deg,#fff6c9,#ffb52f)}.panel-phase-remix_build{background:linear-gradient(180deg,#d7f4ff,#2eaef3)}.panel-phase-final_answer{background:linear-gradient(180deg,#ffd0ea,#ff86b2)}.panel-phase-voting{background:linear-gradient(180deg,#fff07f,#ffef28)}.panel-phase-score_reveal,.panel-phase-next_round,.panel-phase-game_over{background:linear-gradient(180deg,#ffe0ca,#ff7f58)}.flash-strip{margin-top:18px;padding:16px 22px;text-align:center;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:1rem;background:linear-gradient(135deg,#ff66bf,#ff0c9f 55%,#8d5bff);color:#fffefc}.flash-strip-timer{--timer-fill: 100%;margin-top:0;margin-bottom:18px;overflow:hidden;background:linear-gradient(135deg,#32113f,#4a1854);border:3px solid #fff4cc;box-shadow:0 14px #43122947,inset 0 0 0 2px #ffffff1f;color:#fffdf4;text-shadow:0 2px 0 rgba(54,9,39,.45)}.flash-strip-timer:before{content:"";position:absolute;inset:0;width:var(--timer-fill);background:linear-gradient(90deg,#ffe66d,#ff9f1c 48%,#ff4d6d);pointer-events:none;box-shadow:inset -4px 0 #fffce3d9}.flash-strip-timer.timer-transition:before{transition:width 1s linear}.flash-strip-timer.timer-reset:before{transition:none}.flash-strip-timer:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff14 0 18px,#fff0 18px 36px);mix-blend-mode:soft-light;pointer-events:none}.flash-strip-timer>span{position:relative;z-index:1;display:inline-block;padding:2px 10px;border-radius:999px;background:#24082647}.room-code-badge{display:grid;gap:1px;min-width:104px;padding:8px 12px 7px;border:3px solid #1d1731;border-radius:20px;background:linear-gradient(180deg,#fff07f,#ffb52f);box-shadow:0 8px #1d17312e,0 12px 24px #1d17311f;text-align:center}.room-code-label{font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#1d1731bd}.room-code-value{font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1;font-weight:1000;letter-spacing:.1em;color:#1d1731}.topbar{margin-bottom:18px;padding:10px 14px;background:#fff8efe0;border:var(--border)}.topbar .status-pill-list{justify-content:flex-start}.topbar-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.topbar-button{flex:0 0 auto}.eyebrow{display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:#fff;font-size:.84rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 4px #1d173133}h1,h2,p{margin-top:0}h1,h2,strong,button{font-weight:900}h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.94;max-width:12ch;margin-bottom:14px;text-transform:uppercase}.brand-title{font-family:Calistoga,Trebuchet MS,serif;font-size:clamp(3.4rem,9vw,7.5rem);line-height:.9;letter-spacing:-.035em;max-width:none;margin-bottom:0;color:#241a45;text-shadow:0 2px 0 rgba(255,255,255,.85),0 6px 0 rgba(29,23,49,.18)}h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.05;margin-bottom:12px}.hero-copy,.muted{color:#1d1731c7}.hero-copy{max-width:58ch;margin-bottom:0;font-size:1.08rem;color:#1d1731b8}.muted{font-size:1rem}.text-input,.text-area,.locale-picker,.status-pill,.ghost-button,.candidate-card,.fragment-chip,.builder-panel,.player-row,.leaderboard-row{box-shadow:0 6px #1d17312e}.text-input,.text-area{width:100%;padding:13px 16px;border-radius:22px;background:#ffffffdb;color:var(--ink);outline:none;font-size:1rem;font-weight:700}.text-input::placeholder,.text-area::placeholder{color:#1d17317a}.text-input:focus,.text-area:focus,.locale-picker select:focus{box-shadow:0 0 0 4px #ff0c9f2e}.text-area{min-height:158px;resize:vertical}.code-input{text-transform:uppercase;letter-spacing:.22em;text-align:center}.primary-button,.secondary-button,.ghost-button,.candidate-card{border-radius:24px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,filter .16s ease}.primary-button,.secondary-button,.ghost-button{position:relative;z-index:1;padding:13px 18px;cursor:pointer;font-size:1rem;line-height:1.1;letter-spacing:.01em}.primary-button{background:linear-gradient(135deg,#ff0c9f,#ff5a3d);color:#fff;box-shadow:0 8px #90125973}.secondary-button{background:linear-gradient(135deg,#2eaef3,#7ce7ff);color:#10203a;box-shadow:0 8px #1b5c7d59}.ghost-button{background:linear-gradient(135deg,#fff,#f0e2cf);color:var(--ink)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.candidate-card:hover,.fragment-chip-button:hover,.fragment-chip-selected:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.06)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.candidate-card:disabled,.fragment-chip-button:disabled,.fragment-chip-selected:disabled{cursor:not-allowed;opacity:.6;transform:none;filter:grayscale(.12)}.action-stack,.action-row,.player-list,.candidate-list,.leaderboard{display:grid;gap:14px}.lobby-entry-panel{gap:10px}.lobby-entry-panel h2{margin-bottom:4px}.lobby-entry-divider{margin:2px 0}.replay-button{margin-top:10px}.replay-hint{margin-top:6px}.page-stats{margin:auto 0 8px;padding-top:20px;text-align:center;font-size:.94rem;font-weight:800;letter-spacing:.04em;color:#1d17318f;text-transform:uppercase}.admin-shell{padding-top:24px;padding-bottom:28px}.admin-topbar,.admin-panel{margin-bottom:18px}.admin-topbar{display:flex;justify-content:space-between;align-items:start;gap:18px}.admin-topbar-actions{display:grid;gap:12px;justify-items:end}.admin-brand-title{font-size:clamp(2.5rem,7vw,5rem);max-width:none}.admin-grid{grid-template-columns:minmax(280px,360px) minmax(340px,1fr)}.admin-badge{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:var(--border);border-radius:999px;font-size:.84rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 6px #1d17312e}.admin-badge-ok{background:#c8f86d}.admin-badge-alert{background:#ff9db8}.admin-meta-list,.admin-commit-list,.admin-commit-picker{display:grid;gap:14px}.admin-select{appearance:none;cursor:pointer}.admin-log-wrap{margin-top:18px}.admin-log{min-height:180px;max-height:360px;overflow:auto;margin:0;padding:14px 16px;border:var(--border);border-radius:24px;background:#19132ff0;color:#fff8ef;box-shadow:0 6px #1d17312e;font-size:.92rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.admin-success,.admin-error,.admin-commit-meta{margin-bottom:0}.admin-success,.admin-error{padding:12px 14px;border:var(--border);border-radius:18px;box-shadow:0 6px #1d17312e}.admin-success{background:#d8f9a8}.admin-error{background:#ffc3d2}.admin-commit-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px}.admin-commit-row{gap:16px}.admin-commit-copy{flex:1 1 auto}.admin-commit-meta{font-size:.88rem;color:#1d1731a8}.admin-login-panel{max-width:680px;margin:5vh auto 0}.status-pill-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:start}.locale-picker,.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 14px;min-width:140px;border-radius:999px;background:#fff;font-size:.86rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.locale-picker select{border:none;background:transparent;color:var(--ink);outline:none}.status-online{background:#c8f86d}.status-connecting{background:#ffef28}.status-offline{background:#ff9db8}.room-header,.player-row,.player-meta,.leaderboard-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.room-header-title h2,.room-header-role{margin-bottom:0}.room-header-role{text-align:right;white-space:nowrap}.compact-room-header{margin-bottom:16px}.player-row,.leaderboard-row,.candidate-card{position:relative;padding:11px 14px;border-radius:24px;background:#fffc}.leaderboard-row{will-change:transform;transform-origin:center;transition:transform .76s cubic-bezier(.22,1,.36,1)}.player-row:nth-child(4n+1),.leaderboard-row:nth-child(4n+1),.candidate-card:nth-child(4n+1){background:#f1e2cf}.player-row:nth-child(4n+2),.leaderboard-row:nth-child(4n+2),.candidate-card:nth-child(4n+2){background:#a6e8ff}.player-row:nth-child(4n+3),.leaderboard-row:nth-child(4n+3),.candidate-card:nth-child(4n+3){background:#fff36a}.player-row:nth-child(4n+4),.leaderboard-row:nth-child(4n+4),.candidate-card:nth-child(4n+4){background:#ff92c7}.player-meta{flex-wrap:wrap;justify-content:flex-end;text-align:right;gap:8px}.online-dot,.offline-dot{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;font-size:.84rem;font-weight:900}.online-dot:before,.offline-dot:before{content:"";width:11px;height:11px;border-radius:50%;border:2px solid #1d1731}.online-dot:before{background:#7fee39}.offline-dot:before{background:#ff6b6b}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.builder-panel{min-height:132px;padding:16px;border-radius:26px;background:#ffffff85}.builder-actions{display:flex;gap:10px;flex-wrap:wrap}.fragment-chip{padding:8px 12px;border-radius:999px;font-weight:900;font-size:.92rem;line-height:1.1}.fragment-chip-button,.fragment-chip-selected{color:var(--ink);cursor:pointer}.fragment-chip-button{background:linear-gradient(135deg,#fff,#a6e8ff)}.fragment-chip-selected{background:linear-gradient(135deg,#fff5a8,#ffb52f);cursor:grab}.fragment-chip-selected:active{cursor:grabbing}.fragment-chip-dragging{opacity:.45;transform:scale(.96)}.candidate-card{text-align:left;display:grid;gap:8px;width:100%;color:var(--ink);font-size:1rem}.candidate-card strong,.player-row strong,.leaderboard-row strong{font-size:1rem;line-height:1.15}.player-row .muted,.player-meta span{font-size:.92rem}.candidate-card-self{outline:4px solid #fff;background:linear-gradient(135deg,#ffe6b8,#f1e2cf)}.waiting-orb{position:relative;width:110px;aspect-ratio:1;border:var(--border);border-radius:50%;background:conic-gradient(from 0deg,#ffef28,#ff0c9f,#2eaef3,#ffb52f,#ffef28);margin:34px auto 14px;box-shadow:0 10px #1d173140;animation:spinPulse 2.1s linear infinite}.waiting-orb:before{content:"";position:absolute;inset:18px;border-radius:50%;border:var(--border);background:#fff8ef}.waiting-orb:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem;font-weight:900}@keyframes spinPulse{0%{transform:rotate(0) scale(.95)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(360deg) scale(.95)}}@media(max-width:920px){.app-header{position:static;margin-bottom:14px;width:100%;justify-content:space-between}.shell-ribbon{min-width:0}}@media(max-width:800px){.shell{width:min(100vw - 18px,760px);padding-top:14px}.app-header{margin-bottom:12px;gap:10px}.room-code-badge{min-width:96px;padding:7px 10px 6px;border-radius:18px}.app-header-spacer{width:96px;flex-basis:96px}.dashboard,.admin-grid{grid-template-columns:1fr}.hero-card,.panel{padding:18px;border-radius:28px}.hero-card:after,.panel:after{inset:8px;border-radius:20px}h1{max-width:100%}.room-header,.player-row,.leaderboard-row{align-items:start}.topbar-inner{align-items:stretch}.flash-strip-timer{margin-bottom:18px}.admin-topbar,.admin-commit-header,.admin-commit-row{display:grid}.admin-topbar-actions{justify-items:stretch}}@media(max-width:560px){.room-code-badge{min-width:88px;padding:6px 9px;border-width:2px;box-shadow:0 6px #1d17312e,0 10px 18px #1d17311f}.room-code-label{font-size:.56rem}.locale-toggle{width:auto;justify-content:center}.app-header-spacer{width:88px;flex-basis:88px}.action-row,.room-header{grid-template-columns:1fr;display:grid}.builder-actions{width:100%}.builder-actions>*{flex:1 1 100%}}