:root{--ink: #1e293b;--ink-soft: #475569;--paper: #fffaf0;--paper-2: #fff3dc;--line: #f3d9a8;--sun: #ff8a1f;--sun-dark: #c2410c;--leaf: #16a34a;--leaf-dark: #166534;--sea: #0ea5e9;--sea-dark: #0369a1;--gold: #facc15;--berry: #db2777;--ok: #22c55e;--try: #f59e0b;--danger: #ef4444;--radius: 22px;--radius-sm: 14px;--shadow: 0 10px 0 rgba(120, 72, 20, .14), 0 18px 40px rgba(30, 41, 59, .22);--font: "Nunito", "Baloo 2", "Trebuchet MS", "Segoe UI Rounded", ui-rounded, system-ui, sans-serif;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9fd4ff;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}button,input,select{font-family:inherit}.hidden{display:none!important}.muted{color:var(--ink-soft)}.center{text-align:center}.icon{display:inline-flex;width:1.25em;height:1.25em;flex:none}.icon svg{width:100%;height:100%}.icon.sm{width:1em;height:1em}.ui-layer,.screen-host,.modal-host{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;pointer-events:none;display:flex}.screen>*,.modal-host>*{pointer-events:auto}.game-screen>.hud{pointer-events:none}.panel{background:var(--paper);border:4px solid #fff;border-radius:var(--radius);box-shadow:var(--shadow)}.panel-sm{background:#fffaf0f0;border:3px solid #fff;border-radius:18px;box-shadow:0 6px #7848141f,0 10px 24px #1e293b2e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.65em 1.3em;border:none;border-radius:16px;font-size:1.05rem;font-weight:800;letter-spacing:.01em;cursor:pointer;color:var(--ink);background:#fff;box-shadow:0 5px #e2c58f;transition:transform .08s ease,box-shadow .08s ease,filter .15s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(4px);box-shadow:0 1px #e2c58f}.btn:focus-visible,.icon-btn:focus-visible,.choice:focus-visible,.opt:focus-visible,.plank:focus-visible,.tab:focus-visible,.year:focus-visible,.preset:focus-visible,.map-card:focus-visible,.swatch:focus-visible{outline:4px solid var(--sea);outline-offset:3px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg,#ffa53d,var(--sun));color:#fff;box-shadow:0 5px 0 var(--sun-dark);text-shadow:0 2px 0 rgba(0,0,0,.15)}.btn.primary:active{box-shadow:0 1px 0 var(--sun-dark)}.btn.secondary{background:linear-gradient(180deg,#38d0f8,var(--sea));color:#fff;box-shadow:0 5px 0 var(--sea-dark);text-shadow:0 2px 0 rgba(0,0,0,.15)}.btn.secondary:active{box-shadow:0 1px 0 var(--sea-dark)}.btn.ghost{background:var(--paper-2);box-shadow:0 4px #ecd29f}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 5px #991b1b}.btn.danger-ghost{background:#fee2e2;color:#991b1b;box-shadow:0 4px #fca5a5}.btn.big{font-size:1.15rem;min-height:54px}.btn.huge{font-size:1.3rem;min-height:62px;padding:.7em 1.6em}.btn.small{min-height:40px;font-size:.92rem;padding:.45em .9em}.icon-btn{width:48px;height:48px;border-radius:14px;border:none;cursor:pointer;display:inline-grid;place-items:center;color:var(--ink);background:#fffaf0f2;box-shadow:0 4px #e2c58f}.icon-btn .icon{width:24px;height:24px}.icon-btn.ghost{background:var(--paper-2)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:800;background:var(--sea);color:#fff}.logo{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;line-height:.9}.logo-math,.logo-verse{font-size:clamp(2.8rem,9vw,4.6rem);font-weight:900;letter-spacing:-.02em;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 6px 0 rgba(120,72,20,.25)}.logo-math{color:var(--sun)}.logo-verse{color:var(--sea)}.logo-my{width:100%;text-align:center;margin-top:6px;font-weight:900;letter-spacing:.4em;font-size:.95rem;color:var(--leaf-dark)}.logo.small .logo-math,.logo.small .logo-verse{font-size:2.6rem}.menu-screen{align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,#ffffff26,#0ea5e926)}.menu-card{width:min(440px,100%);padding:28px 24px 18px;text-align:center;background:#fffaf0e6;backdrop-filter:blur(6px);border:4px solid #fff;border-radius:30px;box-shadow:var(--shadow)}.tagline{font-weight:700;color:var(--ink-soft);margin:14px 0 22px}.menu-buttons{display:grid;gap:12px}.menu-foot{font-size:.8rem;color:var(--ink-soft);margin:18px 0 0}.loading-screen{flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#7dd3fc,#bbf7d0);pointer-events:auto;font-weight:800}.loader{width:220px;height:16px;border-radius:999px;background:#fff;overflow:hidden;box-shadow:inset 0 2px #00000014}.loader span{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--sun));animation:load 1.1s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.fatal{position:fixed;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:#fff7ed}.dialog-layer{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + var(--safe-b));background:#0f172a40;pointer-events:auto}.dialog{width:min(640px,100%);max-height:min(100%,860px);overflow:auto;padding:18px 20px 20px}@media(min-height:700px)and (min-width:700px){.dialog-layer{align-items:center}}.pop-in{animation:pop .28s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{transform:scale(.92) translateY(14px);opacity:0}to{transform:none;opacity:1}}.dlg-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.dlg-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;font-size:1.4rem;border:4px solid #fff;box-shadow:0 3px #0000001a;text-shadow:0 2px 0 rgba(0,0,0,.25)}.dlg-who{display:flex;flex-direction:column;flex:1}.dlg-who strong{font-size:1.2rem}.dlg-who span{color:var(--ink-soft);font-size:.9rem;font-weight:700}.dlg-speech{position:relative;background:#fff;border-radius:18px;padding:14px 16px;margin:6px 0 12px;font-size:1.15rem;line-height:1.5;font-weight:700;border:3px solid var(--line)}.dlg-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}.dlg-actions.sticky{position:sticky;bottom:-20px;flex-wrap:nowrap;background:var(--paper);padding:12px 0 16px;margin:12px 0 -20px;border-top:3px solid var(--line)}.objective-card{display:flex;gap:12px;align-items:center;background:#dcfce7;border:3px solid #86efac;border-radius:16px;padding:12px 14px}.objective-card .icon{width:28px;height:28px;color:var(--leaf)}.objective-card small{display:block;font-weight:800;color:var(--leaf-dark);text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.objective-card strong{font-size:1.05rem}.about h2{margin-top:0}.about li{margin:6px 0}.q-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.q-progress{display:flex;gap:8px}.q-dot{width:16px;height:16px;border-radius:50%;background:#e2e8f0;border:3px solid #fff;box-shadow:0 0 0 2px #cbd5e1}.q-dot.current{background:var(--gold);box-shadow:0 0 0 2px #ca8a04}.q-dot.ok{background:var(--ok);box-shadow:0 0 0 2px #15803d}.q-dot.revealed{background:#fdba74;box-shadow:0 0 0 2px #c2410c}.q-prompt{font-size:clamp(1.15rem,3.6vw,1.4rem);font-weight:800;line-height:1.45;margin:14px 0}.q-visual{display:flex;justify-content:center;margin:4px 0 14px}.qv-clock{width:180px;height:180px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.1))}.qv-groups{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.qv-group{display:grid;grid-template-columns:repeat(3,22px);gap:5px;padding:10px;background:#fff;border:3px dashed #fdba74;border-radius:14px}.qv-dot{width:22px;height:22px;border-radius:50%;box-shadow:inset -3px -3px #0000002e}.qv-botol{border-radius:7px 7px 5px 5px}.qv-money{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qv-note{color:#fff;font-weight:900;padding:14px 18px;border-radius:8px;border:3px solid rgba(255,255,255,.7);box-shadow:0 4px #00000026;min-width:84px;text-align:center}.qv-coin{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.8rem;background:#d4d4d4!important;border:3px solid #a3a3a3}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices.two{grid-template-columns:1fr 1fr}@media(max-width:420px){.choices{grid-template-columns:1fr}}.choice{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 14px;border:3px solid var(--line);background:#fff;border-radius:16px;cursor:pointer;font-size:1.15rem;font-weight:800;color:var(--ink);text-align:left;box-shadow:0 4px #ecd29f;transition:transform .08s}.choice:active{transform:translateY(3px);box-shadow:0 1px #ecd29f}.choice-key{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--paper-2);font-size:.95rem}.choice.right{background:#dcfce7;border-color:var(--ok)}.choice.wrong{background:#ffedd5;border-color:#fdba74;opacity:.7}.num-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.unit{font-weight:900;font-size:1.3rem;color:var(--ink-soft)}.num-input{width:min(220px,50vw);height:62px;padding:0 16px;border-radius:16px;border:4px solid var(--line);font-size:1.7rem;font-weight:900;text-align:center;color:var(--ink);background:#fff}.num-input:focus{outline:none;border-color:var(--sea)}.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.order-label{text-align:center;font-weight:800;color:var(--ink-soft);margin-bottom:6px}.order-slots,.order-pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px;border-radius:16px}.order-slots{background:#e0f2fe;border:3px dashed #7dd3fc;min-height:72px}.order-pool{margin-top:8px;min-height:64px}.plank{min-width:92px;min-height:52px;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:1.15rem;font-weight:900;color:#fff;border:none;background:repeating-linear-gradient(90deg,#a0643a 0 14px,#94582f 14px 28px);box-shadow:0 4px #6b3f1f;text-shadow:0 2px 0 rgba(0,0,0,.3)}.plank.empty{background:#fff9;color:#7dd3fc;box-shadow:none;border:2px dashed #7dd3fc;display:grid;place-items:center;cursor:default;text-shadow:none}.plank.placed{box-shadow:0 4px #6b3f1f,0 0 0 3px #fde047}.q-answer.locked{pointer-events:none}.q-hint{margin-top:12px;padding:10px 14px;border-radius:14px;background:#fef9c3;border:3px solid #fde047;font-weight:700}.q-hint:before{content:"Petunjuk: ";font-weight:900}.q-hint:has(.read-steps):before{content:"Bantu baca";display:block;margin-bottom:4px}.q-feedback{margin-top:12px;border-radius:16px}.q-feedback:empty{display:none}.q-feedback.try{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#ffedd5;border:3px solid #fdba74;font-weight:800}.q-feedback.ok,.q-feedback.reveal{padding:14px}.q-feedback.ok{background:#dcfce7;border:3px solid #86efac}.q-feedback.reveal{background:#e0f2fe;border:3px solid #7dd3fc}.q-feedback p{margin:8px 0 0;font-weight:700;line-height:1.5}.fb-title{display:flex;align-items:center;gap:8px;font-size:1.25rem}.fb-title .icon{width:28px;height:28px;color:var(--leaf)}.xp-gain{margin-left:auto;background:var(--gold);color:#713f12;padding:4px 12px;border-radius:999px;font-weight:900}.q-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.q-tools small{font-size:.75rem}.complete-title{text-align:center;font-size:2rem;margin:6px 0;color:var(--sun);-webkit-text-stroke:1px #fff}.stars-row{display:flex;justify-content:center;gap:10px;margin:8px 0 12px}.big-star{width:64px;height:64px;animation:starIn .45s cubic-bezier(.2,1.6,.4,1) both}.big-star.on{width:72px;height:72px}@keyframes starIn{0%{transform:scale(0) rotate(-40deg)}to{transform:none}}.reward-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.reward{display:inline-flex;align-items:center;gap:6px;background:#fff;padding:8px 16px;border-radius:999px;font-weight:900;font-size:1.15rem;border:3px solid var(--line)}.reward .icon{width:26px;height:26px;color:var(--sun)}.ach-new{margin-top:12px;text-align:center}.ach-new small{display:block;font-weight:800;color:var(--ink-soft);margin-bottom:6px}.ach-pill{display:inline-flex;align-items:center;gap:6px;margin:4px;padding:6px 14px;border-radius:999px;background:#fef3c7;border:3px solid var(--gold);font-weight:800}.hud{position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-player{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;min-width:200px}.lvl-badge{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#fde047,#f59e0b);color:#713f12;font-weight:900;font-size:1.3rem;border:3px solid #fff;box-shadow:0 3px #b45309}.hud-player-info{display:flex;flex-direction:column;gap:4px;flex:1}.hud-name{font-size:1rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-bar{position:relative;height:16px;border-radius:999px;background:#e2e8f0;overflow:hidden;min-width:130px}.xp-bar.wide{flex:1}.xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#a3e635,var(--ok));border-radius:999px;transition:width .6s ease}.xp-text{position:relative;display:block;text-align:center;font-size:.72rem;font-weight:900;line-height:16px;color:#14532d}.hud-objective{align-self:center;display:flex;align-items:center;gap:8px;max-width:420px;padding:8px 16px;border-radius:999px;background:#1e293bc7;color:#fff;font-weight:800;font-size:.95rem}.hud-objective .icon{color:var(--gold)}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-counters{display:flex;gap:14px;padding:8px 14px;font-weight:900}.counter{display:inline-flex;align-items:center;gap:5px;font-weight:900}.counter .icon{width:22px;height:22px;color:var(--leaf)}.hud-buttons{display:flex;gap:8px}.minimap{width:150px;height:150px;border-radius:18px;border:4px solid #fff;box-shadow:0 6px 16px #0003;background:#86d36a}.prompt-btn{position:absolute;left:50%;bottom:calc(26px + var(--safe-b));transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 22px 12px 12px;min-height:58px;border:none;border-radius:999px;cursor:pointer;font-size:1.1rem;font-weight:900;color:var(--ink);background:#fff;box-shadow:0 5px #e2c58f,0 10px 24px #0003;animation:bob 1.4s ease-in-out infinite}.prompt-btn kbd{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--sun);color:#fff;font-family:inherit;font-weight:900;box-shadow:0 3px 0 var(--sun-dark)}@keyframes bob{50%{transform:translate(-50%,-4px)}}.hud-keys{position:absolute;left:12px;bottom:calc(12px + var(--safe-b));font-size:.78rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none!important}.joystick,.touch-btn{display:none}body.touch .joystick{display:block;position:absolute;left:22px;bottom:calc(26px + var(--safe-b));width:140px;height:140px;touch-action:none}.joy-base{position:absolute;inset:0;border-radius:50%;background:#ffffff59;border:4px solid rgba(255,255,255,.8);display:grid;place-items:center}.joy-knob{width:62px;height:62px;border-radius:50%;background:#fff;box-shadow:0 4px #cbd5e1;transition:transform .05s}body.touch .touch-btn,body.touch .prompt-btn{touch-action:none}body.touch .touch-btn{display:grid;place-items:center;position:absolute;border:none;border-radius:50%;background:#ffffffeb;box-shadow:0 5px #cbd5e1;color:var(--ink)}body.touch .jump-btn{right:26px;bottom:calc(34px + var(--safe-b));width:78px;height:78px}.touch-btn .icon{width:34px;height:34px}body.touch .hud-keys,.prompt-icon,.prompt-short{display:none}body.touch .prompt-btn{left:auto;right:118px;bottom:calc(30px + var(--safe-b));transform:none;width:78px;height:78px;min-height:0;flex-direction:column;justify-content:center;gap:0;padding:0;border-radius:50%;font-size:.82rem;background:linear-gradient(180deg,#ffa53d,var(--sun));color:#fff;box-shadow:0 5px 0 var(--sun-dark),0 8px 18px #0003;animation:pulse 1.4s ease-in-out infinite}body.touch .prompt-btn kbd,body.touch .prompt-label{display:none}body.touch .prompt-icon{display:block;width:30px;height:30px}body.touch .prompt-short{display:block;line-height:1.1}@keyframes pulse{50%{transform:scale(1.07)}}.hud-objective{border:none;cursor:pointer;font-family:inherit}.hud-objective.collapsed{padding:0;width:44px;height:44px;justify-content:center;gap:0}.hud-objective.collapsed span{display:none}.toasts{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:5;width:max-content;max-width:92vw}.toast{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;font-weight:900;box-shadow:0 6px 18px #0000002e;animation:pop .3s both;transition:opacity .4s,transform .4s}.toast.gold{background:#fef3c7;border:3px solid var(--gold)}.toast.green{background:#dcfce7;border:3px solid #86efac}.toast .icon{width:24px;height:24px;color:var(--sun)}.toast.out{opacity:0;transform:translateY(-10px)}.tutorial{position:absolute;left:50%;top:86px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 14px;width:min(520px,calc(100vw - 32px))}.tutorial p{margin:2px 0 0;font-weight:700}.tutorial>.icon{width:30px;height:30px;color:var(--sun)}.tutorial>div:nth-child(3){flex:1}.game-screen:has(.tutorial) .hud-objective{display:none}body.touch .tutorial{width:250px;padding:8px 10px;gap:8px;font-size:.86rem;transform:none}body.touch .tutorial .tut-step,body.touch .tutorial>.icon,body.touch .tutorial strong{display:none}body.touch .tutorial p{margin:0}body.touch .tutorial .btn.small{min-height:34px;padding:.3em .7em;font-size:.8rem}body.touch .tutorial.tut-move{left:22px;top:auto;bottom:calc(180px + var(--safe-b))}body.touch .tutorial.tut-look{left:50%;top:42%;bottom:auto;transform:translate(-50%)}body.touch .tutorial.tut-talk{left:auto;right:22px;top:auto;bottom:calc(122px + var(--safe-b))}.tut-step{font-weight:900;color:#fff;background:var(--sea);border-radius:999px;padding:4px 10px;font-size:.8rem}.creator-screen{pointer-events:none}.preview-area{position:absolute;left:0;top:0;bottom:0;right:min(480px,46vw);pointer-events:auto;touch-action:none;cursor:grab;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px}.preview-hint{display:inline-flex;gap:6px;align-items:center;background:#ffffffd9;padding:6px 14px;border-radius:999px;font-weight:800;font-size:.9rem}.creator-panel{position:absolute;right:16px;top:16px;bottom:16px;width:min(460px,44vw);overflow-y:auto;padding:18px 20px 20px;pointer-events:auto}.creator-panel h2{margin:0 0 8px}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.field>label,.tab-body>label{font-weight:900;font-size:.95rem}.tab-body>label{display:block;margin:12px 0 6px}.text-input{height:52px;border-radius:14px;border:3px solid var(--line);padding:0 14px;font-size:1.15rem;font-weight:800;background:#fff;color:var(--ink)}.text-input:focus{outline:none;border-color:var(--sea)}.year-row{display:flex;flex-wrap:wrap;gap:6px}.year,.tab,.opt{min-height:44px;padding:6px 12px;border-radius:12px;border:3px solid var(--line);background:#fff;font-weight:800;font-size:.95rem;color:var(--ink);cursor:pointer}.year.on,.tab.on,.opt.on{background:var(--sea);border-color:var(--sea-dark);color:#fff}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preset{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:14px;border:3px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}.preset strong{font-size:.82rem}.preset small{font-size:.66rem;color:var(--ink-soft);font-weight:700;text-align:center;line-height:1.1}.preset-face{position:relative;width:38px;height:38px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 2px #0000001a}.preset-hair{position:absolute;left:-10%;right:-10%;top:-30%;height:55%;border-radius:50%}.tabs{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.tab-body{padding-top:4px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:44px;height:44px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #e2e8f0;cursor:pointer}.swatch.on{box-shadow:0 0 0 4px var(--sea)}.opts{display:flex;flex-wrap:wrap;gap:6px}.opt{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left}.opt small{font-size:.7rem;opacity:.85;font-weight:700}.opt.locked{background:#f1f5f9;color:#64748b}.opt.locked .icon{width:16px;height:16px}.coins-line{display:flex;align-items:center;gap:6px;font-weight:800}@media(max-width:820px)and (orientation:portrait){.preview-area{right:0;bottom:56%}.creator-panel{inset:auto 8px 8px;width:auto;height:56%}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.dash-screen,.maps-screen{align-items:flex-start;justify-content:center;overflow-y:auto;padding:16px;pointer-events:auto;background:#0ea5e91f}.dash,.maps{width:min(980px,100%);padding:16px 20px 22px;margin:auto 0}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-head h2{margin:0;font-size:1.6rem}.hero-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0;padding:14px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #fff}.hero-avatar{position:relative;width:74px;height:74px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px #0000001a;flex:none}.hero-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}.hero-name{font-size:1.5rem}.hero-info .chip{align-self:flex-start}.hero-level{display:flex;align-items:center;gap:10px}.hero-stats{display:flex;gap:14px;font-size:1.1rem}.hero-stats .icon{width:26px;height:26px}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;border-radius:20px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:3px solid #fff;margin-bottom:14px}.cta-card>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:220px}.cta-card small{font-weight:900;color:var(--leaf-dark);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.cta-card strong{font-size:1.3rem}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:700px){.dash-grid{grid-template-columns:1fr}}.card{background:#fff;border-radius:18px;padding:14px 16px;border:3px solid var(--line)}.card h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:1.05rem}.card h3 .icon{color:var(--sun)}.card p{margin:0 0 8px;font-weight:700}.bar{height:14px;border-radius:999px;background:#f1f5f9;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;transition:width .6s}.mastery-list{display:grid;gap:10px}.mastery-head{display:flex;justify-content:space-between;font-weight:800;font-size:.92rem;margin-bottom:4px}.mastery-head small{color:var(--ink-soft)}.mission-list{display:grid;gap:8px}.mission-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--paper)}.mission-row div:first-child{display:flex;flex-direction:column}.mission-row small{color:var(--ink-soft);font-weight:700}.mission-row.done{background:#f0fdf4}.mini-stars{display:flex;gap:2px}.mini-stars .icon{width:20px;height:20px}.ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ach{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:8px;border-radius:12px;background:#f8fafc;color:#94a3b8}.ach .icon{grid-row:span 2;width:28px;height:28px}.ach strong{font-size:.86rem}.ach small{font-size:.72rem;font-weight:700}.ach.got{background:#fef3c7;color:var(--ink)}.ach.got .icon{color:var(--sun)}.dash-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.small-print{font-size:.78rem;margin:12px 0 0}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}@media(max-width:860px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.map-grid{grid-template-columns:1fr}}.map-card{position:relative;display:flex;flex-direction:column;text-align:left;border:4px solid #fff;border-radius:22px;padding:0;overflow:hidden;cursor:pointer;color:var(--ink);box-shadow:0 6px #0000001f;min-height:230px;transition:transform .12s}.map-card:not(.locked):hover{transform:translateY(-3px)}.map-card.locked{cursor:not-allowed;filter:saturate(.55)}.map-art{height:120px;display:grid;place-items:center}.map-art svg{height:110px;width:auto}.map-info{display:flex;flex-direction:column;gap:4px;padding:12px 14px 16px;background:#ffffffeb;flex:1}.map-info strong{font-size:1.15rem}.map-info span{font-size:.88rem;font-weight:700}.map-info small{font-size:.74rem;color:var(--ink-soft);font-weight:700}.map-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:#1e293bbf;color:#fff;font-weight:900;font-size:.8rem}.map-badge.play{background:var(--ok)}.settings h3{margin:16px 0 6px}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-weight:800}.set-row input[type=range]{width:min(220px,45vw);accent-color:var(--sun);height:28px}.set-row select{min-height:44px;border-radius:12px;border:3px solid var(--line);padding:0 10px;font-weight:800;background:#fff;color:var(--ink)}.set-row.toggle input{width:28px;height:28px;accent-color:var(--ok)}.reset-area{margin-top:6px}.warn{background:#fee2e2;border:3px solid #fca5a5;padding:10px 12px;border-radius:14px;font-weight:800}.pause{display:grid;gap:10px;width:min(380px,100%);text-align:center}.pause h2{margin:4px 0 8px}@media(max-width:700px){.hud-player{min-width:0;padding-right:10px}.hud-name{max-width:90px}.xp-bar{min-width:90px}.hud-objective{position:absolute;top:72px;left:50%;transform:translate(-50%);font-size:.82rem;max-width:calc(100vw - 32px)}.minimap{width:108px;height:108px}.hud-counters{gap:8px;padding:6px 10px;font-size:.9rem}.counter .icon{width:18px;height:18px}.toasts{top:118px}.tutorial{top:auto;bottom:calc(190px + var(--safe-b))}.icon-btn{width:44px;height:44px}.dialog{padding:14px}}@media(max-height:520px){.minimap{width:84px;height:84px;border-width:3px;border-radius:14px}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.sq-badge{background:#8b5cf6}.sq-badge .icon{width:28px;height:28px;color:#fff}.sq-howto{font-weight:700;background:#ede9fe;border:3px solid #c4b5fd;border-radius:14px;padding:10px 14px;margin:4px 0 12px}.ttt-status{text-align:center;font-weight:800;min-height:1.5em}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(300px,100%);margin:0 auto}.ttt-cell{aspect-ratio:1;max-width:100%;border-radius:16px;border:3px solid var(--line);background:#fff;cursor:pointer;font-size:2.6rem;font-weight:900;color:var(--ink);box-shadow:0 4px #ecd29f}.ttt-cell[disabled]{cursor:default}.ttt-cell.mark-X{color:var(--sun)}.ttt-cell.mark-O{color:var(--sea)}.ttt-cell.win{background:#dcfce7;border-color:var(--ok)}.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:420px){.mem-grid{grid-template-columns:repeat(3,1fr)}}.mem-card{position:relative;min-height:76px;border-radius:14px;border:3px solid #c4b5fd;cursor:pointer;padding:6px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:900;font-size:1.05rem;box-shadow:0 4px #5b21b6}.mem-card .mem-face{display:none}.mem-card .mem-back .icon{width:30px;height:30px}.mem-card.open,.mem-card.done{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 4px #ecd29f}.mem-card.open .mem-face,.mem-card.done .mem-face{display:inline}.mem-card.open .mem-back,.mem-card.done .mem-back{display:none}.mem-card.jawapan.open,.mem-card.jawapan.done{color:var(--sea-dark);font-size:1.4rem}.mem-card.done{background:#dcfce7;border-color:var(--ok)}.poster-canvas{display:block;width:min(420px,100%);height:auto;margin:8px auto;border-radius:16px;border:6px solid #fff;box-shadow:0 6px 18px #0000002e}.poster-quote{font-weight:900;font-size:1.15rem;text-align:center;margin:8px 0;color:var(--sun-dark)}.sq-count{font-weight:800}.sq-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.sq-list li{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:var(--paper-2)}.sq-list li .icon{width:24px;height:24px;color:#8b5cf6;flex:none}.sq-list li.done{background:#dcfce7}.sq-list li.done .icon{color:var(--ok)}.sq-list small{display:block;font-weight:700;color:var(--ink-soft)}.poster-card-body{display:flex;gap:12px;align-items:center}.poster-card-body>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.poster-mini{width:110px;height:110px;border-radius:10px;border:3px solid #fff;box-shadow:0 3px 8px #00000026;flex:none}.rotate-overlay{display:none}@media(orientation:portrait){body.phone .rotate-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#fff;background:linear-gradient(160deg,#0ea5e9,#6366f1)}body.phone .rotate-overlay strong{font-size:1.5rem}body.phone .rotate-overlay span{font-weight:800}body.phone .rotate-overlay small{font-weight:700;opacity:.85;max-width:280px}body.phone .rotate-icon{width:84px;height:84px;animation:rotate-hint 2.4s ease-in-out infinite}}@keyframes rotate-hint{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.q-prompt .q-ask,.q-prompt .q-num{transition:background .3s;border-radius:6px}.q-prompt.show-ask .q-ask{background:#fef08a;box-shadow:0 0 0 3px #fef08a}.q-prompt.show-nums .q-num{background:#bfdbfe;box-shadow:0 0 0 2px #bfdbfe;font-weight:900}.read-steps{display:block}.read-step{display:flex;gap:10px;align-items:flex-start}.read-step p{margin:4px 0 8px;font-weight:700}.read-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sun);color:#fff;font-weight:900}.op-row{display:flex;gap:8px;margin:6px 0}.op-btn{min-width:56px;min-height:52px;font-size:1.6rem;font-weight:900}.read-msg{color:#9a3412}.q-feedback.mistake{border-color:#fb923c;background:#fff7ed}.focus-card h3 .icon{color:#a855f7}.focus-title{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.focus-title span{font-weight:800;color:var(--ink-soft)}.focus-stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0;font-size:.9rem}.focus-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.hold-btn{position:relative;overflow:hidden}.hold-btn>:not(.hold-fill){position:relative}.hold-fill{position:absolute;inset:0;width:0;background:#ffffff59;transition:width 0s linear}.hold-btn.holding .hold-fill{width:100%;transition-property:width}.focus-dialog .year-row{margin-bottom:10px}.focus-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:10px}.focus-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 12px;min-height:56px;border-radius:14px;border:3px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font-weight:700}.focus-item strong{font-size:.8rem;color:var(--ink-soft)}.focus-item.on{border-color:#a855f7;background:#f3e8ff}.focus-item[disabled]{cursor:not-allowed;opacity:.55}.focus-item small{font-size:.72rem;font-weight:900;color:#a855f7}.focus-link{width:100%;font-size:.85rem;height:44px}.focus-note{display:block;min-height:1.2em;margin:6px 0}@media(max-height:500px)and (orientation:landscape){.menu-screen{align-items:flex-start;overflow-y:auto;padding:8px}.menu-card{margin:auto;padding:14px 20px;width:min(680px,100%);text-align:left;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"logo buttons" "tag buttons" "foot buttons";column-gap:24px;align-items:center}.menu-card .logo{grid-area:logo;justify-content:flex-start}.menu-card .logo-my{text-align:left}.tagline{grid-area:tag}.menu-buttons{grid-area:buttons}.menu-foot{grid-area:foot;align-self:end}.logo-math,.logo-verse{font-size:2.6rem;-webkit-text-stroke:2px #fff}.logo-my{font-size:.75rem;margin-top:2px}.tagline{margin:6px 0;font-size:.95rem}.menu-buttons{gap:8px}.btn.huge{min-height:48px;font-size:1.1rem;padding:.5em 1.2em}.btn.big{min-height:46px;font-size:1rem}.menu-foot{margin-top:8px;font-size:.72rem}.preview-area{right:min(480px,56vw);padding-bottom:8px}.creator-panel{top:8px;bottom:8px;right:8px;width:min(460px,54vw);padding:12px 14px 10px}.creator-panel h2{font-size:1.2rem;margin-bottom:4px}.text-input{height:44px}.dialog-layer{padding:8px 12px}.dialog{padding:10px 14px 12px}.dlg-who strong{font-size:1.05rem}.dlg-who span{font-size:.8rem}.dlg-head .icon-btn{width:40px;height:40px}.dlg-head{margin-bottom:4px}.dlg-avatar{width:40px;height:40px;font-size:1.1rem;border-width:3px}.q-prompt{margin:8px 0}.sq-howto{padding:6px 10px;margin:2px 0 8px;font-size:.88rem}.sq-dialog{--board: min(300px, calc(100vh - 96px) );--board: min(300px, calc(100dvh - 96px) )}.sq-dialog:has(.ttt),.sq-dialog:has(.poster-canvas){display:grid;grid-template-columns:var(--board) 1fr;column-gap:16px;align-content:start}.sq-dialog:has(.ttt)>header,.sq-dialog:has(.poster-canvas)>header{grid-column:1 / -1}.sq-dialog:has(.ttt) .sq-howto{grid-column:2;grid-row:2;align-self:start}.ttt{display:contents}.ttt-grid{grid-column:1;grid-row:2 / span 3;width:100%;gap:6px}.ttt-cell{font-size:2rem;border-radius:12px}.ttt-status{grid-column:2;grid-row:3;text-align:left}.ttt>div:last-child{grid-column:2;grid-row:4}.mem-grid{grid-template-columns:repeat(6,1fr);gap:6px}.mem-card{min-height:clamp(38px,calc((100dvh - 210px)/2),58px);font-size:.95rem}.poster-canvas{grid-column:1;grid-row:2 / span 6;width:100%;margin:0;align-self:start}.sq-dialog:has(.poster-canvas)>:not(header):not(canvas){grid-column:2}.sq-count{text-align:left;margin:0 0 6px}}@media(max-height:360px)and (orientation:landscape){.dialog-layer{padding:4px 8px}.dialog{padding:8px 12px}.dlg-avatar{width:32px;height:32px;font-size:.95rem}.sq-howto{font-size:.8rem;padding:4px 8px;margin-bottom:4px}.q-prompt{font-size:1.02rem;margin:6px 0}.ttt-status{font-size:.9rem;margin:4px 0}.dlg-who span{display:none}.mem-card{height:40px;min-height:0;padding:2px}.mem-card .icon{width:20px;height:20px}.dlg-head{margin-bottom:0}.q-prompt{margin:4px 0}.q-tools .muted{display:none}.num-input{height:46px}body.touch .joystick{width:112px;height:112px;left:16px;bottom:calc(12px + var(--safe-b))}.joy-knob{width:50px;height:50px}body.touch .jump-btn{width:64px;height:64px;right:16px;bottom:calc(14px + var(--safe-b))}body.touch .prompt-btn{width:64px;height:64px;right:92px;bottom:calc(14px + var(--safe-b));font-size:.72rem}body.touch .prompt-icon{width:24px;height:24px}.minimap{width:64px;height:64px}.hud-buttons .icon-btn{width:40px;height:40px}body.touch .tutorial.tut-move{bottom:calc(134px + var(--safe-b))}body.touch .tutorial.tut-talk{bottom:calc(90px + var(--safe-b))}}.dialog.confirm{max-width:460px}.dialog.confirm .warn ul{margin:0;padding-left:20px}.year-note{display:block;margin-top:8px;font-size:.85rem}.year-note[hidden]{display:none}