:root{--navy:#061a31;--navy2:#0a2d52;--navy3:#10456f;--gold:#ffc84a;--gold2:#f1a31b;--cream:#fff8ec;--ink:#08213d;--muted:#a9c1d7;--line:rgba(255,255,255,.12);--danger:#9a3745;--ok:#1e7d58;--shadow:0 22px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--navy);color:#fff;line-height:1.5;min-height:100vh}a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-body,.game-body,.admin-body{background:radial-gradient(circle at 15% 0%,#0d3b66 0,transparent 30%),linear-gradient(180deg,#061a31,#082744 55%,#061a31)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(4,19,36,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo img{width:118px;height:68px;object-fit:contain;display:block}.site-links{display:flex;gap:22px;align-items:center}.site-links a{text-decoration:none;font-weight:800;color:#dbe8f3;font-size:.94rem}.site-links a:hover{color:var(--gold)}.site-play-link{background:linear-gradient(180deg,var(--gold),var(--gold2));color:var(--ink)!important;padding:10px 16px;border-radius:999px}
.home-hero{padding:66px 0 74px}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:52px;align-items:center}.home-copy h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 18px;max-width:760px}.home-copy p{font-size:1.08rem;color:#c4d5e5;max-width:680px;margin:0 0 22px;line-height:1.72}.kicker{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:#ffd264}.kicker.dark{color:#b26f00}.home-actions{display:flex;gap:12px;flex-wrap:wrap}.home-note{font-size:.88rem!important;color:#8fa9bf!important;margin-top:18px!important}.home-logo-stage{min-height:420px;display:grid;place-items:center;position:relative}.home-logo-stage:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,198,62,.2),rgba(25,119,190,.1) 45%,transparent 72%)}.home-logo-stage img{position:relative;width:min(460px,100%);filter:drop-shadow(0 26px 30px rgba(0,0,0,.36))}
.home-section{padding:76px 0}.home-light{background:linear-gradient(180deg,#fff9ef,#f4e5ca);color:var(--ink)}.home-dark{background:linear-gradient(180deg,#071f39,#082846)}.home-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:34px;align-items:end;margin-bottom:30px}.home-heading.compact{display:block;max-width:760px}.home-heading h2,.home-benefit-grid h2{font-size:clamp(2rem,4.6vw,3.9rem);line-height:1.02;letter-spacing:-.045em;margin:8px 0 0}.home-heading p,.home-benefit-grid>div>p{color:#60758a;margin:0;line-height:1.7}.home-dark .home-heading p{color:#a9c1d7}.home-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-steps article{background:#fff;border:1px solid #eadfcd;border-radius:20px;padding:22px;min-height:190px}.home-steps strong{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--gold2));color:var(--ink);font-size:.95rem}.home-steps h3{font-size:1.06rem;margin:18px 0 8px}.home-steps p{font-size:.93rem;line-height:1.62;color:#65798d;margin:0}.home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-category-card{background:#0a2e52;border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:10px;text-align:center;box-shadow:0 14px 30px rgba(0,0,0,.18)}.home-category-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.home-category-card span{display:block;padding:11px 6px 7px;font-weight:900;font-size:.92rem}.home-benefit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:54px;align-items:start}.home-facts{display:grid;gap:12px}.home-facts article{background:#fff;border:1px solid #eadfcd;border-radius:18px;padding:18px}.home-facts h3{margin:0 0 6px;font-size:1.08rem}.home-facts p{margin:0;color:#65798d;font-size:.92rem}.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-faq details{background:#0a2e52;border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:18px}.home-faq summary{font-weight:900;cursor:pointer}.home-faq p{color:#a9c1d7;line-height:1.66;margin-bottom:0}.site-footer{border-top:1px solid rgba(255,255,255,.08);background:#041426;padding:24px 0}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#91a9bd;font-size:.9rem}.site-footer img{width:92px;height:58px;object-fit:contain}
.btn{appearance:none;border:1px solid transparent;border-radius:15px;min-height:48px;padding:0 18px;font:inherit;font-weight:900;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:.16s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn.primary{background:linear-gradient(180deg,#ffd75f,#f0a41c);color:var(--ink);box-shadow:0 6px 0 #9c5e0b}.btn.secondary{background:#0c365f;color:#fff;border-color:#215886}.btn.danger{background:var(--danger);color:#fff}.btn.full{width:100%}.btn.large{min-height:54px}.btn.giant{width:100%;min-height:60px;font-size:1.08rem}.btn.small{min-height:38px;padding:0 12px;font-size:.82rem}
.game-header{width:min(900px,calc(100% - 24px));margin:auto;height:76px;display:flex;align-items:center;justify-content:space-between}.game-header img{width:112px;height:64px;object-fit:contain}.game-header>a:last-child{font-size:.84rem;color:#9eb7ca;text-decoration:none}.play-wrap{width:min(820px,calc(100% - 24px));margin:0 auto 40px}.game-panel{background:linear-gradient(180deg,#0a2e53,#061d38);border:1px solid #19507d;border-radius:28px;padding:22px;box-shadow:var(--shadow)}.setup-title{text-align:center}.setup-title h1{font-size:clamp(1.7rem,5vw,2.5rem);margin:2px 0 5px}.setup-title p{color:#9fb8cd;margin:0 0 18px}.carousel-shell{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;align-items:center}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px calc(50% - 105px)}.carousel-track::-webkit-scrollbar{display:none}.cat-card{flex:0 0 210px;scroll-snap-align:center;border:2px solid transparent;border-radius:22px;background:#0c345d;color:#fff;padding:9px;opacity:.45;transform:scale(.9);transition:.22s}.cat-card.active{opacity:1;transform:scale(1);border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,200,74,.1)}.cat-picture img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.cat-card strong{display:block;font-size:1rem;padding:10px 5px 6px}.carousel-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #2a628f;background:#0d3a66;color:#fff;font-size:1.9rem;cursor:pointer}.carousel-dots{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:8px 0 12px}.carousel-dots span{width:6px;height:6px;border-radius:50%;background:#315b7c}.carousel-dots span.active{background:var(--gold)}.setup-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.option-label,.voice-box label{display:block;color:#b5c9da;font-size:.82rem;font-weight:900;margin-bottom:7px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#04172e;border:1px solid #184d78;border-radius:14px;padding:4px}.segmented button{border:0;background:transparent;color:#c5d6e4;font-weight:900;padding:11px 5px;border-radius:10px;cursor:pointer}.segmented button.active{background:linear-gradient(180deg,var(--gold),var(--gold2));color:var(--ink)}.voice-box{margin:14px 0}.voice-row{display:grid;grid-template-columns:1fr auto;gap:8px}.voice-box select,.unlock-card input,.admin-body input,.admin-body select,.admin-body textarea,.form-card input{width:100%;min-height:46px;border-radius:12px;border:1px solid #2b608d;background:#041a33;color:#fff;padding:10px 12px;font:inherit;font-size:16px}.round-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9cfdf;font-weight:900}.round-cat{display:flex;align-items:center;gap:8px}.round-cat img{width:46px;height:46px;border-radius:13px;object-fit:cover}.question-card{background:#fff9ee;color:var(--ink);border-radius:22px;min-height:200px;padding:28px 24px;display:grid;place-items:center;text-align:center;font-size:clamp(1.65rem,6vw,2.65rem);font-weight:950;line-height:1.12;margin:18px 0}.timer-ring{--progress:100%;width:154px;height:154px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:conic-gradient(var(--gold) var(--progress),#17466f 0);position:relative}.timer-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#041a33}.timer-number{position:relative;z-index:1;font-size:3rem;font-weight:950}.timer-number span{display:block;font-size:.68rem;color:#a6bdd0;text-align:center}.round-status{text-align:center;min-height:24px;color:#ffd36a}.round-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.finish-panel{text-align:center;padding:34px 24px}.finish-art{width:160px;height:160px;object-fit:cover;border-radius:26px;border:3px solid var(--gold);box-shadow:0 16px 34px rgba(0,0,0,.28)}.finish-kicker{display:block;margin-top:18px;color:#ffd36a;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.finish-panel h2{font-size:clamp(2.2rem,7vw,3.8rem);margin:4px 0}.finish-panel p{color:#adc2d4;margin:0 0 24px}.finish-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unlock-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.unlock-card{width:min(470px,100%);background:linear-gradient(180deg,#0a2e53,#061d38);border:1px solid #1a5585;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.unlock-logo{display:block;width:190px;height:190px;object-fit:contain;margin:0 auto 8px}.unlock-card h1{text-align:center;font-size:2rem;margin:0 0 8px}.unlock-card p{text-align:center;color:#abc2d5;line-height:1.65}.unlock-card label{display:block;font-weight:900;margin:14px 0 7px}.back-link{position:absolute;top:18px;left:18px;color:#b8c9d9;text-decoration:none;font-size:.9rem}
.form-shell{width:min(620px,calc(100% - 24px));margin:44px auto}.card,.form-card,.admin-panel,.admin-filter{background:#0a2e52;border:1px solid #1b507c;border-radius:20px;padding:20px}.form-card .center-logo{display:block;width:180px;height:180px;object-fit:contain;margin:auto}.form-card h1{text-align:center;font-size:2.2rem;margin:5px 0}.form-card .lead{text-align:center;color:#a9c1d7}.form-card label{display:block;font-weight:900;margin:12px 0 6px}.badge,.eyebrow{display:inline-block;color:#ffd36a;font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.msg{border-radius:12px;padding:12px 14px;margin:12px 0}.msg.ok{background:#123f31;color:#d4f4e3}.msg.err{background:#542633;color:#ffdbe0}.muted{color:#9eb6c9}.grid2,.grid3{display:grid;gap:12px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}
.admin-shell{padding-bottom:50px}.admin-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}.admin-nav .brand img{width:110px;height:64px;object-fit:contain}.admin-nav>div{display:flex;gap:7px;flex-wrap:wrap}.admin-nav a{text-decoration:none}.admin-nav a:not(.brand){padding:9px 11px;border-radius:10px;color:#c6d8e6;font-size:.88rem;font-weight:800}.admin-nav a.active{background:#123d67;color:#fff}.admin-hero{padding:34px 0 22px}.admin-hero h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;margin:5px 0}.admin-hero p{color:#a7bed1}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-stat-grid a{background:#0a2d52;border:1px solid #1b507d;border-radius:20px;padding:22px;text-decoration:none}.admin-stat-grid strong{display:block;font-size:2.35rem;color:var(--gold)}.admin-stat-grid span{font-weight:900}.admin-stat-grid small{display:block;color:#9eb7ca}.tablewrap{overflow:auto;border:1px solid #1a4b75;border-radius:16px}.table{width:100%;border-collapse:collapse;background:#061d37}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.table th{background:#0a345d;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.question-add{display:grid;grid-template-columns:250px 1fr auto;gap:10px}.category-count-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0}.count-card{background:#082744;border:1px solid #1a4b75;border-radius:14px;padding:12px;text-decoration:none;min-width:0}.count-card.active{border-color:var(--gold);background:#10365a}.count-card strong{font-size:1.45rem;color:var(--gold);display:block}.count-card span{font-size:.8rem;font-weight:900;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count-card small{color:#8faac1}.admin-filter{display:grid;grid-template-columns:1fr 230px 200px auto;gap:10px;margin-bottom:14px}.question-list{display:grid;gap:10px}.question-row{background:#082744;border:1px solid #184b75;border-radius:16px;padding:14px;display:grid;grid-template-columns:170px 1fr auto;gap:12px;align-items:start}.question-row.disabled{opacity:.55}.question-info span{display:block;font-weight:900}.question-info small{color:#8fa9bf}.question-edit{display:grid;grid-template-columns:210px 1fr auto;gap:8px}.question-edit textarea{min-height:72px;resize:vertical}.question-actions{display:grid;gap:7px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:18px}.pagination a{padding:8px 11px;border-radius:9px;background:#0a3159;text-decoration:none}.pagination a.active{background:var(--gold);color:var(--ink)}.category-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-category-card{background:#082b50;border:1px solid #174b79;border-radius:20px;padding:14px}.admin-category-card>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.admin-category-meta{display:flex;justify-content:space-between;gap:10px;padding:10px 0}.admin-category-meta span{color:#9eb7cd;font-size:.8rem}.category-edit-form{display:grid;grid-template-columns:1fr 110px;gap:8px}.category-edit-form .btn{grid-column:1/-1}.category-edit-form label{font-size:.76rem;color:#abc0d2}.admin-panel{margin-bottom:14px}
.manual-shell{max-width:980px}.manual-shell h1{font-size:clamp(2.3rem,5vw,4rem);color:var(--ink)}.manual-note{color:#60758a}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.manual-grid section{background:#fff;border:1px solid #e5d8c5;border-radius:18px;padding:21px}.manual-grid h2{font-size:1.08rem;margin-top:0}.manual-grid p{color:#64798c}
@media(max-width:900px){.site-links a:not(.site-play-link){display:none}.home-hero-grid,.home-benefit-grid{grid-template-columns:1fr}.home-logo-stage{min-height:300px}.home-logo-stage img{width:min(340px,80%)}.home-heading{grid-template-columns:1fr}.home-steps,.home-category-grid{grid-template-columns:repeat(2,1fr)}.admin-stat-grid{grid-template-columns:1fr}.question-add,.admin-filter,.question-row,.question-edit{grid-template-columns:1fr}.category-count-grid{grid-template-columns:repeat(3,1fr)}.category-admin-grid{grid-template-columns:1fr 1fr}.round-actions{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 20px,1180px)}.site-nav{height:70px}.site-logo img{width:100px;height:58px}.site-play-link{padding:9px 13px}.home-hero{padding:38px 0 46px}.home-copy h1{font-size:2.55rem}.home-copy p{font-size:1rem}.home-logo-stage{min-height:240px}.home-logo-stage img{width:260px}.home-section{padding:48px 0}.home-steps,.home-category-grid,.home-faq,.finish-actions,.setup-options,.manual-grid,.category-admin-grid{grid-template-columns:1fr}.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-heading h2,.home-benefit-grid h2{font-size:2.25rem}.site-footer-inner{flex-direction:column;align-items:flex-start}.game-panel{padding:15px;border-radius:22px}.carousel-shell{grid-template-columns:38px minmax(0,1fr) 38px}.carousel-track{padding-left:calc(50% - 92px);padding-right:calc(50% - 92px)}.cat-card{flex-basis:184px}.round-top{align-items:flex-start;flex-direction:column}.question-card{min-height:170px;padding:22px 15px}.voice-row{grid-template-columns:1fr}.round-actions{grid-template-columns:1fr 1fr}.category-count-grid{grid-template-columns:1fr 1fr}.admin-nav{align-items:flex-start;flex-direction:column}.admin-nav>div{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.admin-nav a:not(.brand){white-space:nowrap}.grid2{grid-template-columns:1fr}.back-link{position:static;display:block;margin-bottom:12px}.unlock-shell{display:block}.unlock-card{margin:30px auto}}