@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#070b16;--panel:#0e172b;--panel2:#121f39;--line:#28395e;--text:#f5f7ff;--muted:#9eadca;--blue:#438cff;--violet:#8b62ff;--danger:#ff657f;--success:#48d9a4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#82a9f5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 8px 25px #467dfb55;color:white;font-weight:900;letter-spacing:-.06em}.brand-mark.large{width:62px;height:62px;border-radius:18px;font-size:1.35rem;margin-bottom:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3a4d78;background:#172541;color:#fff;text-decoration:none;border-radius:12px;padding:11px 15px;font-weight:750;line-height:1.1}.button:hover{filter:brightness(1.1)}.button.primary{border-color:transparent;background:linear-gradient(135deg,#317de9,#815ce9);box-shadow:0 10px 30px #376bd344}.button.danger{border-color:#71334a;background:#351725;color:#ff9aac}.button.small{padding:8px 11px;border-radius:10px;font-size:.82rem}.button.large{padding:15px 18px;font-size:1rem}.button:disabled,.vote-option:disabled{cursor:not-allowed;opacity:.58}.inline-form{display:inline-flex;margin:0}.link-button{border:0;background:none;color:#b8c6df;padding:7px;font:inherit;cursor:pointer}.stack{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:700;font-size:.88rem}input,textarea,select{width:100%;border:1px solid #35496f;background:#091225;color:#f8faff;border-radius:11px;padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#6b98f5;box-shadow:0 0 0 3px #4a7fe32b}textarea{resize:vertical;line-height:1.45}small{font-size:.76rem;color:var(--muted);font-weight:500}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.notice{padding:13px 15px;border:1px solid #285d4c;background:#102b27;color:#8ff0c9;border-radius:12px;margin:0 0 18px}.notice.error{border-color:#6f2c43;background:#2c101c;color:#ffa3b4}.panel{background:linear-gradient(145deg,#101a31,#0c1427);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 15px 45px #0004;margin-bottom:18px}.panel h2,.panel h3{margin-top:0}.section-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.toolbar{margin-bottom:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:12px;border-bottom:1px solid #223354;vertical-align:top}th{color:#8fa5ca;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.status-chip{display:inline-block;border:1px solid #3d517c;border-radius:999px;padding:4px 8px;color:#bdd0f2}.color-dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 12px currentColor}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1/-1}.detail-list{display:grid;gap:0}.detail-list div{display:grid;grid-template-columns:180px 1fr;padding:12px 0;border-bottom:1px solid #263653}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;word-break:break-all}
/* Admin */
.admin-body{background:radial-gradient(circle at 15% 0,#162951 0,#080d1a 38%,#060912 100%);min-height:100vh}.admin-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #223355;background:#080e1ddf;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.admin-top nav{display:flex;align-items:center;gap:16px}.admin-top nav>a{font-size:.87rem;text-decoration:none;color:#b8c6df}.admin-top nav>a:hover{color:white}.admin-main{max-width:1280px;margin:auto;padding:30px 24px 60px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-heading h1{font-size:clamp(1.8rem,4vw,3rem);margin:6px 0 0;letter-spacing:-.04em}.admin-footer{text-align:center;color:#7383a2;padding:20px;font-size:.76rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:22px;border:1px solid #293c65;border-radius:17px;background:linear-gradient(145deg,#13213d,#0c1427)}.stat-card strong{display:block;font-size:2rem}.stat-card span{color:var(--muted);font-size:.84rem}.room-overview,.room-control-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-code-small{font-size:2rem;font-weight:900;letter-spacing:.16em}.room-code-large{font-size:clamp(2.4rem,7vw,5rem);font-weight:900;letter-spacing:.18em;line-height:1}.deck-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.deck-admin-card{display:grid;grid-template-columns:180px 1fr;overflow:hidden;border:1px solid #2a3e66;border-radius:18px;background:#0d172b;box-shadow:inset 4px 0 var(--accent)}.deck-thumb{min-height:230px;background-size:cover;background-position:center}.deck-thumb.placeholder{display:grid;place-items:center;background:radial-gradient(circle,var(--accent),#10172a)}.deck-thumb.placeholder span{font-size:5rem;font-weight:900}.deck-admin-content{padding:20px}.deck-admin-content h2{margin:8px 0}.deck-admin-content p{color:var(--muted);min-height:55px}.deck-meta{display:flex;justify-content:space-between;gap:10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#91a8ce}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-card{border:1px solid #2b3e63;border-radius:15px;padding:18px;background:#0b1427}.art-preview{display:block;max-width:min(100%,700px);max-height:720px;object-fit:contain;border-radius:16px;border:1px solid #33496f}.card-editor-list{display:grid;gap:12px}.card-editor{margin:0}.card-editor-head,.card-editor-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-editor-head{justify-content:space-between;margin-bottom:10px;color:var(--muted)}.card-editor-controls{margin-top:10px}.card-editor-controls input,.card-editor-controls select{width:auto;min-width:140px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#1b315e,#070b16 60%)}.login-card{width:min(100%,430px);background:#0d172b;border:1px solid #30436d;border-radius:24px;padding:30px;box-shadow:0 35px 90px #0009}.login-card h1{margin:8px 0 24px}.muted-link{display:block;text-align:center;margin-top:20px;color:#98a9c7;font-size:.86rem}
/* Shared card layers */
.card-art,.card-shade{position:absolute;inset:0;border-radius:inherit}.card-art{background-size:cover;background-position:center;opacity:.78}.card-shade{background:linear-gradient(150deg,#07101a55,#08101fd9 63%,#060b16ee)}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(28px,4vw,70px)}
/* TV */
.tv-body{height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 35%,#22355a 0,#0a1020 42%,#040711 100%)}.tv-app{height:100vh;display:grid;grid-template-rows:82px 1fr 42px;padding:0 24px;position:relative}.tv-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #263958}.tv-brand{display:flex;align-items:center;gap:13px}.tv-brand div{display:grid}.tv-brand strong{font-size:1.08rem}.tv-brand span{font-size:.74rem;color:#92a4c3}.tv-round{font-weight:900;letter-spacing:.16em;color:#b9c9e8}.tv-timer{justify-self:end;display:flex;align-items:center;gap:12px}.tv-timer span{font-size:.72rem;letter-spacing:.15em;color:#9eb1d2}.tv-timer strong{display:grid;place-items:center;min-width:76px;height:52px;border-radius:999px;padding:0 10px;border:2px solid #588eff;background:#0f1b32;font-size:1.5rem}.tv-layout{min-height:0;display:grid;grid-template-columns:minmax(190px,240px) 1fr minmax(210px,280px);gap:22px;padding:20px 0}.join-panel,.players-panel{border:1px solid #26395d;background:#0b1426c9;border-radius:20px;padding:18px;backdrop-filter:blur(15px);overflow:hidden}.join-panel{text-align:center;align-self:center}.qr-code{background:white;border-radius:14px;padding:10px;width:210px;height:210px;margin:14px auto;display:grid;place-items:center}.qr-code img,.qr-code canvas{max-width:100%;height:auto!important}.qr-fallback{color:#07101f;font-weight:800}.join-code-label{text-transform:uppercase;font-size:.68rem;letter-spacing:.14em;color:#8397bb}.join-code{font-size:2rem;font-weight:900;letter-spacing:.15em}.join-url{font-size:.66rem;color:#8fa2c3;word-break:break-all;margin-top:8px}.players-panel{display:flex;flex-direction:column}.players-title{display:flex;justify-content:space-between;font-weight:800;margin-bottom:12px}.players-title strong{background:#253a63;border-radius:999px;min-width:28px;text-align:center;padding:4px 8px}.tv-player-list{display:grid;gap:8px;overflow:auto}.tv-player-chip{--player-color:#36a3ff;display:grid;grid-template-columns:28px 1fr 30px;align-items:center;gap:8px;border:1px solid #2c3f64;border-left:4px solid var(--player-color);border-radius:11px;padding:9px;background:#0c172a}.player-rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1e2d4b;font-size:.7rem}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-player-chip strong{text-align:right}.table-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;perspective:1400px}.ambient-ring{position:absolute;width:min(65vw,740px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#397fe12c,transparent 68%);filter:blur(15px)}.live-card{--accent:#438cff;position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 55%,white 10%);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 35%,#0b1425),#080e1c);box-shadow:0 35px 80px #000a,0 0 50px color-mix(in srgb,var(--accent) 24%,transparent);transform:rotate(-1deg);transition:width .35s,height .35s;border-radius:28px}.live-card.portrait{width:min(36vw,440px);height:min(68vh,650px)}.live-card.landscape{width:min(57vw,760px);height:min(47vh,470px)}.live-card.card-toss{animation:cardToss .75s cubic-bezier(.16,.75,.27,1.1)}@keyframes cardToss{0%{opacity:0;transform:translate3d(30vw,-30vh,150px) rotate(35deg) scale(.72)}70%{opacity:1;transform:translate3d(-2vw,1vh,0) rotate(-4deg) scale(1.03)}100%{transform:rotate(-1deg) scale(1)}}.card-deck{font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb,var(--accent) 72%,white);font-size:.8rem}.card-rule{width:70px;height:3px;border-radius:3px;background:var(--accent);margin:22px 0}.live-card h1{font-size:clamp(1.55rem,3vw,3.25rem);line-height:1.12;letter-spacing:-.04em;margin:0;text-wrap:balance}.live-card.landscape h1{font-size:clamp(1.5rem,2.5vw,2.8rem)}.card-footer{position:absolute;bottom:25px;font-size:.78rem;color:#a9b9d6}.tv-answer-board{position:absolute;left:2%;right:2%;bottom:2%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;z-index:4;max-height:45%;overflow:auto;scrollbar-width:thin}.tv-app[data-phase="voting"] .live-card,.tv-app[data-phase="result"] .live-card{transform:translateY(-17%) rotate(-1deg) scale(.72)}.tv-app[data-phase="voting"] .live-card.card-toss,.tv-app[data-phase="result"] .live-card.card-toss{animation:none}.tv-answer{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;border:1px solid #334a75;background:#0c172bee;border-radius:12px;padding:8px 10px;box-shadow:0 8px 24px #0006}.tv-answer p{margin:0;font-size:clamp(.72rem,1.05vw,1rem);line-height:1.25}.tv-answer small{display:block;margin-top:3px}.answer-letter{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#2e4c7f;font-weight:900}.tv-answer.winner{border-color:#f3d76a;background:#282313ee;box-shadow:0 0 30px #ffd94f32}.tv-answer.winner .answer-letter{background:#e0b92f;color:#191300}.tv-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #243653;color:#8fa2c3;font-size:.72rem}
/* Player */
.player-body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#203967,#09101f 45%,#050914);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.player-app{max-width:660px;margin:auto;padding:0 15px 35px}.player-top{height:70px;display:flex;align-items:center;justify-content:space-between}.player-identity{display:flex;align-items:center;gap:7px;border:1px solid #31466e;background:#101b31;border-radius:999px;padding:7px 10px;font-size:.84rem}.player-identity strong{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#2a4371}.phone-card{background:#0e192e;border:1px solid #2e426a;border-radius:21px;padding:20px;box-shadow:0 22px 60px #0006}.join-view{margin-top:8vh}.join-view h1{font-size:clamp(2rem,9vw,3.5rem);line-height:1;letter-spacing:-.055em;margin:10px 0 15px}.join-view p{color:var(--muted);line-height:1.55}.mobile-round-head{display:flex;justify-content:space-between;align-items:center;margin:6px 3px 14px}.mobile-round-head>div:first-child{min-width:0}.mobile-round-head #mobilePhase{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-timer{display:grid;place-items:center;min-width:76px;height:54px;padding:0 9px;border:2px solid #5f94f6;border-radius:999px;font-size:1.35rem;font-weight:900;background:#0e1b33}.mobile-live-card{--accent:#438cff;position:relative;overflow:hidden;isolation:isolate;margin:auto;border:1px solid color-mix(in srgb,var(--accent) 55%,white 10%);background:#101a2d;border-radius:22px;box-shadow:0 25px 60px #0008,0 0 35px color-mix(in srgb,var(--accent) 18%,transparent)}.mobile-live-card.portrait{width:min(78vw,360px);aspect-ratio:2/3}.mobile-live-card.landscape{width:100%;aspect-ratio:3/2}.mobile-live-card .card-content{padding:25px}.mobile-live-card h1{font-size:clamp(1.25rem,5.7vw,2rem);line-height:1.16;letter-spacing:-.035em;margin:0;text-wrap:balance}.interaction-view{margin-top:16px}.interaction-view h2{margin:0 0 12px}.interaction-view textarea{font-size:1.05rem}.char-count{text-align:right}.locked-answer{margin:0;padding:15px;border-left:4px solid #6f9cff;background:#0a1325;border-radius:0 12px 12px 0;font-size:1.05rem;line-height:1.45}.vote-list,.result-list{display:grid;gap:10px}.vote-option,.result-answer{width:100%;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;text-align:left;border:1px solid #33486f;background:#0a1427;color:#fff;border-radius:13px;padding:12px}.vote-option:hover:not(:disabled){border-color:#6a9bf6;background:#102343}.vote-option.selected{border-color:#65daa9;background:#102c28}.result-answer p{margin:0 0 4px;line-height:1.35}.result-answer small{color:#9fb0cd}.result-answer.winner{border-color:#e7c94e;background:#2a2411}.leave-button{display:block;margin:22px auto 0;border:0;background:none;color:#8698b7;padding:10px}.toast{position:fixed;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100;background:#f0f4ff;color:#101626;padding:12px 16px;border-radius:12px;box-shadow:0 15px 50px #000a;font-weight:750;max-width:calc(100vw - 30px);text-align:center}.mobile-message{color:var(--muted);line-height:1.5;margin:0}
@media(max-width:1000px){.admin-top nav{gap:9px}.deck-admin-grid{grid-template-columns:1fr}.tv-layout{grid-template-columns:190px 1fr 210px;gap:12px}.join-panel,.players-panel{padding:12px}.qr-code{width:170px;height:170px}.live-card.portrait{width:min(39vw,390px)}.tv-answer-board{grid-template-columns:1fr}}
@media(max-width:760px){.admin-top{padding:0 15px}.admin-top .brand span:last-child{display:none}.admin-top nav a:nth-child(1),.admin-top nav a:nth-child(5){display:none}.admin-main{padding:22px 14px 50px}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.room-overview,.room-control-hero,.toolbar{align-items:flex-start;flex-direction:column}.deck-admin-card{grid-template-columns:1fr}.deck-thumb{min-height:190px}.tool-grid{grid-template-columns:1fr}.detail-list div{grid-template-columns:1fr;gap:5px}.card-editor-controls input,.card-editor-controls select{width:100%}}
@media(max-height:720px) and (min-width:900px){.tv-app{grid-template-rows:68px 1fr 34px}.tv-layout{padding:10px 0}.qr-code{width:145px;height:145px}.join-code{font-size:1.5rem}.live-card.portrait{height:min(64vh,520px)}.live-card.landscape{height:min(43vh,390px)}.tv-answer{padding:6px 8px}.tv-answer p{font-size:.72rem}}

/* v1.0.1 player connection and screen-awake controls */
.player-status-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 2px 12px;padding:8px 10px;border:1px solid #263b61;background:#0b162a;border-radius:13px}.connection-status{display:inline-flex;align-items:center;gap:7px;color:#aebbd1;font-size:.78rem;font-weight:750}.connection-dot{width:9px;height:9px;border-radius:50%;background:#8795aa;box-shadow:0 0 0 3px #8795aa22}.connection-status.connected .connection-dot{background:#45d493;box-shadow:0 0 0 3px #45d49322}.connection-status.reconnecting .connection-dot{background:#f4bd4e;box-shadow:0 0 0 3px #f4bd4e22;animation:connectionPulse 1s ease-in-out infinite}.connection-status.offline .connection-dot{background:#ed6d79;box-shadow:0 0 0 3px #ed6d7922}.wake-button{border:1px solid #36527f;background:#101f39;color:#c5d2e8;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800;white-space:nowrap}.wake-button.active{border-color:#45d493;background:#11352e;color:#d9fff0}.wake-button:disabled{opacity:.62}.wake-button:focus-visible{outline:2px solid #75a8ff;outline-offset:2px}@keyframes connectionPulse{50%{opacity:.4;transform:scale(.75)}}
@media(max-width:380px){.player-status-strip{align-items:stretch;flex-direction:column}.wake-button{width:100%}}

/* v1.0.2 long-duration timers and always-on card rotation */
.tv-timer strong,.mobile-timer{font-variant-numeric:tabular-nums;white-space:nowrap}

/* v1.0.3 administrator recovery and optional player accounts */
.login-links{display:grid;gap:9px;margin-top:16px}.login-links .muted-link{margin:0}.account-panel{margin-top:20px;padding-top:18px;border-top:1px solid #293d62}.account-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.account-heading strong{display:block;margin-top:4px}.account-wins{white-space:nowrap;border:1px solid #3a5b8d;background:#10213d;border-radius:999px;padding:6px 9px;color:#c9ddff;font-size:.72rem;font-weight:800}.account-details{border:1px solid #2e456e;background:#0a1427;border-radius:12px;margin-top:9px;overflow:hidden}.account-details summary{cursor:pointer;padding:12px 14px;font-weight:800;list-style:none}.account-details summary::-webkit-details-marker{display:none}.account-details summary::after{content:'+';float:right;color:#83aef8}.account-details[open] summary::after{content:'−'}.account-details .compact{padding:0 14px 14px}.account-signed-in{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #37604f;background:#0d2924;border-radius:13px;padding:12px}.account-signed-in div{display:grid;gap:3px;min-width:0}.account-signed-in small{color:#a9cbbf;overflow:hidden;text-overflow:ellipsis}.button.ghost{background:transparent;border:1px solid #425b80;color:#d8e5fb}.button.small{padding:8px 11px;font-size:.76rem}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.login-card .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}