@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color-scheme:dark;--bg: #020205;--panel: rgba(11, 7, 20, .95);--accent: #39ff14;--accent-strong: #75ffaa;--border: rgba(57, 255, 20, .4);--muted: #8b99c1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(57,255,20,.08),transparent 40%),var(--bg);min-height:100vh;color:#f5f6ff;font-family:"Press Start 2P",monospace;line-height:1.6}#root{min-height:100vh}.page{min-height:100vh;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center}.sheet{width:min(960px,100%);margin:0 auto}.hero,.host-form,.game-view{background:var(--panel);border:3px solid var(--accent);border-radius:18px;padding:2rem;box-shadow:inset 0 0 60px #ffffff0d;text-align:center;width:100%;margin:0 auto}.hero{display:flex;flex-direction:column;align-items:center}.hero h1,.host-form h1,.game-header h2{margin:.3rem 0 .6rem;font-size:clamp(2rem,5vw,3rem)}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.2rem;color:var(--muted)}.tagline,.footnote{color:var(--muted);margin:.35rem auto 0;max-width:560px;line-height:1.6}.stack{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.45rem;font-size:.65rem}.input,select{font-family:inherit;background:#020205cc;color:#f5f6ff;border:2px solid var(--border);border-radius:8px;padding:.85rem;outline:none;text-align:center;font-size:clamp(.6rem,2.6vw,.8rem);line-height:1.2}.input:focus,select:focus{border-color:var(--accent-strong)}textarea.input{resize:vertical;text-align:left}button{font-family:inherit;font-size:.75rem;padding:.75rem 1.5rem;border-radius:10px;border:none;cursor:pointer;outline:none;letter-spacing:.1rem;text-transform:uppercase}button.primary{background:var(--accent);color:#020205}button.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}button.ghost{background:transparent;color:#f5f6ff;border:2px solid transparent}button:disabled{opacity:.4;cursor:not-allowed}a.primary,a.secondary-link,a.admin-link{display:inline-block;text-decoration:none}a.primary{background:var(--accent);color:#020205;border-radius:10px;padding:.75rem 1.5rem}a.secondary-link,a.admin-link{background:transparent;color:var(--accent);border:2px solid var(--accent);border-radius:10px;padding:.75rem 1.5rem}a.secondary-link{text-align:center}.button-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem;justify-content:center}.hero .button-row{width:100%;align-items:center}.hero .button-row button.primary{width:min(240px,100%)}.divider-text{color:var(--muted);font-size:.65rem;letter-spacing:.1rem}.warning-banner{margin:0 0 1rem;padding:.9rem 1rem;border:2px solid rgba(255,214,84,.8);border-radius:12px;background:#ffd6541f;color:#ffe48f;font-size:.62rem;line-height:1.7}.card{margin-top:1.5rem;border:2px solid var(--border);border-radius:12px;padding:1.5rem;background:#07060ef2;text-align:center}.player-stack,.prompt-items{display:flex;flex-direction:column;gap:.35rem}.player-row{background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:10px;padding:.85rem 1rem;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:.6rem;text-align:center}.player-row.sortable{grid-template-columns:20px 34px minmax(0,1fr);cursor:grab;touch-action:none}.player-row.simple{grid-template-columns:34px minmax(0,1fr)}.player-row.pending{border-color:#39ff144d}.player-row.dragging{background:#39ff141a}.drag-handle{color:var(--muted);font-size:1rem}.seat-label{color:var(--muted);font-size:.6rem;justify-self:start}.nickname{color:#f5f6ff;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(.55rem,2.4vw,.75rem);line-height:1.3}.host-tag{color:var(--muted);white-space:nowrap}.lobby-meta{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;color:var(--muted);text-align:center}.lobby-meta p{white-space:nowrap}.error{color:#ff4c6e;margin:0;font-size:.65rem}.prompt-list{margin-top:1rem}.prompt-chip{border:1px solid rgba(255,255,255,.2);padding:.6rem;border-radius:8px;background:#080b1ad9;display:flex;flex-direction:column;gap:.4rem;text-align:center}.prompt-chip p{margin:0}.prompt-example{color:var(--muted);margin-top:.4rem}.prompt-chip.chosen{border-color:var(--accent);box-shadow:0 0 10px #39ff1459}.prompt-id{color:var(--muted);font-size:.65rem}.number-display{font-size:clamp(3rem,12vw,5rem);text-align:center;margin:1rem 0;color:var(--accent-strong)}.round-card{background:#030309b3;border:1px solid rgba(57,255,20,.3)}.end-row{margin-top:1.5rem}.secret-card{border:2px solid rgba(57,255,20,.4);border-radius:14px;padding:1.25rem;background:#060812d9;position:relative;overflow:hidden;width:100%;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease;text-transform:none;letter-spacing:normal}.secret-card:hover{transform:translateY(-2px);box-shadow:0 0 18px #39ff1440}.secret-number{font-size:clamp(3rem,12vw,5rem);text-align:center;margin:.5rem 0;color:var(--accent-strong);transition:opacity .45s ease,transform .45s ease;opacity:0;transform:scale(.92)}.secret-card.revealed .secret-number{opacity:1;transform:scale(1)}.secret-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#020205e6,#020205e6 8px,#0c101ce6 8px 16px);color:var(--accent);text-transform:uppercase;font-size:.65rem;letter-spacing:.1rem;transition:opacity .45s ease,transform .45s ease;opacity:1;transform:translateY(0);pointer-events:none}.secret-card.revealed .secret-cover{opacity:0;transform:translateY(-15%)}.secret-footnote{color:var(--muted);font-size:.65rem;margin-top:.75rem}.overlay{position:fixed;inset:0;background:#010104bf;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.invite-card{background:#05030a;border:3px solid var(--accent);border-radius:16px;padding:1.5rem;width:min(420px,100%);text-align:center}.invite-header{display:flex;justify-content:space-between;align-items:center}.invite-card .qr{width:100%;max-width:260px;height:auto;margin:1rem auto;border:2px solid var(--border);border-radius:12px;background:#fff;display:block}.invite-link{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.invite-link input{flex:1;min-width:min(280px,100%);border:2px solid var(--border);border-radius:8px;background:#020205cc;color:#f5f6ff;padding:.6rem;text-align:center}.status{color:var(--accent);font-size:.65rem}.game-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.join-inline,.seed-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:center}.join-inline{width:min(360px,100%);margin:0 auto}.join-inline .input{flex:1 1 140px;min-width:0}.join-inline button{flex:0 0 auto}.seed-row .input{flex:1 1 240px;min-width:min(240px,100%)}.seed-row button{flex:0 0 auto}.info-button{margin-top:1rem}.admin-link{margin-top:1rem;font-size:.62rem}.info-card{background:#05030a;border:3px solid var(--accent);border-radius:16px;padding:1.5rem;width:min(480px,100%);text-align:center;position:relative}.info-header{position:relative;padding-top:.75rem;padding-right:2.5rem;padding-left:2.5rem;min-height:2rem;display:flex;align-items:center;justify-content:center}.info-header h3{margin:0}.info-close{position:absolute;top:.2rem;right:.4rem}.info-body{color:var(--muted);line-height:1.6;margin:.75rem 0 0;font-size:.7rem}.invite-inline{margin-top:0;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;width:min(360px,100%)}.invite-inline .qr{width:100%;max-width:260px;height:auto;margin:1rem auto;border:2px solid var(--border);border-radius:12px;background:#fff;display:block}.admin-shell{max-width:520px}.sheet.admin-shell-page{width:min(1360px,100%)}.admin-page{text-align:left}.admin-toolbar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.admin-toggle-group{display:flex;flex-direction:column;gap:.4rem}.admin-toggle-label{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.12rem}.admin-toggle-set{display:inline-flex;gap:.5rem;flex-wrap:wrap}.admin-toggle-chip{background:#ffffff0a;color:#f5f6ff;border:2px solid rgba(255,255,255,.08);padding:.6rem .95rem;font-size:.65rem;letter-spacing:.05rem;text-transform:none}.admin-toggle-chip.active{border-color:var(--accent);color:var(--accent)}.admin-header{align-items:stretch;text-align:left}.admin-header .button-row{justify-content:flex-start}.admin-tabbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:1rem}.admin-tab{background:#ffffff0a;color:#f5f6ff;border:2px solid rgba(255,255,255,.08);text-transform:none;letter-spacing:normal;padding:.85rem 1.2rem}.admin-tab.active{border-color:var(--accent);color:var(--accent)}.admin-tab-panel{display:flex;flex-direction:column;gap:1rem}.admin-panel{text-align:left;width:100%}.admin-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.admin-panel-head h3{margin:0}.admin-form-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.admin-question-textarea{min-height:26rem}.admin-section-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.admin-section-head h3{margin:0}.admin-editor-count{margin:0;color:var(--muted);white-space:nowrap}.bank-list,.revision-list{display:flex;flex-direction:column;gap:.75rem}.bank-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;background:#ffffff08;border:2px solid rgba(255,255,255,.08);color:#f5f6ff;text-transform:none;letter-spacing:normal;font-size:.65rem;padding:.85rem 1rem}.bank-row.active{border-color:var(--accent);box-shadow:0 0 16px #39ff142e}.bank-meta{color:var(--muted);font-size:.55rem;white-space:nowrap}.multiline-input{min-height:7rem}.tall-input{min-height:18rem}.question-editor-dynamic{display:flex;flex-direction:column;gap:.75rem}.question-row-editor{display:grid;grid-template-columns:44px 42px minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.85rem;border:2px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08}.question-row-editor.dragging{border-color:var(--accent);background:#39ff1414}.question-row-grip{background:transparent;border:2px solid rgba(255,255,255,.08);color:var(--muted);padding:.75rem .4rem;min-width:0;line-height:1}.question-row-index{color:var(--muted);padding-top:.85rem;text-align:center}.question-row-input{min-height:5.2rem}.question-row-remove{align-self:center}.question-editor-footer{display:flex;justify-content:flex-start;margin-top:.75rem}.usage-grid{display:grid;gap:.65rem}.admin-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-usage-card{border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;background:#ffffff08;display:flex;flex-direction:column;gap:.5rem}.admin-usage-card strong{font-size:1rem;line-height:1.4}.usage-grid p,.revision-row p{margin:0}.revision-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border:2px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff05}.admin-import input[type=file]{width:100%;border:2px dashed var(--border);border-radius:12px;padding:1rem;background:#0202058c;color:#f5f6ff}.admin-modal-card{width:min(560px,100%)}.admin-theme-serious{align-items:flex-start;padding-top:2rem;padding-bottom:2rem}.admin-theme-serious .admin-page,.admin-theme-serious .admin-page .card{background:#f5f7fa;color:#1f2937;border:1px solid #d8dde5;box-shadow:none}.admin-theme-serious .admin-page,.admin-theme-serious .admin-page *{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:normal}.admin-theme-serious .admin-page h2,.admin-theme-serious .admin-page h3,.admin-theme-serious .admin-page .eyebrow,.admin-theme-serious .admin-page .field,.admin-theme-serious .admin-page button,.admin-theme-serious .admin-page a{text-transform:none}.admin-theme-serious .admin-page h2{font-size:clamp(1.7rem,3vw,2.2rem)}.admin-theme-serious .admin-page h3{font-size:1.05rem}.admin-theme-serious .admin-page .eyebrow,.admin-theme-serious .admin-page .footnote,.admin-theme-serious .admin-page .bank-meta,.admin-theme-serious .admin-page .admin-toggle-label,.admin-theme-serious .admin-page .admin-editor-count{color:#667085}.admin-theme-serious .admin-page .input,.admin-theme-serious .admin-page select,.admin-theme-serious .admin-page .invite-link input{background:#fff;color:#111827;border:1px solid #cfd6de;border-radius:10px;text-align:left}.admin-theme-serious .admin-page .input:focus,.admin-theme-serious .admin-page select:focus{border-color:#5b89ff}.admin-theme-serious .admin-page button.primary,.admin-theme-serious .admin-page a.primary{background:#1f2937;color:#fff}.admin-theme-serious .admin-page button.secondary,.admin-theme-serious .admin-page button.ghost,.admin-theme-serious .admin-page a.secondary-link,.admin-theme-serious .admin-page a.admin-link,.admin-theme-serious .admin-page .admin-toggle-chip,.admin-theme-serious .admin-page .bank-row,.admin-theme-serious .admin-page .admin-tab,.admin-theme-serious .admin-page .question-row-grip{background:#fff;color:#1f2937;border:1px solid #cfd6de}.admin-theme-serious .admin-page .bank-row.active,.admin-theme-serious .admin-page .admin-tab.active,.admin-theme-serious .admin-page .admin-toggle-chip.active,.admin-theme-serious .admin-page .question-row-editor.dragging{border-color:#5b89ff;box-shadow:none;color:#1d4ed8}.admin-theme-serious .admin-page .question-row-editor,.admin-theme-serious .admin-page .revision-row,.admin-theme-serious .admin-page .admin-usage-card{background:#fff;border:1px solid #d8dde5}.admin-theme-serious .admin-page .warning-banner{background:#fff7db;color:#7a4f01;border:1px solid #f2cd70}.admin-theme-serious .admin-page .status{color:#1d4ed8}.admin-theme-serious .admin-page .error{color:#c2410c}.admin-theme-serious .admin-page .admin-import input[type=file]{background:#fff;color:#111827;border:1px dashed #cfd6de}@media(max-width:640px){.game-header,.hero,.host-form{padding:1.25rem}.player-row.sortable{grid-template-columns:20px 26px minmax(0,1fr)}.player-row.simple{grid-template-columns:26px minmax(0,1fr)}.button-row{flex-direction:column}.join-inline{width:100%;flex-direction:column;align-items:stretch}.seed-row .input,.join-inline button{width:100%}.seed-row{flex-direction:column;align-items:stretch}.seed-row button{width:100%}.admin-grid{grid-template-columns:1fr}.admin-toolbar,.admin-section-head,.admin-panel-head{flex-direction:column;align-items:stretch}.admin-form-actions,.admin-tabbar{flex-direction:column}.question-row-editor{grid-template-columns:36px 36px minmax(0,1fr)}.admin-usage-grid{grid-template-columns:1fr}.question-row-remove{grid-column:1 / -1;width:100%}.revision-row,.admin-form-actions button,.admin-tab{flex-direction:column;align-items:stretch;width:100%}}
