:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#282535;background:#fff;font-synthesis:none;--purple:#7451d2;--muted:#817d8c}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #7451d2;outline-offset:5px}h1:focus{outline:none}h1,h2,p{margin:0}.site-header{height:100px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeedf2}.brand{display:flex;align-items:center;text-decoration:none;color:#282535;font-size:27px;font-weight:800;letter-spacing:-1.3px}.brand img{margin-right:10px}.brand>span:not(.brand-dot){margin-left:6px}.brand-dot{color:var(--purple)}.header-note{font-size:12px;color:#817d8c;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:#8ebcaf;border-radius:50%}.version{font-size:10px;letter-spacing:1.5px;color:#8d8898;border:1px solid #eeedf2;padding:8px 11px;border-radius:6px}main{max-width:1184px;margin:auto;padding:0 24px}.welcome{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:62px 0 51px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--purple);display:flex;align-items:center;gap:8px}.tiny-star{font-size:18px}h1{font-size:60px;letter-spacing:-2.8px;line-height:1.08;font-weight:750;margin:17px 0 22px}h1 span{color:var(--purple)}.welcome p{font-size:16px;line-height:1.8;color:#777281}.welcome-facts{display:flex;gap:24px;margin-top:24px;color:#655f73;font-size:12px}.mascot-scene{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center}.mascot-circle{width:228px;height:228px;border-radius:50%;background:#f6f3fd;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 18px #fcfbfe}.mascot-circle img{height:153px;width:128px;transform:rotate(-9deg)}.scene-label{position:absolute;top:16px;right:25px;background:white;border:1px solid #e9e5f3;border-radius:12px 12px 12px 0;transform:rotate(7deg);padding:12px 17px;font-size:13px;font-weight:600;box-shadow:0 5px 12px #30206006}.spark{position:absolute;color:#d9be65}.spark-one{font-size:37px;left:38px;top:63px}.spark-two{font-size:23px;right:45px;bottom:60px;color:#a28ade}.orbit-dot{position:absolute;width:10px;height:10px;background:#b9dace;border-radius:50%;left:57px;bottom:52px}.scene-caption{position:absolute;bottom:-5px;font-size:11px;color:#938c9d;letter-spacing:.3px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:12px 0 25px}.section-heading h2{font-size:25px;letter-spacing:-.7px;margin-top:10px}.section-note{font-size:12px;color:#8c8597}.section-note span{font-size:23px;margin-left:10px;color:#a49aae}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{border:1px solid #eae7ef;background:#fff;border-radius:16px;padding:23px;text-align:left;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 24px #3020600b}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.category-icon{width:47px;height:47px;border-radius:13px;background:var(--tint);color:var(--accent);font-size:29px;display:flex;align-items:center;justify-content:center}.card-number{font-size:11px;color:#bcb6c7;font-weight:600}.card-title{font-size:19px;font-weight:700;letter-spacing:-.4px}.card-description{font-size:12px;color:#888190;line-height:1.6;margin-top:8px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;color:#8e8798}.middle-dot{margin:0 5px}.card-arrow{border-radius:50%;background:var(--tint);color:var(--accent);width:29px;height:29px;display:flex;align-items:center;justify-content:center;font-size:19px}.how-to{margin:28px 0 48px;background:#f9f8fb;border:1px solid #f0edf5;border-radius:12px;display:flex;align-items:center;gap:14px;padding:20px}.how-icon{flex-shrink:0;border:1px solid #a49aad;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#8e819f;font-size:11px}.how-to p{font-size:12px;line-height:1.7;color:#88808f}.how-to strong{font-weight:650;color:#5c5369}.how-tag{margin-left:auto;font-size:8px;letter-spacing:1px;color:#9b92a5;min-width:155px}footer{border-top:1px solid #eeedf2;max-width:1184px;margin:auto;padding:22px 24px 28px;display:flex;justify-content:space-between;font-size:10px;color:#9a94a4}.footer-dot{color:#bba4ed;margin:0 7px}.game{max-width:840px;margin:40px auto 60px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.text-button{background:none;border:0;font-size:12px;color:#80748f;padding:10px 0}.category-pill{background:var(--tint);color:var(--accent);border-radius:30px;padding:10px 16px;font-size:12px;font-weight:650;display:inline-flex;gap:8px;align-items:center}.score{font-size:12px;color:#81758d}.score strong{font-size:16px;color:#38294e}.question-progress{display:flex;gap:7px;margin:32px 0 36px}.question-progress span{height:4px;flex:1;background:#f0edf6;border-radius:5px}.question-progress .done{background:var(--accent)}.question-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.question-heading .eyebrow{color:var(--accent)}.muted{color:#b7afc2}.game-tag{font-size:9px;letter-spacing:1px;color:#a199ad}.question-title{font-size:36px;line-height:1.25;letter-spacing:-1.1px;min-height:90px;margin:22px 0 30px}.timer-header{display:flex;justify-content:space-between;font-size:11px;color:#998da8;align-items:center}.timer-value{font-size:15px;color:#72617f}.timer-value strong{font-size:23px;font-variant-numeric:tabular-nums;color:#41304f}.timer-track{background:#f2eef8;height:7px;border-radius:8px;overflow:hidden;margin:10px 0 28px}.timer-track>div{height:100%;background:var(--accent);width:100%;transition:width .05s linear}.timer-track.urgent>div{background:#df9755}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{min-height:86px;display:flex;align-items:center;gap:16px;border:1px solid #e7e2ed;background:white;border-radius:13px;padding:18px;text-align:left;font-size:15px;line-height:1.45;color:#443b51;transition:background .15s,border-color .15s}.answer:hover:not(:disabled){background:var(--tint);border-color:var(--accent)}.answer-letter{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:9px;background:#f6f3f9;color:#9486a3;font-weight:650;font-size:12px}.answer-marker{margin-left:auto;font-weight:700}.answer.selected{background:var(--tint);border:2px solid var(--accent);padding:17px}.selected .answer-letter{background:var(--accent);color:white}.answer.correct{background:#eaf7ef;border:2px solid #399d69;padding:17px;color:#216843}.correct .answer-letter{background:#399d69;color:#fff}.answer.incorrect{background:#fff0ee;border-color:#d99489;color:#a3483c}.game-bottom{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:30px}.game-bottom #feedback{font-size:12px;line-height:1.7;max-width:440px;color:#998ba6}.game-bottom #feedback.success-text{color:#288254}.game-bottom #feedback.revealed-text{color:#706077}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap;border:0;border-radius:10px;background:var(--purple);color:#fff;padding:16px 22px;font-weight:600;font-size:12px;box-shadow:0 5px 14px #7451d21c}.primary-button:hover:not(:disabled){background:#5f3ebc}.primary-button:disabled{background:#ece8f2;color:#b4aabe;box-shadow:none}.secondary-button{border:1px solid #e2dbea;color:#79678b;background:#fff;border-radius:10px;padding:16px 22px;font-size:12px;font-weight:600}.secondary-button:hover{background:#f6f3fa}.result{text-align:center;max-width:700px;margin:48px auto 64px}.result .eyebrow{justify-content:center}.result-mascot{position:relative;width:160px;height:160px;background:#f8f5fd;border-radius:50%;margin:30px auto;display:flex;align-items:center;justify-content:center}.result-mascot img{height:112px}.result-mascot>span{position:absolute;color:#d6b543;font-size:28px;right:6px;top:5px}.result h1{font-size:42px;letter-spacing:-1.4px;margin:15px 0}.result p{font-size:14px;line-height:1.8;color:#8b8096;max-width:440px;margin:auto}.result-score{display:flex;flex-direction:column;gap:6px;margin:28px 0 14px;font-size:12px;color:#9385a2}.result-score strong{font-size:62px;letter-spacing:-3px;color:var(--purple)}.result-score strong span{font-size:29px;color:#c2b6d0;letter-spacing:-1px}.result-dots{display:flex;justify-content:center;gap:10px;color:#e4ddec;font-size:24px}.result-dots .filled{color:#e3b744}.result-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}@media(min-width:1000px){.category-card:nth-child(4),.category-card:nth-child(5){min-height:208px}.category-grid{grid-template-columns:repeat(6,1fr)}.category-card{grid-column:span 2}.category-card:nth-child(4){grid-column:2/span 2}.category-card:nth-child(5){grid-column:4/span 2}}@media(min-width:1400px){.welcome{padding-top:75px;padding-bottom:65px}}@media(max-width:850px){.site-header{padding:0 24px;height:82px}.header-note{display:none}.welcome{padding:45px 0;gap:15px}h1{font-size:48px}.mascot-circle{width:185px;height:185px}.mascot-circle img{height:130px}.scene-label{right:0;top:28px}.spark-one{left:0}.spark-two{right:5px}.category-grid{grid-template-columns:repeat(2,1fr)}.section-note{display:none}.how-tag{display:none}.game-tag{display:none}}@media(max-width:560px){main{padding:0 20px}.site-header{padding:0 20px}.brand{font-size:23px}.brand img{width:30px;height:38px}.version{font-size:8px;padding:7px}.welcome{display:block;padding:36px 0 32px;position:relative}.welcome h1{font-size:43px;letter-spacing:-2px}.welcome p{font-size:13px;line-height:1.8}.welcome-facts{gap:16px;font-size:10px}.mascot-scene{display:none}.section-heading h2{font-size:22px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{padding:18px 20px;display:grid;grid-template-columns:48px 1fr;column-gap:16px}.card-top{grid-column:1;grid-row:1/4;margin:0;align-items:start}.card-number{display:none}.card-title{grid-column:2;font-size:17px}.card-description{grid-column:2;margin-top:5px;font-size:11px}.card-bottom{grid-column:2;margin-top:10px}.card-arrow{position:absolute;right:18px;top:18px;width:25px;height:25px}.card-title{padding-right:28px}.how-to{padding:16px;margin-bottom:30px;align-items:flex-start}.how-to p{font-size:11px}footer{padding:20px;gap:15px;font-size:9px}.game{margin-top:25px;margin-bottom:36px}.game-top{gap:8px}.category-pill{padding:8px 10px;font-size:10px}.score{font-size:10px}.text-button{font-size:11px}.question-progress{margin:25px 0}.question-title{font-size:27px;min-height:0;letter-spacing:-.7px;margin:20px 0 25px}.answers{grid-template-columns:1fr;gap:10px}.answer{min-height:66px;padding:14px;font-size:14px}.answer.selected,.answer.correct{padding:13px}.game-bottom{flex-direction:column;align-items:stretch;gap:16px;margin-top:22px}.game-bottom #feedback{min-height:42px}.result{margin-top:30px}.result h1{font-size:33px}.result-actions{flex-direction:column}.result p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.site-header .brand img.brand-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0}@media(max-width:560px){.site-header .brand img.brand-logo{width:45px;height:45px}}