:root{color:#202b3e;font-synthesis:none;--ink:#172338;--muted:#6b7586;--accent:#237b69;--border:#e3e7ed;--surface:#fff;background:#f6f7f9;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #865ed5}button{border:0}button:disabled{opacity:.65}button.primary:disabled{opacity:.5}.skip-link{z-index:30;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.8px;font-size:27px;line-height:1.25}h3{font-size:17px}p{line-height:1.65}.muted{color:var(--muted);font-size:14px}.eyebrow{letter-spacing:1.7px;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.tiny-line{background:#86c9b3;width:24px;height:2px}.site-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{align-items:center;gap:45px;max-width:1330px;height:87px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-caption{border-left:1px solid var(--border);letter-spacing:0;color:var(--muted);margin-left:5px;padding-left:17px;font-size:12px;font-weight:400}.brand-mark{grid-template-columns:repeat(2,7px);gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:#294c48;border-radius:1px;width:7px;height:7px}.brand-mark i:nth-child(2){background:#9fbeb1}.brand-mark i:nth-child(3){background:#cbdcd4}.header-nav{align-items:center;gap:26px;margin-left:auto;font-size:13px;display:flex}.header-nav a,.header-nav button{background:0 0;padding:12px 0;font-weight:500}.header-nav .help-button{color:#6c7785;border:1px solid #d9e1e8;border-radius:50%;width:30px;height:30px;min-height:30px;padding:0}.local-badge{white-space:nowrap;color:#61766c;border:1px solid #e0e9e3;border-radius:20px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;display:flex}.local-badge>span{background:#659b7b;border-radius:100%;width:5px;height:5px}main{max-width:1250px;margin:0 auto;padding:34px 0 65px}.hero{color:#fff;background:#142039;border-radius:14px;grid-template-columns:1fr 1fr;min-height:407px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:42px 48px;position:relative}.hero .eyebrow{color:#b5cabd}.hero h1{letter-spacing:-1.5px;margin:22px 0 17px;font-size:44px;font-weight:600;line-height:1.2}.hero h1 em{color:#a9d3c0;font-style:normal}.hero p{color:#bac6d7;margin-bottom:24px;font-size:14px;line-height:1.7}.button{border-radius:6px;justify-content:center;align-items:center;gap:22px;min-height:45px;padding:12px 20px;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s;display:inline-flex}.primary{color:#152e2a;background:#a9d3c0}.primary:hover{background:#c1e3d3}.secondary{color:var(--ink);background:#fff;border:1px solid #dbe2e9}.hero-footnote{color:#8f9eb6;letter-spacing:.4px;margin-top:17px;font-size:10px;display:block}.hero-diagram{background-image:radial-gradient(#52647b50 .8px,#0000 .8px);background-size:22px 22px;min-height:400px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12%);mask-image:linear-gradient(90deg,#0000,#000 12%)}.diagram-label{color:#8c9cb5;letter-spacing:3px;font-size:9px;position:absolute;top:38px;right:39px}.orbit{border:1px solid #4565747a;border-radius:50%;width:370px;height:210px;position:absolute;top:100px;left:70px;transform:rotate(-31deg)}.orbit-two{border-style:dashed;border-color:#43547280;width:430px;height:280px;top:68px;left:40px;transform:rotate(26deg)}.diagram-node{background:#1e3048;border:1px solid #627c8c5e;border-radius:9px;width:168px;padding:13px 17px;position:absolute;transform:rotate(-5deg);box-shadow:0 15px 45px #06101d40}.diagram-node>span{color:#9fc6c1;float:right;font-size:10px}.diagram-node>b{margin-top:16px;font-size:15px;font-weight:500;display:block}.diagram-node>small{color:#93a8bd;font-size:10px}.node-one{background:#263b49;top:68px;left:35px}.node-two{background:#354059;top:161px;left:246px;transform:rotate(6deg)}.node-three{background:#253b42;top:268px;left:99px;transform:rotate(-3deg)}.diagram-node:before{content:"";background:#adcfc1;border:4px solid #324c50;border-radius:50%;width:7px;height:7px;position:absolute;top:46px;left:-8px}.diagram-caption{letter-spacing:.6px;color:#8ea0b8;font-size:10px;position:absolute;bottom:26px;right:37px}.mode-section{margin-top:36px}.section-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.section-top h2{letter-spacing:-.4px;margin:0;font-size:21px}.section-top>span{color:var(--muted);font-size:11px}.mode-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.mode-card{text-align:left;border:1px solid var(--border);background:#fff;border-radius:8px;min-height:102px;padding:15px 17px;transition:border-color .15s,background .15s;position:relative}.mode-number{color:#8a95a5;letter-spacing:1px;font-size:10px}.mode-card strong{margin-top:5px;font-size:14px;font-weight:600;display:block}.mode-card small{color:#6f7c89;margin-top:3px;font-size:10px;display:block}.mode-dot{border:1px solid #d3dbe1;border-radius:100%;width:10px;height:10px;position:absolute;top:18px;right:15px}.selected .mode-dot{background:#fff;border:3px solid #417861}.library{margin-top:45px}.catalog-title{margin-bottom:22px}.catalog-title .eyebrow{color:#7f8b92;letter-spacing:1.4px;margin-bottom:8px;font-size:9px}.catalog-title h2{letter-spacing:-1px;align-items:center;gap:12px;font-size:28px;display:flex}.count-pill{letter-spacing:0;color:#6a7787;vertical-align:middle;background:#e7ecf0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.view-switch{border:1px solid var(--border);background:#edf0f3;border-radius:7px;padding:3px;display:flex}.view-switch button{min-height:36px;color:var(--muted);background:0 0;border-radius:4px;padding:7px 13px;font-size:11px}.view-switch [aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #14233312}.mode-summary{background:#eef1f4;border:1px solid #e1e6eb;border-radius:7px;align-items:center;gap:14px;margin-bottom:25px;padding:13px 18px;display:flex}.mode-summary p{color:#6b7586;flex:1;margin:0;font-size:12px;line-height:1.6}.mode-summary strong{color:#344159}.summary-line{background:#8cac9e;border-radius:2px;flex-shrink:0;width:3px;height:28px}.text-button{color:#3f6858;background:0 0;min-height:44px;padding:8px;font-size:12px;font-weight:600}.mode-summary .text-button{white-space:nowrap}.library-layout{grid-template-columns:218px minmax(0,1fr);gap:30px;display:grid}.sidebar h3{letter-spacing:1.3px;color:#8a94a1;margin:3px 0 11px 11px;font-size:9px}.chapter-list{flex-direction:column;gap:3px;display:flex}.chapter-button{text-align:left;color:#697589;background:0 0;border-radius:5px;justify-content:space-between;align-items:center;gap:9px;min-height:40px;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.chapter-button span{overflow-wrap:anywhere}.chapter-button small{color:#94a0ac;font-size:10px}.chapter-button.active{color:#295d49;background:#e4ede7;font-weight:600}.local-card{background:#f0f4f1;border:1px solid #e0e7e3;border-radius:7px;margin-top:25px;padding:19px}.local-card-symbol{color:#628472;margin-bottom:8px;font-size:24px;display:block}.local-card strong{font-size:12px;display:block}.local-card p{color:#839085;margin:9px 0;font-size:11px}.local-card button{color:#4c735e;background:0 0;min-height:40px;padding:5px 0;font-size:11px;font-weight:600}.toolbar{gap:12px;display:flex}.search-label{border:1px solid var(--border);background:#fff;border-radius:6px;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding:0 14px;display:flex}.search-label>span{color:#97a1af;font-size:26px;line-height:1}.search-label input{width:100%;min-width:0;height:38px;color:var(--ink);background:0 0;border:0;font-size:12px}.search-label:focus-within{outline-offset:1px;outline:2px solid #729d89}.search-label input:focus{outline:0}.search-label input::placeholder{color:#9ba5b1}.toolbar select,.mobile-chapters select{border:1px solid var(--border);color:#6b788b;background:#fff;border-radius:6px;max-width:100%;min-height:44px;padding:0 30px 0 12px;font-size:11px}.collection-meta{color:#8c96a4;justify-content:space-between;align-items:center;gap:10px;margin:16px 0;font-size:10px;display:flex}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.story-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:9px;flex-direction:column;align-items:stretch;min-height:229px;padding:19px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.story-card:hover{border-color:#9bbcab;transform:translateY(-3px);box-shadow:0 6px 25px #2033230d}.card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.category-tag{letter-spacing:.5px;color:#5c806e;background:#edf5ee;border-radius:3px;max-width:100%;padding:4px 6px;font-size:8px;font-weight:700;display:inline-block}.card-index{color:#c6cdd6;font-size:11px}.story-format{color:#919aa7;align-items:center;gap:7px;font-size:10px;display:flex}.story-format>span{color:#b1bac7}.story-card>strong{letter-spacing:-.4px;overflow-wrap:anywhere;margin:6px 0 10px;font-size:17px;font-weight:600;line-height:1.35}.story-description{color:#8a94a3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:11px;line-height:1.7;display:-webkit-box;overflow:hidden}.card-bottom{border-top:1px solid #eef0f4;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.story-status{color:#929ca9;font-size:10px}.status-passed{color:#39745b;font-weight:600}.card-arrow{color:#a0acb7;font-size:16px}.site-footer{border-top:1px solid var(--border);align-items:center;gap:25px;max-width:1250px;margin:auto;padding:27px 0 35px;display:flex}.footer-brand{letter-spacing:1.5px;color:#788695;font-size:12px;font-weight:700}.site-footer p{color:#9aa2ad;margin:0;font-size:10px}.site-footer button{color:#7b8898;white-space:nowrap;background:0 0;min-height:44px;margin-left:auto;font-size:10px}.mobile-chapters{display:none}.empty-state{text-align:center;background:#fafbfc;border:1px dashed #ced8df;border-radius:9px;padding:45px 20px}.empty-state>span{color:#92a99c;font-size:36px}.empty-state h3{margin:5px 0}.empty-state p{color:var(--muted);font-size:13px}.map-note{color:var(--muted);margin-top:12px;font-size:11px}.loading,.load-error{max-width:650px;margin:50px auto;padding:30px}.storage-warning{background:#fff5d9;border:1px solid #e2c784;border-radius:7px;margin-bottom:20px;padding:15px 20px;font-size:13px}.storage-warning button{background:0 0;min-height:44px;text-decoration:underline}.toast{color:#fff;z-index:100;pointer-events:none;background:#203e32;border:1px solid #456555;border-radius:8px;max-width:min(560px,90vw);padding:13px 22px;font-size:13px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 3px 20px #12221d30}.cooldown{color:#684d1c;z-index:110;background:#fff0cc;border:1px solid #d3b970;border-radius:8px;max-width:400px;padding:15px;font-size:13px;position:fixed;bottom:15px;right:15px;box-shadow:0 3px 20px #12221d30}.toast:popover-open{display:block}dialog{width:min(760px,100vw - 38px);max-height:calc(100dvh - 50px);color:var(--ink);overscroll-behavior:contain;background:#fff;border:1px solid #dce4e6;border-radius:14px;padding:28px 32px;box-shadow:0 30px 100px #07131a45}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b192bb0}.dialog-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dialog-top .eyebrow{color:#829487;font-size:9px}.close-button{color:#6a798b;background:#f0f3f5;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:25px}.story-heading h2{margin:14px 0 12px;font-size:31px}.story-heading .category-tag{font-size:9px}.info-box{background:#f2f4f8;border-left:3px solid #a9b4c6;border-radius:4px;margin:20px 0;padding:13px;font-size:13px}.play-panel{background:#f0f5f1;border:1px solid #dbe6dc;border-radius:8px;margin:22px 0;padding:20px}.play-panel>div>strong{font-size:16px}.play-panel p{color:#60746a;margin:8px 0 16px;font-size:13px}.story-prose{color:#566478;font-size:14px}.story-prose section{margin-top:22px}.story-prose h3{color:#263c46;margin-bottom:8px;font-size:14px}.story-prose p{white-space:pre-line;margin-bottom:0}.story-prose li{margin-bottom:9px}.story-prose summary{cursor:pointer;color:#426753;min-height:44px;padding:12px 0;font-size:14px}.related{margin-top:28px}.related>div{border-top:1px solid #e6ebee;padding:12px 0}.related button{color:#2b7057;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:44px;font-size:14px;font-weight:600;display:flex}.related p{color:#87929c;margin:4px 0;font-size:12px}.related-buttons{flex-wrap:wrap;gap:8px;display:flex}.related-buttons button{background:#fff;border:1px solid #d2ded7;border-radius:5px;min-height:44px;padding:10px;font-size:12px}.dialog-bottom{border-top:1px solid #e5e9ee;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;display:flex}.quiz-body h2{margin:22px 0 28px;font-size:27px;line-height:1.4}.quiz-caption{color:#83909f;justify-content:space-between;gap:15px;font-size:12px;display:flex}.quiz-caption>span:last-child{white-space:nowrap}.question-progress{gap:7px;margin-top:13px;display:flex}.question-progress i{background:#edf0f4;border-radius:4px;flex:1;height:4px}.answer-list{gap:10px;margin-bottom:22px;display:grid}.answer{text-align:left;background:#f9fafb;border:1px solid #dce3eb;border-radius:7px;align-items:center;gap:16px;min-height:60px;padding:17px 19px;font-size:15px;display:flex}.answer:disabled{opacity:1}.answer-index{color:#929fad;flex-shrink:0;font-size:11px}.answer>span:nth-child(2){flex:1}.answer-wrong{color:#8b4835;background:#fff0e8;border-color:#dca89a}.answer-feedback{color:#3b6350;background:#f0f6f0;border-radius:8px;margin-bottom:20px;padding:17px 20px;font-size:14px}.answer-feedback p{margin:8px 0 0;font-size:13px}.answer-feedback.incorrect{color:#78633e;background:#faf3e8}.quiz-return{margin-top:16px;display:block}.result-body{text-align:center;padding:15px 0}.result-body .eyebrow{color:#70977e;justify-content:center}.result-body h2{margin:15px 0;font-size:29px}.result-number{color:#50836b;letter-spacing:-5px;margin:20px 0;font-size:80px;font-weight:500}.result-number span{color:#c2cbc6;letter-spacing:0;margin-left:12px;font-size:35px}.result-body>p{font-size:14px}.result-actions{justify-content:center;gap:12px;margin:22px 0;display:flex}.progress-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:25px 0;display:grid}.progress-modes section{background:#f5f8f5;border:1px solid #dde5e0;border-radius:8px;flex-direction:column;gap:6px;padding:18px;display:flex}.progress-modes strong{font-size:14px}.progress-modes span{color:#879788;font-size:12px}.progress-modes b{color:#456950;margin:4px 0;font-size:24px;font-weight:500}.progress-modes progress{accent-color:#659b76;width:100%;height:6px}.save-actions{gap:10px;margin:20px 0;display:flex}.file-label{cursor:pointer;position:relative;overflow:hidden}.file-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-label:focus-within{outline-offset:4px;outline:3px solid #865ed5}.achievements{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.achievement{color:#8a95a3;background:#fafbfc;border:1px solid #e4e8ed;border-radius:7px;gap:10px;padding:13px;display:flex}.achievement>span{font-size:20px}.achievement strong{font-size:12px}.achievement p{margin:5px 0;font-size:11px}.achievement small{font-size:10px}.achievement.earned{color:#416945;background:#edf5ed;border-color:#abc9ad}.danger-zone{border-top:1px solid #e3e7ec;margin-top:30px;padding-top:20px}.danger-zone p{color:#8a7c76;font-size:12px}.danger{color:#9c5642;background:#faf1ec;border:1px solid #e7d2c6}.help-modes section{margin-top:20px}.help-modes h3{margin-bottom:6px}#hard-form{flex-direction:column;align-items:flex-start;gap:12px;display:flex}#hard-form label{font-size:13px;font-weight:600}#hard-answer{border:1px solid #bfcfc3;border-radius:6px;width:100%;padding:13px 15px;font-size:18px}.hard-feedback{color:#87683c;min-height:20px;margin-top:18px;font-size:14px}@media (min-width:1500px){main,.site-footer{max-width:1320px}.header-inner{max-width:1400px}.hero-diagram{margin-left:45px}.hero-copy{padding:46px 52px}.hero h1{font-size:48px}.story-card{min-height:240px}}@media (max-width:1320px){main,.site-footer{margin:0 34px}.header-inner{gap:25px;padding:0 34px}.brand-caption{display:none}.hero-copy{padding:38px}.hero h1{font-size:39px}.hero-diagram{transform-origin:100%;transform:scale(.94)}.library-layout{grid-template-columns:192px minmax(0,1fr);gap:24px}.story-grid{gap:12px}.story-card{padding:15px}.story-card>strong{font-size:16px}.category-tag{font-size:7px}.hero{min-height:390px}}@media (max-width:1050px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-diagram{transform-origin:0 0;min-width:460px;margin-bottom:-65px;transform:scale(.85)}.hero{grid-template-columns:1.1fr .9fr;min-height:380px}.hero h1{font-size:34px}.hero-copy{padding:32px}.hero p{font-size:13px}.mode-card{padding:13px}.mode-card strong{font-size:12px}.mode-card small,.mode-number{font-size:9px}.local-badge{display:none}.site-footer{align-items:flex-start}.site-footer button{white-space:normal}.mode-summary{align-items:flex-start}.mode-summary .text-button,.mode-summary p{font-size:11px}}@media (max-width:760px){main{margin:0 20px;padding-top:20px}.header-inner{gap:15px;height:70px;padding:0 20px}.brand{letter-spacing:1.5px;font-size:17px}.header-nav{gap:16px;font-size:11px}.header-nav>a{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{z-index:1;background:linear-gradient(110deg,#142039 45%,#142039b0);max-width:100%;padding:32px}.hero h1{font-size:38px}.hero-diagram{opacity:.35;width:500px;min-height:390px;position:absolute;top:10px;right:-170px;transform:scale(.8);-webkit-mask-image:linear-gradient(90deg,#0000,#000 80%);mask-image:linear-gradient(90deg,#0000,#000 80%)}.hero .eyebrow{font-size:9px}.hero p{font-size:13px}.hero-footnote{font-size:9px}.mode-section{margin-top:28px}.section-top{align-items:flex-end}.section-top h2{font-size:19px}.section-top>span{display:none}.mode-grid{scroll-snap-type:x proximity;gap:9px;margin:0 -2px;padding:2px 2px 10px;display:flex;overflow:auto}.mode-card{scroll-snap-align:start;flex:0 0 150px;min-height:100px}.mode-card strong{font-size:13px}.mode-card small{font-size:10px}.library{margin-top:26px}.catalog-title{align-items:flex-end;gap:14px}.catalog-title h2{font-size:23px}.catalog-title .eyebrow{letter-spacing:1px;font-size:8px}.view-switch button{min-height:38px;padding:7px 9px;font-size:10px}.count-pill{padding:3px 6px;font-size:9px}.catalog-title h2{gap:8px}.library-layout{grid-template-columns:1fr;gap:0}.sidebar{display:none}.mobile-chapters{color:var(--muted);align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.mobile-chapters select{flex:1}.mode-summary{flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:12px}.mode-summary .summary-line{display:none}.mode-summary p{flex-basis:100%;font-size:12px}.mode-summary .text-button{min-height:34px;padding:0;font-size:12px}.toolbar{gap:8px}.search-label{padding:0 10px}.toolbar select{max-width:143px;padding-left:8px;font-size:10px}.search-label input{font-size:11px}.collection-meta{align-items:flex-start;margin:14px 0;font-size:9px;line-height:1.5}.collection-meta span:last-child{text-align:right}.story-grid{gap:12px}.story-card{min-height:220px;padding:16px}.story-card>strong{font-size:17px}.story-card .category-tag{font-size:7px}.card-top{gap:5px;margin-bottom:20px}.site-footer{flex-wrap:wrap;gap:12px;margin:0 20px;padding-top:22px}.site-footer p{flex-basis:100%;font-size:10px}.site-footer button{margin-left:0;padding-left:0}.site-footer .footer-brand{font-size:11px}.dialog-top{margin-bottom:16px}dialog{border-radius:10px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px}.story-heading h2{font-size:26px}.quiz-body h2{font-size:23px}.answer{gap:12px;padding:14px;font-size:14px}.answer-index{font-size:10px}.progress-modes{gap:10px}.progress-modes section{padding:13px}.progress-modes b{font-size:21px}.achievements{grid-template-columns:1fr}.save-actions{flex-direction:column;align-items:stretch}.result-actions,.dialog-bottom{flex-wrap:wrap}.dialog-bottom .button{white-space:nowrap;flex:1;padding:12px}.result-number{font-size:68px}.toast{padding:12px 16px;font-size:12px;bottom:16px}.cooldown{max-width:calc(100vw - 24px);font-size:12px;bottom:12px;right:12px}.quiz-caption{font-size:10px}}@media (max-width:420px){.header-nav{gap:12px}.header-nav button{font-size:10px}.header-nav .help-button{width:27px;height:27px}.brand{gap:9px;font-size:15px}.brand-mark{grid-template-columns:repeat(2,6px);gap:2px}.brand-mark i{width:6px;height:6px}.hero-copy{padding:27px 24px}.hero h1{font-size:32px}.catalog-title{flex-wrap:wrap;gap:14px}.view-switch{width:100%}.view-switch button{flex:1}.story-grid{grid-template-columns:1fr}.story-card{min-height:206px}.story-card>strong{font-size:20px}.story-description{font-size:12px}.story-format{font-size:11px}.story-card .category-tag{font-size:8px}.story-status{font-size:11px}.card-top{margin-bottom:17px}.collection-meta{flex-wrap:wrap;gap:3px}.collection-meta span:last-child{text-align:left;flex-basis:100%}.toolbar{flex-wrap:wrap}.toolbar .search-label{flex-basis:100%}.toolbar select{width:100%;max-width:none}.hero-footnote{font-size:9px}.dialog-bottom .button{white-space:normal}.result-body h2{font-size:25px}.play-panel{padding:15px}.story-prose{font-size:13px}.progress-modes strong{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.dialog-cooldown{color:#684d1c;background:#fff0cc;border:1px solid #d3b970;border-radius:7px;margin-bottom:18px;padding:12px 15px;font-size:13px}.graph-shell{--graph-bg:#0c1426;--graph-surface:#152139;--graph-border:#30435d;--graph-text:#edf3fc;--graph-muted:#a4b3cb;--graph-accent:#6de0ce;color:var(--graph-text);background:var(--graph-bg);border:1px solid var(--graph-border);isolation:isolate;border-radius:20px;overflow:hidden}.graph-toolbar{border-bottom:1px solid var(--graph-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.graph-summary{gap:4px;display:grid}.graph-label{font-size:14px;font-weight:700}.graph-count{color:var(--graph-muted);font-size:12px}.graph-controls{align-items:center;gap:6px;display:flex}.graph-controls[hidden]{display:none}.graph-tool{border:1px solid var(--graph-border);background:var(--graph-surface);min-width:44px;min-height:44px;color:var(--graph-text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:8px 12px;font-size:22px;line-height:1;display:inline-flex}.graph-tool:hover{border-color:var(--graph-accent);background:#1c3047}.graph-tool:disabled{cursor:default;opacity:.45}.graph-tool:focus-visible,.graph-node:focus-visible{outline-offset:3px;outline:3px solid #b8a6ff}.graph-fit{font-size:12px;font-weight:650}.graph-zoom{min-width:42px;color:var(--graph-muted);text-align:center;font:12px/1.4 ui-monospace,monospace}.graph-viewport{touch-action:none;overscroll-behavior:contain;background-color:var(--graph-bg);cursor:grab;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle,#52658240 1px,#0000 1px);background-size:24px 24px;width:100%;height:clamp(360px,64vh,720px);position:relative;overflow:hidden}.graph-viewport:focus-visible{outline-offset:-4px;outline:3px solid #b8a6ff}.graph-viewport.graph-panning,.graph-viewport.graph-panning *{cursor:grabbing}.graph-world{pointer-events:none;position:absolute;inset:0}.graph-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.graph-edge{cursor:pointer;outline:none}.graph-edge-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke}.graph-edge-line{fill:none;stroke:#6e8ba5;stroke-width:var(--graph-line-width,1.5px);pointer-events:none;opacity:.65}.graph-edge[data-type=context] .graph-edge-line{stroke:#d6bd77;stroke-dasharray:6 5}.graph-shell:not(.graph-has-selection) .graph-edge:hover .graph-edge-line,.graph-edge:focus-visible .graph-edge-line,.graph-edge-selected .graph-edge-line{stroke:var(--graph-accent);stroke-width:max(3px, calc(var(--graph-line-width,1.5px) * 2));opacity:1}.graph-node{transform-origin:0 0;pointer-events:auto;box-sizing:border-box;border:1px solid #526987;border-left:3px solid var(--graph-category,var(--graph-accent));background:var(--graph-surface);color:var(--graph-text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:stretch;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;box-shadow:0 5px 20px #0003}.graph-node-open{min-height:0;color:inherit;text-align:left;font:inherit;background:0 0;border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:12px 14px;display:flex}.graph-node-skip{border-top:1px solid var(--graph-border);min-height:30px;color:var(--graph-text);background:#30242b;border-radius:0 0 10px 10px;flex-shrink:0;padding:4px 8px;font-size:11px}.graph-node:has(.graph-node-skip) .graph-node-open{gap:3px;padding-block:7px}.graph-node:has(.graph-node-skip) .graph-node-state{display:none}.graph-node-open:focus-visible,.graph-node-skip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.graph-node:not(.graph-node-dimmed):hover{border-color:var(--graph-accent);background:#20314b}.graph-node-meta{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.graph-node-chapter{color:var(--graph-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;overflow:hidden}.graph-node-status{color:var(--graph-accent);font-size:12px;line-height:1}.graph-node-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:15px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.graph-node-state{color:var(--graph-muted);font-size:10px;line-height:1.3}.graph-hint{color:var(--graph-muted);border-top:1px solid var(--graph-border);margin:0;padding:12px 20px 0;font-size:12px;line-height:1.6}.graph-note{color:#d6e5f6;overflow-wrap:anywhere;min-height:20px;margin:0;padding:6px 20px 15px;font-size:12px;line-height:1.65}.graph-hint[hidden],.graph-note[hidden]{display:none}.graph-empty{max-width:480px;color:var(--graph-muted);text-align:center;place-content:center;margin:auto;padding:28px;font-size:15px;line-height:1.7;display:grid;position:absolute;inset:0}.graph-help-button{border-radius:50%;font-size:15px;font-weight:700}.graph-help{border:1px solid var(--border);background:var(--surface);width:min(360px,100vw - 24px);color:var(--ink);border-radius:12px;margin:0;padding:16px;font-size:13px;position:fixed;inset:auto 12px auto auto;overflow:auto;box-shadow:0 12px 40px #0008}.graph-help p{color:var(--muted);margin:12px 0 0}.graph-popup-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.graph-popup-close{background:var(--surface-raised);width:32px;height:32px;color:var(--ink);border-radius:6px;flex-shrink:0;font-size:22px}.graph-connection-popup{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:8px;width:min(460px,100% - 24px);max-height:40%;padding:12px;display:flex;position:absolute;bottom:12px;left:12px;overflow:auto;box-shadow:0 8px 32px #0008}.graph-connection-popup .graph-note{flex:1;margin:0;padding:0;font-size:12px}@media (pointer:fine){.graph-tool{border-radius:7px;min-width:32px;min-height:32px;padding:6px 9px}.graph-help-button{border-radius:50%;width:32px;height:32px}}@media (pointer:coarse){.graph-popup-close{width:44px;height:44px}}@media (max-width:600px){.graph-shell{border-radius:14px}.graph-toolbar{gap:10px;padding:12px}.graph-summary{flex:120px}.graph-controls{gap:3px}.graph-tool{padding-inline:9px}.graph-zoom{min-width:34px;font-size:11px}.graph-fit{font-size:11px}.graph-hint{padding:10px 12px 0;font-size:11px}.graph-note{padding:5px 12px 12px}.graph-viewport{height:58vh;min-height:340px}}.graph-connection-popup .graph-note{min-width:0;font-size:14px;line-height:1.6}.graph-note-kind{color:var(--graph-muted);margin-bottom:4px;font-size:11px;display:block}.graph-note-heading{color:var(--graph-text);font-size:14px;line-height:1.4;display:block}.graph-note-description{margin-top:9px;display:block}body{overflow:hidden}#app{height:100vh;flex-direction:column;height:100dvh;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:#fff;flex:0 0 52px;align-items:center;gap:18px;padding:0 16px 0 12px;display:flex}.menu-toggle{background:#f1f4f6;border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.menu-toggle:hover{background:#e2ece7}.hamburger{gap:5px;display:grid}.hamburger i{background:#314636;border-radius:2px;width:20px;height:2px}.app-brand{letter-spacing:2px;font-size:17px;font-weight:800}.app-nav{gap:6px;height:100%;margin:0}.app-nav button{color:#677586;border-radius:7px;min-height:44px;padding:0 15px;font-size:13px}.app-nav button:hover{background:#f3f6f5}.app-nav [aria-pressed=true]{color:#245b48;background:#e7f0eb}.account-button{color:#f3fff8;white-space:nowrap;background:#193d35;border-radius:7px;justify-content:center;align-items:center;gap:18px;min-height:44px;margin-left:auto;padding:0 18px;font-size:13px;font-weight:600;display:flex}.account-button:hover{background:#2b584a}main.workspace{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:flex}.workspace-toolbar{background:#f6f7f9;flex-shrink:0;align-items:center;gap:20px;padding:5px 16px;display:flex}.workspace-toolbar .search-label{max-width:460px}.mode-trigger{text-align:left;background:0 0;min-width:140px;min-height:44px;padding:0}.mode-trigger span{color:#778292;font-size:10px;display:block}.mode-trigger strong{font-size:14px;font-weight:600}.resume-button{margin-left:auto}.workspace #collection-content{flex:1;min-height:0;overflow:auto}.cards-workspace #collection-content{padding:12px 24px 32px}.cards-workspace .story-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.map-workspace #story-map{height:100%}.map-workspace .graph-shell{border:0;border-radius:0;flex-direction:column;height:100%;display:flex}.map-workspace .graph-toolbar{flex-shrink:0;gap:8px;padding:4px 16px}.map-workspace .graph-summary{align-items:center;gap:12px;display:flex}.map-workspace .graph-stage{flex:1;min-height:0;position:relative}.map-workspace .graph-viewport{height:100%;min-height:0}.workspace .empty-state{margin:24px}.workspace .storage-warning{border-radius:0;flex-shrink:0;max-height:22vh;margin:0;overflow:auto}dialog.sections-drawer{width:min(360px,100vw - 40px);height:100%;border:0;border-radius:0 16px 16px 0;height:100dvh;max-height:none;margin:0;padding:24px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sections-drawer::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b192b80}.drawer-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.drawer-heading .eyebrow{color:#748c7e;font-size:9px}.drawer-heading h2{margin:7px 0 0;font-size:25px}.sections-drawer .chapter-button{min-height:44px;font-size:13px}.sections-drawer .chapter-button small{font-size:11px}.drawer-modes{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.drawer-modes h3{font-size:14px}.drawer-modes .mode-grid{grid-template-columns:1fr;gap:8px;margin:0;padding:0;display:grid;overflow:visible}.drawer-modes .mode-card{min-height:72px;padding:12px 16px}.drawer-modes .mode-card strong{margin:0;font-size:14px}.drawer-modes .mode-card small{font-size:11px}.drawer-description,.drawer-footnote{color:#758274;margin:16px 0;font-size:12px}.drawer-filter{gap:8px;font-size:13px;font-weight:600;display:grid}.drawer-filter select{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px;font-size:13px}.drawer-links{border-top:1px solid var(--border);margin-top:24px;padding-top:14px;display:grid}.drawer-links button{color:#355b4b;text-align:left;background:0 0;justify-content:space-between;align-items:center;min-height:44px;font-size:13px;display:flex}.drawer-footnote{font-size:11px}@media (pointer:fine){.menu-toggle{width:36px;height:36px}.app-nav button,.account-button{min-height:36px}.workspace-toolbar .search-label{height:36px}.workspace-toolbar .search-label input{height:32px}.mode-trigger,.resume-button{min-height:36px}.resume-button{padding-block:8px}}@media (max-width:850px){.app-header{gap:14px;padding-right:16px}.app-nav .wide-nav{display:none}.workspace-toolbar{gap:12px}}@media (max-width:600px){.app-header{flex-basis:52px;gap:10px;padding:0 12px}.app-brand{display:none}.app-nav{gap:2px}.app-nav button{padding:0 12px;font-size:12px}.account-button{gap:8px;padding:0 13px;font-size:12px}.account-button span{display:none}.workspace-toolbar{gap:10px;padding:4px 12px}.mode-trigger{min-width:98px;max-width:125px}.mode-trigger strong{font-size:12px}.workspace-toolbar .search-label{padding:0 10px}.workspace-toolbar .search-label input{font-size:12px}.resume-button{display:none}.map-workspace .graph-toolbar{gap:6px;padding:3px 12px}.map-workspace .graph-summary{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.map-workspace .graph-label{font-size:12px}.map-workspace .graph-count{font-size:10px}.map-workspace .graph-controls{justify-content:flex-end;width:100%}.cards-workspace #collection-content{padding:8px 12px 24px}}@media (max-width:380px){.map-workspace .graph-zoom{clip-path:inset(50%);width:1px;min-width:0;height:1px;position:absolute;overflow:hidden}}@media (max-height:500px) and (orientation:landscape){.app-header{flex-basis:48px}.workspace-toolbar{padding-block:4px}.map-workspace .graph-summary{flex-basis:auto}.map-workspace .graph-controls{width:auto}}.app-header{flex-basis:52px;gap:10px;min-height:52px}.app-brand,.app-nav,.mode-trigger,#map-controls-host,.resume-button,.account-button{flex-shrink:0}.app-header .app-nav button{white-space:nowrap;padding-inline:10px}.app-header .workspace-toolbar{background:0 0;flex:1;gap:12px;min-width:0;padding:0}.app-header .mode-trigger{white-space:nowrap;min-width:0;padding-inline:4px}.app-header .mode-trigger strong{font-size:12px}.app-header .search-label{flex:1;min-width:90px;max-width:360px;padding-inline:10px}.app-header .search-label input{width:100%;min-width:0;font-size:12px}.app-header .resume-button,.app-header .account-button{gap:8px;margin-left:0;padding-inline:12px;font-size:12px}#map-controls-host:empty{display:none}#map-controls-host .graph-toolbar{background:0 0;border:0;gap:0;padding:0}#map-controls-host .graph-summary{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#map-controls-host .graph-controls{gap:4px}#map-controls-host .graph-zoom{min-width:32px;font-size:10px}#map-controls-host .graph-tool{border-radius:7px;min-width:34px;min-height:36px;padding:6px 8px;font-size:18px}#map-controls-host .graph-fit{font-size:11px}#map-controls-host .graph-help-button{font-size:14px}.map-tools-toggle{background:var(--surface-raised);width:44px;height:44px;color:var(--ink);border-radius:8px;font-size:25px}.graph-toolbar[popover]:not(:popover-open){display:none!important}.chapter-dropdown{border-block:1px solid var(--border);margin-top:18px}.chapter-dropdown summary{cursor:pointer;min-height:50px;padding:14px 0;font-size:14px;font-weight:650}.chapter-dropdown summary span{color:var(--muted);margin:6px 0 0 16px;font-size:11px;font-weight:400;display:block}.chapter-dropdown .chapter-list{padding-bottom:12px}.drawer-view{margin-top:22px}.drawer-view h3{font-size:14px}.view-mode{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--ink);text-align:left;border-radius:8px;gap:5px;padding:12px 16px;display:grid}.view-mode small{color:var(--muted);font-size:11px}.view-mode.selected{background:var(--accent-soft);border-color:var(--accent)}.drawer-search{min-width:0}.drawer-search input{width:100%;min-width:0}.drawer-resume{width:100%;margin-top:12px}@media (max-width:1600px){.app-header .wide-nav{display:none}}@media (max-width:1100px){#map-controls-host .graph-toolbar[popover]{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:calc(100vw - 16px);margin:0;padding:10px;position:fixed;inset:58px 8px auto auto;box-shadow:0 8px 30px #0007}#map-controls-host .graph-tool{min-width:40px;min-height:44px}.app-header .app-brand{display:none}}@media (max-width:760px){.app-header{gap:6px;padding-inline:8px}.app-header .workspace-toolbar,.app-header .resume-button{display:none}.app-header #map-controls-host,.app-header .account-button{margin-left:auto}.app-header .app-nav button{padding-inline:8px}.graph-help{z-index:60}}.story-search{min-width:0;position:relative}.app-header{z-index:45;position:relative}.workspace-toolbar .story-search{flex:1;max-width:360px}.app-header .story-search .search-label{max-width:none}.search-results{background:var(--surface);width:max(100%,290px);max-width:calc(100vw - 24px);max-height:min(430px,70dvh);color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 30px #0008}.search-results button{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border-radius:6px;gap:4px;padding:10px;display:grid}.search-results button:hover,.search-results [aria-selected=true]{background:var(--accent-soft)}.search-results strong{font-size:13px}.search-results small,.search-status{color:var(--muted);font-size:11px}.search-status{margin:6px 8px;line-height:1.5}.sections-drawer .search-results{width:100%;max-height:40dvh;margin-top:6px;position:static}:root{--story-panel-width:clamp(300px, 20vw, 480px)}body.story-panel-open main.workspace{width:calc(100% - var(--story-panel-width))}dialog.story-panel{z-index:40;width:var(--story-panel-width);border:0;border-left:1px solid var(--border);border-radius:0;max-width:none;height:calc(100dvh - 52px);max-height:none;margin:0;padding:0;position:fixed;inset:52px 0 0 auto;overflow:hidden;box-shadow:-12px 0 36px #0005}dialog.story-panel[open]{flex-direction:column;animation:.18s ease-out story-panel-enter;display:flex}.story-panel .dialog-top{border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:12px 16px}.story-panel .dialog-top .eyebrow{letter-spacing:1px;font-size:9px}.story-panel .detail-scroll{overscroll-behavior:contain;min-height:0;padding:20px 16px max(20px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.story-panel .story-heading h2{overflow-wrap:anywhere;font-size:23px}.story-panel .muted,.story-panel .story-prose,.story-panel .play-panel p{font-size:12px}.story-panel .play-panel{margin:16px 0;padding:14px}.story-panel .button{gap:10px;width:100%}.story-panel .dialog-bottom,.story-panel .result-actions{flex-direction:column}.story-panel .quiz-body h2{margin:16px 0 20px;font-size:21px}.story-panel .quiz-caption{flex-wrap:wrap;font-size:11px}.story-panel .answer{gap:10px;padding:12px;font-size:13px}.story-panel .answer-feedback{padding:14px;font-size:13px}.story-panel .result-body h2{font-size:23px}.story-panel .result-number{margin:16px 0;font-size:60px}.story-panel .related{margin-top:20px}.story-panel .related button{font-size:13px}.sheet-handle{display:none}@keyframes story-panel-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes story-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:760px){body.story-panel-open main.workspace{width:100%}dialog.story-panel{width:100%;height:var(--sheet-height,calc(88px + env(safe-area-inset-bottom)));border:1px solid var(--border);border-bottom:0;border-radius:18px 18px 0 0;max-height:94dvh;transition:height .18s ease-out;inset:auto 0 0;box-shadow:0 -12px 40px #0007}dialog.story-panel[open]{animation-name:story-sheet-enter}dialog.story-panel.sheet-expanded{height:var(--sheet-height,92dvh)}dialog.story-panel.sheet-dragging{transition:none}.sheet-handle{width:100%;min-height:40px;color:var(--muted);touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:8px;display:flex}.sheet-grip{background:var(--accent-text);border-radius:4px;width:38px;height:4px}.sheet-handle-label{font-size:10px;line-height:1}.sheet-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--ink);font-size:14px;overflow:hidden}.sheet-expanded .sheet-title{display:none}.story-panel:not(.sheet-expanded) .sheet-handle{gap:8px;min-height:84px;padding-inline:52px}.story-panel:not(.sheet-expanded):not(.sheet-dragging) .detail-scroll{visibility:hidden}.story-panel:not(.sheet-expanded) .dialog-top{border:0;height:0;padding:0}.story-panel:not(.sheet-expanded) .dialog-top .eyebrow{display:none}.story-panel:not(.sheet-expanded) .dialog-top .close-button{position:absolute;top:24px;right:8px}.story-panel .dialog-top{padding:0 14px 8px}.story-panel .detail-scroll{padding:14px 16px max(20px, env(safe-area-inset-bottom))}.story-panel .story-heading h2{margin:10px 0}}.account-content{max-width:620px;margin:0 auto}.account-content h2{margin:12px 0 18px;font-size:clamp(24px,5vw,34px);line-height:1.15}.account-content p{line-height:1.6}.account-lead{color:var(--muted);font-size:16px}.welcome-steps{gap:16px;margin:26px 0;padding-left:24px;display:grid}.welcome-steps li::marker{color:var(--accent-text);font-weight:700}.welcome-steps strong,.welcome-steps span{display:block}.welcome-steps span{color:var(--muted);margin-top:4px;line-height:1.5}.account-benefits{background:#351820;border:1px solid #713244;border-radius:12px;padding:16px}.account-benefits p{margin-bottom:0}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.account-form{gap:12px;margin:20px 0;display:grid}.account-form label{gap:7px;font-size:14px;display:grid}.account-form input{width:100%;min-height:44px;color:var(--text);font:inherit;background:#0c0c0f;border:1px solid #65424f;border-radius:8px;padding:10px 12px;font-size:16px}.account-form input:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.account-form small{color:var(--muted)}.account-form .account-checkbox{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.account-checkbox input{accent-color:#cf2340;flex-shrink:0;width:20px;min-height:20px}.account-error{color:#ffadbd;background:#381820;border-radius:8px;padding:10px}.account-error[hidden]{display:none}.account-privacy,.account-danger{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;line-height:1.6}.account-privacy summary,.account-danger summary{cursor:pointer}.account-conflict{border:1px solid #b67c47;border-radius:12px;padding:16px}.account-conflict button{margin:6px 0}.mode-card.account-required small{color:#eaa7b6}.account-button{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}@media (max-width:600px){.account-actions{flex-direction:column;align-items:stretch}.account-actions .button,.account-form .button{width:100%;min-height:44px}.account-content h2{margin-top:8px}.welcome-steps{gap:12px;margin-block:18px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0c0c0f;--surface:#151519;--surface-raised:#201d23;--surface-hover:#2b2229;--ink:#f4f1f2;--muted:#b8acb1;--border:#40363d;--accent:#cf2340;--accent-hover:#b51c36;--accent-text:#ff94a5;--accent-soft:#351820;--focus:#ff9eae;--category-main:#f0526d;--category-branch:#e5a3b0;--category-side:#aaa0a6;color:var(--ink);background:var(--page);accent-color:var(--accent);scrollbar-color:#66515b var(--surface)}::selection{color:#fff;background:#8e243b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-label:focus-within{outline-color:var(--focus)}.skip-link{background:var(--surface-raised);color:var(--ink)}.app-header,.workspace-toolbar{background:var(--surface)}.app-header{border-bottom-color:#5b2532}.app-brand{color:var(--ink)}.menu-toggle,.close-button{background:var(--surface-raised);color:var(--ink)}.menu-toggle:hover,.close-button:hover{background:var(--surface-hover)}.hamburger i{background:var(--accent-text)}.app-nav button,.mode-trigger span{color:var(--muted)}.app-nav button:hover{background:var(--surface-hover);color:var(--ink)}.app-nav [aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.account-button,.primary{background:var(--accent);color:#fff}.account-button:hover,.primary:hover{background:var(--accent-hover)}.secondary,.related-buttons button{background:var(--surface-raised);color:var(--ink);border-color:var(--border)}.secondary:hover{background:var(--surface-hover)}.text-button,.drawer-links button{color:var(--accent-text)}.search-label,.drawer-filter select{background:var(--page);border-color:var(--border);color:var(--ink)}.search-label>span,.search-label input::placeholder{color:var(--muted)}.search-label:focus-within{outline-color:var(--focus)}dialog{background:var(--surface);color:var(--ink);border-color:var(--border);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b}.sections-drawer::backdrop{background:#0009}.drawer-heading .eyebrow,.dialog-top .eyebrow,.result-body .eyebrow{color:var(--accent-text)}.drawer-description,.drawer-footnote,.chapter-button,.chapter-button small{color:var(--muted)}.chapter-button:hover{background:var(--surface-hover)}.chapter-button.active{background:var(--accent-soft);color:var(--ink)}.chapter-button.active small{color:var(--accent-text)}.mode-card{background:var(--surface-raised);border-color:var(--border)}.mode-card:hover{border-color:var(--accent-text)}.mode-card.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.mode-card small,.mode-number{color:var(--muted)}.mode-dot{border-color:var(--muted)}.selected .mode-dot{border-color:var(--accent-text);background:var(--surface)}.count-pill{background:var(--surface-raised);color:var(--muted)}.story-card{background:var(--surface);border-color:var(--border)}.story-card:hover{border-color:var(--accent-text);box-shadow:0 6px 25px #0005}.story-card.passed{border-color:#a06b78}.category-tag{background:var(--accent-soft);color:var(--accent-text)}.extra-story .category-tag{color:var(--category-branch);background:#2c2029}.side-story .category-tag{color:#d1c5cc;background:#262329}.card-index,.story-format,.story-format>span,.story-description,.story-status,.card-arrow{color:var(--muted)}.status-open{color:var(--accent-text)}.status-passed{color:var(--ink)}.card-bottom,.dialog-bottom,.related>div,.danger-zone{border-color:var(--border)}.empty-state{background:var(--surface);border-color:var(--border)}.empty-state>span{color:var(--accent-text)}.info-box{background:var(--surface-raised);border-color:var(--accent)}.play-panel{background:#21171d;border-color:#5b303e}.play-panel p,.story-prose,.related p{color:#d0c4ca}.story-prose h3{color:var(--ink)}.story-prose summary,.related button{color:var(--accent-text)}.story-sources{margin:20px 0;font-size:12px}.story-sources summary{cursor:pointer;padding:10px 0}.story-sources a{color:var(--accent-text);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.story-sources li{margin:8px 0}.quiz-caption,.answer-index{color:var(--muted)}.question-progress i{background:var(--border)}.question-progress .filled{background:var(--accent)}.answer{background:var(--surface-raised);border-color:var(--border)}.answer:not(:disabled):hover{background:var(--accent-soft);border-color:var(--accent-text)}.answer-correct{color:#fff;background:#302b30;border-color:#d3c4cb}.answer-wrong{background:var(--accent-soft);border-color:var(--accent);color:#ffafbc}.answer-feedback{color:var(--ink);background:#292329}.answer-feedback.incorrect{background:var(--accent-soft);color:#ffafbc}.result-number{color:var(--accent-text)}.result-number span{color:var(--muted)}.progress-modes section{background:var(--surface-raised);border-color:var(--border)}.progress-modes span{color:var(--muted)}.progress-modes b{color:var(--accent-text)}.progress-modes progress{accent-color:var(--accent)}.achievement{background:var(--surface-raised);border-color:var(--border);color:var(--muted)}.achievement.earned{background:var(--accent-soft);color:#ffd5de;border-color:#915064}.danger-zone p{color:var(--muted)}.danger{background:var(--accent-soft);color:#ffafbc;border-color:#915064}#hard-answer{background:var(--page);color:var(--ink);border-color:#79616c}.hard-feedback{color:#ffafbc}.hard-feedback.correct{color:var(--ink)}.toast{color:var(--ink);background:#302129;border-color:#915064}.storage-warning,.cooldown,.dialog-cooldown{background:var(--accent-soft);color:#ffced9;border-color:#a75a70}#map-controls-host,.graph-shell{--graph-bg:#0b0a0d;--graph-surface:#211a20;--graph-border:#4e3440;--graph-text:var(--ink);--graph-muted:var(--muted);--graph-accent:var(--accent-text)}.graph-toolbar{background:#121014}.graph-viewport{background-image:radial-gradient(circle,#74414e55 1px,#0000 1px)}.graph-tool:hover,.graph-node:not(.graph-node-dimmed):hover{background:#37202a}.graph-tool:focus-visible,.graph-node:focus-visible,.graph-viewport:focus-visible{outline-color:var(--focus)}.graph-edge-line{stroke:#bd7386}.graph-edge[data-type=context] .graph-edge-line{stroke:#eaa7b6}.graph-edge[data-type=route] .graph-edge-line{stroke:#94848d}.graph-arrow{fill:#bd7386}.graph-node{border-color:#65424f;border-left-color:var(--graph-category)}.graph-node-locked{background:#191519}.graph-node-locked .graph-node-status{color:var(--muted)}.graph-node-passed .graph-node-status,.graph-node-passed .graph-node-state{color:#ffd5de}.graph-node-passed{background:#49212f;border:2px solid #e68ca1;border-left-width:6px}.graph-node-passed .graph-node-status{color:#491326;background:#ffd5de;border-radius:50%;place-items:center;width:22px;height:22px;font-size:16px;font-weight:800;display:grid}.graph-node-passed .graph-node-state{letter-spacing:.5px;font-weight:750}.graph-node-skipped{background:#242126;border-style:dashed}.graph-node-skipped .graph-node-state{color:#d1bdc4}.graph-node-selected{border-color:var(--accent-text);box-shadow:0 0 0 2px #cf234055,0 5px 20px #0005}.graph-note{color:#d8c7cf}.graph-node-related{border-color:var(--accent-text);background:#32202a}.graph-node-dimmed{opacity:.4}.graph-node-dimmed,.graph-node-dimmed button,.graph-edge-dimmed{cursor:default}.graph-edge-related .graph-edge-line{stroke:var(--accent-text);stroke-width:max(2px, calc(var(--graph-line-width,1.5px) * 1.7));opacity:1}.graph-edge-dimmed{opacity:.16}.graph-shell:not(.graph-has-selection) .graph-edge-dimmed:hover,.graph-edge-dimmed:focus-visible,.graph-edge-dimmed.graph-edge-selected{opacity:1}.graph-node-category{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--graph-category);font-size:10px;font-weight:650;line-height:1.4;overflow:hidden}.category-guide{gap:12px;margin:16px 0;display:grid}.category-guide p{border-left:3px solid var(--category-main);margin:0;padding-left:10px;font-size:12px}.category-guide strong,.category-guide span{display:block}.category-guide span{color:var(--muted);margin-top:4px;line-height:1.5}.category-guide small{color:var(--muted);font-size:11px;line-height:1.5}.category-guide [data-category=branch]{border-left-color:var(--category-branch)}.category-guide [data-category=side]{border-left-color:var(--category-side)}.story-heading[data-category=branch] .category-tag{color:var(--category-branch);background:#2c2029}.story-heading[data-category=side] .category-tag{color:var(--category-side);background:#262329}.category-explanation{color:var(--muted);margin:8px 0 16px;font-size:12px;line-height:1.5}.graph-chronology .graph-nebula{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.graph-chronology .graph-cluster-label{pointer-events:none;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #000;max-width:calc(100% - 24px);font-size:11px;font-weight:600;position:absolute;overflow:hidden}.graph-chronology .graph-cluster-label[hidden]{display:none}.graph-shell.graph-chronology{--graph-bg:#0c0c0f;--graph-surface:#201b20;--graph-border:#49343e;--graph-text:#f4f1f2;--graph-muted:#b8acb1;--graph-accent:#ff8da3}.graph-chronology .graph-viewport{background-image:radial-gradient(circle,#74405255 1px,#0000 1px)}.graph-chronology .graph-node{border-color:#705560;box-shadow:0 4px 14px #0004}.graph-chronology .graph-node:not(.graph-node-dimmed):hover{background:#322029}.graph-chronology .graph-edge-line{stroke:#9c7785;opacity:.45}.graph-chronology .graph-edge[data-type=context] .graph-edge-line{stroke:#976d7d}.graph-chronology .graph-edge-related .graph-edge-line,.graph-chronology .graph-edge-selected .graph-edge-line{stroke:#ff9eae;opacity:1}.graph-chronology .graph-tool:hover{background:#3a202a;border-color:#ff8da3}.graph-chronology .graph-node-selected{border-color:#ff8da3;box-shadow:0 0 0 2px #ff8da3}.developer-gate{max-width:460px;margin:10vh auto;padding:24px}.developer-gate a,.dev-brand{color:var(--ink);text-decoration:none}.developer-gate form{gap:16px;margin-block:24px;display:grid}.developer-gate label{gap:6px;display:grid}.developer-workspace{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.dev-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:18px;padding:10px 18px;display:flex}.dev-brand{letter-spacing:2px;font-size:19px;font-weight:800}.dev-badge,.dev-eyebrow{color:var(--accent-text);letter-spacing:1px;font-size:10px}.dev-header label{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.dev-header input,.dev-header select,.developer-gate input{border:1px solid var(--border);background:var(--page);color:var(--ink);border-radius:6px;min-width:0;padding:9px 12px}.dev-search{flex:1;position:relative}.dev-search input{width:100%}#find-results{z-index:10;background:var(--surface);border:1px solid var(--border);max-height:45vh;position:absolute;top:100%;left:0;right:0;overflow:auto}#find-results button{text-align:left;width:100%;color:var(--ink);background:0 0;padding:12px;display:block}#find-results button:hover{background:var(--accent-soft)}.dev-caption{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 18px;font-size:11px;display:flex}.dev-caption button{color:var(--accent-text);white-space:nowrap;background:0 0}.dev-link-legend{flex-wrap:wrap;gap:14px;display:flex}.dev-link-legend[hidden]{display:none}.dev-link-legend>span{align-items:center;gap:7px;display:inline-flex}.dev-link-legend>span:before{content:"";border-top:2px solid #c997a7;width:26px}.dev-link-legend>.dev-link-indirect:before{border-top-style:dashed}#dev-legend{color:var(--muted);background:var(--surface);flex-shrink:0;max-height:35vh;padding:10px 18px;font-size:12px;overflow:auto}#preview-map{flex:1;min-height:0}#preview-map .graph-shell{border:0;border-radius:0;flex-direction:column;height:100%;display:flex}#preview-map .graph-toolbar{flex-shrink:0;gap:8px;padding:6px 18px}#preview-map .graph-tool{min-width:34px;min-height:34px;padding:6px 10px}#preview-map .graph-stage{flex:1;min-height:0}#preview-map .graph-viewport{height:100%}#preview-map .graph-node-state{color:var(--accent-text);font-weight:600}.timeline-ruler{pointer-events:none;position:absolute;inset:0;overflow:hidden}.timeline-band{background:linear-gradient(#41162255,#0000 115px);border-left:1px solid #e597a22b;position:absolute;top:0;bottom:0;overflow:hidden}.timeline-band span{color:#ffadba;white-space:nowrap;font:600 13px/24px ui-monospace,monospace;position:absolute;top:5px;left:8px}.timeline-band[hidden]{display:none}#preview-detail{z-index:5;background:#21171ef5;border:1px solid #79505d;border-radius:12px;width:min(330px,100vw - 32px);padding:22px;position:absolute;bottom:20px;right:16px;box-shadow:0 8px 36px #0008}#preview-detail h2{margin:14px 0;font-size:20px;line-height:1.3}#preview-detail p{font-size:12px;line-height:1.6}#close-detail{color:var(--ink);background:0 0;font-size:22px;position:absolute;top:5px;right:8px}.dev-date{color:var(--accent-text);font-size:24px}@media (max-width:900px){.dev-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.dev-header label{font-size:10px}.dev-badge{margin-left:auto}.dev-search{flex-basis:50%}.dev-header input{max-width:100%}.dev-caption{padding:7px 12px}#preview-detail{max-height:42dvh;bottom:8px;overflow:auto}.dev-header #logout{margin-left:auto}}body.developer-page{margin:0;padding:0}.developer-workspace .graph-nebula{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.developer-workspace .graph-cluster-label{pointer-events:none;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #000;max-width:calc(100% - 24px);font-size:11px;font-weight:600;position:absolute;overflow:hidden}.developer-workspace .graph-cluster-label[hidden]{display:none}.developer-page #app{width:100%;max-width:none;margin:0;padding:0}.developer-workspace .graph-shell{--graph-bg:#0c0c0f;--graph-surface:#201b20;--graph-border:#49343e;--graph-text:#f4f1f2;--graph-muted:#b8acb1;--graph-accent:#ff8da3}.developer-workspace .graph-viewport{background-image:radial-gradient(circle,#74405255 1px,#0000 1px)}.developer-workspace .graph-node{border-color:#705560;box-shadow:0 4px 14px #0004}.developer-workspace .graph-node:not(.graph-node-dimmed):hover{background:#322029}.developer-workspace .graph-edge-line{stroke:#9c7785;opacity:.45}.developer-workspace .graph-edge[data-type=context] .graph-edge-line{stroke:#976d7d}.developer-workspace .graph-edge-related .graph-edge-line,.developer-workspace .graph-edge-selected .graph-edge-line{stroke:#ff9eae;opacity:1}.developer-workspace .graph-tool:hover{background:#3a202a;border-color:#ff8da3}.developer-workspace .graph-node-selected{border-color:#ff8da3;box-shadow:0 0 0 2px #ff8da3}@media (max-width:900px){.dev-badge{font-size:8px}.dev-header{gap:6px}.dev-header label{gap:4px}.dev-search{flex-basis:100%}.dev-header label:first-of-type{margin-left:auto}.dev-header input,.dev-header select{padding:7px 8px}.dev-brand{font-size:16px}.dev-header #logout{font-size:11px}}main.developer-workspace{width:100%;max-width:none;margin:0;padding:0}#layout-editor{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;max-height:32dvh;padding:7px 18px;overflow:auto}#layout-editor[hidden]{display:none}.dev-edit-actions{flex-wrap:wrap;gap:6px;display:flex}.dev-edit-actions button{border:1px solid var(--border);background:var(--page);color:var(--ink);border-radius:6px;padding:7px 10px;font-size:11px}.dev-edit-actions button[aria-pressed=true],#save-layout:not(:disabled){border-color:var(--accent-text);background:var(--accent-soft)}.dev-edit-actions button:disabled{opacity:.45;cursor:default}#edit-help,.dev-edit-status{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}#edit-selection{color:var(--accent-text)}.developer-workspace .graph-layout-editable .graph-cluster-label{pointer-events:auto;cursor:grab;touch-action:none;z-index:3;background:#151019cc;border:1px dashed;border-radius:6px;padding:6px 10px}.developer-workspace .graph-layout-editable .graph-node-open{cursor:grab}.developer-workspace .graph-node-edit-selected{background:#44232e;border-color:#ffe0e7;box-shadow:0 0 0 3px #f35d82}.developer-workspace .graph-edit-dragging,.developer-workspace .graph-edit-dragging *{cursor:grabbing!important}.graph-shell .graph-viewport.graph-space-background{background-image:none}.graph-space{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-game-mode=expert]{--game-accent:#ff8d9c;--game-rgb:238,91,116;--game-soft:#35212a}[data-game-mode=competitive]{--game-accent:#e9bc80;--game-rgb:217,172,109;--game-soft:#30261f}[data-game-mode=doomsday]{--game-accent:#ff637d;--game-rgb:239,64,97;--game-soft:#3b1d29}[data-game-mode=hardcore]{--game-accent:#ceb2e0;--game-rgb:187,156,202;--game-soft:#2d2436}.graph-game{--graph-accent:var(--game-accent)}.graph-game .graph-space{opacity:.72}.graph-game .graph-node{background:linear-gradient(135deg,#2c2029,#19161d 80%);border:1px solid #67434f;border-radius:6px;box-shadow:0 5px 16px #0006}.graph-game .graph-node:before{content:"";background:var(--game-accent);pointer-events:none;border-radius:0 0 2px 2px;width:36px;height:3px;position:absolute;top:-1px;left:16px}.graph-game .graph-node-open{gap:7px;padding:13px 14px 11px}.graph-game .graph-node-step{color:var(--game-accent);padding-right:5px;font:600 10px/1 monospace}.graph-game .graph-node-category{color:#c6aeb8;flex:1;font-size:9px;font-weight:500}.graph-game .graph-node-state{letter-spacing:.02em;color:var(--game-accent);font:600 10px/1.2 monospace}.graph-game .graph-node-status{color:var(--game-accent)}.graph-game .graph-node-locked{box-shadow:none;background:#191519;border-color:#3b3039}.graph-game .graph-node-locked:before{background:#68515f;width:18px}.graph-game .graph-node-locked .graph-node-step,.graph-game .graph-node-locked .graph-node-status,.graph-game .graph-node-locked .graph-node-state{color:#9f8c99}.graph-game .graph-node-locked .graph-node-title{color:#c6bac3}.graph-game .graph-node-next{border-color:var(--game-accent);box-shadow:0 0 0 3px rgba(var(--game-rgb),.1),0 0 24px rgba(var(--game-rgb),.12)}.graph-game .graph-node-next:before{width:72px}.graph-game .graph-node-passed{background:linear-gradient(135deg,var(--game-soft),#19161d);border:2px solid var(--game-accent)}.graph-game .graph-node-passed .graph-node-status{color:#171116;background:var(--game-accent);width:18px;height:18px;font-size:13px}.graph-game .graph-node-passed .graph-node-state{color:#f7e3eb}.graph-game .graph-node-skipped{background:#201c23;border-style:dashed}.graph-game .graph-node-skipped:before,.graph-game .graph-node-reference:before{display:none}.graph-game .graph-node-reference{border-style:dotted}.graph-game .graph-node:not(.graph-node-dimmed):hover{background:var(--game-soft);border-color:var(--game-accent)}.graph-game .graph-node-selected{border-color:var(--game-accent);box-shadow:0 0 0 2px var(--game-accent)}.graph-game .graph-node-related{background:var(--game-soft);border-color:var(--game-accent)}.graph-game .graph-edge .graph-edge-line{stroke:#886773;opacity:.5;stroke-linecap:round}.graph-game .graph-edge[data-type=context] .graph-edge-line{stroke-dasharray:4 6}.graph-game .graph-edge[data-progress=complete] .graph-edge-line{stroke:var(--game-accent);opacity:.85}.graph-game .graph-edge[data-progress=available] .graph-edge-line{stroke:var(--game-accent);opacity:.9}.graph-game .graph-arrow{fill:var(--game-accent)}.graph-game .graph-edge-related .graph-edge-line,.graph-game .graph-edge-selected .graph-edge-line{stroke:var(--game-accent);opacity:1}.graph-game .graph-node-dimmed{box-shadow:none}.graph-game[data-game-mode=competitive] .graph-node{border-radius:0 12px}.graph-game[data-game-mode=hardcore] .graph-node{border-top-width:2px;border-radius:0}.graph-game[data-game-mode=hardcore] .graph-node:before{width:24px;left:auto;right:12px}.graph-game[data-game-mode=doomsday] .graph-node-next{border-left:5px solid var(--game-accent)}.game-brief{z-index:3;color:#f4edf0;background:#17131bed;border:1px solid #503640;border-radius:12px;width:292px;position:absolute;top:20px;left:20px;overflow:hidden;box-shadow:0 8px 28px #0003}.game-brief-heading{cursor:pointer;align-items:center;gap:10px;padding:14px;list-style:none;display:flex}.game-brief-heading::-webkit-details-marker{display:none}.game-brief-heading:after{content:"⌄";color:#bca9b5;font-size:14px}.game-brief[open] .game-brief-heading:after{transform:rotate(180deg)}.game-brief-symbol{border:1px solid rgba(var(--game-rgb),.4);width:28px;height:28px;color:var(--game-accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.game-brief-title{flex:1;font-size:13px;font-weight:700}.game-brief-fraction{color:var(--game-accent);white-space:nowrap;font:11px/1.4 monospace}.game-brief-body{padding:0 14px 14px}.game-brief-caption{color:#bca9b5;margin:0 0 14px;font-size:11px;line-height:1.6}.game-progress{appearance:none;width:100%;height:3px;accent-color:var(--game-accent);background:#382c35;border:0;display:block}.game-progress::-webkit-progress-bar{background:#382c35;border-radius:2px}.game-progress::-webkit-progress-value{background:var(--game-accent);border-radius:2px}.game-progress::-moz-progress-bar{background:var(--game-accent)}.game-brief-stats{color:#bca9b5;justify-content:space-between;gap:12px;margin-top:9px;font-size:10px;display:flex}.game-brief-stats strong{color:#f5e5ed;font-weight:600}.game-next{border:1px solid rgba(var(--game-rgb),.3);background:var(--game-soft);width:100%;color:var(--game-accent);text-align:left;border-radius:6px;margin-top:14px;padding:9px;font-size:11px}.game-next:hover{border-color:var(--game-accent)}[data-game-mode=competitive] .game-brief{border-radius:0 16px}[data-game-mode=hardcore] .game-brief{border-top:2px solid var(--game-accent);border-radius:2px}#app[data-game-mode]:not([data-game-mode=chronology]) .mode-trigger strong{color:var(--game-accent)}#app[data-game-mode]:not([data-game-mode=chronology]) .story-card{border-radius:8px}#detail[data-game-mode]:not([data-game-mode=chronology]) .dialog-top{border-top:2px solid var(--game-accent);background:linear-gradient(110deg,var(--game-soft),#151519)}#detail[data-game-mode]:not([data-game-mode=chronology]) .quiz-caption{color:var(--game-accent)}#detail[data-game-mode]:not([data-game-mode=chronology]) .question-progress .filled{background:var(--game-accent);box-shadow:0 0 9px rgba(var(--game-rgb),.2)}#detail[data-game-mode]:not([data-game-mode=chronology]) .answer{background:linear-gradient(120deg,#292029,#1a171e);border-color:#4c3b47;border-radius:8px}#detail[data-game-mode]:not([data-game-mode=chronology]) .answer:not(:disabled):hover{border-color:var(--game-accent);background:var(--game-soft)}#detail[data-game-mode]:not([data-game-mode=chronology]) .answer-index{color:var(--game-accent);border-right:1px solid #59404e;padding-right:10px;font-family:monospace}#detail[data-game-mode]:not([data-game-mode=chronology]) .answer-correct{background:#302b30;border-color:#d3c4cb}#detail[data-game-mode]:not([data-game-mode=chronology]) .answer-wrong{background:#351820;border-color:#f0526d}#detail[data-game-mode]:not([data-game-mode=chronology]) .result-number{color:var(--game-accent)}#detail[data-game-mode=hardcore] #hard-answer{border-bottom:2px solid var(--game-accent);background:#17131d;border-radius:2px}@media (max-width:600px){.game-brief{border-radius:8px;width:min(280px,100% - 20px);top:10px;left:10px}.game-brief-heading{gap:8px;padding:9px 12px}.game-brief-symbol{width:24px;height:24px;font-size:17px}.game-brief-title{font-size:12px}}.graph-skills{--game-accent:#efaf91;--game-rgb:239,175,145;--game-soft:#372329}.skill-tree-orbits{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.graph-skills .graph-node{background:radial-gradient(circle at 40% 30%,#39272e,#18141c 75%);border:2px solid #74514f;border-radius:50%;box-shadow:inset 0 0 0 5px #151219,inset 0 0 0 6px #6d4e4b,0 5px 18px #0006}.graph-skills .graph-node:before{display:none}.graph-skills .graph-node-open{text-align:center;border-radius:50%;align-items:center;gap:6px;padding:21px 16px 19px}.graph-skills .graph-node-meta{justify-content:center;gap:7px;width:100%}.graph-skills .graph-node-category{display:none}.graph-skills .graph-node-step{color:#c5a19d;letter-spacing:.12em;padding:0}.graph-skills .graph-node-title{-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:0 auto;width:100%;margin-block:auto;font-size:13px;line-height:1.2;display:-webkit-box;overflow:hidden}.graph-skills .graph-node-state{letter-spacing:0;font-size:9px}.graph-skills .graph-node-status{font-size:11px}.graph-skills .graph-node-locked{background:#191519 radial-gradient(circle,#261f26,#18141c);border-color:#4f3d43;box-shadow:inset 0 0 0 5px #151219,inset 0 0 0 6px #46363e}.graph-skills .graph-node-locked .graph-node-title{color:#b6a6b0}.graph-skills .skill-keystone{border-width:3px;border-color:#b77b69;box-shadow:inset 0 0 0 5px #17131a,inset 0 0 0 7px #7d5350,0 0 22px #bc6c4120}.graph-skills .skill-keystone .graph-node-title{color:#f1dbcf;font-size:14px;font-weight:800}.graph-skills .graph-node-next{background:radial-gradient(circle,#503038,#241921);border-color:#efaf91;box-shadow:inset 0 0 0 5px #20151c,inset 0 0 0 7px #b37361,0 0 30px #da836438}.graph-skills .graph-node-passed{background:radial-gradient(circle,#563833,#261b22);border-color:#e8b99a;box-shadow:inset 0 0 0 5px #261b22,inset 0 0 0 7px #b9876d}.graph-skills .graph-node-passed .graph-node-status{width:17px;height:17px}.graph-skills .graph-node-selected{border-color:#ffe0c7;box-shadow:0 0 0 3px #ca8c73,inset 0 0 0 5px #22161c,inset 0 0 0 7px #a97162,0 0 28px #da836445}.graph-skills .graph-node-related{border-color:#c99780}.graph-skills .graph-node:not(.graph-node-dimmed):hover{background:radial-gradient(circle,#523239,#241921)}.graph-skills .graph-edge .graph-edge-line{stroke:#986e68;opacity:.4}.graph-skills .graph-edge[data-progress=complete] .graph-edge-line{stroke:#e6b79a;opacity:.9}.graph-skills .graph-edge[data-progress=available] .graph-edge-line{stroke:#d79c85;opacity:.8}.graph-skills .graph-edge-related .graph-edge-line,.graph-skills .graph-edge-selected .graph-edge-line{stroke:#ffccac;opacity:1}.graph-skills .game-brief-symbol{color:#efaf91;border-radius:50%}.graph-skills .game-brief{border-color:#74514f}.graph-skills [data-skill-tier="1"] .graph-node-open{gap:3px;padding:14px 10px 12px}.graph-skills [data-skill-tier="1"] .graph-node-title{-webkit-line-clamp:4;font-size:11px}.graph-skills [data-skill-tier="1"] .graph-node-meta{font-size:9px}.graph-skills [data-skill-tier="1"] .graph-node-state{font-size:8px}.graph-skills [data-skill-tier="2"] .graph-node-open{gap:4px;padding:18px 14px 15px}.graph-skills [data-skill-tier="2"] .graph-node-title{font-size:12px}.graph-skills [data-skill-tier="4"] .graph-node-open{gap:8px;padding:30px 24px 27px}.graph-skills [data-skill-tier="4"] .graph-node-title{font-size:17px}.graph-skills [data-skill-tier="5"] .graph-node-open{gap:10px;padding:38px 30px 34px}.graph-skills [data-skill-tier="5"] .graph-node-title{font-size:21px;font-weight:800}.graph-skills [data-skill-tier="4"] .graph-node-state,.graph-skills [data-skill-tier="5"] .graph-node-state{font-size:11px}.graph-game .graph-node[data-quiz-state],#app .story-card[data-quiz-state]{--quiz-border:#746b77;--quiz-fill:#191519;--quiz-ink:#b7adb9;background:var(--quiz-fill);border:2px solid var(--quiz-border);box-shadow:0 4px 14px #0005}.graph-game .graph-node[data-quiz-state=available],#app .story-card[data-quiz-state=available]{--quiz-border:var(--game-accent);--quiz-fill:var(--game-soft);--quiz-ink:var(--game-accent);box-shadow:0 0 15px rgba(var(--game-rgb),.18)}.graph-game .graph-node[data-quiz-state=locked],#app .story-card[data-quiz-state=locked]{box-shadow:none;border-style:dashed;border-width:1px}.graph-game .graph-node[data-quiz-state=passed],#app .story-card[data-quiz-state=passed]{--quiz-border:#79d6b0;--quiz-fill:#15372c;--quiz-ink:#b1f3d2;border-width:3px;box-shadow:inset 0 0 0 2px #101c18,0 0 18px #59b68f18}.graph-game .graph-node[data-quiz-state=skipped],#app .story-card[data-quiz-state=skipped]{--quiz-border:#d1ae6b;--quiz-fill:#302719;--quiz-ink:#e9cb92;border-style:dashed}.graph-game .graph-node[data-quiz-state=reference],#app .story-card[data-quiz-state=reference]{--quiz-border:#76798d;--quiz-fill:#20202b;--quiz-ink:#b9bdd4;border-style:dotted}.graph-game .graph-node[data-quiz-state]:before{background:var(--quiz-border)}.graph-game .graph-node[data-quiz-state] .graph-node-state,.graph-game .graph-node[data-quiz-state] .graph-node-step,#app .story-card[data-quiz-state] .story-status{color:var(--quiz-ink)}.graph-game .graph-node[data-quiz-state=locked] .graph-node-title,#app .story-card[data-quiz-state=locked]>strong{color:#b7adb9}.graph-game .graph-node[data-quiz-state=available] .graph-node-title,.graph-game .graph-node[data-quiz-state=passed] .graph-node-title{color:#f2f6f3}.graph-game .graph-node[data-quiz-state] .graph-node-status,#app .story-card[data-quiz-state] .quiz-state-icon{box-sizing:border-box;width:18px;height:18px;color:var(--quiz-ink);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font:700 12px/1 sans-serif;display:inline-grid;position:relative}.graph-game .graph-node[data-quiz-state=available] .graph-node-status,.graph-game .graph-node[data-quiz-state=passed] .graph-node-status,#app .story-card[data-quiz-state=available] .quiz-state-icon,#app .story-card[data-quiz-state=passed] .quiz-state-icon{color:#13171a;background:var(--quiz-border)}.quiz-state-icon-available:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;margin-left:2px;display:block}.quiz-state-icon-locked:before{content:"";box-sizing:border-box;border:1.5px solid;border-bottom:0;border-radius:5px 5px 0 0;width:8px;height:8px;position:absolute;top:1px;left:5px}.quiz-state-icon-locked:after{content:"";box-sizing:border-box;border:1.5px solid;border-radius:2px;width:12px;height:9px;position:absolute;top:7px;left:3px}#app .story-card[data-quiz-state] .story-status{align-items:center;gap:7px;display:inline-flex}.graph-skills .graph-node[data-quiz-state]{box-shadow:inset 0 0 0 5px #151219,inset 0 0 0 6px var(--quiz-border),0 4px 15px #0004}.graph-skills .graph-node[data-quiz-state=locked]{box-shadow:inset 0 0 0 5px #151219,inset 0 0 0 6px #433d47}.graph-skills .graph-node[data-quiz-state=passed]{box-shadow:inset 0 0 0 5px #12231c,inset 0 0 0 7px var(--quiz-border),0 0 20px #59b68f20}.graph-game .graph-node[data-quiz-state].graph-node-related{outline-offset:3px;outline:1px solid #e4d6cc}.graph-game .graph-node[data-quiz-state].graph-node-selected{outline-offset:3px;outline:3px solid #fff0df}.graph-game .graph-node[data-quiz-state].graph-node-next{outline:2px solid var(--quiz-border);outline-offset:4px}.graph-game .graph-node[data-quiz-state].graph-node-selected.graph-node-next{outline-offset:4px;outline:3px solid #fff0df}.graph-game .graph-node[data-quiz-state]:not(.graph-node-dimmed):hover,#app .story-card[data-quiz-state]:hover{background:var(--quiz-fill);border-color:var(--quiz-border);outline-offset:3px;outline:2px solid #fff0df}.graph-game .graph-node[data-quiz-state].graph-node-dimmed{box-shadow:none}.preparation-workspace #collection-content{background:radial-gradient(at 90% 0,#40132266,#0000 48%),#0e0d12;padding:28px clamp(16px,4vw,64px) 64px}.preparation{color:#f5edf1;outline:none;max-width:1420px;margin:auto}.prep-hero{background:radial-gradient(at 90% 15%,#71284255,#0000 60%),#1b141b;border:1px solid #58303f;border-radius:20px;grid-template-columns:1fr 260px;gap:28px 60px;padding:32px 38px;display:grid}.prep-eyebrow{letter-spacing:.16em;color:#e299ad;font-size:10px;font-weight:700}.prep-intro h1{color:#fff2f6;letter-spacing:-.035em;margin:18px 0;font-size:clamp(30px,3.3vw,48px);line-height:1.1}.prep-intro>p{color:#c8b4bf;max-width:520px;margin-bottom:22px;font-size:14px;line-height:1.7}.prep-resume{text-align:left;justify-content:space-between;align-items:center;gap:22px;max-width:420px;padding:15px 20px;display:flex}.prep-resume small{max-width:300px;margin-top:7px;font-size:11px;font-weight:400;line-height:1.5;display:block}.prep-readiness{align-content:center;justify-items:center;gap:16px;display:grid}.prep-gauge{background:radial-gradient(circle,#231720 65%,transparent 66%),conic-gradient(#f47796 var(--readiness),#45303e 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;box-shadow:0 0 48px #f4638a12}.prep-gauge strong{letter-spacing:-.05em;font-size:58px;font-weight:750;line-height:1}.prep-gauge strong small{color:#d69dae;font-size:24px}.prep-gauge>span{text-transform:uppercase;letter-spacing:.18em;color:#d9bac8;margin-top:10px;font-size:10px}.prep-readiness>p{color:#bfa6b3;margin:0;font-size:12px}.prep-stats{border-top:1px solid #51323f;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px;display:grid}.prep-stats>div{flex-direction:column;gap:8px;display:flex}.prep-stats strong{color:#f4d9e3;font-size:26px}.prep-stats small{color:#b497a5;font-size:14px;font-weight:500}.prep-stats span{color:#bfa8b4;font-size:11px}.prep-navigation{flex-wrap:wrap;gap:10px;margin:24px 0 16px;display:flex}.prep-navigation button{color:#dfc4d0;background:#21171f;border:1px solid #52313e;border-radius:8px;align-items:center;gap:18px;padding:12px 16px;font-size:12px;display:flex}.prep-navigation button:hover{background:#35202c;border-color:#ed89a3}.prep-navigation b{color:#f5a1ba;font:11px monospace}.prep-instructions{color:#b29ba8;max-width:900px;margin:0 0 24px;font-size:12px;line-height:1.7}.prep-section{background:#171219;border:1px solid #49303d;border-radius:14px;margin:16px 0;scroll-margin:16px;overflow:hidden}.prep-section>summary{cursor:pointer;align-items:center;gap:24px;padding:22px 24px;list-style:none;display:flex}.prep-section>summary::-webkit-details-marker{display:none}.prep-section h2{letter-spacing:-.02em;margin:8px 0 0;font-size:20px}.prep-section-progress{gap:9px;min-width:140px;margin-left:auto;display:grid}.prep-section-progress>span{color:#bda4b2;font-size:11px}.prep-section progress{accent-color:#e56c90;width:100%;height:4px}.prep-chevron{color:#b98a9d}.prep-section[open] .prep-chevron{transform:rotate(180deg)}.prep-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:0 22px 24px;display:grid}.prep-project{flex-direction:column;min-width:0;display:flex}#app .story-card.prep-card{text-align:left;border-radius:10px;flex-direction:column;gap:12px;width:100%;height:100%;min-height:184px;padding:16px;display:flex}.prep-card-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.prep-card-top>b{color:var(--quiz-ink);font:600 11px monospace}#app .story-card.prep-card>strong{margin:0;font-size:16px;line-height:1.35}.prep-format{color:#bca6b2;font-size:10px;line-height:1.5}.prep-result{width:100%;color:var(--quiz-ink);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:10px;display:flex}.prep-dots{gap:4px;display:flex}.prep-dots i{border:1px solid #766674;border-radius:50%;width:7px;height:7px;display:block}.prep-dots .correct{background:#8ee5bc;border-color:#8ee5bc}.prep-dots .missed{background:#dc8394;border-color:#dc8394}.prep-dots .answered{background:#c4abc5}.prep-skip{color:#e3c895;background:#2c251a;border:1px dashed #8f754d;border-radius:7px;min-height:38px;margin-top:6px;font-size:11px}.prep-skip:hover{background:#40331d}.prep-finished{color:#b1f3d2;padding:16px 0}@media (max-width:760px){.preparation-workspace #collection-content{padding:16px 12px 100px}.prep-hero{grid-template-columns:1fr;gap:22px;padding:24px 20px}.prep-intro h1{font-size:34px}.prep-intro>p{font-size:12px}.prep-readiness{grid-row:2;justify-content:flex-start;gap:20px;display:flex}.prep-gauge{flex-shrink:0;width:126px;height:126px}.prep-gauge strong{font-size:39px}.prep-gauge strong small{font-size:18px}.prep-gauge>span{font-size:8px}.prep-readiness>p{max-width:120px;line-height:1.7}.prep-stats{gap:12px}.prep-stats strong{font-size:22px}.prep-stats span{font-size:10px;line-height:1.5}.prep-navigation{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prep-navigation button{justify-content:space-between;gap:8px;padding:12px 10px;font-size:10px}.prep-section>summary{gap:12px;padding:18px 14px}.prep-section h2{font-size:16px}.prep-section-progress{min-width:74px}.prep-section-progress>span{font-size:9px}.prep-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px 14px}#app .story-card.prep-card{gap:10px;min-height:210px;padding:12px}#app .story-card.prep-card>strong{font-size:13px}.prep-result{flex-direction:column;align-items:flex-start;gap:8px}.prep-skip{font-size:9px}}.trial-mist{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.graph-hardcore .graph-viewport{background-color:#0b0910}.graph-hardcore .graph-space{opacity:.42}.graph-hardcore .graph-node[data-quiz-state]{border-radius:4px 24px;box-shadow:inset 0 0 0 5px #100d16,inset 0 0 0 6px #75607955,0 10px 22px #0008}.graph-hardcore .graph-node-open{gap:13px;padding:23px 24px 21px}.graph-hardcore .graph-node-title{-webkit-line-clamp:3;font-size:19px;line-height:1.3}.graph-hardcore .graph-node-category{font-size:10px}.graph-hardcore .graph-node-step{font-size:13px}.graph-hardcore .graph-node-state{font-size:11px}.graph-hardcore .graph-node:before{opacity:.6;width:16px;height:2px;top:10px;right:15px}.graph-hardcore .graph-edge .graph-edge-line{stroke:#85708c;opacity:.4}.graph-hardcore .graph-edge-related .graph-edge-line,.graph-hardcore .graph-edge-selected .graph-edge-line{stroke:#dec0e8;opacity:1}.hardcore-meter-host{z-index:3;pointer-events:none;width:240px;position:absolute;top:20px;right:20px}.hardcore-meter{color:#d8bddf;background:#1a111e;border:1px solid #73506c;border-radius:3px 18px;padding:16px 18px}.hardcore-meter>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.hardcore-meter span{letter-spacing:.12em;font-size:9px}.hardcore-meter strong{font-size:28px;font-weight:700;line-height:1}.hardcore-meter small{color:#977c99;font-size:13px}.hardcore-strikes{gap:10px;margin:17px 0;display:flex}.hardcore-strikes i{background:#302337;border:1px solid #654767;flex:1;height:8px;transform:skew(-18deg)}.hardcore-strikes i.spent{background:#f15b80;border-color:#ff8eaa;box-shadow:0 0 12px #ed386c44}.hardcore-meter p{color:#b8a0be;margin:0;font-size:11px}.hardcore-meter[data-errors="2"],.hardcore-meter[data-errors="3"]{border-color:#ef668a}.hardcore-meter[data-errors="3"] p{color:#ff9eb9}.hardcore-quiz .hardcore-meter{margin-bottom:22px}.hardcore-quiz #hard-form{margin-top:22px}.hardcore-quiz #hard-answer{min-height:52px;font-size:17px}@media (max-width:760px){.graph-hardcore .game-brief[open]~.hardcore-meter-host{top:auto;bottom:14px}.hardcore-meter-host{width:180px;top:64px;right:10px}.hardcore-meter-host .hardcore-meter{padding:11px 13px}.hardcore-meter-host .hardcore-meter strong{font-size:22px}.hardcore-meter-host .hardcore-strikes{margin:10px 0}.hardcore-meter-host .hardcore-meter p{font-size:10px}}.graph-race .graph-viewport{background-color:#100f0b;background-image:none}.graph-race .graph-space{opacity:.18}.race-course{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.graph-race .graph-node[data-quiz-state]{border-left-width:5px;border-radius:3px 18px 3px 3px;box-shadow:0 5px #0008,0 8px 18px #0006}.graph-race .graph-node-open{gap:10px;padding:15px 17px}.graph-race .graph-node-title{font-size:17px;line-height:1.25}.graph-race .graph-node-step{font-size:15px}.graph-race .graph-node-category{font-size:9px}.graph-race .graph-node-state{letter-spacing:0;font-size:11px}.graph-race .graph-node:before{display:none}.graph-race .graph-edge .graph-edge-line{stroke:#aa8a4b;stroke-width:2.5px;opacity:.2}.graph-race .graph-edge[data-progress=available] .graph-edge-line,.graph-race .graph-edge-selected .graph-edge-line,.graph-race .graph-edge-related .graph-edge-line{stroke:#ffe1a1;opacity:1}.race-score{z-index:3;pointer-events:none;background:#211d12;border:1px solid #8e7543;border-top:4px solid #e1bd72;border-radius:2px 16px 2px 2px;width:250px;padding:18px 20px;position:absolute;top:20px;right:20px}.race-score>span{color:#cfb77e;letter-spacing:.13em;font-size:10px}.race-score>strong{color:#ffe4a4;margin:8px 0;font-size:40px;line-height:1.2;display:block}.race-score small{font-size:13px;font-weight:500}.race-score p{color:#bbaa84;margin:0;font-size:10px;line-height:1.6}#detail[data-game-mode=competitive] .quiz-body{border-top:4px solid #e1bd72}#detail[data-game-mode=competitive] .quiz-caption{letter-spacing:.1em;text-transform:uppercase;font-size:11px}#detail[data-game-mode=competitive] .answer{border-radius:2px 14px 2px 2px}@media (max-width:760px){.race-score{width:190px;padding:10px 14px;top:64px;right:10px}.race-score>strong{margin:4px 0;font-size:28px}.race-score>span{font-size:8px}.race-score p{font-size:9px}.graph-race .game-brief[open]~.race-score{top:auto;bottom:14px}}.graph-race .graph-node-phase{color:#d7b773;white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:10px;overflow:hidden}.graph-race .graph-node-meta{flex-wrap:wrap;gap:5px}#detail[data-content=ranked]{width:min(800px,100vw - 24px);max-height:94dvh}.ranked-page{padding:26px 30px 32px}.ranked-page h2{margin:12px 0 18px;font-size:28px;line-height:1.25}.ranked-page>.eyebrow{color:#e2bf78}.ranked-rules{color:#e6d7b2;line-height:1.7}.ranked-consent{color:#bbaeb8;font-size:12px;line-height:1.6}.ranked-me{color:#ffe3a8;background:#292316;border:1px solid #9a7b45;border-radius:8px;margin:20px 0;padding:16px}.ranked-table-wrap{margin-top:24px;overflow-x:auto}.ranked-table{border-collapse:collapse;text-align:left;width:100%}.ranked-table caption{text-align:left;color:#b7a4af;margin-bottom:14px;font-size:12px}.ranked-table th{color:#d5ba83;font-size:12px}.ranked-table th,.ranked-table td{border-bottom:1px solid #43373e;padding:12px 10px}.ranked-table td:nth-child(2){overflow-wrap:anywhere}.ranked-table td:last-child{font-variant-numeric:tabular-nums;font-weight:700}.ranked-own{background:#322818}.ranked-own small{color:#e1b967}.ranked-pagination{justify-content:space-between;gap:8px;margin-top:20px;display:flex}.ranked-pagination button{font-size:12px}.ranked-strip{color:#e4c17c;border-bottom:1px solid #6a5432;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 0;font-size:12px;display:flex}.ranked-strip>span:first-child{letter-spacing:.1em;font-size:9px}.ranked-strip [data-ranked-clock]{font:700 20px monospace}.ranked-options{gap:12px;margin:24px 0;display:grid}.ranked-options .answer{text-align:left;color:#f4ead6;background:#272016;border:1px solid #786140;border-radius:4px 16px 4px 4px;align-items:center;gap:14px;width:100%;min-height:56px;padding:14px;display:flex}.ranked-options .answer:hover:not(:disabled){background:#3c2e1b;border-color:#e7c280}.ranked-feedback{font-size:20px;font-weight:700}.ranked-next{margin:24px 0;display:block}.ranked-back{margin-top:24px;display:block}.ranked-result{color:#f5dba2;margin:24px 0;font-size:64px}.ranked-result small{color:#ad9c78;font-size:20px}.ranked-error{color:#ffd1da;background:#351b24;border:1px solid #bc5366;border-radius:8px;padding:14px}.race-ranking{color:#21180c;background:#d4ad68;border-radius:6px;width:100%;margin-top:10px;padding:11px;font-size:12px;font-weight:700;display:block}@media (max-width:600px){.ranked-page{padding:20px 16px 26px}.ranked-page h2{font-size:23px}.ranked-pagination button{padding:9px;font-size:10px}.ranked-strip{gap:8px}.ranked-strip>span:first-child{max-width:75px;line-height:1.6}}