@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";.cat-icon[data-astro-cid-h6z5ntdi]{display:block;object-fit:contain;object-position:center top;flex-shrink:0;user-select:none;pointer-events:none}.lang-dropdown[data-astro-cid-a2mxz4y6]{position:relative;flex-shrink:0}.lang-trigger[data-astro-cid-a2mxz4y6]{display:inline-flex;align-items:center;gap:.35rem;min-height:40px;padding:.3rem .7rem .3rem .75rem;border-radius:var(--radius-pill, 999px);border:2px solid var(--border-strong, #d4b8a0);background:var(--surface, #fff);box-shadow:var(--clay-shadow-sm, 0 2px 0 #d4b8a0, 0 4px 12px rgba(92, 64, 51, .06));color:var(--text, #5c4033);font-family:inherit;font-weight:800;font-size:.82rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.lang-trigger[data-astro-cid-a2mxz4y6]:hover{background:var(--primary-soft, #fde8d0)}.lang-dropdown[data-astro-cid-a2mxz4y6].open .lang-trigger[data-astro-cid-a2mxz4y6]{border-color:var(--primary, #e8a05c);background:var(--primary-soft, #fde8d0)}.lang-trigger-label[data-astro-cid-a2mxz4y6]{display:inline-flex;align-items:center;gap:.4rem}.lang-globe[data-astro-cid-a2mxz4y6]{flex-shrink:0;color:var(--primary-dark, #d4893f)}.lang-current[data-astro-cid-a2mxz4y6]{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-chevron[data-astro-cid-a2mxz4y6]{flex-shrink:0;color:var(--text-soft, #9a7b68);transition:transform .18s ease}.lang-dropdown[data-astro-cid-a2mxz4y6].open .lang-chevron[data-astro-cid-a2mxz4y6]{transform:rotate(180deg)}.lang-menu[data-astro-cid-a2mxz4y6]{position:absolute;top:calc(100% + 6px);right:0;z-index:120;margin:0;padding:.4rem;list-style:none;min-width:11rem;max-height:min(60vh,20rem);overflow-y:auto;overscroll-behavior:contain;background:var(--surface, #fff);border:2px solid var(--border-strong, #d4b8a0);border-radius:16px;box-shadow:0 4px 0 var(--border-strong, #d4b8a0),0 12px 28px #5c40331f}.lang-menu[data-astro-cid-a2mxz4y6][hidden]{display:none}.lang-option[data-astro-cid-a2mxz4y6]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:40px;padding:.45rem .75rem;border-radius:12px;text-decoration:none;color:var(--text, #5c4033);font-weight:700;font-size:.9rem;transition:background .12s ease}.lang-option[data-astro-cid-a2mxz4y6]:hover{background:var(--primary-soft, #fde8d0);color:var(--text, #5c4033)}.lang-option[data-astro-cid-a2mxz4y6].active{background:linear-gradient(180deg,#f0b06e 0%,var(--primary, #e8a05c) 100%);color:#fff}.lang-check[data-astro-cid-a2mxz4y6]{flex-shrink:0}.lang-option-label[data-astro-cid-a2mxz4y6]{min-width:0}.header-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.65rem}:root{--bg: #f7f1ea;--bg-soft: #fbf7f2;--bg-warm: #fff6ee;--surface: #ffffff;--surface-2: #fffaf5;--text: #5c4033;--text-soft: #9a7b68;--text-muted: #b89a88;--border: #ecd9c8;--border-strong: #d4b8a0;--primary: #e8a05c;--primary-dark: #d4893f;--primary-soft: #fde8d0;--secondary: #c46b7a;--secondary-soft: #f8dce1;--accent: #6b63c9;--accent-soft: #e4e1f7;--success: #5cb88a;--success-soft: #d8f3e5;--danger: #e86a5c;--gold: #f5c542;--clay-shadow: 0 4px 0 var(--border-strong), 0 8px 24px rgba(92, 64, 51, .08);--clay-shadow-sm: 0 2px 0 var(--border-strong), 0 4px 12px rgba(92, 64, 51, .06);--clay-inset: inset 0 2px 0 rgba(255, 255, 255, .85);--radius: 22px;--radius-sm: 14px;--radius-xs: 10px;--radius-pill: 999px;--font-display: "Fredoka", "Nunito", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--header-h: 68px;--max: 1120px;--max-prose: 720px;--space-section: clamp(3rem, 6vw, 5rem);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .16s;--t: .22s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(232,160,92,.18),transparent 50%),radial-gradient(ellipse 60% 40% at 90% 0%,rgba(196,107,122,.12),transparent 45%),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(107,99,201,.08),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}a{color:var(--primary-dark);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--secondary)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;font-weight:600;color:var(--text);margin:0 0 .6em;letter-spacing:.01em}h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.15rem,2vw,1.35rem)}p{margin:0 0 1em}p:last-child{margin-bottom:0}ul,ol{margin:0 0 1em;padding-left:1.25em}.site-shell{min-height:100dvh;display:flex;flex-direction:column}.site-main{flex:1;width:100%}.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.container-narrow{width:min(100% - 2rem,var(--max-prose));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:#fbf7f2e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text);min-height:44px}.brand:hover{color:var(--text)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#fff 0%,var(--primary-soft) 100%);box-shadow:var(--clay-shadow-sm);border:2px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;overflow:hidden;padding:2px}.brand-mark img{width:100%;height:100%;object-fit:contain;object-position:center 15%}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.brand-sub{font-size:.72rem;color:var(--text-soft);font-weight:600}.nav-desktop{display:none;align-items:center;gap:.25rem}@media(min-width:860px){.nav-desktop{display:flex}.nav-toggle{display:none!important}}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .85rem;border-radius:var(--radius-pill);text-decoration:none;color:var(--text);font-weight:700;font-size:.95rem;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.nav-link:hover{background:var(--primary-soft);color:var(--text)}.nav-link[aria-current=page]{background:var(--surface);box-shadow:var(--clay-shadow-sm);border:2px solid var(--border)}.nav-link.cta{background:linear-gradient(180deg,#f0b06e 0%,var(--primary) 100%);color:#fff;border:2px solid var(--primary-dark);box-shadow:var(--clay-shadow-sm),var(--clay-inset);margin-left:.35rem}.nav-link.cta:hover{background:linear-gradient(180deg,#f5bc82,#eda55f);color:#fff;transform:translateY(-1px)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:2px solid var(--border-strong);background:var(--surface);box-shadow:var(--clay-shadow-sm);color:var(--text);cursor:pointer}.nav-mobile{display:none;border-top:2px solid var(--border);background:var(--bg-soft);padding:.75rem 1rem 1rem}.nav-mobile.open{display:flex;flex-direction:column;gap:.35rem}.nav-mobile .nav-link{width:100%;justify-content:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.35rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease);user-select:none}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(180deg,#f0b06e 0%,var(--primary) 100%);color:#fff;border-color:var(--primary-dark);box-shadow:var(--clay-shadow),var(--clay-inset)}.btn-primary:hover{color:#fff;transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--clay-shadow-sm)}.btn-secondary:hover{color:var(--text);background:var(--bg-warm)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:var(--primary-soft);color:var(--text)}.btn-lg{min-height:54px;padding:.85rem 1.75rem;font-size:1.08rem}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--clay-shadow);padding:1.35rem 1.4rem}.card-soft{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--clay-shadow-sm);padding:1.25rem}.pill{display:inline-flex;align-items:center;gap:.35rem;min-height:28px;padding:.2rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;background:var(--primary-soft);color:var(--primary-dark);border:1.5px solid #f0cda3}.pill-secondary{background:var(--secondary-soft);color:#a34d5c;border-color:#efc5cd}.pill-accent{background:var(--accent-soft);color:#524bb0;border-color:#cfcaf0}.diff-easy{background:var(--success-soft);color:#2f8a5c;border-color:#b5e4cb}.diff-mid{background:var(--primary-soft);color:var(--primary-dark);border-color:#f0cda3}.diff-hard{background:var(--secondary-soft);color:#a34d5c;border-color:#efc5cd}.section{padding:var(--space-section) 0}.section-head{text-align:center;max-width:640px;margin:0 auto 2.25rem}.section-kicker{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--primary-dark);margin-bottom:.6rem}.section-head p{color:var(--text-soft);font-size:1.05rem}.hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,4vw,3rem)}.hero-grid{display:grid;gap:2.5rem;align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:3rem}}.hero-copy h1{margin-bottom:.75rem}.hero-lead{font-size:1.12rem;color:var(--text-soft);margin-bottom:1.5rem;max-width:36em}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem}.hero-panel{position:relative}.hero-board{background:linear-gradient(165deg,#fff 0%,var(--bg-warm) 100%);border:3px solid var(--border-strong);border-radius:28px;box-shadow:var(--clay-shadow);padding:1.25rem 1.25rem 1.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-mascot{width:min(100%,300px);height:auto;aspect-ratio:350 / 420;object-fit:contain;object-position:center top;filter:drop-shadow(0 14px 24px rgba(92,64,51,.18));animation:mascot-float 3.2s ease-in-out infinite}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.hero-mascot{animation:none}}.hero-float{position:absolute;right:-8px;top:-12px;background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--clay-shadow-sm);padding:.55rem .85rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;transform:rotate(4deg)}.guide-mascot-wrap{display:flex;justify-content:center;margin:0 0 1.5rem}.guide-mascot{width:min(100%,200px);height:auto;border-radius:24px;background:linear-gradient(165deg,#fff 0%,var(--bg-warm) 100%);border:3px solid var(--border-strong);box-shadow:var(--clay-shadow-sm);padding:.75rem .75rem .5rem;object-fit:contain}.level-card-thumb{width:48px;height:48px;border-radius:14px;object-fit:cover;object-position:center;background:var(--bg-warm);border:2px solid var(--border);flex-shrink:0}.notice-card{background:linear-gradient(135deg,#fff8f0,#fde8d0,#f8e8ee);border:3px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--clay-shadow-sm);padding:1.25rem 1.4rem}.notice-title{font-size:1.15rem;margin-bottom:.45rem}.range-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.25rem}.range-label{font-weight:800;font-size:.9rem;color:var(--text-soft);margin-right:.25rem}.range-chip{display:inline-flex;align-items:center;min-height:36px;padding:.3rem .8rem;border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text);font-weight:700;font-size:.88rem;box-shadow:var(--clay-shadow-sm);cursor:pointer}.range-chip:hover,.range-chip.active{background:var(--primary-soft);border-color:#f0cda3;color:var(--text)}.video-block{margin:1.75rem 0}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;border:3px solid var(--border-strong);box-shadow:var(--clay-shadow-sm);background:#111}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.solver-placeholder{padding:2rem 1.5rem 2.25rem}.bento{display:grid;gap:1rem}@media(min-width:700px){.bento-3{grid-template-columns:repeat(3,1fr)}.bento-2,.bento-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.bento-4{grid-template-columns:repeat(4,1fr)}}.feature-card{height:100%;transition:transform var(--t) var(--ease)}.feature-card:hover{transform:translateY(-3px)}.feature-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:.9rem;border:2px solid var(--border);background:var(--bg-warm)}.feature-card h3{margin-bottom:.4rem}.feature-card p{color:var(--text-soft);font-size:.98rem}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.level-card{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit;transition:transform var(--t) var(--ease);height:100%}.level-card:hover{transform:translateY(-3px);color:inherit}.level-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.level-num{font-family:var(--font-display);font-weight:700;font-size:1.35rem}.level-card p{color:var(--text-soft);font-size:.92rem;flex:1}.level-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem;color:var(--text-soft);font-weight:700}.faq-list{display:grid;gap:.75rem;max-width:760px;margin:0 auto}.faq-item{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--clay-shadow-sm);overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:1rem 1.15rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;color:var(--primary-dark);font-weight:500;flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-item .faq-body{padding:0 1.15rem 1.15rem;color:var(--text-soft)}.prose{max-width:var(--max-prose)}.prose h2{margin-top:2rem}.prose h3{margin-top:1.5rem}.prose li{margin-bottom:.4rem}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--primary-soft);padding:.1em .4em;border-radius:6px}.answer-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);margin:1rem 0 1.5rem}.answer-table th,.answer-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.answer-table th{background:var(--bg-warm);font-family:var(--font-display);font-weight:600}.answer-table tr:last-child td{border-bottom:none}.page-hero{padding:2.5rem 0 1.5rem}.page-hero .breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.9rem;color:var(--text-soft);margin-bottom:1rem;font-weight:600}.page-hero .breadcrumbs a{text-decoration:none;color:var(--text-soft)}.page-hero .breadcrumbs a:hover{color:var(--primary-dark)}.page-hero .lead{color:var(--text-soft);font-size:1.1rem;max-width:40em}.cta-band{margin:1rem 0 var(--space-section)}.cta-band-inner{background:linear-gradient(135deg,#fff8f0,#fde8d0 45%,#f8dce1);border:3px solid var(--border-strong);border-radius:28px;box-shadow:var(--clay-shadow);padding:clamp(1.75rem,4vw,2.75rem);text-align:center}.cta-band-inner h2{margin-bottom:.5rem}.cta-band-inner p{color:var(--text-soft);margin-bottom:1.25rem}.cta-band .hero-actions{justify-content:center;margin-bottom:0}.site-footer{border-top:2px solid var(--border);background:var(--bg-soft);padding:2.5rem 0 1.75rem;margin-top:auto}.footer-grid{display:grid;gap:2rem}@media(min-width:720px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer-brand{font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.footer-desc{color:var(--text-soft);font-size:.95rem;max-width:32em}.footer-col h3{font-size:.95rem;margin-bottom:.75rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}.footer-col a{text-decoration:none;color:var(--text);font-weight:600;min-height:32px;display:inline-flex;align-items:center}.footer-col a:hover{color:var(--primary-dark)}.footer-bottom{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:space-between;color:var(--text-muted);font-size:.88rem}.disclaimer{font-size:.85rem;color:var(--text-muted);max-width:60em}.play-layout{display:grid;gap:0}.play-frame-wrap{background:var(--bg);border-bottom:2px solid var(--border)}.play-frame{display:block;width:100%;max-width:480px;margin:0 auto;height:min(92dvh,900px);min-height:640px;border:0;background:var(--bg)}.play-seo{padding:2.5rem 0 3rem}.steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:.85rem}.steps li{counter-increment:step;position:relative;padding:1rem 1rem 1rem 3.5rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--clay-shadow-sm);margin:0}.steps li:before{content:counter(step);position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:10px;background:var(--primary-soft);border:2px solid #f0cda3;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:var(--primary-dark);font-size:.9rem}.adj-nav{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border)}.skip-link{position:absolute;left:1rem;top:-100px;z-index:200;background:var(--text);color:#fff;padding:.6rem 1rem;border-radius:10px;text-decoration:none}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-soft{color:var(--text-soft)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.stack{display:grid;gap:1rem}.stack-lg{display:grid;gap:1.5rem}