:root{
  --bg:#020833;--bg2:#07186a;--panel:#0b1670;--panel2:#121a8e;--gold:#ffd71a;--gold2:#ff9f05;
  --cyan:#20d9ff;--white:#f7fbff;--muted:#a9b8e8;--danger:#ff3f5f;--success:#45f4a7;--shadow:0 20px 60px rgba(0,0,0,.35);
  --radius:22px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white)}body{background:#04082e}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.show-bg,.admin-bg,.page-shell{min-height:100vh;background:
  radial-gradient(circle at 50% -10%,rgba(34,94,255,.8),transparent 34%),
  radial-gradient(circle at 92% 28%,rgba(199,27,255,.28),transparent 24%),
  radial-gradient(circle at 8% 44%,rgba(20,224,255,.23),transparent 28%),
  linear-gradient(180deg,#07106e 0%,#040837 46%,#02041f 100%);overflow-x:hidden;position:relative}
.show-bg:before,.admin-bg:before{content:"";position:fixed;inset:-20vh -10vw auto; height:70vh;pointer-events:none;opacity:.75;background:repeating-conic-gradient(from 265deg at 50% 0%,rgba(30,204,255,.0) 0deg 3deg,rgba(30,204,255,.42) 3.5deg 4deg,rgba(30,204,255,0) 4.5deg 7deg);filter:blur(.3px);mix-blend-mode:screen}
.ambient-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(85,103,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(85,103,255,.09) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 72%,transparent)}
.btn{border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));color:#fff;padding:.78rem 1rem;border-radius:14px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);transition:.18s transform,.18s filter,.18s background}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#2d77ff,#1737c6);border-color:#5ea3ff}.btn.success{background:linear-gradient(180deg,#22b974,#087249);border-color:#55f1ad}.btn.warning{background:linear-gradient(180deg,#df9d15,#96540b);border-color:#ffd451}.btn.danger{background:linear-gradient(180deg,#ec4262,#97203c);border-color:#ff6e88}.btn.big{padding:1rem 1.3rem;font-size:1.05rem}.btn.compact{padding:.55rem .75rem;border-radius:11px;font-size:.86rem}.btn.full{width:100%}.flex1{flex:1}.muted{color:var(--muted)}
.mini-logo{font-size:.82rem;font-weight:900;letter-spacing:.12em;color:#d7e1ff}.mini-logo strong{color:var(--gold);font-size:1.25em}.hero-logo{text-align:center;position:relative;z-index:2;filter:drop-shadow(0 20px 28px rgba(0,0,0,.35))}.hero-kicker{display:inline-block;font-weight:900;letter-spacing:.4em;font-size:clamp(.65rem,1.5vw,.9rem);color:#ffea65;margin-bottom:-.2rem}.hero-word,.hero-number{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;line-height:.78;letter-spacing:.01em;color:white;-webkit-text-stroke:clamp(1px,.18vw,2px) #d7e8ff;text-shadow:0 4px 0 #a8b7dd,0 8px 0 #4657a0,0 12px 24px rgba(0,0,0,.5),0 0 24px rgba(255,255,255,.32)}.hero-word{font-size:clamp(3rem,9vw,7.8rem)}.hero-number{font-size:clamp(4.8rem,13vw,11rem);margin-top:.16em}.hero-city{display:inline-block;margin-top:.3rem;padding:.38rem 1.2rem;border:3px solid var(--gold);border-radius:999px;background:linear-gradient(180deg,#1d4dc4,#07136e);color:#fff;font-weight:1000;letter-spacing:.15em;font-size:clamp(.75rem,1.8vw,1rem);box-shadow:0 0 0 3px rgba(255,210,0,.18),0 0 28px rgba(255,203,16,.28)}
.landing-wrap{min-height:100vh;display:grid;place-items:center;align-content:center;gap:2rem;padding:3rem 1rem;position:relative;z-index:1}.landing-panel{width:min(680px,94vw);text-align:center;padding:1.5rem;border:1px solid rgba(90,164,255,.45);background:linear-gradient(180deg,rgba(9,28,127,.86),rgba(6,10,64,.92));border-radius:var(--radius);box-shadow:var(--shadow),inset 0 0 40px rgba(35,125,255,.1)}.landing-panel h1{margin:.2rem 0}.landing-panel p{color:#c9d4ff}.landing-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.login-wrap,.page-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card,.setup-card{width:min(520px,94vw);background:linear-gradient(180deg,rgba(11,25,118,.95),rgba(4,8,49,.97));border:1px solid rgba(102,171,255,.5);box-shadow:var(--shadow);padding:1.5rem;border-radius:24px}.login-card h1,.setup-card h1{margin:.7rem 0 1.2rem}.login-card label,.setup-card label,.admin-card label{display:grid;gap:.45rem;color:#c7d4ff;font-size:.9rem;font-weight:700;margin:.75rem 0}.login-card input,.admin-card input,.admin-card select,.admin-card textarea,.modal-card input{width:100%;background:#07104e;color:#fff;border:1px solid #354ba0;border-radius:12px;padding:.8rem;outline:none}.login-card input:focus,.admin-card input:focus,.admin-card select:focus,.admin-card textarea:focus,.modal-card input:focus{border-color:#58d8ff;box-shadow:0 0 0 3px rgba(64,215,255,.1)}
.alert{border-radius:14px;padding:.9rem 1rem;margin:1rem 0;background:#11194d}.alert.success{border:1px solid #42d997;background:rgba(20,130,89,.18)}.alert.danger{border:1px solid #ff5b77;background:rgba(180,30,65,.18)}.alert.warning{border:1px solid #f4c142;background:rgba(179,116,15,.18)}.token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.token-card{background:#07104e;border:1px solid #304a9e;border-radius:14px;padding:.8rem}.token-card{display:grid;gap:.4rem}.token-card code{color:#ffe25f}
/* Family board */
.question-banner{width:min(1120px,96vw);margin:0 auto 1rem;padding:.8rem 1rem;border:3px solid var(--gold);border-radius:18px;background:linear-gradient(180deg,#164ccd,#09106c);box-shadow:0 0 0 3px rgba(0,218,255,.22),0 12px 32px rgba(0,0,0,.36),inset 0 0 28px rgba(95,221,255,.15);display:flex;gap:.8rem;align-items:center}.question-banner span{flex:0 0 auto;border-radius:10px;background:linear-gradient(180deg,#ffe631,#ffb409);color:#0a1460;font-weight:1000;padding:.55rem .8rem;font-size:clamp(.65rem,1.4vw,.9rem)}.question-banner strong{font-size:clamp(.95rem,2.15vw,1.55rem);line-height:1.2;text-align:center;flex:1}
.answer-board{display:grid;gap:clamp(.42rem,1vw,.72rem);width:min(1120px,96vw);margin-inline:auto}.answer-row{display:grid;grid-template-columns:clamp(42px,6vw,68px) minmax(0,1fr) clamp(58px,8vw,90px);gap:clamp(.35rem,.7vw,.6rem);align-items:stretch;position:relative}.rank-box,.answer-box,.points-box{min-height:clamp(48px,6.5vw,72px);border:clamp(2px,.26vw,4px) solid var(--gold);background:linear-gradient(180deg,#2527a3,#0a1169 52%,#070c50);box-shadow:0 0 0 2px rgba(44,212,255,.36),inset 0 0 22px rgba(88,118,255,.3),0 6px 18px rgba(0,0,0,.35)}.rank-box,.points-box{display:grid;place-items:center;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(1.35rem,3.2vw,2.4rem);text-shadow:0 2px 0 #26306e}.rank-box{border-radius:12px}.points-box{border-radius:12px}.answer-box{border-radius:12px;position:relative;overflow:hidden;display:grid;align-items:center;padding:0 clamp(.7rem,2vw,1.4rem);font-weight:1000;font-size:clamp(1rem,2.7vw,2rem);letter-spacing:.025em;text-transform:uppercase}.answer-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(73,120,255,.08) 12px 13px),linear-gradient(180deg,rgba(255,255,255,.05),transparent 50%);pointer-events:none}.answer-hidden{position:absolute;inset:0;display:grid;place-items:center;color:transparent;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 12px,rgba(88,133,255,.07) 12px 13px)}.answer-text{opacity:0;transform:rotateX(90deg) scale(.92);transform-origin:center;transition:.48s cubic-bezier(.2,.8,.2,1);position:relative;z-index:2}.answer-row.revealed .answer-text{opacity:1;transform:rotateX(0) scale(1)}.answer-row.revealed .answer-hidden{animation:panelFlip .42s ease both}.answer-row.revealed .answer-box{background:linear-gradient(180deg,#3141c6,#111777 56%,#091052)}@keyframes panelFlip{0%{transform:rotateX(0);opacity:1}55%{transform:rotateX(90deg);opacity:.8}100%{transform:rotateX(90deg);opacity:0}}
.reveal-action{position:absolute;right:calc(clamp(58px,8vw,90px) + .7rem);top:50%;transform:translateY(-50%);z-index:4;border:1px solid rgba(255,255,255,.28);background:#051151;color:#fff;font-weight:900;border-radius:9px;padding:.45rem .6rem;opacity:.85}.reveal-action.done{opacity:.45}.compact-board .answer-row{padding-right:78px}.compact-board .reveal-action{right:0}.compact-board{width:100%}
.display-page{padding:1.1rem 0 2rem}.display-tools{position:fixed;right:1rem;top:1rem;z-index:20;display:flex;gap:.5rem}.display-wrap{position:relative;z-index:2;max-width:1280px;margin:auto;padding:1rem}.display-logo{margin:1.2rem auto 1.8rem;transform:scale(.72);transform-origin:center;height:clamp(150px,21vw,240px)}.display-logo .hero-word{font-size:clamp(3rem,6vw,6rem)}.display-logo .hero-number{font-size:clamp(4.2rem,9vw,9rem)}.display-bottom{width:min(1120px,96vw);margin:1.1rem auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center}.timer-orb,.score-summary{min-width:110px;border:3px solid var(--gold);background:radial-gradient(circle at 40% 25%,#2b56de,#091161 66%);border-radius:18px;box-shadow:0 0 0 3px rgba(38,199,255,.2),0 10px 28px rgba(0,0,0,.35);padding:.65rem .9rem;text-align:center}.timer-orb small,.score-summary small{display:block;color:#c8d3ff;font-size:.65rem;letter-spacing:.18em;font-weight:900}.timer-orb strong{font-family:Impact;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;color:#fff;text-shadow:0 0 24px #36d6ff}.score-summary strong{font-size:clamp(.9rem,1.7vw,1.2rem)}.winner-banner{border:3px solid #34d6ff;border-radius:18px;background:linear-gradient(180deg,#183bc5,#08105c);padding:1rem;text-align:center;font-weight:1000;font-size:clamp(.95rem,2vw,1.5rem);box-shadow:0 0 25px rgba(52,214,255,.18)}.display-scores{width:min(1120px,96vw);margin:.8rem auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.score-line{display:grid;grid-template-columns:34px 1fr auto;gap:.5rem;align-items:center;border:1px solid rgba(94,136,255,.5);background:rgba(8,18,83,.78);border-radius:11px;padding:.55rem .65rem}.score-line.me{border-color:var(--gold);box-shadow:0 0 18px rgba(255,210,17,.12)}.score-rank{width:28px;height:28px;border-radius:8px;background:#1a37b1;display:grid;place-items:center;font-weight:1000}.score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-line strong{color:#ffe34b}
.fx-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(1,4,28,.12);backdrop-filter:blur(0);opacity:0;transition:.2s}.fx-layer.show{opacity:1;background:rgba(1,4,28,.55);backdrop-filter:blur(3px)}.fx-layer.hidden{display:none}.fx-text{font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(3rem,12vw,10rem);letter-spacing:.04em;text-align:center;transform:scale(.65) rotate(-3deg);opacity:0;text-shadow:0 8px 0 rgba(0,0,0,.25),0 0 45px currentColor}.fx-layer.show .fx-text{animation:fxPop .7s cubic-bezier(.16,1.2,.2,1) forwards}.fx-layer.suspense{color:#ffffff}.fx-layer.correct{color:#55ffac}.fx-layer.wrong{color:#ff466b}.fx-layer.buzz{color:#ffe12e}.fx-layer.ended{color:#ffe12e}@keyframes fxPop{0%{transform:scale(.45) rotate(-7deg);opacity:0}55%{transform:scale(1.08) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
/* Team */
.team-wrap{position:relative;z-index:2;width:min(900px,100%);margin:auto;padding:1rem 1rem 3rem}.team-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .2rem 1rem}.team-header>div:last-child{text-align:right}.team-header small{display:block;color:#8fa2df;font-size:.68rem;letter-spacing:.17em;font-weight:900}.team-header strong{font-size:1.1rem}.team-score-strip{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.8rem}.team-score-strip>div{background:linear-gradient(180deg,rgba(19,51,166,.9),rgba(6,13,68,.9));border:1px solid rgba(74,181,255,.5);border-radius:16px;padding:.8rem 1rem}.team-score-strip small{color:#aebdeb;font-size:.65rem;font-weight:900;letter-spacing:.12em}.team-score-strip strong{display:block;font-size:1.35rem;margin-top:.1rem}.team-question{width:100%}.team-page .answer-board{width:100%}.team-controls{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:.75rem;align-items:center;margin:1rem 0}.buzz-button{min-height:104px;border-radius:24px;border:4px solid #ffe23a;background:radial-gradient(circle at 50% 28%,#ff5572,#e01641 56%,#880d2b);color:#fff;box-shadow:0 8px 0 #6f0820,0 0 0 5px rgba(255,223,36,.15),0 15px 32px rgba(0,0,0,.35);font-weight:1000;text-shadow:0 3px 0 #8a0a27;transition:.12s}.buzz-button:not(:disabled):active{transform:translateY(6px);box-shadow:0 2px 0 #6f0820,0 0 0 5px rgba(255,223,36,.15)}.buzz-button span{display:block;font-size:.8rem;letter-spacing:.22em}.buzz-button strong{display:block;font-family:Impact;font-size:2.25rem;letter-spacing:.05em}.buzz-button:disabled{filter:grayscale(.7);opacity:.42;cursor:not-allowed}.team-message{border:1px solid rgba(94,140,255,.5);background:rgba(8,17,76,.82);border-radius:14px;padding:.85rem;text-align:center;font-weight:800;color:#dce5ff}.section-caption{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#b7c4ed;margin:1.3rem 0 .5rem}.display-scores.mini{width:100%;grid-template-columns:repeat(2,1fr)}
/* Admin */
.admin-bg{padding-bottom:3rem}.admin-top{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(2,6,36,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(92,126,255,.25)}.top-actions{display:flex;gap:.5rem}.admin-grid{position:relative;z-index:2;width:min(1450px,96vw);margin:1rem auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.admin-card{background:linear-gradient(180deg,rgba(12,24,111,.94),rgba(5,9,55,.96));border:1px solid rgba(67,127,255,.42);border-radius:20px;padding:1rem;box-shadow:0 15px 40px rgba(0,0,0,.22),inset 0 0 30px rgba(41,83,255,.05)}.span-2{grid-column:1/-1}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem}.card-title h2{margin:.1rem 0;font-size:1.2rem}.eyebrow{font-size:.66rem;letter-spacing:.18em;color:#7edfff;font-weight:1000}.status-pill{padding:.38rem .65rem;border-radius:999px;background:#0f784e;border:1px solid #4dedaa;font-size:.72rem;font-weight:1000}.status-pill.ended{background:#772339;border-color:#ff6482}.control-row{display:flex;gap:.6rem}.control-row.wrap{flex-wrap:wrap}.divider{height:1px;background:rgba(255,255,255,.08);margin:1rem 0}.timer-admin{display:flex;justify-content:space-between;align-items:center;border:1px solid #304b9f;background:#07104e;border-radius:14px;padding:.7rem 1rem;margin:.65rem 0}.timer-admin strong{font-family:Impact;font-size:2.5rem;color:#5ee9ff}.round-score{text-align:right}.round-score small{display:block;color:#9cb0e7;font-size:.62rem}.round-score strong{font-size:1.7rem;color:#ffe03f}.top-gap{margin-top:1rem}.winner-box{border:1px solid #3654b2;background:#081154;border-radius:14px;padding:1rem;text-align:center;margin-bottom:.8rem;min-height:70px;display:grid;place-items:center}.winner-box strong{color:#ffe244;font-size:1.1rem}.score-admin{display:grid;gap:.55rem}.score-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;align-items:center;background:#07104e;border:1px solid #263f8c;border-radius:13px;padding:.65rem}.score-admin-name{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.55rem}.score-admin-name span{grid-row:1/3;background:#183ca8;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;font-weight:1000}.score-admin-name small{color:#91a2d6}.score-admin-value{font-size:1.35rem;font-weight:1000;color:#ffe34a;min-width:72px;text-align:right}.score-admin-actions{display:flex;gap:.35rem}.answer-editor{display:grid;gap:.55rem}.edit-answer-row{display:grid;grid-template-columns:42px minmax(0,1fr) 100px;gap:.6rem;align-items:center}.edit-answer-row>span{width:38px;height:38px;border-radius:10px;background:#173aa8;display:grid;place-items:center;font-weight:1000}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.room-card{background:#07104e;border:1px solid #2b469c;border-radius:15px;padding:.8rem}.team-name-input{font-weight:1000;font-size:1rem!important}.room-meta{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin:.6rem 0;color:#aebae2;font-size:.8rem}.room-meta code{color:#ffe056}.modal{position:fixed;inset:0;z-index:150;background:rgba(0,3,27,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:1rem}.modal.hidden{display:none}.modal-card{position:relative;width:min(420px,94vw);background:linear-gradient(180deg,#122284,#060a43);border:1px solid #5d8aff;border-radius:22px;padding:1.2rem;box-shadow:var(--shadow)}.modal-close{position:absolute;right:.7rem;top:.55rem;background:none;border:0;color:#fff;font-size:1.8rem}.qr-box{background:#fff;border-radius:14px;padding:.75rem;width:244px;min-height:244px;margin:1rem auto;display:grid;place-items:center}.qr-box img,.qr-box canvas{max-width:100%}.toast{position:fixed;left:50%;bottom:1rem;z-index:300;transform:translate(-50%,30px);opacity:0;transition:.2s;background:#112164;border:1px solid #4f7ff0;border-radius:12px;padding:.7rem 1rem;font-weight:800;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.bad{background:#681d34;border-color:#ff5477}.form-error{color:#ff8da4;font-size:.82rem;margin-top:.6rem}.board-admin-wrap{overflow:hidden}
@media (max-width:900px){.admin-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.room-grid{grid-template-columns:1fr}.display-scores{grid-template-columns:repeat(2,1fr)}.display-bottom{grid-template-columns:100px 1fr}.score-summary{grid-column:1/-1}.display-logo{transform:scale(.82);height:170px}}
@media (max-width:640px){:root{--radius:16px}.display-tools{position:relative;top:auto;right:auto;justify-content:flex-end;padding:0 1rem}.display-wrap{padding:.25rem .6rem 1.5rem}.display-logo{height:142px;margin:.2rem auto 1rem}.hero-kicker{letter-spacing:.25em}.question-banner{border-width:2px;padding:.55rem .55rem;gap:.45rem}.question-banner span{padding:.42rem .5rem}.answer-row{grid-template-columns:40px minmax(0,1fr) 50px}.rank-box,.answer-box,.points-box{min-height:50px;border-width:2px}.answer-box{padding:0 .6rem}.display-bottom{width:100%;grid-template-columns:82px minmax(0,1fr);gap:.55rem}.timer-orb{min-width:0;padding:.5rem}.score-summary{min-width:0}.winner-banner{padding:.75rem}.display-scores{width:100%;grid-template-columns:1fr}.team-wrap{padding:.65rem .65rem 2rem}.team-header{padding:.35rem .15rem .7rem}.team-controls{grid-template-columns:80px minmax(0,1fr);align-items:stretch}.team-controls>.btn{grid-column:1/-1}.buzz-button{min-height:92px}.display-scores.mini{grid-template-columns:1fr}.compact-board .answer-row{padding-right:0;margin-bottom:40px}.compact-board .reveal-action{right:0;top:auto;bottom:-34px;transform:none}.admin-grid{width:min(100%,96vw);margin:.6rem auto}.admin-card{padding:.8rem}.admin-top{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.control-row{flex-wrap:wrap}.score-admin-row{grid-template-columns:1fr auto}.score-admin-actions{grid-column:1/-1}.edit-answer-row{grid-template-columns:38px minmax(0,1fr) 76px}.card-title{align-items:center}.room-meta{align-items:flex-start;flex-direction:column}.landing-actions{display:grid}.landing-actions .btn{width:100%}}
@media (max-width:380px){.answer-row{grid-template-columns:35px minmax(0,1fr) 44px;gap:.25rem}.rank-box,.answer-box,.points-box{min-height:46px}.answer-box{font-size:.9rem}.points-box,.rank-box{font-size:1.25rem}.team-score-strip{grid-template-columns:1fr}.team-controls{grid-template-columns:70px 1fr}.buzz-button strong{font-size:1.9rem}}