@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)}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}.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}.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}.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}@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%}}