:root{--board:#1f3a2e;--board-deep:#16291f;--chalk:#fdfdfb;--accent:#e0a82e;--accent-soft:#f4c64a;--ink:#233028;--ink-soft:#4b5b51;--paper:#f7f6f1;--paper-card:#fff;--line:#e3e0d6;--radius:14px;--radius-lg:20px;--shadow:0 6px 20px #1f3a2e1a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;line-height:1.85}a{color:var(--board)}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.4}.site-header{z-index:50;background:var(--board);color:var(--chalk);position:sticky;top:0;box-shadow:0 2px 10px #0000002e}.site-header-inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:10px 16px;display:flex}.site-brand{color:var(--chalk);letter-spacing:.02em;align-items:center;gap:8px;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.brand-chalk{align-items:center;display:inline-flex}.nav-toggle{color:var(--chalk);cursor:pointer;background:0 0;border:1px solid #fdfdfb66;border-radius:8px;margin-left:auto;padding:6px 8px;display:none}.site-nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.site-nav a{color:var(--chalk);opacity:.92;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.86rem;text-decoration:none;display:inline-flex}.site-nav a:hover{opacity:1;background:#fdfdfb1f}.nav-emoji{vertical-align:middle;border-radius:5px;margin-right:4px;display:inline-block}.site-shell{max-width:920px;margin:0 auto;padding:24px 16px 48px}.hero{text-align:center;padding:4px 8px 12px}.hero-emoji{justify-content:center;margin-bottom:6px;display:flex}.hero-emoji svg{border-radius:14px}.hero h1{color:var(--board);margin:4px 0 6px;font-size:1.65rem}.hero p{max-width:600px;color:var(--ink-soft);margin:0 auto;font-size:.95rem;line-height:1.7}.read-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.read-list li{border-bottom:1px solid var(--line)}.read-item{color:var(--ink);align-items:center;gap:14px;padding:14px 6px;text-decoration:none;display:flex}.read-item:hover{background:#faf9f5}.read-item-icon{border-radius:10px;flex:none}.read-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.read-item-title{color:var(--board);font-weight:800}.read-item-desc{color:var(--ink-soft);font-size:.85rem;line-height:1.6}.read-item-arrow{color:var(--accent);flex:none;font-size:1.1rem;font-weight:800}.home-section-title{border-left:5px solid var(--accent);margin:34px 0 16px;padding-left:12px;font-size:1.3rem}.section-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.home-trust{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);margin-top:34px;padding:20px 22px}.home-trust h3{color:var(--board);margin:0 0 12px;font-size:1.05rem}.home-trust ul{margin:0;padding-left:1.2em}.home-trust li{color:var(--ink-soft);margin-bottom:8px}.home-trust strong{color:var(--ink)}.breadcrumb{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--board);font-weight:600;text-decoration:none}.breadcrumb-current{color:var(--ink-soft)}.article-header{margin-bottom:16px}.article-emoji{margin-bottom:8px;display:block}.article-header h1{color:var(--board);border-bottom:3px solid var(--accent);margin:6px 0 8px;padding-bottom:10px;font-size:1.7rem}.article-meta{color:var(--ink-soft);font-size:.82rem}.article-meta-item{align-items:center;gap:4px;display:inline-flex}.lead{color:var(--ink);margin:14px 0 22px;font-size:1.08rem;line-height:1.9}.toc{background:var(--paper-card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);margin:0 0 28px;padding:14px 18px}.toc-title{color:var(--board);align-items:center;gap:6px;margin-bottom:6px;font-weight:700;display:flex}.toc-list{margin:0;padding-left:1.4em}.toc-list li{margin:4px 0}.toc-list a{color:var(--ink-soft);text-decoration:none}.toc-list a:hover{color:var(--board);text-decoration:underline}.content-h2{color:var(--board);border-bottom:2px solid var(--line);margin:36px 0 14px;padding:0 0 6px;scroll-margin-top:70px;font-size:1.3rem}.content-h3{color:var(--ink);margin:26px 0 10px;font-size:1.12rem}.content-p{margin:0 0 16px}.content-ul,.content-ol{margin:0 0 16px;padding-left:1.4em}.content-ul li,.content-ol li{margin-bottom:6px}.inline-code{background:#eceae3;border-radius:4px;padding:1px 6px;font-size:.92em}.section-content a{color:var(--board);font-weight:600}.content-table-wrap{margin:0 0 20px;overflow-x:auto}.content-table{border-collapse:collapse;width:100%;font-size:.94rem}.content-table th,.content-table td{border:1px solid var(--line);text-align:left;padding:9px 12px}.content-table th{background:var(--board);color:var(--chalk);font-weight:700}.content-table tbody tr:nth-child(2n){background:#f4f3ee}.callout{border:1px solid var(--line);border-left:4px solid var(--line);background:#f6f4ef;border-radius:10px;margin:0 0 18px;padding:12px 16px}.callout-tip{border-left-color:var(--accent)}.callout-warning{border-left-color:#d9534f}.callout-info{border-left-color:#5b8def}.callout-success{border-left-color:#3a9d5d}.faq-block{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);margin:40px 0;padding:22px}.faq-block h3{color:var(--board);margin:0 0 14px;font-size:1.05rem}.faq-item{border:1px solid var(--line);background:var(--paper);border-radius:8px;margin-bottom:8px;padding:12px 16px}.faq-item summary{cursor:pointer;color:var(--ink);font-weight:700}.faq-item p{color:var(--ink-soft);margin:10px 0 0}.related-sections{margin:36px 0}.related-sections h3{color:var(--board);margin-bottom:12px;font-size:1.05rem}.related-list{flex-wrap:wrap;align-items:center;gap:8px 0;margin:0;padding:0;list-style:none;display:flex}.related-list li{align-items:center;display:flex}.related-list li+li:before{content:"・";color:var(--ink-soft);opacity:.5;margin:0 10px}.related-list a{color:var(--board);border-bottom:1px solid var(--line);padding-bottom:1px;font-weight:600;text-decoration:none}.related-list a:hover{border-bottom-color:var(--accent)}.section-footer{margin-top:28px}.back-link{color:var(--board);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.site-footer{background:var(--board-deep);color:#9faca3;text-align:center;padding:26px 16px 28px;font-size:.85rem}.site-footer>div:first-child{flex-wrap:wrap;justify-content:center;gap:9px 18px;margin-bottom:8px;display:flex}.site-footer a{color:#dbe5df;text-decoration:none}.site-footer a:hover{text-decoration:underline}.glossary-list{margin:0}.glossary-entry{border-bottom:1px solid var(--line);padding:18px 0}.glossary-entry dt{color:var(--board);margin-bottom:6px;font-size:1.08rem;font-weight:700}.glossary-reading{color:var(--ink-soft);font-size:.9rem;font-weight:400}.glossary-entry dd{margin:0}.glossary-entry dd p{margin:0 0 6px}.glossary-related{color:var(--board);font-size:.88rem;font-weight:600;text-decoration:none}.play-banner{background:var(--paper-card);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:18px;margin:22px 0 8px;padding:18px 20px;display:flex}.play-banner-text{flex:1;min-width:220px}.play-banner-text h2{color:var(--board);margin:0 0 6px;font-size:1.2rem}.play-banner-text p{color:var(--ink-soft);margin:0;font-size:.9rem}.play-banner-btns{flex-wrap:wrap;gap:10px;display:flex}.play-btn{background:var(--accent-soft);color:var(--board-deep);border-radius:10px;padding:10px 16px;font-size:.92rem;font-weight:800;text-decoration:none}.play-btn:hover{background:var(--accent)}.play-btn-ghost{color:var(--board);border:1.5px solid var(--line);background:0 0}.play-btn-ghost:hover{background:var(--paper)}.quiz-screen,.badges-screen{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:640px;box-shadow:var(--shadow);text-align:center;margin:0 auto;padding:28px 24px}.quiz-h1{color:var(--board);justify-content:center;align-items:center;gap:10px;margin:0 0 12px;font-size:1.5rem;display:flex}.h1-icon,.hub-icon,.complete-banner-icon{flex:none}.quiz-lead{color:var(--ink-soft);text-align:left;margin:0 0 18px}.quiz-best{color:var(--ink-soft);font-size:.9rem}.quiz-btn-primary{background:var(--board);color:var(--chalk);cursor:pointer;border:none;border-radius:12px;padding:12px 26px;font-size:1.02rem;font-weight:800;text-decoration:none;display:inline-block}.quiz-btn-primary:hover{background:var(--board-deep)}.quiz-btn-ghost{color:var(--board);border:1.5px solid var(--board);background:0 0;border-radius:12px;align-items:center;gap:6px;padding:11px 20px;font-weight:700;text-decoration:none;display:inline-flex}.quiz-back{margin-top:22px}.quiz-back a{color:var(--ink-soft);align-items:center;gap:6px;font-size:.9rem;text-decoration:none;display:inline-flex}.quiz-progress-bar{background:#e7e4da;border-radius:99px;height:8px;margin-bottom:10px;overflow:hidden}.quiz-progress-bar span{background:var(--accent);height:100%;transition:width .25s;display:block}.quiz-counter{color:var(--ink-soft);margin-bottom:8px;font-size:.85rem}.quiz-question{color:var(--ink);margin:6px 0 18px;font-size:1.2rem;line-height:1.6}.quiz-choices{flex-direction:column;gap:10px;display:flex}.quiz-choice{background:var(--paper);border:2px solid var(--line);text-align:left;cursor:pointer;color:var(--ink);border-radius:12px;padding:13px 16px;font-size:1rem}.quiz-choice:hover:not(:disabled){border-color:var(--accent-soft)}.quiz-choice:disabled{cursor:default}.quiz-choice.correct{background:#eaf6ed;border-color:#3a9d5d;font-weight:700}.quiz-choice.wrong{background:#fdecec;border-color:#d9534f}.quiz-explain{text-align:left;border-left:4px solid var(--ink-soft);background:#f4f3ee;border-radius:12px;margin-top:16px;padding:14px 16px}.quiz-explain.ok{background:#eaf6ed;border-color:#3a9d5d}.quiz-explain.ng{background:#fdecec;border-color:#d9534f}.quiz-explain p{color:var(--ink);margin:8px 0}.quiz-explain a{color:var(--board);font-weight:600;text-decoration:none}.quiz-next{width:100%;margin-top:12px}.quiz-result-emoji{font-size:3.4rem}.quiz-score{color:var(--board);margin:8px 0;font-size:1.4rem;font-weight:800}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 8px;display:flex}.quiz-hint{color:var(--ink-soft);font-size:.9rem}.badge-stats{flex-wrap:wrap;justify-content:center;gap:14px;margin:18px 0 24px;display:flex}.badge-stat{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 20px}.badge-stat-num{color:var(--board);font-size:1.3rem;font-weight:800;display:block}.badge-stat-label{color:var(--ink-soft);font-size:.8rem}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.badge-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:16px 12px}.badge-card.earned{border-color:var(--accent-soft);background:#fff9ec;box-shadow:0 0 10px #e0a82e40}.badge-card.locked{opacity:.85;background:#fbfaf6}.badge-progress{align-items:center;gap:8px;margin-top:8px;display:flex}.badge-progress-bar{background:#e9e6dc;border-radius:3px;flex:1;height:5px;overflow:hidden}.badge-progress-bar>span{background:var(--accent-soft);border-radius:3px;height:100%;display:block}.badge-progress-num{color:var(--ink-soft);white-space:nowrap;font-size:.74rem;font-weight:600}.badge-emoji{font-size:2.2rem}.badge-medal{margin:0 auto 8px;display:block}.badge-name{color:var(--ink);margin:6px 0 4px;font-size:.95rem;font-weight:800}.badge-desc{color:var(--ink-soft);font-size:.8rem}.badge-cta{margin:24px 0 4px}.quiz-card-up{color:var(--board);border:1px dashed var(--accent-soft);background:#fff9ec;border-radius:10px;align-items:center;gap:6px;margin:6px 0;padding:8px 12px;font-weight:700;display:flex}.quiz-card-up-icon{border-radius:6px;flex:none}.quiz-modes{flex-direction:column;align-items:center;gap:10px;margin:10px 0 4px;display:flex}.quiz-btn-daily{background:var(--paper);color:var(--board);border:2px solid var(--accent);cursor:pointer;border-radius:10px;padding:11px 22px;font-size:1rem;font-weight:800}.quiz-btn-daily:hover{background:#fff7e6}.quiz-topbar{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 12px;display:flex}.quiz-difficulty{color:var(--accent);letter-spacing:1px;font-size:.9rem}.quiz-combo{color:#9a4a00;background:#fde6c9;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.dex-screen{max-width:1040px;margin:0 auto;padding:28px 16px 56px}.dex-stats{flex-wrap:wrap;justify-content:center;gap:14px;margin:18px 0 12px;display:flex}.dex-stat{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:12px;padding:12px 20px}.dex-stat-num{color:var(--board);font-size:1.3rem;font-weight:800;display:block}.dex-stat-label{color:var(--ink-soft);font-size:.8rem}.dex-progress-bar{background:var(--line);border-radius:999px;height:12px;margin:0 0 28px;overflow:hidden}.dex-progress-bar>span{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;transition:width .4s;display:block}.dex-filters{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.dex-chip{background:var(--paper);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700;line-height:1}.dex-chip:hover{border-color:var(--accent-soft)}.dex-chip.active{background:var(--board);color:var(--chalk);border-color:var(--board)}.dex-chip-toggle.active{background:var(--accent);color:#3a2c06;border-color:var(--accent)}.dex-empty{text-align:center;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 12px}.dex-category{margin:0 0 28px}.dex-category-title{color:var(--board);border-left:5px solid var(--accent);background:#eef3ef;border-radius:0 8px 8px 0;margin:0 0 14px;padding:6px 12px;font-size:1.05rem}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.dex-card{border:1px solid var(--line);background:var(--paper-card);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:16px 14px 14px;display:flex;position:relative}.dex-card.rarity-2{border-color:var(--accent-soft)}.dex-card.rarity-3{border:2px solid var(--accent);background:linear-gradient(160deg,#fffdf6,#fff5dd);box-shadow:0 0 14px #e0a82e59}.dex-guide{border:1.5px solid var(--accent);border-radius:var(--radius);color:var(--ink);background:#fff9ec;margin:0 0 18px;padding:14px 18px;line-height:1.65;text-decoration:none;display:block}.dex-guide strong{color:var(--board);margin-bottom:2px;display:block}.dex-card.locked{text-align:center;color:var(--ink-soft);background:#f3f2ee;border-style:dashed;justify-content:center;align-items:center;min-height:84px;padding:12px}.dex-card-rarity{color:var(--accent);letter-spacing:1px;margin-bottom:2px;font-size:.85rem}.dex-card-art{border-radius:14px;margin-bottom:8px;display:block}.dex-locked-tile{color:#9a978d;background:#d9d7cf;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;font-size:1.4rem;font-weight:800;display:flex}.dex-card.locked .dex-card-name{color:var(--ink-soft);font-size:.85rem}.dex-card-name{color:var(--ink);margin:6px 0;font-size:.98rem;font-weight:800}.dex-card-front{color:var(--ink);margin:0 0 8px;font-size:.85rem;line-height:1.6}.dex-card-back{color:var(--ink-soft);margin:0 0 10px;font-size:.8rem;line-height:1.65}.dex-card-mastery{color:var(--board);margin-bottom:8px;font-size:.82rem;font-weight:700}.dex-card-link{color:var(--board);margin-top:auto;font-size:.82rem;font-weight:600;text-decoration:none}.dex-card-link:hover{text-decoration:underline}.dex-card-hint{font-size:.78rem}.dex-cta{text-align:center;margin:24px 0 4px}.discovered-cards{border:1px solid var(--accent-soft);border-radius:var(--radius);background:#fff9ec;margin:32px 0;padding:18px 20px}.discovered-cards h3{color:var(--board);margin:0 0 12px;font-size:1.02rem}.discovered-grid{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.discovered-card{background:var(--paper-card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:flex}.discovered-card.rarity-3{border-color:var(--accent);box-shadow:0 0 8px #e0a82e4d}.discovered-emoji{vertical-align:middle;border-radius:7px;flex:none;display:inline-block}.discovered-name{color:var(--ink);font-size:.9rem;font-weight:700}.discovered-link{color:var(--board);font-size:.9rem;font-weight:600;text-decoration:none}.discovered-link:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}a:focus-visible,button:focus-visible,input:focus-visible,[role=button]:focus-visible,.hub-item:focus-visible,.dex-chip:focus-visible,.draw-swatch:focus-visible,.quiz-choice:focus-visible,.play-btn:focus-visible,.tl-dot:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.toast-host{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;width:300px;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:16px;left:auto;right:16px;transform:none}.toast{pointer-events:auto;background:linear-gradient(160deg, var(--board), var(--board-deep));width:100%;color:var(--chalk);opacity:.97;border-radius:14px;padding:12px 16px;animation:.3s toast-in;position:relative;box-shadow:0 10px 32px #00000059}.toast.accent{border:2px solid var(--accent);box-shadow:0 0 18px #e0a82e73}@keyframes toast-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.toast-close{color:var(--chalk);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem;line-height:1;position:absolute;top:6px;right:10px}.toast-close:hover{opacity:1}.toast-title{align-items:center;gap:6px;margin-bottom:8px;padding-right:16px;font-weight:800;display:flex}.toast-medal,.toast-mascot{flex:none}.quiz-result-emoji{justify-content:center;margin-bottom:4px;display:flex}.quiz-chara-line{color:var(--ink-soft);margin:2px 0 14px;font-weight:700}.guess-figure{justify-content:center;margin:8px 0 18px;display:flex}.guess-figure svg{box-shadow:var(--shadow);border-radius:22px}.toast-cards{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.toast-card{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:.85rem;font-weight:700;display:inline-flex}.toast-card svg{border-radius:7px}.toast a{color:var(--accent-soft);font-size:.9rem;font-weight:700;text-decoration:none}.trivia-box{border-radius:var(--radius);color:var(--ink);background:#eef3fb;border:1px solid #cdddf5;border-left:5px solid #5b8def;margin:0 0 24px;padding:14px 18px;text-decoration:none;display:block}.trivia-box:hover{background:#e6eefb}.trivia-label{color:#2b5f9e;margin-bottom:4px;font-size:.82rem;font-weight:800;display:block}.trivia-text{line-height:1.7;display:block}.trivia-more{color:#2b5f9e;margin-top:6px;font-size:.88rem;font-weight:700;display:inline-block}.mascot-greet{align-items:center;gap:12px;margin:0 0 20px;display:flex}.mascot-fig{flex:none}.mascot-bubble{background:var(--paper-card);border:1.5px solid var(--line);color:var(--ink);box-shadow:var(--shadow);border-radius:14px;flex:1;padding:12px 16px;font-weight:700;line-height:1.6;position:relative}.mascot-bubble:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:9px solid var(--line);position:absolute;top:22px;left:-9px}.mascot-bubble:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid var(--paper-card);position:absolute;top:22px;left:-7px}.mascot-cta{color:var(--board);margin-top:8px;font-weight:800;text-decoration:none;display:inline-block}.mascot-cta:hover{text-decoration:underline}.first-nudge{border:2px solid var(--accent);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);background:#fff9ec;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;text-decoration:none;display:flex}.first-nudge:hover{background:#fff4d9}.first-nudge-emoji{font-size:1.8rem;line-height:1}.first-nudge-text{flex:1;min-width:200px;font-size:.95rem;line-height:1.6}.first-nudge-text strong{color:var(--board);margin-bottom:2px;display:block}.first-nudge-cta{color:var(--board);white-space:nowrap;font-weight:800}.complete-banner{border:2px solid var(--accent);border-radius:var(--radius);color:#5a4420;background:linear-gradient(160deg,#fff3cf,#ffe49b);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;line-height:1.6;display:flex;box-shadow:0 0 18px #e0a82e66}.complete-banner-emoji{font-size:2rem;line-height:1}.complete-banner strong{color:var(--board);margin-bottom:2px;display:block}.level-banner{background:linear-gradient(160deg, var(--board), var(--board-deep));color:var(--chalk);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 22px;padding:16px 18px}.level-banner.compact{padding:13px 16px}.level-banner-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.level-badge{background:var(--accent);color:#3a2c06;border-radius:999px;padding:2px 12px;font-size:.9rem;font-weight:800}.level-title{font-size:1.05rem;font-weight:800}.level-xp{opacity:.92;margin-left:auto;font-size:.85rem}.level-bar{background:#ffffff2e;border-radius:999px;height:10px;margin:10px 0 6px;overflow:hidden}.level-bar>span{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;transition:width .4s;display:block}.level-foot{opacity:.92;font-size:.8rem}.tts-btn{background:var(--board);color:var(--chalk);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;font-size:.88rem;font-weight:800;display:inline-flex}.tts-btn:hover{background:var(--board-deep)}.tts-btn.on{background:#b23b32}.kid-summary{border:1px solid var(--accent);background:#fff9ec;border-radius:14px;margin:0 0 24px;padding:14px 18px}.kid-summary-label{background:var(--accent);color:#3a2c06;border-radius:999px;margin-bottom:8px;padding:3px 12px;font-size:.78rem;font-weight:800;display:inline-block}.kid-summary p{color:var(--ink);margin:0;line-height:1.85}.references{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:32px 0;padding:16px 18px}.references h3{color:var(--board);margin:0 0 10px;font-size:1rem}.references ul{margin:0;padding-left:1.2em}.references li{margin-bottom:6px}.references a{color:var(--board);word-break:break-word;font-weight:600}.content-figure{margin:24px 0}.content-figure svg{width:100%;max-width:520px;height:auto;box-shadow:var(--shadow);border-radius:12px;margin:0 auto;display:block}.content-figure figcaption{color:var(--ink-soft);text-align:center;margin-top:8px;font-size:.85rem;line-height:1.7}.timeline-screen{max-width:640px;margin:0 auto;padding:28px 16px 56px}.timeline-stage{margin:8px 0 12px}.timeline-svg{width:100%;height:auto;box-shadow:var(--shadow);border-radius:16px;display:block}.timeline-dots{justify-content:center;gap:8px;margin:6px 0 12px;display:flex}.tl-dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;padding:0}.tl-dot.active{background:var(--accent)}.timeline-title{color:var(--board);margin:4px 0 8px;font-size:1.15rem}.timeline-body{color:var(--ink);margin:0 0 16px;line-height:1.9}.timeline-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-count{color:var(--ink-soft);font-size:.9rem;font-weight:800}.hub-screen{max-width:880px;margin:0 auto;padding:28px 16px 56px}.hub-list{border-top:1px solid var(--line);margin:8px 0 0;padding:0;list-style:none}.hub-list li{border-bottom:1px solid var(--line)}.hub-item{color:var(--ink);align-items:center;gap:14px;padding:14px 6px;text-decoration:none;display:flex}.hub-item:hover{background:#faf9f5}.hub-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hub-item-title{color:var(--board);font-weight:800}.hub-item-desc{color:var(--ink-soft);font-size:.85rem;line-height:1.6}.hub-item-arrow{color:var(--accent);flex:none;font-size:1.1rem;font-weight:800}.hub-emoji{flex:none;font-size:2rem}.map-screen{max-width:720px;margin:0 auto;padding:28px 16px 56px}.map-progress{background:var(--paper);border:1px solid var(--line);color:var(--board);border-radius:999px;margin:6px 0 24px;padding:6px 16px;font-weight:800;display:inline-block}.map-path{margin:0;padding:0;list-style:none;position:relative}.map-path:before{content:"";border-left:3px dashed var(--accent-soft);position:absolute;top:12px;bottom:44px;left:26px}.map-stop{min-height:56px;padding:0 0 18px 70px;position:relative}.map-stop>a{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.map-node{width:54px;height:54px;position:absolute;top:0;left:0}.map-node svg{box-shadow:var(--shadow);border-radius:14px}.map-stop.next .map-node svg{outline:3px solid var(--accent);outline-offset:2px}.map-check{color:#fff;border:2px solid var(--paper);background:#3a9d5d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;font-weight:900;display:flex;position:absolute;bottom:-5px;right:-5px}.map-stop-body{flex-direction:column;gap:3px;display:flex}.map-stop-title{color:var(--ink);font-weight:800}.map-stop-tag{background:var(--accent);color:#3a2c06;border-radius:999px;align-self:flex-start;padding:1px 10px;font-size:.75rem;font-weight:800}.map-stop-read{color:#3a9d5d;font-size:.78rem;font-weight:700}.map-goal{color:var(--board);padding:8px 0 0 70px;font-weight:800;position:relative}.map-goal.reached{padding:8px 0 0}.map-goal-done{border:2px solid var(--accent);border-radius:var(--radius);color:#5a4420;background:linear-gradient(160deg,#fff3cf,#ffe49b);align-items:center;gap:12px;padding:12px 16px;line-height:1.5;display:flex;box-shadow:0 0 18px #e0a82e66}.draw-screen{max-width:920px;margin:0 auto;padding:28px 16px 56px}.draw-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.draw-swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:34px;height:34px;padding:0}.draw-swatch.active{border-color:var(--board);box-shadow:0 0 0 2px var(--accent)}.draw-tool{background:var(--paper);border:1.5px solid var(--line);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.draw-tool.active{background:var(--board);color:var(--chalk);border-color:var(--board)}.draw-canvas{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);touch-action:none;cursor:crosshair;background:#1f3a2e;display:block}.draw-hint{color:var(--ink-soft);margin:10px 0;font-size:.85rem}.workshop-screen{max-width:920px;margin:0 auto;padding:28px 16px 56px}.workshop-challenge{border:1.5px solid var(--accent);border-radius:var(--radius);background:#fff9ec;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 18px;padding:12px 16px;font-size:.92rem;line-height:1.6;display:flex}.workshop-best{color:var(--board);font-weight:800}.workshop-presets-label{color:var(--board);margin-bottom:6px;font-size:.9rem;font-weight:800;display:block}.workshop-preset-btns{flex-wrap:wrap;gap:8px;display:flex}.workshop-preset{background:var(--paper);border:1.5px solid var(--accent-soft);color:var(--board);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:800}.workshop-preset:hover{background:#fff7e6}.workshop-preset-note{color:var(--ink);background:#eef3fb;border-left:4px solid #5b8def;border-radius:10px;margin:8px 0 16px;padding:10px 14px;font-size:.9rem;line-height:1.6}.workshop-h2{color:var(--board);border-left:5px solid var(--accent);background:#eef3ef;border-radius:0 8px 8px 0;margin:0 0 14px;padding:6px 12px;font-size:1.05rem}.workshop-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.workshop-mix,.workshop-result{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.mix-row{margin-bottom:14px}.mix-head{justify-content:space-between;align-items:baseline;display:flex}.mix-label{color:var(--ink);font-weight:800}.mix-val{color:var(--board);font-weight:800}.mix-row input[type=range]{width:100%;accent-color:var(--board);margin:4px 0}.mix-hint{color:var(--ink-soft);font-size:.78rem}.mix-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;margin-top:6px;font-size:.9rem;font-weight:700;display:flex}.result-rank{align-items:center;gap:10px;margin-bottom:14px;display:flex}.result-rank-label{color:var(--ink-soft);font-size:.85rem}.result-rank-badge{color:#fff;background:var(--board);border-radius:12px;padding:2px 16px;font-size:1.6rem;font-weight:900;line-height:1.2}.result-rank[data-rank=S] .result-rank-badge{color:#3a2c06;background:linear-gradient(160deg,#e0a82e,#f4c64a)}.result-rank[data-rank=A] .result-rank-badge{background:#3a9d5d}.result-rank[data-rank=C] .result-rank-badge{background:#8a8f95}.result-rank-num{color:var(--board);font-size:1.2rem;font-weight:800}.score-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.score-label{width:92px;color:var(--ink);flex:none;font-size:.85rem}.score-track{background:var(--line);border-radius:999px;flex:1;height:10px;overflow:hidden}.score-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;transition:width .25s;display:block}.score-num{text-align:right;width:28px;color:var(--ink-soft);flex:none;font-size:.82rem;font-weight:700}.result-comment{color:var(--board);border:1px dashed var(--accent-soft);background:#fff9ec;border-radius:10px;margin:12px 0;padding:10px 12px;font-weight:700}.craft-row{flex-wrap:wrap;gap:8px;display:flex}.craft-name{border:1.5px solid var(--line);border-radius:10px;flex:1;min-width:160px;padding:10px 12px;font-size:.95rem}.workshop-shelf{margin-top:24px}.shelf-empty{color:var(--ink-soft)}.shelf-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.shelf-item{background:var(--paper-card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.shelf-rank{color:#fff;background:var(--board);border-radius:8px;flex:none;padding:2px 10px;font-weight:900}.shelf-item[data-rank=S] .shelf-rank{background:var(--accent);color:#3a2c06}.shelf-item[data-rank=A] .shelf-rank{background:#3a9d5d}.shelf-item[data-rank=C] .shelf-rank{background:#8a8f95}.shelf-name{color:var(--ink);font-weight:800}.shelf-meta{color:var(--ink-soft);margin-left:auto;font-size:.78rem}@media (width<=720px){.workshop-grid{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.site-nav{flex-direction:column;width:100%;margin-top:8px;margin-left:0;display:none}.site-nav.open{display:flex}.site-nav a{width:100%}.hero h1{font-size:1.6rem}.article-header h1{font-size:1.4rem}.content-table{font-size:.85rem}.content-table th,.content-table td{padding:7px 9px}}