:root{--bg:#fff8ef;--card:#fff;--ink:#2b2d42;--muted:#7a7d92;--primary:#4361ee;--primary-ink:#fff;--speed:#f77f00;--good:#2a9d8f;--bad:#e63946;--line:#ece4d8;--lvl0:#eee;--lvl1:#ffd6d6;--lvl2:#ffe8a3;--lvl3:#c7f0c2;--lvl4:#2a9d8f;color:var(--ink);background:var(--bg);font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}.screen{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen.center{text-align:center;align-items:center;padding-top:48px}h1{margin:8px 0;font-size:2.2rem}h2{margin:0;font-size:1.8rem}.muted{color:var(--muted);margin:0}.hero{flex-direction:column;gap:8px;display:flex}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--card);border:2px solid var(--line);border-radius:999px;padding:4px 14px;font-weight:700}.module-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.module-card{background:var(--card);border:2px solid var(--line);text-align:center;box-shadow:0 4px 0 var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:transform 80ms;display:flex}.module-card:not(:disabled):active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.module-emoji{font-size:2.4rem}.module-title{font-size:1.1rem;font-weight:800}.module-blurb{color:var(--muted);font-size:.9rem}.back{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:1rem;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--card);border-radius:14px;min-width:56px;padding:10px 12px;font-size:1.1rem;font-weight:800}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.meter-wrap{flex-direction:column;gap:6px;display:flex}.meter{background:var(--line);border-radius:999px;flex:1;height:14px;overflow:hidden}.meter-fill{background:var(--good);border-radius:999px;height:100%;transition:width .3s}.actions{flex-direction:column;gap:12px;width:100%;display:flex}.big-btn{border:2px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:16px;font-size:1.3rem;font-weight:800;display:flex}.big-btn small{opacity:.85;font-size:.85rem;font-weight:600}.big-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);box-shadow:0 4px #2b45c4}.big-btn.speed{background:var(--speed);border-color:var(--speed);color:#fff;box-shadow:0 4px #c46400}.big-btn:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.quiz{min-height:100dvh}.quiz-top{align-items:center;gap:12px;display:flex}.quiz-top .back{font-size:1.4rem}.timer{text-align:center;flex:1;font-size:1.3rem;font-weight:800}.timer.low{color:var(--bad)}.question{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:24px 0 8px;font-size:clamp(2.6rem,12vw,4rem);font-weight:900;display:flex}.answer-box{border-bottom:5px solid var(--primary);text-align:center;min-width:2.4em;color:var(--primary);padding:0 .2em}.question.correct .answer-box{color:var(--good);border-color:var(--good)}.question.wrong .answer-box{border-color:var(--bad)}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.feedback{text-align:center;min-height:110px}.feedback p{margin:4px 0}.good{color:var(--good);font-size:1.4rem;font-weight:800}.bad{color:var(--bad);font-size:1.5rem}.hint{background:#fff3c4;border-radius:12px;padding:10px 12px;font-size:1.05rem}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;display:grid}.numpad button{border:2px solid var(--line);background:var(--card);height:64px;box-shadow:0 4px 0 var(--line);touch-action:manipulation;border-radius:16px;font-size:1.8rem;font-weight:800}.numpad button:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.numpad .key-enter{background:var(--good);border-color:var(--good);color:#fff;box-shadow:0 4px #1f776c}.numpad .key-back{color:var(--muted)}.cheer{font-size:2.4rem}.score{margin:0;font-size:1.4rem}.stars-earned{margin:0;font-size:2rem;font-weight:900}.mastered-list p{margin:0 0 8px;font-weight:700}.grid-scroll{overflow-x:auto}.mastery{border-collapse:separate;border-spacing:3px;margin:0 auto;font-size:.85rem;font-weight:700}.mastery th{color:var(--muted);width:32px;height:32px}.mastery td{text-align:center;color:#fff;border-radius:6px;width:32px;height:32px}.lvl0{background:var(--lvl0)}.lvl1{background:var(--lvl1)}.lvl2{background:var(--lvl2)}.lvl3{background:var(--lvl3)}.lvl4{background:var(--lvl4)}.legend{flex-wrap:wrap;justify-content:center;gap:12px;font-size:.9rem;display:flex}.legend i{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}body.staging:before{content:"STAGING";z-index:100;background:var(--speed);color:#fff;letter-spacing:.1em;pointer-events:none;border-radius:0 0 8px 8px;padding:2px 12px;font-size:.75rem;font-weight:800;position:fixed;top:0;left:50%;transform:translate(-50%)}.link{color:var(--primary);background:0 0;border:none;align-self:center;padding:4px 0;font-size:1rem;font-weight:700}.hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.error{color:var(--bad);margin:0;font-weight:700}.notice{color:var(--good);margin:0;font-weight:700}.small{font-size:.85rem}.empty{text-align:center;padding:24px 0;font-size:1.1rem}.login{min-height:100dvh}.login h1{text-align:center}.field{color:var(--muted);flex-direction:column;gap:6px;font-weight:700;display:flex}input{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:14px;min-width:0;padding:12px 14px;font-size:1.2rem}input:focus{border-color:var(--primary);outline:none}.pin-dots{justify-content:center;gap:14px;padding:10px 0;display:flex}.pin-dots i{border:3px solid var(--primary);border-radius:50%;width:22px;height:22px}.pin-dots i.on{background:var(--primary)}.module-card.highlight{background:#fff3c4;border-color:#f5d76e;box-shadow:0 4px #f5d76e}.tabs{gap:8px;display:flex}.tabs button{border:2px solid var(--line);background:var(--card);border-radius:14px;flex:1;padding:10px;font-size:1rem;font-weight:800}.tabs button.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.chip.small{min-width:0;padding:6px 10px;font-size:.95rem}.board{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.board li{background:var(--card);border:2px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:1.15rem;display:flex}.board li.me{border-color:var(--primary);background:#eef1ff}.board .rank{text-align:center;width:2em;font-weight:800}.board .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.board .value{font-weight:900}.panel{background:var(--card);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.panel h3,.panel p{margin:0}.banner{border-color:var(--primary);background:#eef1ff}.form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-row input{flex:140px;padding:10px 12px;font-size:1rem}.btn{border:2px solid var(--line);background:var(--card);border-radius:12px;padding:10px 14px;font-weight:700}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.user-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.user-list li{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 0;display:flex}.user-list li:first-child{border-top:none}.user-main{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tag{background:var(--line);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:800}.tag.warn{color:var(--bad);background:#ffd6d6}.level-list{flex-direction:column;gap:10px;display:flex}.level{border:2px solid var(--line);background:var(--card);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:1.1rem;display:flex}.level span{color:var(--muted);font-weight:700}.level.on{border-color:var(--primary);background:#eef1ff}.level.on span{color:var(--primary)}.badge.coins{background:#fff3c4;border-color:#f5d76e}.coin-delta{margin-left:8px;font-weight:900;animation:.35s ease-out pop;display:inline-block}.coin-delta.plus{color:#b7791f}.coin-delta.minus{color:var(--bad);font-size:1.1rem}.combo{color:var(--speed);font-weight:900;animation:.35s ease-out pop;display:block}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.mansion-scene{border:2px solid var(--line);border-radius:18px;width:100%;height:auto;display:block}.mansion-card{text-align:left;box-shadow:0 4px 0 var(--line);background:0 0;border:none;border-radius:18px;padding:0;position:relative}.mansion-card:active{box-shadow:none;transform:translateY(3px)}.mansion-card-label{background:#ffffffeb;border-radius:12px;padding:6px 10px;font-size:1.05rem;font-weight:800;position:absolute;top:10px;left:10px}.mansion-card-label small{color:var(--muted);font-size:.8rem;font-weight:700;display:block}.badge.big{font-size:1.2rem}.center-text{text-align:center}.shop{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shop li,.shop-row{align-items:center;gap:12px;padding:8px 0;display:flex}.shop li+li{border-top:1px solid var(--line)}.shop-emoji{text-align:center;width:1.6em;font-size:1.8rem}.shop-name{flex:1;font-weight:700}.shop-name small{color:var(--muted);font-weight:600;display:block}.shop li.locked{opacity:.55}.shop li.owned .shop-name{color:var(--good)}.big-btn.build{color:#3e2723;background:#ffb300;border-color:#ffb300;box-shadow:0 4px #c68400}.coin-sum{border-collapse:collapse;min-width:220px;font-size:1.05rem}.coin-sum td{padding:3px 8px}.coin-sum td:last-child{text-align:right;font-weight:800}.coin-sum tr.lost td{color:var(--bad)}.board li.clickable{cursor:pointer}.board .name small{font-size:.8rem;font-weight:600}.mastery td.gift{cursor:pointer;background:#ffe082;font-size:1rem;animation:1.6s ease-in-out infinite wiggle;box-shadow:inset 0 0 0 2px #ffb300}.mastery td.busy{opacity:.5}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}.big-btn.gifts{background:#fff3c4;border-color:#ffb300;box-shadow:0 4px #ffb300}.mansion-3d{aspect-ratio:4/3;border:2px solid var(--line);background:#bfe6ff;border-radius:18px;width:100%;overflow:hidden}.mansion-3d canvas{width:100%;height:100%;display:block}.mansion-3d:not(.interactive){pointer-events:none}.mansion-3d.interactive{touch-action:none;cursor:grab}.mansion-3d.interactive:active{cursor:grabbing}.question.long{gap:4px 8px;font-size:clamp(1.6rem,7.5vw,2.6rem)}.question.long .answer-box{min-width:1.8em}.module-card.locked{background:#f4efe6}.module-card.locked .module-blurb{color:#b7791f;font-weight:800}.level .pay{color:#b7791f;margin-left:6px;font-size:.8rem;font-weight:800}.sheet-backdrop{z-index:50;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#1e1e2873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);text-align:center;border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:20px;animation:.2s ease-out pop;display:flex}.sheet h3{margin:0;font-size:1.4rem}.sheet p{margin:0}.story{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 16px;font-size:1.2rem;line-height:1.45}.story p{margin:2px 0}.question.after-story{padding-top:8px;font-size:clamp(2rem,9vw,2.8rem)}.puzzle-ask{text-align:center;margin:4px 0 0;font-size:1.35rem;font-weight:800}.choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.choice{border:2px solid var(--line);background:var(--card);min-height:64px;box-shadow:0 4px 0 var(--line);touch-action:manipulation;border-radius:16px;padding:10px;font-size:1.25rem;font-weight:800}.choice:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.choice.right{background:var(--good);border-color:var(--good);color:#fff;opacity:1}.choice.wrong{border-color:var(--bad);color:var(--bad);background:#ffd6d6}.room-tabs{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.room-tabs .chip{white-space:nowrap;flex:none}.room-tabs .chip.locked{opacity:.5}.room-3d{background:#fdf6ec}.room-flat{border:2px solid var(--line);background:#fdf6ec;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:16px;font-size:2.6rem;display:flex}.requirement{text-align:left;background:#f4efe6;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;font-size:.95rem;display:flex}.requirement .meter{flex:none}.two-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.walk{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;background:#bfe6ff;position:fixed;inset:0}.walk-stage{position:absolute;inset:0}.walk-canvas{touch-action:none;width:100%;height:100%;display:block}.walk-top{left:12px;right:12px;top:max(12px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.walk-top>*{pointer-events:auto}.walk-place{background:#ffffffe6;border-radius:999px;padding:8px 14px;font-weight:800}.walk-help{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 52px);color:#fff;text-align:center;pointer-events:none;background:#00000073;border-radius:12px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:6px 12px;font-size:.9rem;position:absolute;transform:translate(-50%)}.walk-toast{pointer-events:none;background:#fff;border-radius:16px;margin:0;padding:10px 16px;font-size:1.1rem;font-weight:800;animation:.25s ease-out pop;position:absolute;bottom:170px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0003}.walk-joy{left:28px;bottom:max(28px, env(safe-area-inset-bottom));touch-action:none;background:#ffffff59;border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:absolute}.walk-knob{pointer-events:none;background:#fffffff2;border-radius:50%;width:56px;height:56px;box-shadow:0 2px 8px #00000040}