:root{--navy:#0b2d66;--blue:#188df6;--blue-dark:#0860c7;--green:#23b661;--orange:#ff9e18;--purple:#7647e8;--pink:#f24993;--ink:#152044;--muted:#607091;--surface:#fff;--soft:#eef6ff;--line:#dbe8f7;--shadow:0 18px 50px #163b7026;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 20% 0,#fff8d7 0,#0000 25%),linear-gradient(#f9fcff 0%,#eef7ff 100%);min-height:100vh;margin:0;font-family:Trebuchet MS,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #188df64d}.hub-page{width:min(1440px,100%);margin:0 auto;padding:22px 28px 46px}.hub-header,.game-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#ffffffe0;border:1px solid #dbe8f7e6;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:12px 18px;display:flex;position:relative;box-shadow:0 10px 30px #31578b14}.brand{color:var(--navy);align-items:center;gap:10px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#ffd83d,#ff8a25);border-radius:16px;place-items:center;width:48px;height:48px;font-size:27px;display:grid;box-shadow:0 8px 18px #ff9e1847}.brand span:last-child{line-height:1;display:grid}.brand b{letter-spacing:1px;color:#513cd4;font-size:24px}.brand small{letter-spacing:1.4px;margin-top:5px;font-size:12px;font-weight:900}.brand.compact .brand-mark{border-radius:12px;width:38px;height:38px;font-size:20px}.brand.compact b{font-size:18px}.hub-header nav{align-items:center;gap:10px;display:flex}.nav-pill,.score-pill{color:#294477;border-radius:999px;padding:11px 17px;font-weight:800}.nav-pill:hover,.nav-pill.is-active{color:var(--blue-dark);background:#e3f1ff}.score-pill{background:#fff8db;border:1px solid #f8dc65}.hub-hero{grid-template-columns:.88fr 1.12fr;align-items:center;gap:34px;padding:46px 0 34px;display:grid}.hub-hero__copy{padding:32px 10px 32px 22px}.hub-hero h1{letter-spacing:-3px;color:#103e82;text-shadow:0 4px #fffc;margin:0;font-size:clamp(46px,5.6vw,82px);line-height:.96}.hub-hero h1 span{color:#0000;background:linear-gradient(90deg,#1ab35b,#ff9c1d,#f14493);-webkit-background-clip:text;background-clip:text}.hub-hero p{max-width:610px;color:var(--muted);margin:26px 0;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.hero-actions,.result-actions{flex-wrap:wrap;gap:13px;display:flex}.primary-button,.secondary-button,.play-button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#ff4e96,#f02473);box-shadow:0 10px 20px #f2499340,inset 0 1px #fff6}.secondary-button{color:var(--blue-dark);background:#fff;border:2px solid #bddcff;box-shadow:0 8px 16px #235c9e14}.primary-button:hover,.secondary-button:hover,.play-button:hover{transform:translateY(-2px);box-shadow:0 14px 26px #1a48852e}.wide{width:100%;margin-top:10px}.privacy-note{color:#3e6d58;margin-top:20px;font-weight:700}.hub-hero__visual{min-height:480px;box-shadow:var(--shadow);border:8px solid #fff;border-radius:34px;position:relative;overflow:hidden;transform:rotate(.35deg)}.hub-hero__visual img{object-fit:cover}.games-section{padding:34px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;padding:0 4px;display:flex}.section-heading h2{color:var(--navy);letter-spacing:-1.5px;margin:0;font-size:clamp(32px,4vw,52px)}.section-heading p{color:var(--muted);margin:8px 0 0;font-size:17px}.section-heading>span{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 16px;font-weight:800}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.game-card{color:#fff;border-radius:28px;min-width:0;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 16px 30px #1e3f7326}.game-card:hover{transform:translateY(-7px)rotate(-.2deg);box-shadow:0 22px 40px #1e3f7338}.game-card--green{background:linear-gradient(160deg,#28c66b,#098c4b)}.game-card--blue{background:linear-gradient(160deg,#2ca5ff,#0769d9)}.game-card--orange{background:linear-gradient(160deg,#ffb323,#f47c0a)}.game-card--purple{background:linear-gradient(160deg,#955cf5,#6326c7)}.game-card__image{background:#ffffff1f;height:180px;position:relative;overflow:hidden}.game-card__image img{object-fit:cover;transition:transform .3s}.game-card:hover .game-card__image img{transform:scale(1.04)}.game-card__body{padding:20px}.game-card h3{text-shadow:0 2px #00000026;margin:0 0 10px;font-size:25px;line-height:1.05}.game-card p{color:#ffffffe6;min-height:98px;margin:0;line-height:1.45}.game-meta{justify-content:space-between;gap:8px;margin:15px 0;font-size:12px;font-weight:900;display:flex}.game-meta span{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;padding:7px 9px}.play-button{color:#174172;background:#fff;width:100%;min-height:46px}.family-strip{border:1px solid var(--line);background:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:24px 28px;display:flex;box-shadow:0 12px 30px #31578b14}.family-strip div{gap:6px;display:grid}.family-strip strong{font-size:20px}.family-strip span{color:var(--muted)}.family-strip>a{color:var(--blue-dark);font-weight:900}.setup-page,.result-page{background:radial-gradient(circle at 50% 10%,#fff4a9,#0000 35%),linear-gradient(160deg,#e9f7ff,#f7efff);place-items:center;min-height:100vh;padding:30px;display:grid}.back-link{color:var(--blue-dark);font-weight:900;position:fixed;top:24px;left:26px}.setup-card,.result-card{border:1px solid var(--line);width:min(600px,100%);box-shadow:var(--shadow);text-align:center;background:#fffffff2;border-radius:34px;padding:36px}.setup-icon{border-radius:26px;place-items:center;width:82px;height:82px;margin:0 auto 16px;font-size:42px;display:grid}.setup-icon--green{background:#dff9e9}.setup-icon--blue{background:#dceeff}.setup-icon--orange{background:#fff0c9}.setup-icon--purple{background:#eee2ff}.setup-card h1,.result-card h1{color:var(--navy);margin:0;font-size:clamp(34px,5vw,52px);line-height:1.05}.setup-card>p,.result-card>p{color:var(--muted);font-size:17px;line-height:1.55}.level-picker{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.level-picker button{border:2px solid var(--line);color:#40547a;cursor:pointer;background:#f8fbff;border-radius:14px;min-height:52px;font-weight:800}.level-picker button.is-selected{border-color:var(--blue);color:var(--blue-dark);background:#e6f3ff;box-shadow:0 0 0 3px #188df61f}.setup-info{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.setup-info span{background:#f2f7ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.error-box{color:#a72f43;background:#fff0f0;border:1px solid #ffcad2;border-radius:14px;margin-top:14px;padding:12px;line-height:1.45}.game-page{background:#071b3d;min-height:100vh;padding:12px}.game-header{min-height:64px;box-shadow:none;color:#fff;background:#081b3d;border-color:#ffffff1a;border-radius:18px 18px 0 0}.game-header .brand{color:#fff}.game-header .brand b{color:#ffd03b}.game-header .brand small{color:#d1ddff}.game-header>h1{color:#ffc83d;text-shadow:0 3px #0000004d;margin:0;font-size:clamp(20px,2.5vw,34px)}.game-header__actions{align-items:center;gap:8px;display:flex}.game-header__actions button,.game-header__actions a{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;padding:9px 13px}.arena{background:radial-gradient(circle at 50% 30%,#1d5ea8,#061a3b 68%);border-radius:0 0 24px 24px;height:calc(100vh - 118px);min-height:650px;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.demo-background{background:linear-gradient(90deg,#233f72 0 49.8%,#6d2c66 50.2% 100%);place-items:center;display:grid;position:absolute;inset:0}.demo-background span{color:#ffffff8c;align-self:end;margin-bottom:18px;font-weight:800}.arena-shade{pointer-events:none;background:linear-gradient(90deg,#042f6740 0 49.5%,#4b165f3b 50.5% 100%);position:absolute;inset:0}.arena:after{content:"";z-index:2;background:linear-gradient(#ffc83d,#ff5b93);width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ffc83de6}.top-hud{z-index:5;grid-template-columns:1fr 150px 1fr;align-items:start;gap:16px;display:grid;position:absolute;top:14px;left:18px;right:18px}.score-card{color:#fff;border:2px solid #ffffff40;border-radius:16px;justify-content:space-between;align-items:center;max-width:240px;padding:10px 18px;display:flex;box-shadow:0 8px 20px #0000002e}.score-card--blue{background:linear-gradient(135deg,#2199ff,#0860c7)}.score-card--pink{background:linear-gradient(135deg,#f858a4,#a934b7);justify-self:end}.score-card span{font-size:13px;font-weight:900}.score-card strong{font-size:28px}.timer-card{color:#fff;background:#0a2049;border:8px solid #ffc83d;border-radius:50%;align-content:center;justify-self:center;place-items:center;width:140px;min-height:110px;display:grid;box-shadow:0 0 0 5px #ff8b24,0 12px 26px #0000004d}.timer-card small,.timer-card span{font-size:12px;font-weight:900}.timer-card strong{font-size:42px;line-height:.9}.timer-card.is-warning{border-color:#ff416d;animation:.65s infinite alternate pulse}.question-box{z-index:6;text-align:center;background:#fff;border:5px solid #ffc83d;border-radius:24px;width:min(420px,38vw);padding:14px 20px;display:grid;position:absolute;top:136px;left:50%;transform:translate(-50%);box-shadow:0 13px 25px #00000040}.question-box small{color:#7a5a00;font-weight:900}.question-box strong{color:#151d3b;font-size:clamp(25px,3.2vw,48px);line-height:1.05}.question-box span{color:var(--muted);margin-top:5px;font-size:13px}.canvas-grid{z-index:4;grid-template-columns:1fr 1fr;gap:44px;display:grid;position:absolute;inset:250px 22px 24px}.canvas-grid.is-single{grid-template-columns:minmax(0,820px);justify-content:center}.motion-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff29;border:3px solid;border-radius:24px;grid-template-rows:auto 1fr auto;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 35px #0003}.motion-panel--blue{border-color:#259cff}.motion-panel--pink{border-color:#ef4fa1}.motion-panel__header{background:#ffffffeb;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.motion-panel__header>div:first-child{color:var(--navy);align-items:center;gap:8px;display:flex}.player-chip{font-size:24px}.answer-slots{gap:5px;display:flex}.answer-slot{color:#607091;background:#f6f9fd;border:2px dashed #8ca3c0;border-radius:9px;place-items:center;width:34px;height:38px;font-weight:900;display:grid}.answer-slot.is-filled{color:#11723c;background:#e9fff1;border-style:solid;border-color:#22b463;font-size:21px}.motion-drawing{touch-action:none;cursor:crosshair;background-color:#ffffff29;background-image:radial-gradient(#3c689e29 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%}.target-path{fill:none;stroke:#aeb9c7;stroke-width:14px;stroke-dasharray:18 16;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.finger-path{fill:none;stroke:#178efa;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #59b6ff)}.motion-panel--pink .finger-path{stroke:#ed4fa1;filter:drop-shadow(0 0 8px #ff8dcc)}.motion-panel__footer{color:#40547a;background:#fffffff0;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.tiny-button{border:1px solid var(--line);cursor:pointer;color:#465a7b;background:#fff;border-radius:9px;padding:6px 10px;font-weight:800}.overlay-card{z-index:20;text-align:center;background:#fff;border:5px solid #ffc83d;border-radius:28px;width:min(430px,90%);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 70px #00000061}.overlay-card h2{color:var(--navy);margin:0;font-size:34px}.overlay-card p{color:var(--muted);line-height:1.5}.countdown-overlay{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03123073;place-items:center;display:grid;position:absolute;inset:0}.countdown-overlay span{color:#ffc83d;text-shadow:0 10px #f05a2a,0 22px 40px #00000080;font-size:clamp(100px,22vw,260px);font-weight:1000;animation:.78s both countPop}.countdown-overlay.time-up span{color:#fff;font-size:clamp(50px,9vw,120px)}.game-tip{color:#e5edff;text-align:center;padding:8px;font-size:13px}.result-card .trophy{filter:drop-shadow(0 10px 12px #ffa4004d);font-size:74px}.result-grid{grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;display:grid}.result-grid.is-single{grid-template-columns:1fr}.result-grid article{border:2px solid var(--line);background:#f2f7ff;border-radius:20px;gap:5px;padding:18px;display:grid}.result-grid article strong{color:var(--blue-dark);font-size:48px}.result-grid article span{font-weight:900}.result-grid article small{color:var(--muted)}.result-actions{justify-content:center}.docs-page{border:1px solid var(--line);width:min(880px,100% - 32px);box-shadow:var(--shadow);background:#fff;border-radius:30px;margin:40px auto;padding:40px}.docs-page>a{color:var(--blue-dark);font-weight:900}.docs-page h1{color:var(--navy);font-size:48px}.docs-page section{border-top:1px solid var(--line);padding:14px 0}.docs-page p{color:var(--muted);font-size:17px;line-height:1.65}@keyframes pulse{to{transform:scale(1.07)}}@keyframes countPop{0%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1100px){.game-grid{grid-template-columns:repeat(2,1fr)}.hub-hero{grid-template-columns:1fr}.hub-hero__visual{min-height:440px}.question-box{width:min(430px,52vw)}.canvas-grid{gap:28px}.game-header .brand small{display:none}}@media (max-width:760px){.hub-page{padding:12px}.hub-header{align-items:flex-start}.hub-header nav{flex-wrap:wrap;justify-content:flex-end}.nav-pill{padding:8px 10px;font-size:12px}.score-pill{display:none}.hub-hero{padding-top:18px}.hub-hero__copy{padding:20px 6px}.hub-hero h1{letter-spacing:-2px;font-size:48px}.hub-hero__visual{border-width:5px;min-height:300px}.game-grid{grid-template-columns:1fr}.game-card__image{height:220px}.game-card p{min-height:auto}.section-heading,.family-strip{flex-direction:column;align-items:flex-start}.level-picker{grid-template-columns:1fr}.setup-card{padding:25px}.game-page{padding:0}.game-header{border-radius:0;padding:8px}.game-header .brand span:last-child{display:none}.game-header>h1{font-size:18px}.game-header__actions a{display:none}.arena{border-radius:0;height:calc(100vh - 64px);min-height:760px}.top-hud{grid-template-columns:1fr 92px 1fr;gap:5px;left:6px;right:6px}.timer-card{border-width:5px;width:82px;min-height:82px}.timer-card strong{font-size:27px}.score-card{padding:7px 8px}.score-card span{font-size:12px}.score-card strong{font-size:18px}.question-box{border-width:3px;width:88vw;padding:10px;top:106px}.question-box strong{font-size:28px}.canvas-grid{grid-template-columns:1fr;gap:9px;inset:210px 8px 10px}.canvas-grid:not(.is-single){grid-template-rows:1fr 1fr}.motion-panel{border-radius:17px}.motion-panel__header{padding:6px 8px}.motion-panel__footer{min-height:34px;padding:4px 8px}.answer-slot{width:27px;height:30px}.arena:after,.game-tip{display:none}.result-grid{grid-template-columns:1fr}.docs-page{padding:24px}.docs-page h1{font-size:36px}}.result-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04122fb3;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.result-card--overlay{max-height:calc(100% - 30px);padding:24px;overflow:auto}.result-card--overlay .trophy{font-size:56px}.result-card--overlay h1{font-size:clamp(30px,4vw,48px)}.readiness-banner{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1px solid #ffffff29;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(420px,100% - 20px);padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.readiness-banner strong{font-size:13px}.readiness-count{color:#ffd23f;font-weight:800}.readiness-dot{background:#38b95d;border-radius:50%;width:9px;height:9px;animation:1.5s infinite readiness-pulse}.readiness-bar{background:#fff3;border-radius:999px;flex:100%;height:4px;overflow:hidden}.readiness-bar i{background:#38b95d;height:100%;transition:width .18s;display:block}@keyframes readiness-pulse{0%{box-shadow:0 0 #38b95d8c}70%{box-shadow:0 0 0 8px #38b95d00}to{box-shadow:0 0 #38b95d00}}@media (prefers-reduced-motion:reduce){.readiness-dot{animation:none}}.companion-section{width:min(1180px,100% - 32px);margin:46px auto 0}.companion-heading{text-align:center;margin-bottom:20px}.companion-heading h2{margin:0 0 6px;font-size:clamp(20px,3vw,28px)}.companion-heading p{color:#ffffffb3;margin:0;font-size:14px}.companion-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px;display:grid}.companion-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.companion-card h3{margin:0;font-size:17px}.companion-tagline{color:#ffffffa8;font-size:12px}.companion-card p{color:#ffffffd1;margin:0;font-size:13px;line-height:1.5}.companion-capabilities{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.companion-capabilities li{color:#ffffffdb;background:#ffffff1a;border-radius:999px;padding:3px 8px;font-size:12px}.companion-card footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.companion-audience{color:#ffffff9e;font-size:12px}.companion-launch{color:#10203a;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none}.companion-launch:hover{filter:brightness(.94)}.companion-unset{color:#ffffff80;font-size:12px;font-style:italic}.companion-note{text-align:center;color:#ffffffa8;margin:18px 0 0;font-size:13px}.companion-note a{color:#fff}.companion-card--blue{border-color:#50a0ff66}.companion-card--green{border-color:#38b95d66}.companion-card--orange{border-color:#ff8f2566}.companion-card--purple{border-color:#8c6eff66}.companion-card--pink{border-color:#ff4f9966}.board-page{max-width:1100px;margin:0 auto;padding:28px 20px 64px}.board-back{color:#4a5f86;margin-bottom:18px;font-weight:600;text-decoration:none;display:inline-block}.board-back:hover{text-decoration:underline}.board-header h1{margin:0 0 8px;font-size:2rem}.board-header p{color:#62739a;max-width:62ch;margin:0 0 26px;line-height:1.55}.board-empty{color:#62739a;text-align:center;background:#f5f8fd;border-radius:16px;padding:26px}.board-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.board-card{background:#fff;border:2px solid #e3ecf7;border-radius:20px;padding:18px}.board-card header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.board-card h2{margin:0;font-size:1.08rem}.board-card header button{color:#7a8aa8;cursor:pointer;background:#f1f5fa;border:none;border-radius:999px;padding:5px 12px;font-size:.78rem}.board-card header button:hover{color:#d33a5c;background:#ffe8ec}.board-card ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board-card li{background:#f8fbff;border-radius:12px;grid-template-columns:26px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.board-card li b{color:#96a6c2;font-size:.9rem}.board-card li span{color:#2c3c60;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.board-card li small{color:#8b9ab5;font-size:.78rem}.board-card li strong{color:#188ef5;font-variant-numeric:tabular-nums}.board-card-empty{color:#8b9ab5;margin:0;font-size:.9rem}.board-card--green{border-color:#cdeedd}.board-card--blue{border-color:#cfe4fb}.board-card--orange{border-color:#fbe3c9}.board-card--purple{border-color:#e2d6fa}.board-card--pink{border-color:#fbd3e4}.quiz-screen{max-width:760px;margin:0 auto;padding:28px 20px 64px}.quiz-back{color:#4a5f86;margin-bottom:18px;font-weight:600;text-decoration:none;display:inline-block}.quiz-card{background:#fff;border:2px solid #e3ecf7;border-radius:24px;padding:26px}.quiz-eyebrow{letter-spacing:.09em;color:#8b9ab5;margin-bottom:8px;font-size:.76rem;display:inline-block}.quiz-card h1{margin:0 0 10px;font-size:1.9rem}.quiz-card h2{margin:22px 0 10px;font-size:1.05rem}.quiz-card p{color:#5b6c92;margin:0 0 10px;line-height:1.6}.quiz-howto{background:#f2f8ff;border-left:4px solid #188ef5;border-radius:0 12px 12px 0;padding:12px 14px}.quiz-categories{flex-wrap:wrap;gap:10px;display:flex}.quiz-category{color:#47597e;cursor:pointer;background:#fff;border:2px solid #dfe9f6;border-radius:999px;padding:9px 16px;font-weight:600;transition:all .18s}.quiz-category:hover{border-color:#a7cff5}.quiz-category.is-selected{color:#0f6fd0;background:#eaf4ff;border-color:#188ef5}.quiz-hint{color:#8b9ab5;margin-top:8px;font-size:.82rem;display:block}.quiz-name{margin-top:20px;display:block}.quiz-name span{color:#62739a;margin-bottom:6px;font-size:.86rem;display:block}.quiz-name input{border:2px solid #dfe9f6;border-radius:14px;width:100%;padding:12px 14px;font-size:1rem}.quiz-name input:focus{border-color:#188ef5;outline:none}.quiz-start{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#35a0ff,#1279e0);border:none;border-radius:16px;width:100%;margin-top:22px;padding:15px;font-size:1.05rem;font-weight:700}.quiz-start:hover{filter:brightness(1.05)}.quiz-secondary{text-align:center;color:#47597e;cursor:pointer;background:#fff;border:2px solid #dfe9f6;border-radius:16px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-block}.quiz-rank{color:#17a34a;font-weight:700}.quiz-board{gap:6px;margin:0;padding:0;list-style:none;display:grid}.quiz-board li{background:#f8fbff;border-radius:12px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.quiz-board li.is-me{background:#eaf7ee;box-shadow:inset 0 0 0 2px #9ad9b0}.quiz-board li b{color:#96a6c2}.quiz-board li strong{color:#188ef5}.quiz-board-empty{color:#8b9ab5;display:block}.quiz-result-actions{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:20px;display:grid}@media (max-width:560px){.quiz-result-actions{grid-template-columns:1fr}}.quiz-stage{background:#0d1424;width:100vw;height:100dvh;position:relative;overflow:hidden}.quiz-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.quiz-hud{z-index:30;color:#fff;background:linear-gradient(#060c1ab8,#0000);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.quiz-hud-home{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.5rem;text-decoration:none;display:grid}.quiz-hud-progress{letter-spacing:.03em;font-weight:600}.quiz-hud-score{background:#ffffff29;border-radius:999px;padding:8px 16px;font-weight:700}.quiz-banner{z-index:30;color:#fff;text-align:center;background:#091020db;border-radius:14px;max-width:88vw;padding:12px 20px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.quiz-banner--error{background:#a02030e6}.quiz-banner-bar{background:#ffffff38;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.quiz-banner-bar i{background:#4dd07f;height:100%;transition:width .1s linear;display:block}.quiz-prompt{z-index:28;text-align:center;color:#fff;position:absolute;top:14%;left:50%;transform:translate(-50%)}.quiz-prompt-symbol{filter:drop-shadow(0 6px 18px #00000080);font-size:clamp(4.5rem,16vw,9rem);line-height:1;display:block}.quiz-prompt p{text-shadow:0 2px 10px #0009;margin:10px 0 0;font-size:clamp(1rem,3.2vw,1.5rem);font-weight:600}.quiz-target{z-index:28;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b14288c;border:none;border-radius:50%;place-items:center;padding:0;transition:box-shadow .2s,background .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff47}.quiz-target.is-right{background:#17a34ad1;box-shadow:0 0 0 6px #78eba099}.quiz-target.is-wrong{background:#c82840d1;box-shadow:0 0 0 6px #ff96aa8c}.quiz-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.quiz-ring-track{fill:none;stroke:#ffffff38;stroke-width:6px}.quiz-ring-fill{fill:none;stroke:#ffd24a;stroke-width:7px;stroke-linecap:round;stroke-dasharray:289;transition:stroke-dashoffset 80ms linear}.quiz-target-label{z-index:1;text-align:center;text-shadow:0 2px 8px #0009;overflow-wrap:anywhere;padding:0 12%;font-size:clamp(.95rem,2.6vw,1.5rem);font-weight:700;position:relative}.quiz-feedback{z-index:30;color:#fff;border-radius:999px;padding:13px 26px;font-size:1.1rem;font-weight:700;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.quiz-feedback.is-right{background:#17a34aeb}.quiz-feedback.is-wrong{background:#c82840eb}