:root{color-scheme:light;--sky:#DCEFFF;--grid:#C8E3FA;--paper:#FFFFFF;--ink:#1D2B53;--ink-soft:#5A6789;--line:#E1EAF6;--sun:#FFC83D;--sun-d:#E0A100;--coral:#FF6B6B;--coral-d:#D94848;--leaf:#34C77B;--leaf-d:#1F9C5A;--ocean:#3D8BFF;--ocean-d:#2264D1;--tang:#FF9F43;--tang-d:#DB7A1C;--grape:#9B6BFF;--grape-d:#7546DB;--shade:rgba(29,43,83,.14);--f-display:"Fredoka","Baloo 2","Trebuchet MS",system-ui,sans-serif;--f-body:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:22px}[hidden]{display:none!important}html,body{height:100%}body{background-color:var(--sky);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;color:var(--ink);font-family:var(--f-body);font-weight:700;font-size:15px;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid var(--ocean);outline-offset:3px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0}.screen{max-width:560px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));padding-block:calc(16px + env(safe-area-inset-top,0px)) 120px;display:flex;flex-direction:column;gap:16px}.screen.narrow{max-width:480px}.card{background:var(--paper);border-radius:var(--r);padding:16px;box-shadow:0 6px 0 var(--shade)}.sec{font-size:20px;font-weight:600;margin-top:4px}.ttl{font-size:28px;font-weight:700}.note{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}.btn{border:0;border-radius:18px;padding:14px 22px;background:var(--c,var(--ocean));color:#fff;font-family:var(--f-display);font-weight:600;font-size:18px;box-shadow:0 6px 0 var(--cd,var(--ocean-d));transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--cd,var(--ocean-d))}.btn.big{font-size:22px;padding:18px}.btn.ghost{background:var(--paper);color:var(--coral-d);--cd:var(--shade);font-size:16px}.btn:disabled{opacity:.5}.iconbtn{width:46px;height:46px;border:0;border-radius:16px;background:var(--paper);box-shadow:0 4px 0 var(--shade);font-size:20px;display:grid;place-items:center;flex:none}.iconbtn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--shade)}.link{background:none;border:0;color:var(--ink-soft);text-decoration:underline;padding:8px}.nexi{display:block;overflow:visible}.nexi-eyes{transform-box:fill-box;transform-origin:center;animation:blink 4s infinite}.bob{animation:bob 3s ease-in-out infinite}.nexi.mini{width:100%;height:100%}.nexi.sm{width:64px;height:70px;flex:none}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.brand{display:flex;align-items:center;gap:14px;margin-top:8px}.brand .nexi{width:96px;height:104px;flex:none}.wm-top{font-family:var(--f-display);font-weight:600;font-size:18px;color:var(--ink-soft);letter-spacing:.04em}.wm{font-family:var(--f-display);font-weight:700;font-size:44px;line-height:.95;-webkit-text-stroke:0}.wm span{text-shadow:0 3px 0 var(--ink)}.wm .kids{color:var(--ink);text-shadow:none}.lead{margin:0;font-size:16px;line-height:1.5;color:var(--ink-soft)}.lbl{display:block;font-family:var(--f-display);font-weight:600;font-size:17px;margin:4px 0 10px}.ob .card{display:flex;flex-direction:column;gap:6px}.inp{width:100%;box-sizing:border-box;border:3px solid var(--line);border-radius:16px;padding:14px 16px;font:inherit;font-size:18px;color:var(--ink);background:var(--paper);margin-bottom:10px}.inp:focus{border-color:var(--ocean);outline:0}.avatars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.av{aspect-ratio:1;border:3px solid var(--line);background:var(--paper);border-radius:16px;font-size:26px;padding:0}.av.on{border-color:var(--ocean);background:#eaf3ff;transform:scale(1.06)}.tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tier{border:3px solid var(--line);background:var(--paper);border-radius:18px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tier .te{font-size:30px}.tier b{font-family:var(--f-display);font-weight:600;font-size:15px;line-height:1.15}.tier small{color:var(--ink-soft);font-size:12px}.tier.on{border-color:var(--leaf);background:#e8faf0}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.me{display:flex;align-items:center;gap:10px;min-width:0}.me div{display:flex;flex-direction:column;min-width:0}.me small{color:var(--ink-soft);font-size:13px}.me b{font-family:var(--f-display);font-size:22px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:52px;height:52px;border-radius:18px;background:var(--paper);display:grid;place-items:center;font-size:30px;box-shadow:0 4px 0 var(--shade);flex:none}.avatar.lg{width:64px;height:64px;font-size:38px}.pill{background:var(--paper);border-radius:999px;padding:8px 14px;font-family:var(--f-display);font-weight:600;font-size:18px;box-shadow:0 4px 0 var(--shade);white-space:nowrap;font-variant-numeric:tabular-nums}.hero{position:relative;background:var(--sun);border-radius:28px;padding:18px;box-shadow:0 7px 0 var(--sun-d);display:flex;align-items:flex-end;gap:8px;overflow:hidden}.hero:before{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:#ffffff59}.hero-txt{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.hero h1{font-size:24px;font-weight:700;line-height:1.15}.hero .hero-bot{position:relative;width:104px;height:112px;flex:none}.tchip{align-self:flex-start;background:var(--ink);color:#fff;border-radius:999px;padding:4px 12px;font-size:13px}.mission{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.mission li{display:flex;align-items:center;gap:8px}.mission li:before{content:"";width:20px;height:20px;border-radius:50%;border:3px solid var(--ink);box-sizing:border-box;flex:none;background:#fff9}.mission li.done:before{background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5 L5 9 L9.5 3.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--ink)}.mission li.done{text-decoration:line-through;opacity:.7}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{position:relative;border:0;text-align:left;background:var(--c);color:var(--tx,#fff);border-radius:var(--r);padding:14px 14px 16px;box-shadow:0 6px 0 var(--cd);display:flex;flex-direction:column;gap:4px;min-height:156px;overflow:hidden;transition:transform .08s,box-shadow .08s}.tile:active{transform:translateY(5px);box-shadow:0 1px 0 var(--cd)}.tile:after{content:"";position:absolute;right:-26px;bottom:-26px;width:90px;height:90px;border-radius:50%;background:#ffffff29}.tile .ico{font-size:38px;line-height:1;width:62px;height:62px;display:grid;place-items:center;background:#ffffff4d;border-radius:20px;margin-bottom:6px}.tile h3{font-size:18px;font-weight:600;line-height:1.1}.tile p{margin:0;font-size:13px;line-height:1.35;opacity:.92}.tile .chip{position:absolute;top:12px;right:12px;border-radius:999px;padding:3px 10px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.chip.play{background:var(--paper);color:var(--ink)}.chip.soon{background:#1d2b5338;color:inherit}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--paper);box-shadow:0 -4px 0 var(--shade)}.nav-in{display:flex;gap:6px;width:100%;max-width:528px}.nav button{flex:1;border:0;background:none;border-radius:16px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--ink-soft)}.nav button span{font-size:24px;line-height:1.1}.nav button.on{background:#eaf3ff;color:var(--ocean-d)}.subh{display:flex;align-items:center;gap:12px}.subh h1{flex:1;font-size:24px;font-weight:700;min-width:0}.intro{display:flex;align-items:center;gap:12px}.intro p{margin:0;line-height:1.5;font-size:14px;color:var(--ink-soft)}.acts{display:flex;flex-direction:column;gap:12px}.act{border:0;background:var(--paper);border-radius:20px;padding:12px 14px;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 5px 0 var(--shade)}.act:active{transform:translateY(4px);box-shadow:0 1px 0 var(--shade)}.ai{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:#fff1e0;flex:none}.act>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.act b,.ws b{font-family:var(--f-display);font-weight:600;font-size:18px}.act small,.ws small{color:var(--ink-soft);font-size:13px;line-height:1.4}.act .go{width:36px;height:36px;border-radius:50%;background:var(--tang);color:#fff;display:grid;place-items:center;font-size:14px;flex:none}.act.mix .ai{background:#efe7ff}.act.mix .go{background:var(--grape)}.ws{display:flex;align-items:center;gap:14px;border:3px dashed var(--line);box-shadow:none}.ws div{display:flex;flex-direction:column}.ws .ai{background:#e6f6ee}.playbar{display:flex;align-items:center;gap:12px}.dots{flex:1;display:flex;gap:6px}.dots i{flex:1;height:12px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 2px var(--line)}.dots i.done{background:var(--leaf);box-shadow:none}.dots i.now{background:var(--sun);box-shadow:none}.qcard{background:var(--paper);border-radius:28px;padding:22px 16px;box-shadow:0 7px 0 var(--shade);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.prompt{margin:0;font-family:var(--f-display);font-weight:600;font-size:24px;line-height:1.25}.prompt.long{font-size:19px;font-weight:500;line-height:1.45}.bigq{font-family:var(--f-display);font-weight:700;font-size:46px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.bigq u{text-decoration:none;display:inline-block;min-width:1.1em;border-radius:12px;background:var(--sun);padding:0 .15em}.objs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:40px;line-height:1.1;max-width:320px}.objs.sm{font-size:28px;gap:4px 6px}.objs span{animation:popin .35s both}.eq{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.eq b{font-family:var(--f-display);font-size:40px;color:var(--tang)}.pie{width:170px;height:170px}.opts{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.opts.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.opts.wide{grid-template-columns:1fr 1fr}.opt{border:0;background:var(--paper);border-radius:22px;min-height:84px;padding:10px;font-family:var(--f-display);font-weight:700;font-size:34px;box-shadow:0 6px 0 var(--shade);display:grid;place-items:center;transition:transform .08s,box-shadow .08s,background .15s}.opt:active{transform:translateY(5px);box-shadow:0 1px 0 var(--shade)}.opt.sm{font-size:24px;min-height:64px}.opts.wide .opt{min-height:140px}.opt.ok{background:var(--leaf);color:#fff;box-shadow:0 6px 0 var(--leaf-d);animation:pop .4s}.opt.bad{background:#ffe3e3;color:var(--coral-d);animation:shake .4s}.opt:disabled{cursor:default}.frac{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.frac i{font-style:normal}.frac i:first-child{border-bottom:4px solid currentColor;padding:0 .2em .05em}.coach{display:flex;align-items:center;gap:10px}.coach .bot{width:58px;height:64px;flex:none}.coach p{margin:0;flex:1;background:var(--paper);border-radius:18px;padding:12px 14px;font-size:15px;line-height:1.45;position:relative;box-shadow:0 4px 0 var(--shade)}.coach p:before{content:"";position:absolute;left:-8px;top:50%;margin-top:-8px;border:8px solid transparent;border-left:0;border-right-color:var(--paper)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes popin{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.result{background:var(--paper);border-radius:28px;padding:24px 18px;box-shadow:0 7px 0 var(--shade);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.result .nexi{width:110px;height:120px}.result h1{font-size:30px}.stars3{display:flex;gap:6px;font-size:52px;line-height:1}.stars3 span{animation:popin .5s both}.stars3 span.off{filter:grayscale(1);opacity:.25}.got{display:flex;align-items:center;gap:12px;background:#fff6da;border-radius:18px;padding:10px 16px;text-align:left}.got .e{font-size:40px}.got small{display:block;color:var(--ink-soft);font-size:12px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.lvl{border:0;aspect-ratio:1/1.15;border-radius:20px;background:var(--ocean);color:#fff;box-shadow:0 6px 0 var(--ocean-d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}.lvl b{font-family:var(--f-display);font-size:28px;line-height:1}.lvl small{font-size:10px;opacity:.9}.lvl.done{background:var(--leaf);box-shadow:0 6px 0 var(--leaf-d)}.lvl:disabled{background:#c9d6ea;box-shadow:0 6px #afbfd8;cursor:not-allowed}.lvl:not(:disabled):active{transform:translateY(5px);box-shadow:0 1px 0 var(--ocean-d)}.howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.howto div{background:var(--paper);border-radius:18px;padding:12px 10px;text-align:center;font-size:13px;line-height:1.35;color:var(--ink-soft);box-shadow:0 4px 0 var(--shade)}.howto b{display:block;font-family:var(--f-display);font-size:26px;color:var(--ocean);font-weight:700}.task{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink-soft)}.task b{color:var(--ink);font-family:var(--f-display);font-weight:600;font-size:18px}.board{--gap:4px;position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:1/1;background:#2e5cb8;border-radius:24px;box-shadow:0 7px #1f418a;box-sizing:border-box}.cells,.layer{position:absolute;inset:8px}.cells{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:var(--gap)}.cell{border-radius:10px;background:#eaf3ff}.cell.alt{background:#d4e7ff}.piece{position:absolute;width:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));height:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));left:calc(var(--x) * ((100% - (var(--n) - 1) * var(--gap)) / var(--n) + var(--gap)));top:calc(var(--y) * ((100% - (var(--n) - 1) * var(--gap)) / var(--n) + var(--gap)));display:grid;place-items:center}.goal{font-size:clamp(22px,7vw,36px);animation:twinkle 1.6s ease-in-out infinite}.rock:before{content:"";width:78%;height:66%;border-radius:45% 50% 40% 45%;background:#8a93a8;box-shadow:inset -6px -6px #6b7489,inset 5px 4px #a9b1c3}.robot{transition:left .36s ease-in-out,top .36s ease-in-out;z-index:2}.robot .rb{width:84%;height:90%;transition:transform .2s}.robot.flip .rb{transform:scaleX(-1)}.robot.bump{animation:shake .45s}.robot.yay .rb{animation:pop .5s 2}@keyframes twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(8deg)}}.prog{display:flex;flex-wrap:wrap;gap:8px;min-height:60px;align-items:center;background:var(--paper);border-radius:20px;padding:10px;border:3px dashed #B9CDEA}.prog .empty{color:var(--ink-soft);font-size:14px;padding:0 6px}.blk{position:relative;width:46px;height:46px;border-radius:14px;border:0;padding:0;background:var(--bc);color:#fff;display:grid;place-items:center;box-shadow:0 4px 0 var(--bd)}.blk .arr{width:28px;height:28px}.blk.run{outline:4px solid var(--sun);outline-offset:2px;transform:scale(1.1)}.times{position:absolute;right:-7px;bottom:-7px;background:var(--sun);color:var(--ink);border-radius:999px;font-family:var(--f-display);font-weight:700;font-size:13px;padding:1px 7px;box-shadow:0 2px 0 var(--sun-d)}.palette{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.palette .blk{width:64px;height:64px;border-radius:20px;box-shadow:0 6px 0 var(--bd)}.palette .blk .arr{width:38px;height:38px}.palette .blk:active{transform:translateY(5px);box-shadow:0 1px 0 var(--bd)}.mult{background:var(--paper);color:var(--ink);--bd:var(--shade);font-family:var(--f-display);font-weight:700;font-size:22px}.mult.on{background:var(--sun);--bd:var(--sun-d)}.actions{display:grid;grid-template-columns:1fr 2fr;gap:12px}.msg{min-height:22px;text-align:center;font-size:15px;margin:0;color:var(--ink-soft)}.msg.err{color:var(--coral-d)}.d-up{--bc:var(--leaf);--bd:var(--leaf-d)}.d-right{--bc:var(--ocean);--bd:var(--ocean-d)}.d-down{--bc:var(--coral);--bd:var(--coral-d)}.d-left{--bc:var(--grape);--bd:var(--grape-d)}body.night{background-color:#141b45;background-image:radial-gradient(circle at 20px 30px,#FFFFFF 1.2px,transparent 1.7px),radial-gradient(circle at 90px 130px,#CFE3FF 1px,transparent 1.5px),radial-gradient(circle at 160px 60px,#FFE9A8 1.6px,transparent 2.1px),radial-gradient(circle at 210px 190px,#FFFFFF 1px,transparent 1.5px),radial-gradient(circle at 60px 210px,#FFFFFF 1.3px,transparent 1.8px),radial-gradient(circle at 130px 228px,#9FB8FF 1px,transparent 1.5px);background-size:240px 240px}.night .subh h1,.night .playbar h1,.night .screen>.sec,.night .screen>.note,.night .task-w{color:#fff}.night .screen>.note{opacity:.85}.pl{position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--a),var(--b) 72%);box-shadow:inset calc(var(--s) * -.12) calc(var(--s) * -.08) 0 #00000029}.pl-matahari{--a:#FFF3A6;--b:#FF9F1C;box-shadow:0 0 calc(var(--s) * .35) #ffc83d}.pl-merkurius{--a:#DCD7CF;--b:#8D867D}.pl-venus{--a:#FFF0C8;--b:#E0A96D}.pl-bumi{background:radial-gradient(circle at 34% 42%,#4CC97A 0 17%,transparent 18%),radial-gradient(circle at 66% 66%,#4CC97A 0 13%,transparent 14%),radial-gradient(circle at 62% 26%,#FFFFFF 0 7%,transparent 8%),radial-gradient(circle at 32% 30%,#8ccbff,#1f5fd1 72%)}.pl-mars{--a:#FFB38A;--b:#C2410C}.pl-jupiter{background:radial-gradient(14% 9% at 64% 64%,#C2410C 96%,transparent 100%),linear-gradient(180deg,#f3ddbe 0 18%,#d49a64 18% 28%,#f0d3ae 28% 42%,#c98652 42% 52%,#f3ddbe 52% 70%,#d49a64 70% 80%,#efd2ac 80%)}.pl-saturnus{--a:#FFF0C2;--b:#D9B45C}.pl-saturnus:after{content:"";position:absolute;left:-38%;right:-38%;top:40%;height:20%;border-radius:50%;border:max(2px,calc(var(--s) * .07)) solid #E8C77A;transform:rotate(-16deg);box-sizing:border-box}.pl-uranus{--a:#D2FAFA;--b:#4FB6C8}.pl-neptunus{--a:#9DBBFF;--b:#2747C9}.pl-bulan{background:radial-gradient(circle at 60% 35%,#B9B9B9 0 9%,transparent 10%),radial-gradient(circle at 35% 62%,#B5B5B5 0 12%,transparent 13%),radial-gradient(circle at 32% 30%,#fafafa,#a7a7a7 72%)}.sysbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 10px}.act.sp .ai{background:#ecebff}.act.sp .go{background:#4f55d9}.orbit{display:flex;align-items:flex-end;gap:10px;overflow-x:auto;padding:12px 16px 10px;margin-inline:-16px;scrollbar-width:none;scroll-snap-type:x proximity}.orbit::-webkit-scrollbar{display:none}.orb{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:10px 8px;border-radius:18px;flex:none;min-width:66px;color:#fff;scroll-snap-align:center}.orb small{font-size:12px;white-space:nowrap}.orb.on{background:#ffffff24;box-shadow:inset 0 0 0 3px var(--sun)}.orb .pl-saturnus{margin-inline:12px}.pcard{display:flex;flex-direction:column;gap:14px}.pc-top{display:flex;align-items:center;gap:16px}.pc-top .pl-saturnus{margin-inline:20px}.pc-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.eyebrow{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.pc-name h2{font-size:28px;font-weight:700}.nick{color:#4f55d9;font-size:14px}.pdata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.pdata div{background:#eef0ff;border-radius:14px;padding:8px 12px;min-width:0}.pdata dt{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.pdata dd{margin:0;font-family:var(--f-display);font-weight:600;font-size:17px;font-variant-numeric:tabular-nums}.facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.facts li{display:flex;gap:10px;line-height:1.5;font-size:15px}.facts li:before{content:"";flex:none;width:12px;height:12px;margin-top:.4em;border-radius:50%;background:var(--sun);border:2.5px solid var(--ink);box-sizing:border-box}.task-w{margin:0;font-family:var(--f-display);font-weight:600;font-size:18px;text-align:center}.slots{background:#ffffff1a;border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:10px}.sunrow{display:flex;align-items:center;gap:10px;color:#ffe9a8;font-family:var(--f-display);font-weight:600}.slotgrid,.tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slot{aspect-ratio:1/1.15;border-radius:16px;border:3px dashed rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;color:#fff;box-sizing:border-box;min-width:0}.slot b{position:absolute;top:4px;left:8px;font-size:12px;opacity:.8}.slot small{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.slot.fill{border-style:solid;border-color:var(--leaf);background:#34c77b33;animation:pop .35s}.tp{border:0;background:var(--paper);border-radius:18px;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;box-shadow:0 5px 0 var(--shade);min-height:92px;min-width:0}.tp small{font-size:11px;font-weight:800}.tp:active{transform:translateY(4px);box-shadow:0 1px 0 var(--shade)}.tp.bad{animation:shake .4s;background:#ffe3e3}.po{display:flex;flex-direction:column;align-items:center;gap:6px}.po small{font-family:var(--f-body);font-size:13px;font-weight:800}.ot{font-size:18px;font-weight:600;line-height:1.3}.opts.stack{grid-template-columns:1fr}.opts.stack .opt{min-height:62px;justify-items:start;text-align:left;padding:12px 18px}.opts.stack .ot{font-size:16px}.act.feat{background:linear-gradient(135deg,#2b2f8f,#4f55d9);color:#fff;box-shadow:0 5px #1e2170}.act.feat small{color:#ffffffd9}.act.feat .ai{background:#ffffff29}.act.feat .go{background:var(--sun);color:var(--ink)}.btn.sm{font-size:15px;padding:10px 18px;align-self:center}.stage3d{position:fixed;inset:0;z-index:30;background:#070b24;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.stage3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.hud-top{position:absolute;left:0;right:0;top:0;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;display:flex;gap:10px;align-items:center;z-index:2;pointer-events:none;max-width:480px;margin:0 auto;box-sizing:border-box}.hud-top>*{pointer-events:auto}.tabs3d{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#ffffff24;border-radius:16px;padding:4px;gap:4px}.tabs3d button{border:0;background:none;color:#fff;border-radius:12px;padding:10px 4px;font-size:13px}.tabs3d button.on{background:#fff;color:var(--ink)}.labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.plabel{position:absolute;left:0;top:0;pointer-events:auto;border:0;background:#0a10309e;color:#fff;font-size:11px;border-radius:999px;padding:3px 9px;white-space:nowrap;will-change:transform}.plabel.sun{background:#ffc83deb;color:var(--ink)}.hud-msg{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);color:#fff;font-family:var(--f-display);font-size:18px;text-align:center;width:80%}.hud-card{position:absolute;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:448px;max-height:42%;overflow-y:auto;background:var(--paper);border-radius:24px;padding:14px 16px;box-sizing:border-box;box-shadow:0 6px #0000004d;display:flex;flex-direction:column;gap:10px;z-index:2;touch-action:pan-y}.hc-row{display:flex;align-items:center;gap:10px}.hc-row .iconbtn{font-size:26px;background:#eef0ff}.hc-row .iconbtn:disabled{opacity:.35}.hc-name{flex:1;text-align:center;min-width:0;display:flex;flex-direction:column;gap:2px}.hc-name h2{font-size:26px;font-weight:700}.hud-card>.hc-name{flex:none}.hc-dots{display:flex;justify-content:center;gap:6px}.hc-dots i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .2s}.hc-dots i.on{background:#4f55d9;width:22px}.hc-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.hc-chips span{background:#eef0ff;border-radius:999px;padding:4px 10px;font-size:12px}.hc-fact{margin:0;font-size:14px;line-height:1.5;text-align:center}.hc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}.hc-list li{display:flex;gap:8px}.hc-list li:before{content:"";flex:none;width:11px;height:11px;margin-top:.4em;border-radius:50%;background:var(--sun);border:2.5px solid var(--ink);box-sizing:border-box}.hint{color:var(--ink-soft);font-size:12px;text-align:center;line-height:1.4}.act.feat.smart{background:linear-gradient(135deg,#ff9f43,#ff6b6b);box-shadow:0 5px #c9503a}.act.feat.smart .go{background:#fff;color:var(--coral-d)}.act.locked{opacity:.62}.act.locked .go{background:#c9d6ea}.mrow{display:flex;align-items:center;gap:8px;margin-top:5px}.meter{display:inline-flex;gap:3px}.meter i{width:14px;height:6px;border-radius:99px;background:var(--line)}.meter.l1 i:nth-child(-n+1),.meter.l2 i:nth-child(-n+2),.meter.l3 i:nth-child(-n+3),.meter.l4 i{background:var(--leaf)}.mrow em{font-style:normal;font-size:11px;color:var(--ink-soft)}details.more summary{cursor:pointer;font-family:var(--f-display);font-weight:600;font-size:17px;padding:8px 0;color:var(--ink-soft)}details.more .acts{margin-top:10px}.qtag{font-size:12px;color:var(--ink-soft);background:#f1f5fb;border-radius:999px;padding:4px 12px}.qtag.review{background:#e6f6ee;color:var(--leaf-d)}.qtag.stretch{background:#efe7ff;color:var(--grape-d)}.qbox{display:inline-grid;place-items:center;width:1.1em;height:1.1em;border:3px dashed var(--ink-soft);border-radius:12px;font-family:var(--f-display);font-size:.8em;color:var(--ink-soft);box-sizing:border-box}.objs.sm.big{font-size:46px}.susun{display:inline-grid;justify-items:end;font-family:var(--f-display);font-weight:700;font-size:46px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.06em}.susun i{font-style:normal;color:var(--tang);margin-right:.3em}.susun .ln{border-top:5px solid var(--ink);justify-self:stretch;text-align:right;color:var(--ink-soft)}.pv{display:flex;align-items:flex-end;justify-content:center;gap:6px;flex-wrap:wrap;max-width:340px}.pv .ten{width:16px;height:118px;border-radius:5px;background:repeating-linear-gradient(to bottom,var(--ocean) 0 10px,#FFFFFF 10px 12px);box-shadow:0 0 0 2px var(--ocean-d)}.pv .ones{display:flex;flex-direction:column-reverse;gap:2px;margin-left:10px}.pv .one{width:16px;height:10px;border-radius:3px;background:var(--tang);box-shadow:0 0 0 2px var(--tang-d)}.arr{display:flex;flex-direction:column;gap:2px;font-size:24px;line-height:1.1}.growth{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.growth h3{font-size:17px;font-weight:600}.grow{display:flex;align-items:center;gap:10px;background:#f4f8fd;border-radius:16px;padding:8px 12px}.grow b{flex:1;min-width:0;font-family:var(--f-display);font-weight:600;font-size:15px}.grow.up{background:#e8faf0}.upb{font-size:12px;color:var(--leaf-d)}.chip-l{border-radius:999px;padding:4px 10px;font-size:12px;white-space:nowrap;background:#eef2f8;color:var(--ink-soft);flex:none}.chip-l.l1{background:#ffe9e9;color:var(--coral-d)}.chip-l.l2{background:#fff1dc;color:var(--tang-d)}.chip-l.l3{background:#e6f0ff;color:var(--ocean-d)}.chip-l.l4{background:#e2f7ec;color:var(--leaf-d)}.sheet .lesson-k{font-size:17px;color:var(--ink)}.lesson-ex{background:#fff6da;border-radius:18px;padding:12px 14px;text-align:left}.lesson-ex small{font-size:12px;color:var(--ink-soft)}.sheet .lesson-ex p{margin:4px 0 0;color:var(--ink)}.sub{font-size:18px;font-weight:600;margin-top:4px}.rep4{grid-template-columns:repeat(2,minmax(0,1fr))}.chart{display:flex;flex-direction:column;gap:10px}.ch-title{font-family:var(--f-display);font-weight:600}.bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:130px}.bcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:0}.bstack{width:70%;max-width:34px;border-radius:8px 8px 4px 4px;background:#ffd9c2;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.bstack i{display:block;background:var(--leaf)}.bcol small{font-size:11px;color:var(--ink-soft)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-soft)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#ffd9c2;margin-right:5px;vertical-align:-1px}.legend i.ok{background:var(--leaf)}.mmap{display:flex;flex-direction:column;gap:16px}.mg-h{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:4px}.mrow2{display:flex;align-items:center;gap:10px;padding:7px 0}.mrow2+.mrow2{border-top:2px solid var(--line)}.mi{font-size:22px;width:32px;text-align:center;flex:none}.mn{flex:1;min-width:0;display:flex;flex-direction:column}.mn b{font-size:14px}.mn small{font-size:11px;color:var(--ink-soft)}.alert{display:flex;flex-direction:column;gap:4px;border-left:6px solid var(--tang)}.alert small{color:var(--ink-soft);font-size:12px}.alert p,.tip p{margin:4px 0 0;font-size:14px;line-height:1.5}.tip{display:flex;gap:10px;align-items:flex-start}.tech summary{cursor:pointer;font-family:var(--f-display);font-weight:600}.tech .tw{overflow-x:auto;margin-top:10px}.tech table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.tech th,.tech td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.tech p{font-size:13px;line-height:1.5;color:var(--ink-soft)}.tech .row2{margin-top:12px}.tech .btn.sm{align-self:stretch}.stk-count{font-family:var(--f-display);font-weight:600;font-size:18px}.stickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stk{background:var(--paper);border-radius:22px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 5px 0 var(--shade);text-align:center}.stk .e{font-size:44px;line-height:1.1;filter:grayscale(1) brightness(0);opacity:.13}.stk.has .e{filter:none;opacity:1}.stk.has{background:#fff6da}.stk small{font-size:12px;color:var(--ink-soft)}.prof{display:flex;align-items:center;gap:14px}.prof div{display:flex;flex-direction:column}.prof b{font-family:var(--f-display);font-size:22px;font-weight:600}.prof small{color:var(--ink-soft)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{background:var(--paper);border-radius:20px;padding:14px;box-shadow:0 4px 0 var(--shade);display:flex;flex-direction:column;gap:2px}.stat b{font-family:var(--f-display);font-size:30px;font-weight:700;color:var(--ocean-d);font-variant-numeric:tabular-nums}.stat small{color:var(--ink-soft);font-size:13px;line-height:1.3}.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper);border-radius:18px;padding:5px;gap:4px;box-shadow:0 4px 0 var(--shade)}.seg button{border:0;background:none;border-radius:14px;padding:10px 4px;font-size:13px;line-height:1.2}.seg button.on{background:var(--ink);color:#fff}.bar{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:10px;font-size:13px}.track{height:14px;border-radius:999px;background:var(--paper);overflow:hidden;box-shadow:inset 0 0 0 2px var(--line)}.track i{display:block;height:100%;background:var(--leaf);border-radius:999px}.bar small{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums}.rows{display:flex;flex-direction:column;gap:0;padding:4px 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px}.row+.row{border-top:2px solid var(--line)}.row .ok{color:var(--leaf-d)}.toggle{width:56px;height:32px;border-radius:999px;border:0;background:#c9d6ea;position:relative;flex:none;padding:0}.toggle i{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--leaf)}.toggle.on i{left:28px}.confirm{display:flex;flex-direction:column;gap:10px;background:#ffe9e9;border-radius:20px;padding:14px}.confirm p{margin:0;color:var(--coral-d)}.modal{position:fixed;inset:0;z-index:40;background:#1d2b5373;display:flex;align-items:center;justify-content:center;padding:16px}.sheet{background:var(--paper);border-radius:28px;padding:22px 18px;width:100%;max-width:400px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 8px 0 var(--shade);animation:popin .25s}.sheet h3{font-size:26px}.sheet p{margin:0;line-height:1.5;color:var(--ink-soft)}.sheet .nexi{width:96px;height:104px;margin:0 auto}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:50;background:var(--ink);color:#fff;padding:12px 18px;border-radius:16px;font-size:14px;max-width:calc(100% - 48px);text-align:center;transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}#fx{position:fixed;inset:0;pointer-events:none;z-index:60;width:100%;height:100%}.split,.split-a,.split-b,.ob-a,.ob-b,.pc-body{display:flex;flex-direction:column;gap:16px;min-width:0}.pc-body{gap:14px}.board{max-width:none;width:min(100%,380px);width:min(100%,420px,max(250px,100dvh - 430px))}.orb:first-child{margin-left:auto}.orb:last-child{margin-right:auto}.stage3d{--hw:340px}.hud-top{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media (max-width:360px){.wm,.bigq{font-size:38px}.levels{gap:6px}.palette .blk{width:56px;height:56px}.tiles{gap:10px}.tile{min-height:140px}}@media (hover:hover) and (pointer:fine){.tile:hover:not(:active),.act:hover:not(:active),.btn:hover:not(:active):not(:disabled),.lvl:not(:disabled):hover:not(:active),.opt:not(:disabled):hover:not(:active),.tp:hover:not(:active),.iconbtn:hover:not(:active):not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.nav button:hover:not(.on){background:#f2f7ff}}@media (min-width:640px) and (min-height:560px){body{font-size:16px}.screen{max-width:820px;gap:20px;padding-inline:max(28px,env(safe-area-inset-left,0px)) max(28px,env(safe-area-inset-right,0px));padding-block:calc(28px + env(safe-area-inset-top,0px)) 140px}.screen.narrow{max-width:560px}.screen.play{max-width:760px}.screen.ob{max-width:600px}.ttl{font-size:36px}.sec{font-size:24px}.note,.intro p{font-size:16px}.card{padding:20px}.iconbtn{width:56px;height:56px;font-size:24px;border-radius:18px}.pill{font-size:20px;padding:10px 18px}.btn{font-size:20px;padding:16px 26px}.btn.big{font-size:26px;padding:22px}.btn.sm{font-size:17px;padding:12px 22px}.nexi.sm{width:80px;height:88px}.wm{font-size:58px}.wm-top{font-size:22px}.brand .nexi{width:124px;height:134px}.lead{font-size:18px}.lbl{font-size:19px}.inp{font-size:20px;padding:16px 18px}.avatars{gap:12px}.av{font-size:34px}.tier{padding:16px 8px}.tier .te{font-size:38px}.tier b{font-size:17px}.tier small{font-size:13px}.avatar{width:62px;height:62px;font-size:36px}.me small{font-size:15px}.me b{font-size:28px}.hero{padding:30px 34px;border-radius:34px}.hero:before{width:280px;height:280px;right:-70px;top:-70px}.hero h1{font-size:36px}.hero .hero-bot{width:156px;height:168px}.tchip{font-size:15px;padding:6px 14px}.mission{font-size:17px;gap:8px}.mission li:before{width:24px;height:24px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tiers,.rep4{grid-template-columns:repeat(4,minmax(0,1fr))}.susun{font-size:60px}.arr{font-size:30px}.pv .ten{height:150px;width:20px;background:repeating-linear-gradient(to bottom,var(--ocean) 0 13px,#FFFFFF 13px 15px)}.pv .one{width:20px;height:13px}.bars{height:170px}.mn b{font-size:16px}.chip-l{font-size:13px}.tile{min-height:196px;padding:18px 18px 20px;border-radius:26px}.tile .ico{width:76px;height:76px;font-size:46px;border-radius:24px}.tile h3{font-size:22px}.tile p{font-size:15px}.tile .chip{font-size:12px;top:14px;right:14px}.subh h1{font-size:32px}.acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.act{padding:16px 18px;border-radius:24px}.act.feat{grid-column:1/-1}.act b,.ws b{font-size:20px}.act small,.ws small{font-size:14px}.ai{width:64px;height:64px;font-size:34px;border-radius:20px}.act .go{width:42px;height:42px;font-size:16px}.dots i{height:14px}.qcard{padding:34px 26px;gap:24px;border-radius:34px}.prompt{font-size:32px}.prompt.long{font-size:24px}.bigq{font-size:68px}.objs{font-size:54px;max-width:480px;gap:8px 14px}.objs.sm{font-size:36px}.eq b{font-size:54px}.pie{width:230px;height:230px}.opts{gap:18px}.opt{min-height:112px;font-size:46px;border-radius:28px}.opts.wide .opt{min-height:190px}.opts.stack .opt{min-height:76px;padding:14px 22px}.opts.stack .ot{font-size:19px}.ot{font-size:22px}.po small{font-size:15px}.coach .bot{width:72px;height:78px}.coach p{font-size:17px;padding:14px 18px}.result{padding:34px 28px;gap:16px}.result .nexi{width:140px;height:152px}.result h1{font-size:38px}.stars3{font-size:64px}.howto{gap:14px}.howto div{font-size:15px;padding:16px 12px}.howto b{font-size:30px}.levels{max-width:680px;gap:16px}.lvl{border-radius:24px}.lvl b{font-size:36px}.lvl small{font-size:13px}.task{font-size:16px}.task b{font-size:21px}.board{width:min(100%,560px);width:min(100%,580px,max(300px,100dvh - 480px));border-radius:28px}.cell{border-radius:12px}.prog{min-height:80px;gap:10px;padding:12px}.blk{width:56px;height:56px;border-radius:16px}.blk .arr{width:32px;height:32px}.palette{gap:16px}.palette .blk{width:80px;height:80px;border-radius:24px}.palette .blk .arr{width:46px;height:46px}.mult{font-size:26px}.msg{font-size:17px}.orbit{margin-inline:-28px;padding-inline:28px;gap:14px}.orb{min-width:86px}.orb small{font-size:14px}.pcard{padding:24px;gap:18px}.pc-name h2{font-size:36px}.nick{font-size:16px}.eyebrow{font-size:12px}.pdata{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pdata dd{font-size:19px}.facts li{font-size:17px}.task-w{font-size:22px}.slots{padding:16px;border-radius:28px}.slotgrid{grid-template-columns:repeat(var(--k,4),minmax(0,1fr));gap:10px}.slot b{font-size:13px}.slot small{font-size:11px}.tray{gap:12px}.tp{min-height:116px;border-radius:22px}.tp small{font-size:13px}.stk-count{font-size:21px}.stickers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stk{padding:18px 10px;border-radius:26px}.stk .e{font-size:56px}.stk small{font-size:14px}.prof b{font-size:26px}.avatar.lg{width:76px;height:76px;font-size:46px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:18px}.stat b{font-size:36px}.stat small{font-size:14px}.seg button{font-size:16px;padding:14px 6px}.bar{grid-template-columns:160px 1fr 40px;font-size:15px}.track{height:16px}.row{font-size:16px;padding:16px 0}.toggle{width:64px;height:36px}.toggle i{width:28px;height:28px}.toggle.on i{left:32px}.nav{left:50%;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(560px,calc(100% - 48px));box-sizing:border-box;border-radius:28px;padding:10px;box-shadow:0 6px 0 var(--shade)}.nav-in{max-width:none}.nav button{flex-direction:row;justify-content:center;gap:10px;padding:10px 6px;font-size:16px;border-radius:20px}.nav button span{font-size:28px}.sheet{max-width:480px;padding:30px 26px;gap:16px}.sheet h3{font-size:30px}.sheet .nexi{width:120px;height:130px}.toast{bottom:calc(112px + env(safe-area-inset-bottom,0px));font-size:16px;padding:14px 22px}.tabs3d button{font-size:15px;padding:12px 6px}.hud-card{max-width:560px;padding:18px 22px;gap:12px}.hc-name h2{font-size:32px}.hc-fact{font-size:16px}.hc-chips span{font-size:14px;padding:6px 12px}.hc-list{font-size:16px}.hint{font-size:13px}.plabel{font-size:13px;padding:4px 11px}}@media (orientation:landscape) and (min-width:700px){.nav{left:max(12px,env(safe-area-inset-left,0px));right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:auto;padding:10px;border-radius:28px;box-shadow:0 6px 0 var(--shade)}.nav-in{flex-direction:column;width:auto;max-width:none;gap:8px}.nav button{flex:none;flex-direction:column;justify-content:center;gap:2px;width:86px;padding:10px 4px;font-size:12px;border-radius:20px}.nav button span{font-size:26px}body.has-nav main{padding-left:calc(100px + env(safe-area-inset-left,0px))}.screen{max-width:1100px;padding-block:calc(20px + env(safe-area-inset-top,0px)) calc(32px + env(safe-area-inset-bottom,0px))}.screen.play{max-width:1180px;min-height:100vh;min-height:100dvh;box-sizing:border-box}.toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.screen.ob{max-width:1080px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:20px 48px;min-height:100vh;min-height:100dvh;box-sizing:border-box}.ob-a .brand{flex-direction:column;align-items:flex-start}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center;flex:1}.split-b{justify-content:center}.split.code{grid-template-columns:auto minmax(0,1fr);align-items:start}.code .board{width:min(54vw,100vh - 170px,620px);width:min(54vw,100dvh - 170px,620px);min-width:220px}.code .split-b{justify-content:flex-start;padding-top:36px}.split.og{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.og .slotgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.og .split-b{padding-top:36px}.pcard{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px;align-items:center}.pc-top{flex-direction:column;text-align:center;gap:14px}.pc-top .pl{--s:150px!important}.pc-top .pl-matahari{--s:130px!important}.pc-top .pl-saturnus{margin-inline:56px}.pc-name{align-items:center}.pc-body .btn.sm{align-self:flex-start}.pdata{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-top{max-width:none;margin:0;padding-right:calc(var(--hw) + 32px + env(safe-area-inset-right,0px))}.tabs3d{max-width:460px}.hud-card{left:auto;transform:none;right:max(16px,env(safe-area-inset-right,0px));top:calc(16px + env(safe-area-inset-top,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:var(--hw);max-width:none;max-height:none;justify-content:center;border-radius:28px}.hud-msg{left:calc((100% - var(--hw) - 16px) / 2);width:auto;max-width:60%}}@media (orientation:landscape) and (min-width:1000px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.stickers{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (orientation:landscape) and (min-width:1240px){.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stage3d{--hw:380px}}@media (orientation:portrait) and (min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.stickers{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:560px){.stage3d{--hw:300px}.screen{gap:12px;padding-block:calc(12px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-bottom,0px))}.nav{padding:6px}.nav-in{gap:4px}.nav button{width:72px;padding:6px 2px;font-size:11px}.nav button span{font-size:22px}body.has-nav main{padding-left:calc(88px + env(safe-area-inset-left,0px))}.hero{padding:14px 18px}.hero .hero-bot{width:80px;height:86px}.hero h1{font-size:22px}.tile{min-height:132px}.tile .ico{width:52px;height:52px;font-size:32px}.qcard{padding:14px;gap:10px}.prompt{font-size:20px}.prompt.long{font-size:16px}.bigq{font-size:40px}.objs{font-size:30px}.objs.sm{font-size:22px}.pie{width:130px;height:130px}.opts{gap:10px}.opt{min-height:62px;font-size:28px}.opts.wide .opt{min-height:100px}.opts.stack .opt{min-height:52px;padding:8px 14px}.coach .bot{width:44px;height:48px}.coach p{font-size:13px;padding:8px 12px}.code .board{width:min(46vw,100vh - 110px);width:min(46vw,100dvh - 110px)}.code .split-b,.og .split-b{padding-top:0}.prog{min-height:52px;padding:8px}.blk{width:40px;height:40px}.blk .arr{width:24px;height:24px}.palette .blk{width:56px;height:56px}.palette .blk .arr{width:32px;height:32px}.slots{padding:8px;gap:6px}.slot{aspect-ratio:auto;min-height:62px}.tp{min-height:72px;padding:6px 4px}.screen.ob{gap:12px 28px}.ob-a .brand .nexi{width:72px;height:78px}.wm{font-size:36px}.lead{font-size:14px}.tier{padding:8px 4px}.tier .te{font-size:24px}.pc-top .pl{--s:110px!important}.result{padding:16px;gap:8px}.result .nexi{width:70px;height:76px}.stars3{font-size:40px}.hud-card{padding:12px 14px;gap:8px;justify-content:flex-start}.hc-name h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.form{display:flex;flex-direction:column;gap:10px}.form .inp{margin-bottom:0}.form label.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink-soft)}.form label.chk input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--leaf)}.form .err{color:var(--coral-d);font-size:14px;margin:0}.tabsw{display:grid;grid-template-columns:1fr 1fr;background:#eef2f8;border-radius:16px;padding:4px;gap:4px}.tabsw button{border:0;background:none;border-radius:12px;padding:10px;font-family:var(--f-display);font-weight:600}.tabsw button.on{background:var(--paper);box-shadow:0 2px 0 var(--shade)}.acct{display:flex;flex-direction:column;gap:10px}.acct .row{padding:8px 0}.sync{font-size:13px;color:var(--ink-soft)}.sync.ok{color:var(--leaf-d)}.profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prof-b{border:0;background:var(--paper);border-radius:24px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 6px 0 var(--shade)}.prof-b:active{transform:translateY(4px);box-shadow:0 2px 0 var(--shade)}.prof-b .avatar{width:76px;height:76px;font-size:46px}.prof-b b{font-family:var(--f-display);font-size:20px;font-weight:600}.prof-b small{color:var(--ink-soft);font-size:13px}.prof-b.add{border:3px dashed var(--line);box-shadow:none;background:transparent;color:var(--ink-soft)}.me-btn{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;min-width:0;text-align:left}.offline{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:45;background:var(--ink);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px}.kid-list{display:flex;flex-direction:column;gap:8px}.kid-row{display:flex;align-items:center;gap:12px;background:#f4f8fd;border-radius:16px;padding:10px 12px}.kid-row .avatar{width:42px;height:42px;font-size:24px;box-shadow:none}.kid-row div{flex:1;min-width:0;display:flex;flex-direction:column}.kid-row small{color:var(--ink-soft);font-size:12px}@media (min-width:640px) and (min-height:560px){.profiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.card,.act,.stat,.result,.qcard,.prof-b,.howto div,.stk,.coach p,.hero,.got,.slots,.sheet,.seg,.prog,.pdata div{border:3px solid var(--ink)}.card,.act,.stat,.result,.qcard,.prof-b,.howto div,.stk,.coach p,.seg{box-shadow:0 5px 0 var(--ink)}.hero{box-shadow:0 6px 0 var(--ink)}.sheet{box-shadow:0 7px 0 var(--ink)}.act:active,.prof-b:active{box-shadow:0 1px 0 var(--ink)}.btn,.opt,.lvl,.tp,.blk,.tier,.inp,.iconbtn,.pill{border:3px solid var(--ink)}.btn,.opt,.lvl{box-shadow:0 5px 0 var(--ink)}.btn:active,.opt:active,.lvl:not(:disabled):active{box-shadow:0 1px 0 var(--ink)}.opt.ok{box-shadow:0 5px 0 var(--ink);border-color:var(--ink)}.opt.bad{border-color:var(--coral-d);box-shadow:0 5px 0 var(--coral-d)}.lvl.done{box-shadow:0 5px 0 var(--ink)}.lvl:disabled{box-shadow:0 5px 0 var(--ink);opacity:.55}.tp{box-shadow:0 4px 0 var(--ink)}.tp:active{box-shadow:0 1px 0 var(--ink)}.blk{box-shadow:0 4px 0 var(--ink)}.palette .blk{box-shadow:0 5px 0 var(--ink)}.palette .blk:active{box-shadow:0 1px 0 var(--ink)}.iconbtn{box-shadow:0 4px 0 var(--ink)}.iconbtn:active{box-shadow:0 1px 0 var(--ink)}.iconbtn.txt{width:auto;padding:0 14px;font-family:var(--f-display);font-weight:600;font-size:15px;white-space:nowrap}.pill{box-shadow:0 4px 0 var(--ink)}.pill.stars{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 5px 8px}.tier{gap:0;padding:10px 6px}.tier.on{border-color:var(--ink);background:var(--leaf);color:#fff}.tier.on small{color:#ffffffe6}.avatar{display:block;overflow:hidden;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:18px;flex:none;box-sizing:border-box}.avatar svg{display:block;width:100%;height:100%}.tile{border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);padding:0;min-height:0;gap:0}.tile:active{box-shadow:0 1px 0 var(--ink)}.tile:after{display:none}.tile .scene{display:block;flex:none;border-bottom:3px solid var(--ink)}.tile .tx{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.tile .chip.soon{top:8px;right:8px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);font-weight:800}.mbar{height:12px;border-radius:999px;background:var(--paper);border:2.5px solid var(--ink);overflow:hidden}.mbar i{display:block;height:100%;background:var(--leaf);transition:width .4s}.tchip{font-weight:800}.nav{border-top:3px solid var(--ink);box-shadow:none}.nav button{font-family:var(--f-display);font-weight:600;font-size:15px;color:var(--ink);padding:12px 4px;border:2.5px solid transparent;border-radius:16px}.nav button.on{background:var(--ocean);color:#fff;border-color:var(--ink)}.greet{display:flex;align-items:flex-end;gap:8px}.greet .nexi{width:84px;height:86px;flex:none}.bubble{margin:0 0 14px;flex:1;background:var(--paper);border:3px solid var(--ink);border-radius:18px 18px 18px 6px;padding:10px 14px;font-weight:800;font-size:15px;line-height:1.4;box-shadow:0 4px 0 var(--ink)}.lbl-row{display:flex;align-items:baseline;justify-content:space-between}.lbl-row small{font-size:12px;font-weight:800;color:var(--ink-soft)}.chars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}.char{border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;min-width:0}.char svg{width:100%;max-width:64px;height:auto}.char:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.char.on{outline:4px solid var(--sun);outline-offset:2px}.prof-b .avatar{width:80px;height:80px}.prof-b.add{justify-content:center;min-height:150px}.act .ai{border:2.5px solid var(--ink);box-sizing:border-box;overflow:hidden}.act .ai svg{width:44px;height:44px}.act.feat .ai .nexi{width:46px;height:48px}.go-txt{flex:none;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:4px 12px;font-family:var(--f-display);font-weight:600;font-size:14px}.lock{flex:none;background:#e6ecf5;color:var(--ink-soft);border:2px solid var(--ink-soft);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.mi{display:grid;place-items:center}.stk{gap:8px}.orb{position:relative}.orb .seen{position:absolute;top:4px;right:2px;font-style:normal;font-size:10px;font-weight:800;background:var(--leaf);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:0 5px}.objs span{display:inline-block;line-height:0}.opt .objs{gap:0}.piece.goal{display:grid;place-items:center}.stars3 span{line-height:0}.hc-row .iconbtn.txt{font-size:13px;padding:0 10px;background:#eef0ff}@media (min-width:640px) and (min-height:560px){.tile .scene{height:110px}.tile .tx{padding:12px 16px 16px}.char svg{max-width:84px}.greet .nexi{width:110px;height:112px}.bubble{font-size:18px}.act .ai svg{width:52px;height:52px}.iconbtn.txt{font-size:17px;padding:0 18px}.nav button{font-size:17px}.nav{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}}@media (orientation:landscape) and (min-width:700px){.nav{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.nav button{width:96px;font-size:14px}}.mission li:before{border-radius:6px;background-color:#fff}.page{animation:pageIn .26s cubic-bezier(.2,.8,.3,1) backwards}@keyframes pageIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.acts>*,.stats>*,.stickers>*,.chars>*,.opts>*,.profiles>*{animation:rise .38s cubic-bezier(.2,.8,.3,1) both}.acts>:nth-child(2),.stats>:nth-child(2),.stickers>:nth-child(2),.chars>:nth-child(2),.opts>:nth-child(2),.profiles>:nth-child(2){animation-delay:50ms}.acts>:nth-child(3),.stats>:nth-child(3),.stickers>:nth-child(3),.chars>:nth-child(3),.opts>:nth-child(3),.profiles>:nth-child(3){animation-delay:.1s}.acts>:nth-child(4),.stats>:nth-child(4),.stickers>:nth-child(4),.chars>:nth-child(4),.opts>:nth-child(4),.profiles>:nth-child(4){animation-delay:.15s}.acts>:nth-child(n+5),.stats>:nth-child(n+5),.stickers>:nth-child(n+5),.chars>:nth-child(n+5){animation-delay:.2s}.btn:active,.opt:active,.act:active,.char:active,.prof-b:active{transform:translateY(5px) scale(.985)}.flystar{position:fixed;z-index:70;pointer-events:none;width:34px;height:34px}.pill.stars.bump{animation:bump .35s}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-4deg)}to{transform:scale(1)}}.opt.ok{animation:pop .4s,glow 1.1s ease-out}@keyframes glow{0%{box-shadow:0 5px 0 var(--ink),0 0 #34c77bb3}to{box-shadow:0 5px 0 var(--ink),0 0 0 18px #34c77b00}}.pathmap{position:relative;width:100%;margin:4px 0 8px}.pathmap .road{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stop{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;animation:stopIn .45s cubic-bezier(.2,.8,.3,1) both}@keyframes stopIn{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%)}}.stop .disc{position:relative;width:96px;height:96px;border-radius:50%;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);overflow:hidden;padding:0;display:grid;place-items:center;transition:transform .08s,box-shadow .08s}.stop .disc:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.stop .disc>svg.scene{width:100%;height:100%;border:0}.stop .disc .done-badge{position:absolute;right:2px;bottom:2px;width:32px;height:32px;border-radius:50%;background:var(--paper);border:2.5px solid var(--ink);display:grid;place-items:center}.stop.locked .disc,.stop.soon .disc{filter:grayscale(.85);opacity:.65}.stop.done .disc{border-color:var(--ink);box-shadow:0 6px 0 var(--leaf-d)}.stop.current .disc{outline:5px solid var(--sun);outline-offset:3px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{outline-color:var(--sun)}50%{outline-color:#ffc83d59}}.stop .label{background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:4px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:150px;box-shadow:0 3px 0 var(--ink)}.stop .label b{font-family:var(--f-display);font-weight:600;font-size:14px;line-height:1.15}.stop .label small{font-size:11px;font-weight:800;color:var(--ink-soft);display:flex;align-items:center;gap:4px}.stop .label .tag{color:var(--ink);background:#e6ecf5;border-radius:999px;padding:0 6px;margin-top:2px}.stop .marker{position:absolute;top:-34px;left:50%;transform:translate(-50%);z-index:2;animation:hop 1.4s ease-in-out infinite}.stop .marker .avatar{border-radius:50%}@keyframes hop{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}.lvl-num{font-family:var(--f-display);font-weight:700;font-size:40px;color:var(--ink)}.night .stop .label{background:var(--paper)}.custom{display:flex;flex-direction:column;gap:12px}.drag{display:flex;flex-direction:column;gap:12px;user-select:none;-webkit-user-select:none}.pile{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:64px;background:var(--paper);border:3px dashed #B9CDEA;border-radius:20px;padding:10px}.thing{border:0;background:none;padding:2px;font-size:46px;line-height:0;touch-action:none;cursor:grab;transition:transform .12s}.thing:active{transform:scale(1.12)}.thing.lifted{opacity:.25}.basket{position:relative;padding:8px 10px 0;border-radius:22px;transition:background .15s}.basket.ready{background:#34c77b2e}.basket .in{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;min-height:58px;position:relative;z-index:1;margin-bottom:-22px}.basket .in .thing{font-size:40px;animation:popin .25s}.basket .weave{display:block;width:100%;height:70px}.basket .count{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--paper);border:2.5px solid var(--ink);border-radius:999px;padding:2px 12px;font-size:14px;font-weight:800;white-space:nowrap;z-index:2}.ghost{position:fixed;z-index:80;pointer-events:none;filter:drop-shadow(0 8px 4px rgba(29,43,83,.25));transform:scale(1.1)}.nline .nl-track{overflow-x:auto;scrollbar-width:none;background:var(--paper);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);padding:6px 10px 10px}.nline .nl-track::-webkit-scrollbar{display:none}.nline .row{display:flex;position:relative;width:max-content}.nline .row:before{content:"";position:absolute;left:22px;right:22px;top:58px;height:5px;border-radius:3px;background:var(--ink)}.tick{border:0;background:none;width:44px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;position:relative}.tick .hopper{height:40px;display:grid;place-items:end center}.tick .hopper svg{animation:popin .2s}.tick .mark{width:4px;height:16px;border-radius:2px;background:var(--ink);margin-top:4px}.tick b{font-family:var(--f-display);font-size:18px;font-weight:600;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;border:2.5px solid transparent}.tick.from b{background:#fff1e0;border-color:var(--ink)}.tick:not(:disabled):active b{background:var(--sun)}.balance{position:relative;height:260px;width:100%;max-width:440px;margin:0 auto}.beam{position:absolute;left:50%;top:42px;width:58%;height:12px;margin-left:-29%;background:#ffc83d;border:3px solid var(--ink);border-radius:8px;box-sizing:border-box;transition:transform .6s cubic-bezier(.3,1.6,.5,1);z-index:2}.beam:after{content:"";position:absolute;left:50%;top:-14px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#ffc83d;border:3px solid var(--ink);box-sizing:border-box}.pan{position:absolute;top:2px;width:44%;min-width:124px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;transform-origin:top center;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}.pan.left{left:0}.pan.right{right:0}.pan .hanger{display:block;width:92%;height:56px}.pan .load{width:84%;min-height:34px;margin-top:-34px;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1}.pan .load .objs{font-size:22px;gap:1px;max-width:100%;line-height:0}.pan .dish{width:100%;height:22px;margin-top:-2px;border:3px solid var(--ink);border-radius:0 0 90px 90px/0 0 70px 70px;background:#ffc83d;box-shadow:inset 0 -6px #e0a100,0 4px 0 var(--ink);box-sizing:border-box}.pan:active .dish{background:#ffde7a}.stand{position:absolute;left:50%;top:52px;width:16px;height:170px;margin-left:-8px;background:#ffc83d;border:3px solid var(--ink);border-bottom:0;box-sizing:border-box}.stand:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:130px;height:28px;border-radius:70px 70px 10px 10px;background:#ffc83d;border:3px solid var(--ink);box-shadow:inset 0 -6px #e0a100}@media (min-width:640px) and (min-height:560px){.stop{width:180px}.stop .disc{width:118px;height:118px}.stop .label b{font-size:16px}.thing{font-size:58px}.basket .in .thing{font-size:48px}.tick{width:52px}.balance{height:290px;max-width:560px}.pan .load .objs{font-size:30px}.stand{height:200px}}.pathmap{margin:34px auto 8px;max-width:560px}.stop .label small{white-space:nowrap}.stop .label{min-width:110px}.stop.locked .disc,.stop.soon .disc{filter:grayscale(.9) brightness(1.05);opacity:1}.stop.locked .label,.stop.soon .label{opacity:.85}.stop.current .disc{animation:none;outline:5px solid var(--sun);outline-offset:3px}.stop .ring{position:absolute;top:0;left:50%;width:96px;height:96px;margin-left:-48px;border-radius:50%;border:5px solid var(--sun);box-sizing:border-box;pointer-events:none;animation:ringOut 1.8s cubic-bezier(.2,.7,.3,1) infinite;will-change:transform,opacity}@keyframes ringOut{0%{transform:scale(1);opacity:.9}to{transform:scale(1.4);opacity:0}}.opt{position:relative}.opt.ok{animation:pop .4s}.opt.ok:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:4px solid var(--leaf);pointer-events:none;animation:ringOut .8s ease-out forwards}.coach .bot{animation:moodPop .32s cubic-bezier(.3,1.6,.5,1)}@keyframes moodPop{0%{transform:scale(.82)}to{transform:scale(1)}}.ghost{position:fixed;left:0;top:0;transform:none;will-change:transform;filter:drop-shadow(0 10px 6px rgba(29,43,83,.25))}.thing{transition:transform .15s,opacity .15s}.thing.lifted{opacity:.25;transform:scale(.88)}.basket{transition:background-color .15s}.basket .count b{display:inline-block;animation:popin .25s}.nline .row{padding-top:48px}.nline .hopper{position:absolute;top:2px;left:0;width:40px;height:44px;z-index:2;transition:transform .22s cubic-bezier(.3,.8,.4,1);will-change:transform}.nline .hop{display:block;animation:hopArc .23s ease-out}@keyframes hopArc{0%{transform:translateY(0)}45%{transform:translateY(-16px)}to{transform:translateY(0)}}.tick.at b{background:var(--leaf);color:#fff;border-color:var(--ink)}.tick b{transition:background-color .15s,color .15s}.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.kit-grid.small{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.kit-grid.wide{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kit-grid figure{margin:0;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}.kit-grid figure.scene-fig{padding:0}.kit-grid figcaption{font-size:12px;font-weight:800;text-align:center;padding-bottom:6px}.kit-grid .nexi{width:96px;height:98px}@media (min-width:640px) and (min-height:560px){.stop .ring{width:118px;height:118px;margin-left:-59px}}.tile.suggest{outline:4px solid var(--sun);outline-offset:3px}.tile .chip.next{top:8px;left:8px;right:auto;background:var(--sun);color:var(--ink);border:2px solid var(--ink);font-weight:800}.money{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px}.money svg{animation:popin .3s both}.skill-art{display:grid;place-items:center}.skill-art svg{max-width:100%;max-height:100%}.opt .ot{font-size:17px}.clockset{display:flex;flex-direction:column;align-items:center;gap:12px}.clockwrap{touch-action:none;cursor:grab;border-radius:50%;user-select:none;-webkit-user-select:none}.clockwrap:active{cursor:grabbing}.clockface .hand-h,.clockface .hand-m{transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.clock-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.clock-btns .cb{display:flex;align-items:center;gap:6px}.clock-btns b{font-size:13px;font-weight:800;padding:3px 10px;border-radius:999px;border:2px solid var(--ink)}.tag-h{background:#ffd6d6}.tag-m{background:#dcefff}.clock-btns .btn.sm{padding:6px 12px;font-size:14px}.clockset .btn:not(.sm){align-self:stretch}@media (min-width:640px) and (min-height:560px){.money{max-width:480px}}.silhouette{filter:brightness(0) opacity(.82)}.sd-target{animation:pulseFill 1.6s ease-in-out infinite}@keyframes pulseFill{0%,to{opacity:1}50%{opacity:.6}}.abc{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;width:100%;max-width:360px}.abc span{font-family:var(--f-display);font-weight:600;font-size:14px;text-align:center;background:#eaf3ff;border:2px solid var(--ink);border-radius:6px;padding:2px 0}.order{display:flex;flex-direction:column;gap:12px}.slots-o{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.slots-o li{display:flex;align-items:center;gap:10px;min-height:52px;border:3px dashed #B9CDEA;border-radius:16px;padding:6px 8px;background:#fff9;transition:border-color .15s,background-color .15s}.slots-o li.fill{border-style:solid;border-color:var(--ink);background:var(--paper)}.slots-o li>b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sun);border:2.5px solid var(--ink);font-family:var(--f-display)}.slots-o .empty{color:var(--ink-soft);font-size:13px;font-weight:700}.card-o{border:3px solid var(--ink);border-radius:14px;background:#fff;box-shadow:0 4px 0 var(--ink);padding:10px 12px;font-family:var(--f-display);font-weight:600;font-size:15px;text-align:left;transition:transform .08s,box-shadow .08s}.card-o:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.card-o.placed{flex:1;box-shadow:none;border-width:0;padding:4px;animation:popin .22s}.pool-o{display:flex;flex-wrap:wrap;gap:8px}.pool-o .card-o{animation:rise .3s both}@media (min-width:640px) and (min-height:560px){.card-o{font-size:17px}.abc span{font-size:16px}}.mini-row{display:flex;align-items:center;justify-content:center;gap:1px}.mini-col{display:flex;flex-direction:column;gap:2px}.slots-o li.bad{border-color:var(--coral);background:#ffe8e8;animation:shake .4s}.slots-o li.good{border-color:var(--leaf);background:#e6f9ee}.objs.solo{font-size:64px}.opt .objs.one{font-size:46px}.slots-o li.bad .card-o.placed,.slots-o li.good .card-o.placed,.card-o.placed{background:transparent}.abc-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.cipher{display:flex;gap:6px;justify-content:center}.cipher span{width:46px;height:52px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:30px;color:#fff;background:var(--grape);border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);animation:popin .35s both}@media (min-width:640px) and (min-height:560px){.objs.solo{font-size:84px}.opt .objs.one{font-size:62px}.cipher span{width:58px;height:64px;font-size:38px}}@media (max-height:700px){.objs.solo{font-size:48px}.opt .objs.one{font-size:38px}}.sudoku{max-width:240px}@media (min-width:640px) and (min-height:560px){.sudoku{max-width:330px}.abc{max-width:480px}.abc span{font-size:19px;padding:4px 0}}.sci{width:100%;max-width:340px;height:auto;display:block;margin:0 auto;overflow:visible}@media (min-width:640px) and (min-height:560px){.sci{max-width:440px}}@media (max-height:700px){.sci{max-width:280px}}.sc-cap,.fl-bob,.ripple,.ml-melt,.ml-stay,.puddle,.liquid,.flakes g,.cup-l,.cup-r,.grow,.gap-mark{transform-box:fill-box}.sc-cap{opacity:0;animation:capIn .35s cubic-bezier(.3,1.5,.5,1) forwards;transform-origin:center}@keyframes capIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}.sun-spin{animation:spin 18s linear infinite;transform-box:view-box}@keyframes spin{to{transform:rotate(360deg)}}.hint-down{animation:hintDown 1.4s ease-in-out infinite}@keyframes hintDown{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(4px);opacity:1}}.fl-float{animation:flFloat 1.3s forwards}@keyframes flFloat{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.5,0,1,1)}38%{transform:translateY(66px);animation-timing-function:ease-out}58%{transform:translateY(50px);animation-timing-function:ease-in-out}76%{transform:translateY(59px);animation-timing-function:ease-in-out}90%{transform:translateY(54.5px)}to{transform:translateY(56px)}}.fl-sink{animation:flSink 1.6s forwards}@keyframes flSink{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.5,0,1,1)}30%{transform:translateY(58px);animation-timing-function:cubic-bezier(.15,.6,.35,1)}to{transform:translateY(99px)}}.fl-bob{animation:flBob 2.6s 1.3s ease-in-out infinite;transform-origin:center}@keyframes flBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(-3deg)}}.ripple{opacity:0;transform-origin:center;animation:ripple 1s .47s ease-out forwards}.ripple.r2{animation-delay:.68s}@keyframes ripple{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.bubble{opacity:0;animation:bubble 1.1s ease-out forwards}@keyframes bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-46px)}}.ml-melt{animation:mlMelt 1.6s .1s ease-in forwards;transform-origin:50% 100%}@keyframes mlMelt{0%{transform:none;opacity:1}65%{transform:scale(1.12,.5);opacity:1}to{transform:scale(1.3,.08);opacity:0}}.ml-stay{animation:mlStay 1.6s ease-in-out}@keyframes mlStay{0%,to{transform:none}50%{transform:translateY(-1px)}}.puddle{transform-origin:center;animation:puddle 1.5s .25s ease-in both}@keyframes puddle{0%{transform:scale(.1)}to{transform:none}}.heat{opacity:0;animation:heat 1.3s ease-out 2}@keyframes heat{0%{opacity:0;transform:translateY(8px)}40%{opacity:.9}to{opacity:0;transform:translateY(-10px)}}.liquid{animation:slosh 2.4s ease-in-out infinite;transform-origin:center}@keyframes slosh{0%,to{transform:scaleX(1)}50%{transform:scaleX(.97)}}.frozen{animation:none;filter:saturate(.55) brightness(1.18);transition:filter .9s .5s}.frost.on{animation:fadeIn .6s .9s forwards}.flakes g{opacity:.25}.flakes.on g{animation:flake 1.2s ease-out both}@keyframes flake{0%{opacity:.25;transform:scale(.6) rotate(0)}60%{opacity:1}to{opacity:1;transform:scale(1.15) rotate(60deg)}}@keyframes fadeIn{to{opacity:1}}.cup-l,.cup-r{transform-origin:50% 100%}.cup-l.pour{animation:tiltL .55s ease-out forwards}.cup-r.pour{animation:tiltR .55s ease-out forwards}@keyframes tiltL{to{transform:rotate(38deg) translate(6px)}}@keyframes tiltR{to{transform:rotate(-38deg) translate(-6px)}}.stream{stroke-dasharray:110;stroke-dashoffset:110;animation:stream 1.4s .4s ease-in-out forwards}@keyframes stream{0%{stroke-dashoffset:110;opacity:1}35%{stroke-dashoffset:0;opacity:1}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-110;opacity:0}}.swirl{transform-box:view-box;transform-origin:0 0;opacity:0;animation:swirl 1.2s .9s ease-out forwards}@keyframes swirl{0%{opacity:0;transform:rotate(0)}30%{opacity:.8}to{opacity:0;transform:rotate(300deg)}}.grow{transform-origin:50% 100%;animation:grow 1.9s cubic-bezier(.3,.7,.4,1) both}@keyframes grow{0%{transform:scale(.18);opacity:.7}to{transform:none;opacity:1}}.grow.wilt{animation:grow 1.2s cubic-bezier(.3,.7,.4,1) both,wilt .9s 1.2s ease-in-out forwards}@keyframes wilt{to{transform:rotate(8deg) translateY(2px)}}.drive{animation-name:drive;animation-timing-function:cubic-bezier(.33,.66,.66,1);animation-fill-mode:forwards}@keyframes drive{to{transform:translate(var(--dx))}}.glow{opacity:0}.glow.on{animation:fadeIn .4s .5s forwards}.flow{animation:flow .7s linear infinite}@keyframes flow{to{stroke-dashoffset:-24}}.rays{opacity:0;animation:fadeIn .3s .6s forwards}.gap-mark{opacity:0;transform-origin:center;animation:gapMark 1s .3s ease-out forwards}@keyframes gapMark{0%{opacity:0;transform:scale(1.4)}60%{opacity:1;transform:scale(.95)}to{opacity:1;transform:none}}.steam{animation:steam 2s ease-in-out infinite;opacity:.8}@keyframes steam{0%{transform:translateY(4px);opacity:0}40%{opacity:.85}to{transform:translateY(-6px);opacity:0}}.stirring{animation:stir .45s ease-in-out 4 alternate;transform-box:view-box}@keyframes stir{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.vapor{animation:flow 1.6s linear infinite reverse}.rain line{animation:rain 1s linear infinite}@keyframes rain{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}to{transform:translateY(12px);opacity:0}}.river{stroke-dasharray:10 6;animation:flow 1.2s linear infinite}.predict{display:flex;flex-direction:column;gap:12px}.pr-step{margin:0;font-weight:800;font-size:14px;color:var(--ink-soft);text-align:center}.opt.picked{background:#fff6d6;box-shadow:0 0 0 4px var(--sun),0 6px 0 var(--shade);transform:translateY(-2px)}.btn.uji{font-size:20px}.btn.uji.ready{animation:readyPulse 1.6s ease-in-out infinite}@keyframes readyPulse{0%,to{transform:none}50%{transform:scale(1.03)}}.paint{display:block;height:auto}.opt .paint{width:56px}.opt .paint[viewBox$="108 48"]{width:110px}@media (min-width:640px) and (min-height:560px){.opt .paint{width:72px}.opt .paint[viewBox$="108 48"]{width:140px}.pr-step{font-size:16px}}.sci-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.kit-run{display:inline-block;width:auto;padding:6px 14px;font-size:14px;margin-left:10px;vertical-align:middle}@media (prefers-reduced-motion:reduce){.sun-spin,.fl-bob,.flow,.steam,.rain line,.river,.vapor,.liquid,.btn.uji.ready{animation:none}}.predict .ot{font-size:17px}@media (min-width:640px) and (min-height:560px){.predict .ot{font-size:20px}}