:root{color:#1b1d4d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1b1d4d;--blue:#3b6bff;--pink:#ff7ab6;--yellow:#ffd23f;--mint:#3fdcb0;--paper:#fff8ec;--line:2px solid var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff8ec;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 3% 29%,#ff7ab61a 0 150px,transparent 151px),radial-gradient(circle at 96% 75%,#3b6bff12 0 240px,transparent 241px),linear-gradient(#1b1d4d06 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,#1b1d4d06 1px,transparent 1px) 0 0/24px 24px,var(--paper);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit;color:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:default}a{color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{opacity:.55}h1,h2,h3,p{margin:0}button:hover:not(:disabled){filter:brightness(.98)}button:active:not(:disabled){transform:translateY(2px)}.icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px}.skip-link{background:var(--yellow);z-index:100;padding:12px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:8px}#app{max-width:1200px;margin:0 auto;padding:0 32px}.header{border-bottom:1px solid #1b1d4d20;justify-content:space-between;align-items:center;gap:24px;height:104px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:27px;font-weight:950;line-height:1;text-decoration:none;display:flex}.brand>.icon{stroke-width:2.1px;width:39px;height:43px;fill:var(--blue);stroke:var(--ink)}.brand>.icon path+path{stroke:#fff}.brand-drill{color:var(--blue);margin-left:5px}.brand small{letter-spacing:1px;color:#61647e;margin-top:8px;font-family:inherit;font-size:10px;font-weight:700;display:block}.header nav{align-items:center;gap:7px;margin-left:auto;display:flex}.nav-item{color:#74748c;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;display:flex}.nav-item>.icon{width:18px;height:18px}.nav-item.active{color:var(--blue);background:#e8eaff}.header-tools{align-items:center;gap:12px;display:flex}.xp-pill{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.xp-pill .icon{width:17px;height:17px;fill:var(--yellow)}.icon-button{border:var(--line);width:40px;height:40px;box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:12px;place-items:center;display:grid}main{outline:none;padding:28px 0 40px}.card{border:var(--line);box-shadow:0 5px 0 var(--ink);background:#fffdfa;border-radius:23px}.tape-label{background:var(--yellow);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);letter-spacing:.4px;border-radius:4px;justify-content:center;align-items:center;padding:7px 13px;font-size:11px;font-weight:900;display:inline-flex;transform:rotate(-2deg)}.blue-text{color:var(--blue)}.button{border:var(--line);min-height:51px;box-shadow:0 4px 0 var(--ink);border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:900;line-height:1.5;text-decoration:none;display:flex}.pink-button{background:var(--pink)}.blue-button{background:var(--blue);color:#fff}.outline-button{background:#fffefa}.level-pill{border:var(--line);box-shadow:1px 2px 0 var(--ink);background:#fff;border-radius:7px;padding:5px 9px;font-family:Arial,sans-serif;font-size:11px;font-weight:900}.shell{filter:drop-shadow(0 3px #1b1d4d06);width:100%;max-width:245px;overflow:visible}.growth-meta{color:#687d73;justify-content:space-between;align-items:baseline;margin-top:22px;font-size:10px;font-weight:800;display:flex}.growth-meta strong{color:var(--ink);font-size:17px}.growth-meta small{color:#687d73;font-size:10px}.growth-track{border:1.5px solid var(--ink);background:#fff;border-radius:99px;height:10px;margin-top:8px;overflow:hidden}.growth-track i{background:var(--mint);height:100%;transition:width .4s;display:block}.yellow{background:#fff2b8}.mint{background:#dff8ee}.streak{color:#78788e;align-items:center;gap:5px;font-size:10px;display:flex}.streak strong{color:var(--ink);font-size:16px}.streak .icon{stroke:#df9851;width:18px;height:18px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.section-title h2{align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex}.section-title h2>.icon{width:20px;height:20px}.text-button{color:#73768d;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:8px 0;font-size:11px;font-weight:800;display:flex}.text-button .icon{width:15px;height:15px}.domain-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.domain-card{border:var(--line);box-shadow:0 3px 0 var(--ink);text-align:left;background:#fffdfa;border-radius:15px;gap:10px;min-height:125px;padding:17px 13px;display:flex;position:relative}.domain-icon{border:1.5px solid var(--ink);background:#dce5ff;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pink .domain-icon{background:#ffe0ef}.mint .domain-icon{background:#d9f5e9}.yellow .domain-icon{background:#ffefb3}.violet .domain-icon{background:#e9dcff}.domain-icon .icon{width:19px;height:19px}.domain-copy{flex-direction:column;flex:1;min-width:0;display:flex}.domain-copy strong{letter-spacing:-.25px;margin-top:6px;font-size:11px;line-height:1.7}.domain-bottom{white-space:nowrap;color:#8a8ca1;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:8px;display:flex}.mini-progress{background:#e8e9f4;border-radius:10px;flex:1;height:5px;display:block;overflow:hidden}.mini-progress i{background:var(--blue);height:100%;display:block}.quiz-grid{grid-template-columns:minmax(0,2.4fr) minmax(230px,1fr);align-items:start;gap:24px;display:grid}.question-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.domain-tag{color:#3f5ab0;letter-spacing:.7px;background:#e1e9ff;border:1px solid #b5c6ff;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:900;display:flex}.domain-tag.pink{color:#89465f;background:#ffe3ef;border-color:#f3b8d0}.domain-tag.mint{color:#32745c;background:#e2f8ed;border-color:#b0e4d0}.domain-tag.yellow{color:#887020;background:#fff1bd;border-color:#e8d991}.domain-tag.violet{color:#7a55b0;background:#f0e5ff;border-color:#d6bdf9}.question-prompt{letter-spacing:-.6px;outline:0;font-size:23px;font-weight:900;line-height:1.8}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;background:#fffefa;border:1.8px solid #c5c7d9;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:63px;padding:16px 15px;font-size:13px;font-weight:700;line-height:1.75;transition:border-color .15s,background .15s;display:flex}.option:hover:not(:disabled){border-color:var(--blue);background:#f2f5ff}.option>span:nth-child(2){flex:1}.option>.icon{width:18px;height:18px}.option:disabled{opacity:.7}.option.correct-option{color:#255e49;opacity:1;background:#e6f9ef;border-color:#4caa83}.option.wrong-option{opacity:1;background:#fff1f5;border-color:#dd8ea9}.feedback{background:#f2fbf6;border:1px solid #c1e2d2;border-radius:12px;margin-top:23px;padding:20px}.feedback-icon{background:#c9f1dc;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.feedback-icon .icon{width:18px;height:18px}.xp-gain{color:#338b68;margin-left:auto;font-family:Arial,sans-serif;font-size:11px;font-weight:900}.feedback>p{color:#62677e;margin-top:12px;font-size:12px;line-height:1.9}.takeaway{border-top:1px dashed #bccdc4;align-items:flex-start;gap:6px;margin-top:15px;padding-top:12px;font-size:11px;font-weight:800;line-height:1.7;display:flex}.takeaway .icon{stroke:#ba9323;width:16px;height:16px}.feedback details{color:#85869b;margin-top:14px;font-size:10px;line-height:1.9}.feedback summary{cursor:pointer;padding:4px 0;font-weight:700}.feedback ul{margin:10px 0 0;padding:0;list-style:none}.feedback li{margin:6px 0}.shell-happy{animation:.45s ease-out celebrate}.result-card{text-align:center;max-width:760px;margin:14px auto 28px;padding:32px 48px}.result-art{width:200px;height:182px;margin:13px auto 4px;position:relative}.result-spark{color:var(--yellow);font-size:35px;position:absolute;top:45px}.result-spark.a{left:-25px}.result-spark.b{color:var(--pink);top:98px;right:-25px}.result-card h1{letter-spacing:-1px;margin:15px 0 9px;font-size:28px;font-weight:950}.result-card>p{color:#85869a;font-size:12px;line-height:1.8}.result-stats{border-top:1px dashed #cccddd;border-bottom:1px dashed #cccddd;grid-template-columns:repeat(3,1fr);margin:27px 0 18px;padding:22px 0;display:grid}.result-stats>div+div{border-left:1px solid #e4e4ee}.result-stats span{color:#8c8da2;margin-bottom:10px;font-size:10px;display:block}.result-stats strong{font-family:Arial,sans-serif;font-size:30px}.result-stats small{color:#9799ad;font-size:14px}.result-actions{flex-direction:column;gap:15px;max-width:360px;margin:0 auto;display:flex}.page-heading{margin:9px 0 29px}.page-heading h1{letter-spacing:-1px;margin:13px 0;font-size:30px;font-weight:950}.page-heading p{color:#777990;font-size:12px;line-height:1.8}.domain-copy>small{color:#8c8fa6;margin-top:5px;font-size:8px;line-height:1.6}.badge-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.badge-card{text-align:center;padding:24px 16px 26px;position:relative}.badge-medal{color:#b2b5c7;background:#f0f1f5;border:3px double #d0d2df;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 16px;display:grid}.badge-medal .icon{width:34px;height:34px}.unlocked .badge-medal{border-color:var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff0b6}.badge-status{color:#a2a4b6;letter-spacing:1px;font-size:9px}.unlocked .badge-status{color:#bd9123}.badge-card h2{margin:8px 0;font-size:13px}.badge-card p{color:#989aaf;font-size:10px;line-height:1.7}.history-section{margin-top:34px}.history-list{border-radius:15px;padding:0 22px}.history-list>div{border-bottom:1px solid #ececf2;align-items:center;gap:25px;padding:17px 0;font-size:11px;display:flex}.history-list>div:last-child{border-bottom:0}.history-list>div>span:first-child{align-items:center;gap:8px;min-width:125px;display:flex}.history-list .icon{color:#8fa0da;width:16px;height:16px}.history-list strong{color:var(--blue);margin-left:auto;font-family:Arial,sans-serif}.history-list small{color:#8c8fa4;font-size:9px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b1d4d60;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}dialog{background:var(--paper);border:var(--line);width:480px;max-width:100%;max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:20px;margin:0;padding:28px;position:relative;overflow-y:auto}.dialog-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.dialog-head h2{font-size:22px;font-weight:950}.setting-row{border-bottom:1px solid #dddde8;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;font-weight:800;display:flex}.setting-row>span{align-items:center;gap:9px;display:flex}.setting-row .icon{width:19px;height:19px}.setting-row input{appearance:none;border:1.5px solid var(--ink);cursor:pointer;background:#e3e4ec;border-radius:20px;width:43px;height:25px;position:relative}.setting-row input:before{content:"";border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:2px;left:2px}.setting-row input:checked{background:var(--mint)}.setting-row input:checked:before{transform:translate(17px)}dialog h3{margin:27px 0 10px;font-size:12px}.settings-note{color:#808398;font-size:10px;line-height:1.9}.backup-actions{gap:12px;margin-top:15px;display:flex}.backup-actions .button{white-space:nowrap;flex:1;min-height:43px;padding:10px 12px;font-size:11px}.backup-actions .icon{width:17px;height:17px}.import-label{cursor:pointer;position:relative;overflow:hidden}.import-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.import-label:focus-within{outline:3px solid var(--blue);outline-offset:4px}.about-note{color:#8c8fa2;border-top:1px dashed #d2d4df;margin-top:25px;padding-top:18px;font-size:10px;line-height:1.9}.about-note strong{color:#70748c}.about-note p{margin-top:6px}.about-note a{color:#6980bd;margin-top:8px;display:inline-block}.restore-preview{background:#eef2ff;border:1px solid #bdc9ee;border-radius:10px;margin-top:20px;padding:14px;font-size:11px}.restore-preview p{color:#777d92;margin:9px 0;font-size:10px}.restore-preview .button{width:100%;min-height:40px;font-size:11px}.toast{background:var(--ink);color:#fff;z-index:100;border-radius:12px;width:max-content;max-width:calc(100vw - 40px);padding:13px 20px;font-size:12px;line-height:1.7;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 3px #fff}.storage-warning{background:#fff0cf;border:1px solid #e4d097;border-radius:10px;margin-bottom:20px;padding:12px 15px;font-size:11px;line-height:1.8}.confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.confetti i{top:12%;left:var(--x);background:var(--color);width:7px;height:12px;animation:confetti 1.2s ease-in var(--delay) both;border-radius:2px;position:absolute}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(var(--rotate))}to{opacity:0;transform:translateY(65vh) rotate(calc(var(--rotate) + 180deg))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes celebrate{0%,to{transform:scale(1)}40%{transform:translateY(-6px)scale(1.05)}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1050px){#app{padding:0 25px}.header{gap:16px}.nav-item{padding:9px;font-size:11px}.domain-grid{grid-template-columns:repeat(3,1fr)}.question-card{padding:25px}.question-prompt{font-size:21px}.quiz-grid{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr)}}@media (width<=780px){#app{padding:0 20px}.header{flex-wrap:wrap;height:87px}.brand{font-size:23px}.brand>.icon{width:33px}.header nav{gap:4px}.nav-item{padding:9px}.nav-item>span{display:none}.nav-item>.icon{width:20px;height:20px}.header-tools{gap:8px}.growth-meta{margin-top:20px}.streak{font-size:8px}.domain-grid{grid-template-columns:repeat(2,1fr)}.domain-card{min-height:123px;padding:18px}.domain-copy strong{font-size:12px}.domain-bottom{font-size:9px}.quiz-grid{grid-template-columns:1fr}.question-prompt{font-size:22px}.result-card{padding:28px 35px}.badge-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:27px}}@media (width<=540px){#app{padding:0 17px}.header{gap:8px;height:80px}.brand{letter-spacing:-1px;gap:7px;font-size:22px}.brand>.icon{width:29px;height:34px}.brand small{letter-spacing:.3px;margin-top:6px;font-size:8px}.header nav{display:none}.xp-pill{font-size:11px}.xp-pill .icon{width:15px;height:15px}.icon-button{border-radius:10px;width:35px;height:35px}.icon-button .icon{width:19px;height:19px}main{padding:20px 0 26px}.tape-label{padding:6px 10px;font-size:10px}.growth-meta{grid-area:3/2;margin-top:10px;font-size:9px}.growth-meta strong{font-size:14px}.growth-track{grid-area:4/2;align-self:start;height:8px;margin-top:5px}.streak{gap:3px;margin-left:auto;font-size:8px}.streak .icon{width:14px;height:14px}.streak strong{font-size:12px}.section-title h2{gap:6px;font-size:13px}.section-title h2>.icon{width:17px;height:17px}.section-title>.text-button{font-size:9px}.section-title>.text-button>.icon{width:12px}.domain-grid{gap:12px}.domain-card{border-radius:13px;flex-direction:column;gap:8px;min-height:155px;padding:14px 11px}.domain-icon{border-radius:8px;width:30px;height:30px}.domain-icon>.icon{width:17px;height:17px}.domain-copy strong{margin-top:4px;font-size:10px;line-height:1.75}.domain-copy{width:100%}.domain-bottom{gap:6px;padding-top:9px;font-size:8px}.question-card{border-radius:18px;padding:21px 19px 25px}.domain-tag{font-size:8px}.question-prompt{letter-spacing:-.4px;font-size:18px;line-height:1.85}.options{gap:10px}.option{gap:10px;min-height:58px;padding:13px 12px;font-size:11px;line-height:1.8}.option>.icon{width:16px}.feedback{margin-top:19px;padding:15px}.feedback-icon{width:23px;height:23px}.feedback>p{font-size:10px;line-height:1.9}.takeaway{font-size:10px}.feedback details{font-size:9px}.result-card{border-radius:20px;margin:4px 0 20px;padding:24px 20px}.result-art{width:171px;height:160px}.result-art>.shell{height:160px}.result-spark.a{left:-12px}.result-spark.b{right:-12px}.result-card h1{font-size:23px}.result-card>p{font-size:10px}.result-stats{margin:22px 0 16px;padding:19px 0}.result-stats span{font-size:8px}.result-stats strong{font-size:27px}.result-stats small{font-size:12px}.result-actions .button{min-height:48px;font-size:12px}.page-heading{margin:6px 0 23px}.page-heading h1{margin:11px 0;font-size:23px}.page-heading p{font-size:10px}.badge-grid{gap:14px}.badge-card{border-radius:16px;padding:20px 11px}.badge-medal{width:61px;height:61px}.badge-medal .icon{width:28px;height:28px}.badge-card h2{font-size:10px}.badge-card p,.badge-status{font-size:8px}.history-section{margin-top:27px}.history-list{padding:0 14px}.history-list>div{flex-wrap:wrap;gap:9px;padding:13px 0;font-size:9px}.history-list>div>span:first-child{min-width:105px}.history-list small{font-size:8px}.history-list .icon{width:13px;height:13px}.modal-backdrop{padding:16px}dialog{max-height:calc(100dvh - 32px);padding:22px 20px}.dialog-head h2{font-size:20px}.toast{padding:11px 14px;font-size:10px}.backup-actions .button{padding:10px;font-size:10px}.storage-warning{font-size:10px}}@media (width<=365px){#app{padding:0 13px}.streak{margin-left:auto}.section-title h2{font-size:12px}.section-title>.text-button{font-size:8px}.xp-pill{font-size:9px}.question-prompt{font-size:17px}}@media (width<=540px){.header nav{border-top:1.5px solid var(--ink);z-index:25;width:100%;padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8ecf5;justify-content:space-evenly;gap:0;display:flex;position:fixed;bottom:0;left:0}.header .nav-item{border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:10px;display:flex}.header .nav-item>span{display:inline}.header .nav-item>.icon{width:17px;height:17px}.toast{bottom:72px}}.options{margin-top:21px}.answered-controls{margin-top:18px}.answered-controls .button{width:100%}.answer-dialog{background:#fffdfa;flex-direction:column;width:530px;max-height:calc(100dvh - 40px);padding:0;display:flex;overflow:hidden}.answer-dialog-head{border-bottom:1px solid #ececf2;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px 15px;display:flex}.answer-dialog-head>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.answer-dialog-head h2{font-size:23px;font-weight:900}.answer-dialog-head .feedback-icon{background:#c9f1dc;width:34px;height:34px}.answer-dialog-head .feedback-icon .icon{width:23px;height:23px}.answer-dialog-head .xp-gain{background:#e8f9ef;border-radius:6px;padding:5px 9px;font-size:12px}.answer-scroll{overscroll-behavior:contain;min-height:0;padding:21px 25px 17px;overflow-y:auto}.correct-answer{margin-bottom:13px;font-size:14px;font-weight:900;line-height:1.8}.answer-explanation{color:#656b82;font-size:13px;line-height:1.95}.answer-scroll .takeaway{border-color:#d5d8e5;margin-top:18px;line-height:1.8}.answer-details{color:#777f95;margin-top:19px;font-size:11px;line-height:1.8}.answer-details summary{cursor:pointer;padding:8px 0;font-weight:800}.answer-details ul{margin:10px 0 0;padding:0;list-style:none}.answer-details li{border-top:1px solid #eceef5;padding:7px 0}.answer-dialog-actions{background:#fffdfa;border-top:1px solid #e7e9f0;flex-shrink:0;align-items:center;gap:18px;padding:16px 25px 24px;display:flex}.answer-dialog-actions .button{flex:1;min-height:53px}.answer-backdrop{z-index:40}.answer-backdrop .icon-button{flex-shrink:0}.confetti{z-index:45}.answer-backdrop~.toast{z-index:100}@media (width<=540px){.options{margin-top:17px}.answer-dialog{border-radius:18px;width:100%;max-height:calc(100dvh - 32px)}.answer-dialog-head{gap:8px;padding:18px 18px 13px}.answer-dialog-head h2{font-size:19px}.answer-dialog-head>div{gap:7px}.answer-dialog-head .feedback-icon{width:29px;height:29px}.answer-dialog-head .feedback-icon .icon{width:20px;height:20px}.answer-dialog-head .xp-gain{padding:4px 7px;font-size:10px}.answer-scroll{padding:17px 19px 12px}.correct-answer{margin-bottom:11px;font-size:12px}.answer-explanation{font-size:11px;line-height:1.95}.answer-scroll .takeaway,.answer-details{margin-top:14px;font-size:10px}.answer-dialog-actions{gap:13px;padding:13px 18px 19px}.answer-dialog-actions .button{min-height:49px;font-size:13px}}body.modal-open{overflow:hidden}.answered-controls{z-index:2;background:#fffdfa;padding:4px 0 3px;position:sticky;bottom:18px}@media (width<=540px){.answered-controls{bottom:75px}}.header{height:72px}.brand{letter-spacing:-.5px;font-size:24px}.brand small{letter-spacing:.5px;margin-top:5px}main{padding-top:22px}.home-layout{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"today status""domains status";align-items:start;gap:18px 20px;display:grid}.home-today{grid-area:today;align-items:center;gap:28px;padding:22px 28px;display:flex}.home-today-copy{flex:1;min-width:0}.home-today h1{letter-spacing:-1px;margin:6px 0 8px;font-size:32px;font-weight:950;line-height:1.3}.home-today p{color:#5f6278;font-size:13px;line-height:1.7}.home-today-actions{flex-direction:column;flex-shrink:0;align-items:stretch;width:260px;display:flex}.home-start{justify-content:space-between;min-height:60px;font-size:17px}.home-start>span{text-align:left;flex:1}.home-status{background:#eafaf2;flex-direction:column;grid-area:status;align-self:stretch;gap:6px;padding:20px;display:flex}.home-status-mascot{place-items:center;height:132px;display:grid}.home-status-mascot .shell{width:auto;height:128px;animation:3.5s ease-in-out infinite float}.home-status-body{flex-direction:column;gap:12px;display:flex}.home-status-head{justify-content:center;align-items:center;gap:8px;display:flex}.home-rank{font-size:13px;font-weight:900}.home-status .growth-meta{color:#5f6278;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:800;display:flex}.home-status .growth-meta strong{color:var(--ink);font-size:20px}.home-status .growth-meta small{color:#8a8ca1;font-size:11px}.home-status .growth-track{margin-top:-6px}.home-status-foot{justify-content:space-between;align-items:center;display:flex}.home-xp{color:#78788e;align-items:center;gap:5px;font-size:10px;display:flex}.home-xp strong{color:var(--ink);font-size:16px}.home-xp .icon{width:17px;height:17px}.home-domains{grid-area:domains}.home-domains .section-title{margin-bottom:10px}.home-domains h2 small{color:#8a8ca1;margin-left:4px;font-size:11px;font-weight:800}.home-domains .domain-grid{gap:10px}.home-domains .domain-card{align-items:flex-start;min-height:88px;padding:12px 26px 12px 12px}.home-domains .domain-card .domain-icon{width:30px;height:30px}.home-domains .domain-copy strong{margin-top:2px;font-size:12px;line-height:1.5}.home-domains .domain-bottom{padding-top:8px;font-size:9px}.home-domains .domain-card{align-items:center;gap:10px;min-height:0;padding:11px 12px}.home-domains .domain-card .domain-icon{align-self:flex-start;width:28px;height:28px}.home-domains .domain-copy strong{align-items:center;min-height:36px;padding-right:10px;display:flex}.home-domains .domain-bottom{padding-top:4px}@media (width<=1050px){.home-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.home-today{gap:20px;padding:22px 24px}.home-today-actions{width:220px}.home-domains .domain-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.home-today{flex-direction:column;align-items:stretch;gap:16px}.home-today-actions{width:auto}}@media (width<=780px){.header{height:64px}.home-layout{grid-template-columns:1fr;grid-template-areas:"today""domains""status"}.home-domains .domain-grid{grid-template-columns:repeat(2,1fr)}.home-status{flex-direction:row;align-items:center;gap:16px}.home-status-mascot{flex-shrink:0;width:96px;height:auto}.home-status-mascot .shell{height:96px}.home-status-body{flex:1;min-width:0}.home-status-head{justify-content:flex-start}}@media (width<=540px){.brand{font-size:20px}.home-today{padding:20px}.home-today h1{font-size:26px}.home-status-mascot{width:72px}.home-status-mascot .shell{height:72px}.home-domains .domain-card{flex-direction:row;min-height:0;padding:11px 12px}.home-domains .domain-copy strong{margin-top:2px;font-size:12px}}.mini-progress{position:relative}.mini-progress i{position:absolute;top:0;bottom:0;left:0}.mini-progress i.seen{background:#c3d0ff}.defense-wall{gap:5px;display:flex}.defense-wall i{background:#f4f4fb;border:1.5px dashed #bfc2d4;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.defense-wall i .icon{stroke-width:2.6px;width:14px;height:14px}.defense-wall i.current{border:2px solid var(--ink);background:#fff;animation:1.2s ease-in-out infinite pulse}.defense-wall i.blocked{border:1.5px solid var(--ink);background:var(--blue);color:#fff;box-shadow:0 2px 0 var(--ink)}.defense-wall i.breached{border:1.5px solid var(--ink);color:#fff;box-shadow:0 2px 0 var(--ink);background:#ff5d73}.combo-pill{background:var(--yellow);border:1.5px solid var(--ink);letter-spacing:.5px;box-shadow:0 2px 0 var(--ink);white-space:nowrap;border-radius:99px;align-items:center;padding:4px 9px;font-family:Arial,sans-serif;font-size:11px;font-weight:950;display:inline-flex}.stamp{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:6px;animation:.9s ease-out both stamp;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.stamp strong{letter-spacing:-1px;border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:6px 22px;font-family:Arial,sans-serif;font-size:64px;font-weight:950;transform:rotate(-6deg)}.stamp-block strong{background:var(--blue);color:#fff}.stamp-breach strong{color:#fff;background:#ff5d73}.stamp span{background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:99px;padding:4px 16px;font-family:Arial,sans-serif;font-size:22px;font-weight:950}.stamp.still{animation:none}.result-wall{justify-content:center;margin:4px 0 0}.result-wall i{border-radius:9px;width:34px;height:34px}.result-wall i .icon{width:18px;height:18px}.result-card.perfect .tape-label{background:var(--yellow)}.result-stats{grid-template-columns:repeat(3,1fr)}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes hover{50%{transform:translateY(6px)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}18%{opacity:1;transform:translate(-50%,-50%)scale(.95)}28%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (width<=780px){.defense-wall i{width:20px;height:20px}.stamp strong{font-size:44px}.stamp span{font-size:17px}}.quiz-grid.single{grid-template-columns:minmax(0,1fr)}.battlefield{background:linear-gradient(#e8f0ff,#f5f8ff 70%);border-radius:20px;height:150px;margin-bottom:16px;position:relative;overflow:hidden}.bf-ground{background:#d6f1e1;border-top:2px solid #1b1d4d;height:26px;position:absolute;bottom:0;left:0;right:0}.bf-castle{width:124px;position:absolute;bottom:24px;left:10px}.bf-castle .castle{width:100%;height:auto;display:block}.bf-guard{z-index:2;width:42px;position:absolute;bottom:110px;left:94px}.bf-guard .shell{width:42px;height:auto;animation:none}.bf-enemy{width:64px;bottom:22px;left:calc(150px + (100% - 230px) * var(--spawn));z-index:3;position:absolute}.bf-enemy .threat{width:64px;height:auto;animation:1.6s ease-in-out infinite hover;display:block}.bf-incoming .bf-enemy{animation:40s cubic-bezier(.2,.6,.4,1) forwards creep}.bf-hit .bf-enemy{opacity:0}.bf-breach .bf-enemy{left:136px}.bf-hit.animate .bf-enemy{animation:.75s ease-out .3s both knockback}.bf-breach.animate .bf-enemy{animation:.45s cubic-bezier(.6,0,.9,.4) both charge}.bf-breach.animate .bf-castle{animation:.45s ease-in-out .4s both shake}.bf-arrow{background:var(--ink);z-index:4;border-radius:2px;width:34px;height:4px;animation:.32s ease-in both arrow;position:absolute;bottom:118px}.bf-arrow:after{content:"";border-left:9px solid var(--ink);border-top:6px solid #0000;border-bottom:6px solid #0000;position:absolute;top:-4px;right:-6px}.bf-arrow:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#ff7ab6;width:8px;height:10px;position:absolute;top:-3px;left:-2px}.bf-hud{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:14px}.bf-breach{background:linear-gradient(#ffe8ec,#fff5f6 70%)}@keyframes creep{0%{left:calc(150px + (100% - 230px) * var(--spawn))}to{left:calc(150px + (100% - 230px) * var(--stop))}}@keyframes knockback{0%{opacity:1;left:calc(150px + (100% - 230px) * var(--from));transform:none}20%{opacity:1;transform:translate(-4px)rotate(-12deg)scale(1.1)}to{opacity:0;left:calc(150px + (100% - 230px) * min(1.1, calc(var(--from) + .45)));transform:translateY(-30px)rotate(200deg)scale(.6)}}@keyframes charge{0%{left:calc(150px + (100% - 230px) * var(--from))}to{left:136px}}@keyframes arrow{0%{opacity:1;left:132px}90%{opacity:1}to{left:calc(150px + (100% - 230px) * var(--from) - 10px);opacity:0}}@media (width<=540px){.battlefield{height:120px;margin-bottom:12px}.bf-castle{width:96px}.bf-guard{width:34px;bottom:88px;left:72px}.bf-guard .shell{width:34px}.bf-enemy,.bf-enemy .threat{width:50px}.bf-arrow{bottom:94px}}.result-card{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:0 36px;max-width:900px;margin-top:4px;padding:28px 36px;display:grid}.result-hero{flex-direction:column;align-items:center;display:flex}.result-art{margin-top:10px}.result-art>.shell{height:140px}.result-card h1{margin:10px 0;font-size:24px}.result-body{min-width:0}.result-body .result-stats{margin:0 0 14px;padding:16px 0}.result-body .result-stats strong{font-size:28px}.result-body .result-actions{gap:10px;margin-top:16px;display:flex}.result-body .result-actions .button{flex:1;width:auto;margin:0}@media (width<=780px){.result-card{grid-template-columns:1fr;padding:22px 20px}.result-art>.shell{height:110px}.result-body{margin-top:14px}.result-body .result-actions{flex-direction:column}}.battlefield{height:116px;margin-bottom:12px}.bf-castle{width:92px;bottom:24px}.bf-guard{width:30px;bottom:94px;left:68px}.bf-guard .shell{width:30px}.bf-hud{flex-wrap:wrap;justify-content:flex-end;gap:8px;top:10px;left:120px;right:12px}.bf-hud .defense-wall i{border-radius:6px;width:20px;height:20px}.bf-hud .defense-wall i .icon{width:12px;height:12px}.bf-pause{color:#6f7290;text-underline-offset:3px;background:0 0;padding:4px 0;font-size:10px;font-weight:800;text-decoration:underline}.question-card{padding:18px 24px 20px}.question-meta{gap:12px}.question-prompt{margin:12px 0 14px;font-size:19px;line-height:1.65}.options{gap:10px}.option{min-height:50px;padding:10px 14px}@media (width>=900px){.options{grid-template-columns:1fr 1fr;display:grid}}@media (width<=780px){.bf-hud{left:104px}}@media (width<=540px){.battlefield{height:120px}.bf-hud{gap:6px;left:96px}.bf-pause{display:none}.question-prompt{font-size:17px}}.bf-guard{bottom:84px}.bf-arrow{bottom:94px}.home-tip{border:1.5px solid var(--ink);background:#fff2b8;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:11px;line-height:1.7;display:flex}.home-tip>.icon{flex-shrink:0;width:18px;height:18px}.home-tip p{flex:1}.result-body .result-actions{flex-wrap:wrap}.result-body .result-actions .pink-button{flex-basis:100%}.result-body .result-actions{flex-direction:row}.result-body .result-actions .outline-button{flex:1 1 0;min-height:44px;padding:8px 12px}.xp-pill .xp-value{font-variant-numeric:tabular-nums}.xp-pill.bump{animation:.45s ease-out bump}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.22)}60%{transform:scale(.96)}to{transform:scale(1)}}.xp-fly{left:var(--x);top:var(--y);z-index:70;pointer-events:none;color:#fff;background:var(--blue);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:99px;padding:4px 12px;font-family:Arial,sans-serif;font-size:18px;font-weight:950;animation:.7s cubic-bezier(.3,.7,.3,1) both xpFly;position:fixed;transform:translate(-50%,-50%)}@keyframes xpFly{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,calc(-50% - 18px))scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.5)}}.reward-banner{z-index:110;border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fffdfa;border-radius:16px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 18px 10px 12px;animation:2.4s ease-out both bannerIn;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.reward-banner.still{animation:none}.reward-medal{background:var(--yellow);border:2px solid var(--ink);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.reward-level .reward-medal{background:var(--blue);color:#fff}.reward-copy{flex-direction:column;line-height:1.2;display:flex}.reward-copy small{letter-spacing:1.5px;color:#6f7290;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.reward-copy strong{font-size:16px;font-weight:900}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-30px)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1.04)}18%{transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-14px)}}@media (width<=540px){.reward-banner{top:12px}}.combo-pill.tier-2{background:#ffb347}.combo-pill.tier-3{color:#fff;text-shadow:0 1px 0 var(--ink);background:linear-gradient(90deg,#ffd23f,#ff7ab6,#3b6bff)}.stamp-tier-2 strong{background:#ff9f1c;transform:rotate(-6deg)scale(1.08)}.stamp-tier-3 strong{background:linear-gradient(90deg,#ffd23f,#ff7ab6,#3b6bff);transform:rotate(-6deg)scale(1.18)}.battlefield.combo-tier-2{background:linear-gradient(#fff3d5,#fff9ec 70%)}.battlefield.combo-tier-3{box-shadow:inset 0 0 0 3px var(--yellow);background:linear-gradient(#ffe9f3,#fff6fb 70%)}.combo-tier-3 .bf-guard{animation:1s ease-in-out infinite alternate guardGlow}@keyframes guardGlow{0%{filter:drop-shadow(0 0 2px #ffd23f)}to{filter:drop-shadow(0 0 10px #ffd23f)}}.next-step{color:#c2283f;background:#fff0f2;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.next-step.good{color:#338b68;background:#e8f9ef}.next-step .icon{flex-shrink:0;width:16px;height:16px}.result-wall i{animation:wallPop .4s calc(var(--i)*.12s + .2s) cubic-bezier(.3,1.6,.5,1) both}@keyframes wallPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.result-highlights{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.highlight-pill{border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);animation:popIn .4s calc(var(--i)*.15s + .8s) cubic-bezier(.3,1.6,.5,1) both;background:#e8eaff;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.highlight-pill .icon{width:16px;height:16px}.highlight-pill.record{background:var(--yellow)}.highlight-pill small{letter-spacing:1px;background:var(--ink);color:#fff;border-radius:99px;padding:2px 6px;font-family:Arial,sans-serif;font-size:9px}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-level{border:1.5px dashed #1b1d4d40;border-radius:12px;margin:0 0 12px;padding:12px 14px}.result-level.leveled{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff3d5}.result-level-head{color:#5f6278;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.result-level .growth-track{margin-top:8px}.result-level .growth-track i{width:var(--to);animation:1.1s cubic-bezier(.2,.8,.2,1) .6s both fill}@keyframes fill{0%{width:var(--from)}to{width:var(--to)}}.result-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.badge-chip{background:var(--yellow);border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.badge-chip .icon{width:16px;height:16px}.next-badge{background:#f4f4fb;border:1.5px solid #1b1d4d20;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.next-badge.compact{margin:10px 0 0;padding:8px 10px}.next-badge-icon{border:1.5px solid var(--ink);background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.next-badge-icon .icon{width:18px;height:18px}.next-badge-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.next-badge-copy small{color:#6f7290;letter-spacing:.5px;font-size:9px;font-weight:800}.next-badge-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.next-badge-track{background:#fff;border:1px solid #1b1d4d30;border-radius:99px;height:6px;display:block;overflow:hidden}.next-badge-track i{background:var(--yellow);height:100%;transition:width .4s;display:block}.next-badge-count{white-space:nowrap;font-family:Arial,sans-serif;font-size:14px;font-weight:950}.next-badge-count small{color:#8a8ca1;font-size:10px}.streak.lit .icon{stroke:#ff6b1a;fill:#ffd23f;animation:1.4s ease-in-out infinite flicker}@keyframes flicker{50%{transform:scale(1.15)rotate(-4deg)}}.badge-total{color:#8a8ca1;margin-left:8px;font-size:14px;font-weight:800}.badge-track{background:#fff;border:1px solid #1b1d4d30;border-radius:99px;height:6px;margin-top:10px;display:block;overflow:hidden}.badge-track i{background:var(--yellow);height:100%;display:block}.result-card.looted{background:linear-gradient(#fff1f3,#fffdfa 60%)}.result-card.looted .tape-label{color:#fff;background:#ff5d73}.result-art.heist-art{width:260px;height:182px;margin:13px auto 4px}.heist{width:100%;height:100%;position:relative}.heist-castle{width:132px;position:absolute;bottom:8px;left:0}.heist-castle .castle{width:100%;height:auto;animation:.6s ease-out .2s both crumble;display:block}.heist-guard{transform-origin:50% 90%;width:54px;position:absolute;bottom:2px;left:92px;transform:rotate(78deg)}.heist-guard .shell{width:100%;height:auto;display:block}.heist-thief{width:88px;animation:1.1s ease-in-out infinite alternate flee;position:absolute;bottom:14px;right:6px}.heist-thief .threat{width:100%;height:auto;animation:none;display:block}.heist-thief .chest{width:62px;position:absolute;bottom:-4px;left:14px}.heist-dust{color:#8a8ca1;letter-spacing:2px;font-size:18px;font-weight:900;animation:1.1s ease-in-out infinite alternate dust;position:absolute;bottom:18px;right:92px}.looted-copy{color:#8c2f3f;text-align:center;max-width:280px;margin:0 0 10px;font-size:12px;line-height:1.7}.shell-sad{animation:none}@keyframes crumble{0%{transform:translate(0)}20%{transform:translate(-5px)rotate(-1deg)}40%{transform:translate(5px)rotate(1deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:none}}@keyframes flee{0%{transform:translate(0)rotate(-4deg)}to{transform:translate(8px,-6px)rotate(4deg)}}@keyframes dust{0%{opacity:.3;transform:translate(0)}to{opacity:1;transform:translate(-8px)}}@media (width<=780px){.result-art.heist-art{width:230px;height:160px}.heist-castle{width:116px}.heist-guard{width:48px;left:80px}.heist-thief{width:78px}.heist-thief .chest{width:54px;left:12px}.heist-dust{right:84px}}.domain-tag{border-radius:9px;gap:0;padding:6px}.domain-tag .icon{width:16px;height:16px}.question-prompt{font-size:21px}.option{min-height:56px;padding:12px 16px;font-size:15px;line-height:1.7}.option .icon{margin-left:auto}.home-today h1{margin:0;font-size:34px}.home-today-copy{align-items:center;display:flex}.growth-meta{margin-top:14px}.growth-meta .icon{stroke:#687d73;width:16px;height:16px}.bf-pause{border:1.5px solid var(--ink);width:28px;height:28px;box-shadow:0 2px 0 var(--ink);color:var(--ink);background:#fffdfa;border-radius:8px;padding:0;text-decoration:none;display:grid}.bf-pause .icon{width:14px;height:14px}.badge-card h2{margin-top:6px}.answer-details li strong{margin-bottom:2px;font-size:12px;display:block}@media (width<=780px){.question-prompt{font-size:19px}.option{font-size:14px}}@media (width<=540px){.bf-pause{display:none}.home-today h1{font-size:28px}}.home-status .growth-track{align-self:stretch;width:auto}.answer-dialog .takeaway{color:var(--ink);border:0;margin:0;padding:0;font-size:18px;font-weight:900;line-height:1.7;display:block}.answer-dialog .correct-answer{color:#338b68;margin-bottom:10px;font-size:15px}.answer-dialog .answer-details{margin-top:16px}.answer-dialog .answer-details .answer-explanation{margin:10px 0 12px;font-size:13px}.answer-dialog .answer-details li strong{color:var(--ink);margin-bottom:2px;font-size:12px;display:block}.answer-dialog .feedback-icon.wrong,.stamp-breach .feedback-icon{background:#ffd0d6}.mastered-tag{background:var(--yellow);border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:99px;padding:3px 9px;font-family:Arial,sans-serif;font-size:11px;font-weight:900}@media (width<=540px){.answer-dialog .takeaway{font-size:16px}}.answer-dialog .correct-answer small{color:#5f6278;margin-right:2px;font-size:12px;font-weight:800}.bf-incoming .threat-feet{animation:.5s steps(2,end) infinite stomp}.bf-incoming .threat-club{transform-origin:44px 70px;animation:.9s ease-in-out infinite alternate swing}.bf-incoming .threat-dust{animation:.9s ease-out infinite dustTrail}@keyframes stomp{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes swing{0%{transform:rotate(-8deg)}to{transform:rotate(14deg)}}@keyframes dustTrail{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translate(14px)scale(1.2)}}.bf-enemy .threat{overflow:visible}.heist-thief .threat-club,.heist-thief .threat-dust{display:none}.bf-enemy,.bf-enemy .threat{width:68px}@media (width<=540px){.bf-enemy,.bf-enemy .threat{width:60px}}.screen-flash{z-index:55;pointer-events:none;background:#ff3b5c;animation:.55s ease-out both flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.55}to{opacity:0}}#app.quake main{animation:.6s cubic-bezier(.36,.07,.19,.97) both quake}@keyframes quake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,3px)}40%,60%{transform:translate(7px,-3px)}}.bf-impact{pointer-events:none;z-index:6;width:70px;height:70px;position:absolute;bottom:44px;left:112px}.bf-impact i{background:var(--yellow);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:.6s ease-out both impact;position:absolute;inset:0}.bf-impact i+i{background:#ff5d73;animation-delay:50ms;transform:rotate(22deg)}@keyframes impact{0%{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1.3)rotate(15deg)}to{opacity:0;transform:scale(1.8)rotate(35deg)}}.bf-debris{pointer-events:none;z-index:6;position:absolute;bottom:60px;left:120px}.bf-debris i{width:var(--s);height:var(--s);border:2px solid var(--ink);animation:debris .9s var(--d) cubic-bezier(.2,.6,.6,1) both;background:#e9e4d6;border-radius:2px;position:absolute}@keyframes debris{0%{opacity:1;transform:translate(0)rotate(0)}60%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) * -1 + 60px)) rotate(var(--r))}}.bf-breach.animate .bf-guard{animation:.9s cubic-bezier(.4,0,.8,.6) .45s both guardFall}@keyframes guardFall{0%{transform:none}30%{transform:translate(6px,-14px)rotate(20deg)}to{opacity:0;transform:translate(28px,70px)rotate(160deg)}}.bf-breach.animate .bf-castle .castle{animation:.5s ease-out .42s both castleHit}@keyframes castleHit{0%{filter:none}20%{filter:brightness(1.6)sepia()saturate(6)hue-rotate(-30deg)}to{filter:none}}@media (width<=540px){.bf-impact{width:56px;height:56px;bottom:36px;left:84px}.bf-debris{bottom:50px;left:92px}}.badge-medal{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink),inset 0 -6px 0 #0000001f,inset 0 4px 0 #ffffff8c;color:var(--ink);background:#f0f1f5;position:relative;overflow:hidden}.badge-medal .shine{display:none}.rarity-bronze .badge-medal{background:radial-gradient(circle at 35% 30%,#ffd9b8,#d98a4a 55%,#9c5a26)}.rarity-silver .badge-medal{background:radial-gradient(circle at 35% 30%,#fff,#cfd6e4 50%,#8c96ad)}.rarity-gold .badge-medal{background:radial-gradient(circle at 35% 30%,#fff6c2,#ffd23f 50%,#d99a06)}.rarity-legend .badge-medal{color:#fff;text-shadow:0 1px 0 var(--ink);background:conic-gradient(from 200deg,#ff7ab6,#ffd23f,#3fdcb0,#3b6bff,#9b6bff,#ff7ab6)}.rarity-legend .badge-medal .icon{stroke:#fff;filter:drop-shadow(0 1px 0 var(--ink))}.unlocked .badge-medal .shine,.reward-banner .badge-medal .shine{background:linear-gradient(100deg,#0000,#ffffffe6,#0000);width:40%;height:140%;animation:2.6s ease-in-out infinite shine;display:block;position:absolute;top:-20%;left:-60%;transform:skew(-20deg)}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.badge-card.locked .badge-medal{color:#aeb1c4;box-shadow:none;background:#e4e5ee;border-style:dashed;border-color:#b9bccd}.badge-card.locked .badge-medal .icon{opacity:.55}.badge-card.near .badge-medal{border-style:solid;border-color:var(--ink);animation:1.6s ease-in-out infinite nearPulse}@keyframes nearPulse{50%{box-shadow:0 0 0 8px #ffd23f55,0 3px 0 var(--ink)}}.badge-card.near .badge-status{color:#c2283f;font-size:11px;font-weight:900}.badge-rarity{letter-spacing:1.5px;color:#a2a4b6;font-family:Arial,sans-serif;font-size:8px;font-weight:900;position:absolute;top:12px;left:12px}.unlocked .badge-rarity{color:var(--ink)}.badge-card.rarity-gold.unlocked{background:linear-gradient(#fffbe9,#fffdfa 60%)}.badge-card.rarity-legend.unlocked{background:linear-gradient(135deg,#fff0f7,#fff8e1,#e9fbf4,#eaf0ff);border-image:linear-gradient(135deg,#ff7ab6,#ffd23f,#3fdcb0,#3b6bff) 1}.badge-card.unlocked:after{content:"✦";color:var(--yellow);text-shadow:0 1px 0 var(--ink);font-size:18px;animation:1.8s ease-in-out infinite twinkle;position:absolute;top:10px;right:14px}@keyframes twinkle{50%{opacity:.3;transform:scale(.7)rotate(20deg)}}.badge-new{color:#fff;letter-spacing:1px;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);z-index:2;background:#ff5d73;border-radius:99px;padding:3px 8px;font-family:Arial,sans-serif;font-size:9px;font-weight:950;position:absolute;top:-8px;right:-6px;transform:rotate(8deg)}.badge-card.new{animation:1.4s ease-in-out infinite alternate newGlow}@keyframes newGlow{0%{box-shadow:0 4px 0 var(--ink)}to{box-shadow:0 4px 0 var(--ink),0 0 0 6px #ff5d7340}}.nav-item{position:relative}.nav-dot{border:1.5px solid var(--ink);background:#ff5d73;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite twinkle;position:absolute;top:6px;right:6px}.badge-chip.rarity-gold{background:linear-gradient(90deg,#fff6c2,#ffd23f)}.badge-chip.rarity-silver{background:linear-gradient(90deg,#fff,#cfd6e4)}.badge-chip.rarity-bronze{background:linear-gradient(90deg,#ffd9b8,#e4a271)}.badge-chip.rarity-legend{color:#fff;text-shadow:0 1px 0 var(--ink);background:linear-gradient(90deg,#ff7ab6,#ffd23f,#3fdcb0,#3b6bff)}.reward-banner{border-width:3px;border-radius:20px;gap:14px;padding:14px 22px 14px 14px;animation-duration:2.8s}.reward-banner .badge-medal{width:56px;height:56px;box-shadow:0 3px 0 var(--ink),inset 0 -5px 0 #0000001f;margin:0}.reward-banner .badge-medal .icon{width:28px;height:28px}.reward-banner.rarity-level .badge-medal{color:#fff;background:radial-gradient(circle at 35% 30%,#dfe7ff,#3b6bff 55%,#1f3fb3)}.reward-banner.rarity-level .badge-medal .icon{stroke:#fff}.reward-banner.rarity-gold{background:linear-gradient(#fffbe9,#fff3c4)}.reward-banner.rarity-legend{background:linear-gradient(120deg,#fff0f7,#fff8e1,#e9fbf4,#eaf0ff)}.reward-copy strong{font-size:19px}.reward-copy small{font-size:10px}.reward-sparks i{background:var(--yellow);border:1.5px solid var(--ink);border-radius:50%;width:8px;height:8px;animation:1.2s ease-out infinite spark;position:absolute}.reward-sparks i:first-child{top:-6px;left:-6px}.reward-sparks i:nth-child(2){background:#ff7ab6;animation-delay:.3s;top:40%;right:-6px}.reward-sparks i:nth-child(3){background:#3fdcb0;animation-delay:.6s;bottom:-8px;left:30%}.reward-sparks i:nth-child(4){background:#3b6bff;animation-delay:.9s;top:-8px;right:20%}@keyframes spark{0%{opacity:1;transform:scale(0)}70%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(0)}}.reward-banner.still .badge-medal .shine,.reward-banner.still .reward-sparks{display:none}.answered-controls{gap:10px;display:flex}.answered-controls .button{flex:1;width:auto}.answered-controls .outline-button{flex:none;min-width:96px}