:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#202124;--muted:#73766f;--line:#dedfd8;--paper:#f7f7f3;--white:#fff;--coral:#ed6652;--green:#18745e;--yellow:#f4bd3c;--blue:#4f78c8;background:#f1f2ed;font-family:Avenir Next,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:#f1f2ed;min-width:320px;min-height:100%}body{overscroll-behavior:none;min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #202124}button:disabled{cursor:not-allowed}#root{min-height:100dvh}.icon-button,.toolbar-button{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:8px;flex:0 0 46px;place-items:center;padding:0;transition:transform .12s,background .12s;display:inline-grid}.icon-button:hover,.toolbar-button:hover{background:#eceee8}.icon-button:active,.toolbar-button:active{transform:scale(.94)}.icon-button.subtle{background:0 0;border-color:#0000}.hub-shell{width:min(100%,780px);min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom));background:var(--paper);border-inline:1px solid #e4e5df;margin:0 auto}.hub-hero{padding:calc(18px + env(safe-area-inset-top)) clamp(18px, 5vw, 38px) 22px;border-bottom:1px solid var(--line);background:var(--white)}.hub-topline,.modal-heading,.section-heading,.game-header{justify-content:space-between;align-items:center;display:flex}.brand-lockup{color:#5e625b;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.brand-dot{border:3px solid var(--ink);background:var(--yellow);border-radius:50%;width:10px;height:10px}.hero-content{grid-template-columns:minmax(0,1fr) minmax(112px,170px);align-items:center;gap:16px;min-height:216px;display:grid}.hero-copy h1{max-width:420px;margin:0;font-size:clamp(34px,9vw,58px);font-weight:950;line-height:1.02}.hero-copy p{color:#62665f;margin:12px 0 22px;font-size:clamp(15px,3.4vw,18px);font-weight:650}.hero-mascot{filter:drop-shadow(0 10px #2021241a);justify-self:end;width:100%;max-width:170px;display:block;transform:rotate(3deg)}.primary-command{border:2px solid var(--ink);min-height:48px;color:var(--white);background:var(--ink);box-shadow:4px 4px 0 var(--yellow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:850;transition:transform .12s,box-shadow .12s;display:inline-flex}.primary-command:hover{box-shadow:6px 6px 0 var(--yellow);transform:translate(-1px,-1px)}.primary-command:active{box-shadow:1px 1px 0 var(--yellow);transform:translate(3px,3px)}.primary-command.wide{width:100%}.hub-stats{border:1px solid var(--line);background:#fafaf7;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid}.hub-stats>div{border-right:1px solid var(--line);grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:7px;min-height:64px;padding:8px;display:grid}.hub-stats>div:last-child{border-right:0}.hub-stats span{color:var(--muted);text-align:center;grid-column:1/-1;font-size:11px}.level-map{padding:28px clamp(18px,5vw,38px) 18px}.chapter-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity;grid-auto-columns:minmax(88px,1fr);grid-auto-flow:column;gap:8px;margin:-4px 0 24px;padding:4px 2px 9px;display:grid;overflow-x:auto}.chapter-tabs button{scroll-snap-align:start;border:1px solid var(--line);color:#5f635c;text-align:left;background:var(--white);cursor:pointer;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;min-height:48px;padding:7px 9px;display:grid;position:relative}.chapter-tabs button strong{width:24px;height:24px;color:var(--white);background:#8a8e86;border-radius:50%;place-items:center;font-size:12px;display:grid}.chapter-tabs button span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.chapter-tabs button svg{position:absolute;top:3px;right:3px}.chapter-tabs button.is-active{border-color:var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--yellow)}.chapter-tabs button.is-active strong{background:var(--ink)}.chapter-tabs button:disabled{color:#a0a39d;background:#eeefea}.chapter-tabs button:disabled strong{background:#b9bcb5}.section-heading{margin-bottom:18px}.section-kicker,.result-kicker{color:#777b74;font-size:10px;font-weight:900}.section-heading h2,.modal-heading h2{margin:3px 0 0;font-size:23px}.map-count{color:var(--muted);font-size:13px;font-weight:800}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.level-card{--level-accent:#4f78c8;--level-soft:#e1e9fa;text-align:left;background:var(--white);cursor:pointer;border:1px solid #d7d9d2;border-radius:8px;grid-template-rows:25px auto;grid-template-columns:48px minmax(0,1fr) 24px;gap:5px 11px;min-height:104px;padding:12px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid;position:relative;overflow:hidden}.level-card:before{background:var(--level-accent);content:"";width:4px;position:absolute;inset:0 auto 0 0}.level-card:hover:not(:disabled){border-color:var(--level-accent);transform:translateY(-2px);box-shadow:0 8px 18px #20212414}.level-card:disabled{color:#8d908a;background:#eeefea}.level-number{color:var(--level-accent);grid-column:1;font-size:11px;font-weight:950}.level-icon{width:44px;height:44px;color:var(--level-accent);background:var(--level-soft);border-radius:8px;grid-area:2/1;place-items:center;display:grid}.level-copy{flex-direction:column;grid-area:1/2/span 2;align-self:center;gap:5px;min-width:0;display:flex}.level-copy strong{overflow-wrap:anywhere;font-size:15px}.level-copy small{color:#777b74;font-size:11px}.level-state{color:var(--level-accent);grid-area:1/3/span 2;align-self:center;place-items:center;display:grid}.level-card.is-complete .level-state{width:24px;height:24px;color:var(--white);background:var(--level-accent);border-radius:50%}.hub-footer{color:#8b8e87;text-align:center;padding:20px;font-size:11px;font-weight:800}.game-shell{--level-accent:#4f78c8;--level-soft:#e1e9fa;background:var(--paper);border-inline:1px solid #e0e1dc;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,560px);height:100dvh;min-height:560px;margin:0 auto;display:grid;overflow:hidden}.game-header{min-height:calc(70px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);background:var(--white)}.game-title{flex-direction:column;align-items:center;min-width:0;display:flex}.game-title small{color:var(--level-accent);font-size:9px;font-weight:950}.game-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:17px;overflow:hidden}.game-time{width:46px;color:var(--ink);font-variant-numeric:tabular-nums;justify-content:center;font-size:17px;font-weight:900;display:flex}.game-time small{color:var(--muted);align-self:flex-end;margin:0 0 2px 2px;font-size:9px}.game-body{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:14px 14px 8px;display:grid}.level-prompt{color:#676b64;text-align:center;min-height:24px;margin:0;font-size:13px;font-weight:700}.game-stage{overscroll-behavior:contain;place-items:center;min-height:0;display:grid;overflow:auto}.stage-loading{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.stage-loading span{border:3px solid #d8dad3;border-top-color:var(--level-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.game-toolbar{min-height:calc(68px + env(safe-area-inset-bottom));padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--white);align-items:flex-start;gap:16px;display:flex}.toolbar-button{background:var(--paper)}.toolbar-progress{background:#e0e2dc;border-radius:3px;flex:1;align-self:center;height:5px;overflow:hidden}.toolbar-progress span{border-radius:inherit;background:var(--level-accent);height:100%;display:block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2021249e;place-items:center;padding:18px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal-card{border:2px solid var(--ink);background:var(--white);width:min(100%,390px);max-height:min(680px,100dvh - 36px);box-shadow:8px 8px 0 var(--yellow);border-radius:8px;padding:22px;animation:.2s ease-out pop-in;overflow:auto}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.settings-card{gap:10px;display:grid}.modal-heading{margin-bottom:8px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:8px 4px;font-weight:800;display:flex}.setting-row span{align-items:center;gap:10px;display:flex}.setting-row input{appearance:none;border:2px solid var(--ink);cursor:pointer;background:#d6d8d1;border-radius:16px;width:48px;height:28px;margin:0;position:relative}.setting-row input:after{background:var(--white);content:"";border-radius:50%;width:18px;height:18px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.setting-row input:checked{background:var(--green)}.setting-row input:checked:after{transform:translate(20px)}.danger-command,.text-command{cursor:pointer;background:0 0;border:0;min-height:44px;font-weight:800}.danger-command{color:#bd3f34;margin-top:8px}.pause-card,.result-card{text-align:center}.pause-card h2,.result-card h2{margin:10px 0 20px;font-size:30px}.modal-symbol{border:2px solid var(--ink);background:var(--level-soft);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto;display:grid}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.modal-actions button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;display:inline-flex}.result-card img{border:2px solid var(--ink);border-radius:22px;width:86px;margin:-64px auto 8px;box-shadow:4px 4px #20212429}.result-card{margin-top:38px;overflow:visible}.result-card h2{margin:5px 0 8px;font-size:36px}.result-card p{color:var(--muted);margin:8px 0 20px;font-size:13px;font-weight:700}.result-stars{color:#caccc5;justify-content:center;gap:4px;display:flex}.next-arrow{transform:rotate(180deg)}@media (width<=520px){.hub-shell,.game-shell{border-inline:0}.hero-content{grid-template-columns:minmax(0,1fr) 118px}.level-grid{grid-template-columns:1fr}.level-card{min-height:92px}}@media (width<=360px){.hub-hero{padding-inline:14px}.hero-content{grid-template-columns:minmax(0,1fr) 96px;min-height:200px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:14px}.primary-command{padding-inline:13px;font-size:14px}.game-body{padding-inline:8px}}@media (height<=650px){.game-header{min-height:calc(60px + env(safe-area-inset-top));padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:7px}.game-toolbar{min-height:calc(58px + env(safe-area-inset-bottom));padding-top:6px}.level-prompt{min-height:19px;font-size:12px}.game-body{padding-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#27251f;--muted:#6f6b62;--line:#27251f;--paper:#f8f6ff;--white:#fff;--coral:#ff5c7c;--green:#08a77a;--yellow:#ffe04b;--blue:#3a86ff;background:#dff7f1}html,body{background:#dff7f1}.hub-shell{background:#f8f6ff;border-color:#27251f;width:min(100%,920px)}.hub-hero{padding-top:calc(28px + env(safe-area-inset-top));background:var(--yellow);border-bottom:3px solid #27251f;position:relative;overflow:hidden}.dopamine-stripe{grid-template-columns:repeat(5,1fr);height:10px;display:grid;position:absolute;top:0;left:0;right:0}.dopamine-stripe span:first-child{background:#ff5c7c}.dopamine-stripe span:nth-child(2){background:#3a86ff}.dopamine-stripe span:nth-child(3){background:#08a77a}.dopamine-stripe span:nth-child(4){background:#9b5de5}.dopamine-stripe span:nth-child(5){background:#ff7b36}.brand-lockup{color:#27251f;font-size:11px}.brand-lockup svg{background:#fff;border:2px solid #27251f;border-radius:5px;padding:3px}.brand-lockup b{color:#fff;background:#ff5c7c;border:2px solid #27251f;border-radius:5px;padding:3px 7px;box-shadow:2px 2px #27251f}.brand-dot{display:none}.hero-content{min-height:230px}.hero-copy h1{color:#27251f;text-shadow:3px 3px #fff;max-width:520px}.hero-copy p{color:#4b473f;max-width:500px}.hero-mascot{filter:drop-shadow(7px 9px #27251f);max-width:184px;transform:rotate(4deg)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-command{color:#fff;background:#27251f;box-shadow:5px 5px #ff5c7c}.primary-command:hover{box-shadow:7px 7px #ff5c7c}.daily-command{cursor:pointer;background:#fff;border:2px solid #27251f;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:4px 4px #3a86ff}.hub-stats{background:#fff;border:2px solid #27251f;box-shadow:5px 5px #27251f}.hub-stats>div{border-right:2px solid #27251f;min-height:70px}.hub-stats>div:first-child{background:#ffe8ef}.hub-stats>div:nth-child(2){background:#fff8cf}.hub-stats>div:nth-child(3){background:#dff7f1}.hub-stats svg{color:#27251f}.hub-stats strong{font-size:23px}.hub-stats strong small{margin-left:2px;font-size:11px}.hub-stats span{color:#534f47;font-weight:800}.milestone-strip{color:#4f4a42;grid-template-columns:auto auto minmax(80px,1fr) auto;align-items:center;gap:10px;margin-top:14px;font-size:11px;font-weight:850;display:grid}.milestone-strip strong{color:#27251f;font-size:12px}.milestone-strip>div{background:#fff;border:2px solid #27251f;border-radius:5px;height:9px;overflow:hidden}.milestone-strip i{background:#ff5c7c;height:100%;display:block}.milestone-strip small{color:#6a3f92;font-size:10px}.mode-library{background:#dff7f1;border-bottom:3px solid #27251f;padding:28px clamp(18px,5vw,38px) 24px}.mode-library__heading{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.mode-library__heading span{color:#14705c;font-size:9px;font-weight:950}.mode-library__heading h2{margin:2px 0 0;font-size:23px}.mode-library__heading>strong{background:#fff;border:2px solid #27251f;border-radius:6px;padding:5px 9px;font-size:12px;box-shadow:2px 2px #08a77a}.mode-rail{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;grid-auto-columns:126px;grid-auto-flow:column;gap:10px;padding:2px 2px 8px;display:grid;overflow-x:auto}.mode-rail button{scroll-snap-align:start;text-align:left;min-height:116px;box-shadow:3px 3px 0 var(--mode-accent);cursor:pointer;background:#fff;border:2px solid #27251f;border-radius:8px;align-content:start;gap:7px;padding:10px;display:grid}.mode-rail button>span{width:36px;height:36px;color:var(--mode-accent);background:var(--mode-soft);border:2px solid #27251f;border-radius:7px;place-items:center;display:grid}.mode-rail button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mode-rail button>small{color:#77736c;font-size:10px;font-weight:800}.mode-rail button:disabled{color:#8c8880;box-shadow:none;background:#ecebe7;border-color:#aaa69e}.mode-rail button:disabled>span{color:#8c8880;background:#dedcd6;border-color:#aaa69e}.level-map{padding-top:32px}.chapter-tabs{margin-bottom:28px}.chapter-tabs button{background:#fff;border:2px solid #27251f;box-shadow:2px 2px #27251f}.chapter-tabs button strong{color:#27251f;background:#c9f3e7}.chapter-tabs button.is-active{color:#27251f;background:#ffe04b;box-shadow:4px 4px #27251f}.chapter-tabs button.is-active strong{color:#fff;background:#ff5c7c}.chapter-tabs button:disabled{box-shadow:none;border-color:#b5b1aa}.section-kicker{color:#8053bb}.section-heading h2{font-size:26px}.map-count{color:#27251f;background:#fff;border:2px solid #27251f;border-radius:6px;padding:6px 10px;box-shadow:2px 2px #3a86ff}.level-filters{background:#fff;border:2px solid #27251f;border-radius:8px;margin:0 0 16px;padding:3px;display:inline-flex}.level-filters button{cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:34px;padding:0 13px;font-size:12px;font-weight:900}.level-filters button.is-active{color:#fff;background:#27251f}.level-grid{gap:14px}.level-card{min-height:126px;box-shadow:4px 4px 0 var(--level-accent);background:#fff;border:2px solid #27251f;grid-template-rows:24px auto}.level-card:before{width:8px}.level-card:hover:not(:disabled){box-shadow:7px 7px 0 var(--level-accent);border-color:#27251f;transform:translate(-2px,-2px)}.level-card:disabled{background:#ecebe7;border-color:#aaa69e;box-shadow:3px 3px #aaa69e}.level-card:disabled:before{background:#aaa69e}.level-number{font-size:12px}.level-icon{border:2px solid #27251f}.level-copy{gap:3px}.level-copy strong{font-size:16px}.level-copy small{color:var(--level-accent);font-weight:900}.level-copy em{color:#77736c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;font-weight:700;overflow:hidden}.level-card.is-complete .level-state{outline:2px solid #27251f}.empty-filter{color:#77736c;text-align:center;border:2px dashed #aaa69e;border-radius:8px;grid-column:1/-1;padding:36px 18px;font-size:13px;font-weight:800}.hub-footer{color:#625d55;justify-content:center;align-items:center;gap:7px;display:flex}.game-shell{background:#f8f6ff;border-color:#27251f}.game-header{background:var(--yellow);border-bottom:3px solid #27251f}.game-header .icon-button{border:2px solid #27251f;box-shadow:3px 3px #ff5c7c}.game-title small{color:#68439c}.game-title strong{color:#27251f}.game-body{grid-template-rows:auto minmax(0,1fr)}.level-brief{justify-content:center;align-items:flex-start;gap:8px;min-height:30px;display:flex}.level-brief>span{color:#fff;background:var(--level-accent);border:1px solid #27251f;border-radius:5px;flex:none;padding:3px 7px;font-size:9px;font-weight:900}.level-prompt{color:#5c574f;text-align:left;min-height:auto}.game-toolbar{background:#fff;border-top:3px solid #27251f}.toolbar-button{box-shadow:2px 2px 0 var(--level-accent);border:2px solid #27251f}.toolbar-progress{background:#fff;border:2px solid #27251f;height:8px}.modal-card{border:3px solid #27251f;box-shadow:9px 9px #ff5c7c}.result-card{background:#fffdf0}.result-card h2{color:#27251f;text-shadow:2px 2px #ffe04b}.result-stars .earned{color:#ffb700;filter:drop-shadow(0 2px #27251f)}@media (width<=520px){.hub-hero{padding-inline:18px}.hero-content{grid-template-columns:minmax(0,1fr) 112px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:13px}.daily-command{min-height:44px;padding-inline:12px;font-size:13px}.level-card{min-height:112px}.milestone-strip{grid-template-columns:auto 1fr auto}.milestone-strip>div{grid-area:2/1/auto/-1}.milestone-strip small{grid-area:1/3}}@media (width<=360px){.hero-content{grid-template-columns:minmax(0,1fr) 86px}.hero-copy h1{font-size:34px}.hero-actions{gap:9px}.daily-command{font-size:12px}.level-filters{width:100%}.level-filters button{flex:1;padding-inline:6px}}