.arena-grid .arena-card{padding-top:10px}.arena-card svg{animation:bob 4s ease-in-out infinite}.arena-card:nth-child(2n) svg{animation-delay:.8s}.ar-note{margin:10px 0 0}.ar-play{display:flex;flex-direction:column;gap:10px;padding-top:10px}.ar-play .prompt .bubble{min-height:104px;display:flex;flex-direction:column;justify-content:center}.ar-play .prompt .bubble p{font-size:15.5px}.ar-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ar-how-i{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;background:#ffffffbf;border:2px solid rgba(30,36,64,.15);border-radius:14px;padding:4px 6px;min-width:0}.ar-how-i .emo{font-size:18px;flex-shrink:0}.ar-how-i small{font-weight:800;font-size:11.5px;line-height:1.15;color:var(--ink2)}.ar-how-i i{position:absolute;right:-7px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:900;color:var(--muted);z-index:1}.ar-stage{background:#fff;border:2.5px solid var(--ink);border-radius:24px;box-shadow:0 5px 0 var(--ink);padding:14px 8px;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.ar-ctl{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ar-ctl .btn3d{flex:1 1 0;min-width:0;padding-inline:10px;font-size:15.5px;min-height:54px}.ar-moves{display:flex;justify-content:space-between;gap:8px;margin:0;font-weight:800;color:var(--ink2);padding:0 4px}.ar-win-bg{align-items:flex-end}.ar-win{gap:12px;margin-bottom:max(8px,env(safe-area-inset-bottom))}.ar-win-t{font-size:28px;margin:4px 0 0;text-align:center}.ar-made{margin:0;font-family:var(--head);font-size:24px;font-weight:800;color:var(--pur2);animation:popin .5s var(--spring)}.ar-made .emo{font-size:34px;vertical-align:-6px}@media (min-width: 560px){.ar-win-bg{align-items:center}}.so-board{display:grid;justify-content:center;gap:30px 12px;padding:26px 0 8px}.so-tube{position:relative;padding:0;background:none;border:0;transition:transform .25s var(--spring);touch-action:manipulation}.so-glass{position:absolute;left:0;right:0;top:14px;bottom:0;border:3px solid var(--ink);border-top:0;border-radius:4px 4px 999px 999px;background:linear-gradient(90deg,#e1f0ff8c,#ffffffe6 40%,#e1f0ff8c);overflow:hidden;box-shadow:inset -5px 0 #1e24400d}.so-tube:before{content:"";position:absolute;left:-5px;right:-5px;top:10px;height:8px;border:3px solid var(--ink);border-radius:6px;background:#fff;z-index:2}.so-seg{position:absolute;left:0;right:0;display:grid;place-items:center;transition:bottom .3s var(--ease),transform .25s var(--spring);animation:segin .3s var(--ease);box-shadow:inset 0 3px #ffffff47,inset 0 -2px #1e24401f}.so-seg.up{transform:translateY(-4px)}.so-mark{width:44%;max-width:20px;height:auto;opacity:.9}.so-tube.sel .so-glass{box-shadow:0 0 0 4px var(--sun),inset -5px 0 #1e24400d}.so-tube.hint-a{animation:soHint 1s ease-in-out infinite}.so-tube.hint-b .so-glass{box-shadow:0 0 0 4px var(--green)}.so-arrow{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:22px;animation:nudge .8s ease-in-out infinite}.so-ok{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;font-weight:900;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-size:13px}.so-tube.fin{animation:jump .6s var(--spring)}@keyframes soHint{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes segin{0%{opacity:.4}}.pk-wrap{position:relative;margin:6px auto;overflow:hidden;padding-right:22px}.pk-board{position:relative;background:#c9d1e3;border:3px solid var(--ink);border-radius:18px;box-shadow:inset 0 0 0 3px #b4bed4}.pk-cell{position:absolute;border:1.5px dashed rgba(30,36,64,.13);border-radius:6px;box-sizing:border-box}.pk-car{position:absolute;left:0;top:0;transition:transform .18s var(--ease);touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;filter:drop-shadow(0 3px 0 rgba(30,36,64,.35))}.pk-car svg{display:block}.pk-car.drag{transition:none;z-index:4;filter:drop-shadow(0 6px 0 rgba(30,36,64,.3))}.pk-car.sel{filter:drop-shadow(0 0 0 #FFD84D) drop-shadow(0 0 6px #FFD84D) brightness(1.08);z-index:3}.pk-target{position:absolute;z-index:4;border:3px dashed var(--sun2);background:#ffd84d47;border-radius:12px;padding:0;display:grid;place-items:center;animation:pkPulse 1.1s ease-in-out infinite}@keyframes pkPulse{50%{background:#ffd84d8c;transform:scale(.94)}}.pk-target span{font-size:20px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.pk-car.hint{animation:pkHint .9s ease-in-out infinite}.pk-car.exit{transition:transform .8s cubic-bezier(.5,0,.75,0);z-index:5}.pk-ghost{position:absolute;border:3px dashed var(--green2);border-radius:12px;background:#35c26a26;box-sizing:border-box;animation:pdPulse 1s ease-in-out infinite}.pk-exit{position:absolute;right:0;width:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--green);border:3px solid var(--ink);border-left:0;border-radius:0 10px 10px 0;color:#fff}.pk-exit b{font-size:18px;line-height:1;animation:nudge 1.2s ease-in-out infinite}@keyframes pkHint{0%,to{filter:drop-shadow(0 3px 0 rgba(30,36,64,.35)) drop-shadow(0 0 0 #FFD84D)}50%{filter:drop-shadow(0 3px 0 rgba(30,36,64,.35)) drop-shadow(0 0 7px #FFD84D) brightness(1.12)}}.pp-board{display:grid;justify-content:center;gap:0;background:#e9f4ea;border:3px solid var(--ink);border-radius:16px;padding:4px}.pp-tile{position:relative;padding:0;border:0;background:#f6fbf3;border-radius:8px;box-shadow:inset 0 0 0 1.5px #1e244014;touch-action:manipulation;overflow:visible}.pp-tile:disabled{cursor:default;background:transparent;box-shadow:none}.pp-tile:not(:disabled):active .pp-rot{scale:.92}.pp-rot{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .18s var(--ease),scale .1s;display:block}.pp-svg{width:100%;height:100%;display:block}.pp-flow{animation:ppFlow .6s linear infinite}.pp-tile.src{background:#dcebff}.pp-tile.dst{background:#fff3c4}.pp-ic{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;pointer-events:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.pp-ic.deco{font-size:18px;opacity:.45}.pp-tile.empty{background:transparent;box-shadow:none}.pp-ic.bloom{animation:okpop .6s var(--spring) 2;font-size:32px}.pp-tile.glow{z-index:2;box-shadow:0 0 0 4px var(--sun),0 0 14px 4px #ffd84dcc;border-radius:10px}.pp-board.won{animation:okpop .6s var(--spring) .3s}@keyframes ppFlow{to{stroke-dashoffset:-18}}.tg-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.tg-svg{width:100%;max-width:560px;height:auto;max-height:max(330px,calc(100dvh - 300px));display:block;user-select:none;-webkit-user-select:none}.tg-tray{fill:#f3f0fa;stroke:#1e244026;stroke-width:.04;stroke-dasharray:.12 .1}.tg-shadow polygon{fill:#3b4366;stroke:#3b4366;stroke-width:.045;stroke-linejoin:round}.tg-lines polygon{fill:none;stroke:#fffc;stroke-width:.07;stroke-dasharray:.14 .09;stroke-linejoin:round}.tg-lines.tint polygon{fill-opacity:.42;stroke-dasharray:none;stroke:#ffffffe6}.tg-outline line{stroke:var(--ink);stroke-width:.08;stroke-linecap:round}.tg-piece{cursor:grab;transition:transform .2s var(--spring)}.tg-piece polygon:first-child{stroke:var(--ink);stroke-width:.07;stroke-linejoin:round;filter:drop-shadow(0 .06px 0 rgba(30,36,64,.4))}.tg-piece.placed{cursor:pointer}.tg-piece.pop{transform:scale(1.08)}.tg-piece.glow polygon:first-child{stroke:#ffd84d;stroke-width:.14}.tg-piece.glow{animation:tgGlow .7s ease-in-out 3}.tg-wrap.won .tg-piece{animation:tgWin .7s var(--spring) .1s 2}.tg-meta{font-weight:800;font-size:15px}.tg-meta .emo{font-size:20px;vertical-align:-3px}@keyframes tgGlow{50%{opacity:.55}}@keyframes tgWin{50%{transform:translateY(-.2px) scale(1.04)}}@media (min-width: 768px){.ar-stage{padding:22px 16px;min-height:340px}.ar-how-i small{font-size:13px}.ar-how-i .emo{font-size:22px}}@media (prefers-reduced-motion: reduce){.so-tube,.pk-car,.pp-rot,.tg-piece{transition:none!important}.so-tube.hint-a,.pk-car.hint,.pp-flow,.tg-piece.glow{animation:none!important}}.ar-beda{padding:10px 8px}.bd-wrap{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.bd-pics{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.bd-pic{position:relative;border:3px solid var(--ink);border-radius:16px;overflow:hidden;background:#fff;touch-action:manipulation}.bd-pic svg{display:block;width:100%;height:auto;cursor:pointer}.bd-tag{position:absolute;left:8px;top:6px;z-index:1;background:var(--ink);color:#fff;font-family:var(--head);font-weight:800;font-size:14px;border-radius:999px;padding:0 9px;pointer-events:none}.bd-found{fill:none;stroke:#1e9550;stroke-width:4;animation:bdFound .4s var(--spring)}.bd-flash{fill:#ffd84d40;stroke:#ffc21a;stroke-width:4;stroke-dasharray:8 6;animation:pdPulse .8s ease-in-out infinite}.bd-miss path{stroke:var(--coral2);stroke-width:5;stroke-linecap:round;animation:bdMiss .7s ease forwards}.bd-count{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.bd-count i{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--ink);background:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;color:#fff;font-size:14px}.bd-count i.on{background:var(--green);animation:okpop .4s var(--spring)}@keyframes bdFound{0%{stroke-width:12;opacity:0}}@keyframes bdMiss{0%{opacity:1;transform:scale(.6)}30%{transform:scale(1.1)}to{opacity:0}}@media (min-width: 768px){.bd-pics{grid-template-columns:1fr 1fr}}.ng-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.ng-mode{display:flex;gap:8px}.ng-mode .chipbtn.on{background:var(--sun)}.ng-grid{display:grid;gap:0}.ng-corner{display:grid;place-items:center;font-size:30px}.ng-cc{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding-bottom:4px;font-family:var(--head);font-weight:800;font-size:15px;line-height:1.05;color:var(--ink)}.ng-rc{display:flex;justify-content:flex-end;align-items:center;gap:5px;padding-right:6px;font-family:var(--head);font-weight:800;font-size:15px;color:var(--ink)}.ng-cc.done,.ng-rc.done{color:#a5adc6}.ng-cell{border:1.5px solid #B9C1D6;background:#fff;padding:0;font-size:14px;font-weight:900;color:#a5adc6;touch-action:manipulation;transition:background .12s;margin:0 -1.5px -1.5px 0}.ng-cell.on{background:var(--ng);border-color:#1e244059}.ng-cell.given.on{background:color-mix(in srgb,var(--ng) 75%,#fff)}.ng-cell.given.x{color:#cbd1e0}.ng-cell.br{border-right:3px solid var(--ink)}.ng-cell.bb{border-bottom:3px solid var(--ink)}.ng-cell.bad{animation:shake .45s ease;background:#ffd6d0!important}.ng-cell.glow{box-shadow:inset 0 0 0 4px #ffd84d}.ng-wrap.won .ng-cell{border-color:transparent}.ng-wrap.won .ng-cell:not(.on){background:#f7fcfb}.ng-wrap.won .ng-cell.on{animation:okpop .5s var(--spring) both}.ng-made{margin:0;font-family:var(--head);font-weight:800;font-size:22px;color:var(--pur2);animation:popin .5s var(--spring)}.ng-made .emo{font-size:28px;vertical-align:-5px}.kt-grid{display:grid;gap:8px;justify-content:center;padding:4px 0}.kt-card{padding:0;border:0;background:none;perspective:600px;touch-action:manipulation}.kt-in{position:relative;display:block;width:100%;height:100%;transition:transform .35s var(--ease);transform-style:preserve-3d}.kt-card.open .kt-in{transform:rotateY(180deg)}.kt-back,.kt-front{position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kt-back{background:repeating-linear-gradient(45deg,#35c26a 0,#35c26a 10px,#2db15f 10px,#2db15f 20px)}.kt-back span{width:38%;aspect-ratio:1;border-radius:50%;background:#fff;border:2.5px solid var(--ink);display:grid;place-items:center;font-family:var(--head);font-weight:900;font-size:18px;color:var(--green2)}.kt-front{background:#fff;transform:rotateY(180deg)}.kt-card.done .kt-front{background:#eafbef;border-color:var(--green2);box-shadow:0 4px 0 var(--green2)}.kt-card.done .kt-in{animation:ktDone .45s var(--spring)}.kt-emo{font-size:calc(var(--cw, 80px) * .44);line-height:1}.kt-face .kt-emo{font-size:calc(var(--cw, 80px) * .36)}.kt-face{display:flex;flex-direction:column;align-items:center;gap:2px}.kt-face small{font-size:11px;font-weight:800;color:var(--ink2);line-height:1.1;text-align:center;padding:0 2px}.kt-face.snd{color:var(--ink)}.kt-face.snd svg{animation:nudge 1s ease-in-out infinite}@keyframes ktDone{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}.jb-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.jb-tools{display:flex;gap:8px;justify-content:center}.jb-tool{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:4px 12px 4px 6px;box-shadow:0 3px 0 var(--ink);font-family:var(--head);font-size:16px;min-height:48px}.jb-tool.on{background:var(--sun)}.jb-n{background:var(--ink);color:#fff;border-radius:999px;padding:0 7px;font-size:13px}.jb-board{position:relative;background:linear-gradient(180deg,#cfefff,#eaf7ff);border:3px solid var(--ink);border-radius:14px;overflow:hidden;box-sizing:content-box}.jb-cell{position:absolute;padding:0;border:0;background:transparent;box-shadow:inset 0 0 0 1px #1e24400f;touch-action:manipulation}.jb-cell.c-g{background:#b07a4a;box-shadow:inset 0 0 0 1px #00000014}.jb-cell.c-g.top{background:linear-gradient(180deg,#5dc46b 0,#5dc46b 26%,#b07a4a 26%)}.jb-cell.c-w{background:linear-gradient(180deg,transparent 0 30%,#5AB7FF 30%)}.jb-cell.c-e:not(.has):active{background:#ffd84d59}.jb-cell.glow{box-shadow:inset 0 0 0 3px #ffd84d;z-index:1}.jb-piece{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:popin .3s var(--spring)}.jb-flag{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;pointer-events:none}.jb-ball{position:absolute;left:0;top:0;transition:transform .2s linear,opacity .3s;z-index:2;pointer-events:none}.jb-ball svg{width:100%;height:100%;transition:transform .2s linear;display:block}.jb-ball.sunk{opacity:.2}.jb-ball.won{animation:jump .6s var(--spring) 2}.jb-go{max-width:360px}.jb-wrap.side{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;row-gap:10px;justify-content:center;align-items:center}.jb-wrap.side .jb-tools{grid-column:1;grid-row:1;flex-direction:column;align-self:end}.jb-wrap.side .jb-go{grid-column:1;grid-row:2;align-self:start;width:160px}.jb-wrap.side .jb-board{grid-column:2;grid-row:1 / 3}.ng-cc,.ng-rc{font-size:var(--ngf, 15px)}.ng-wrap.side{flex-direction:row;justify-content:center;gap:14px}.ng-wrap.side .ng-mode{flex-direction:column}.ng-wrap.side .ng-mode .chipbtn{min-width:110px}.ng-corner{font-size:calc(var(--ngf, 15px) * 2)}@media (min-width: 768px) and (min-height: 600px){.ar-ctl .btn3d{min-height:62px;font-size:18px}.jb-tool{min-height:58px;font-size:19px}.ng-mode .chipbtn{font-size:18px;min-height:52px}.ar-play .prompt .bubble p{font-size:19px}}@media (orientation: landscape) and (max-height: 520px),(orientation: landscape) and (min-width: 900px){.ar-play .prompt .bubble{min-height:0}.ar-ctl{flex-wrap:wrap}.ar-ctl .btn3d{flex:1 1 40%}.ar-how-i small{font-size:11px}}@media (orientation: landscape) and (max-height: 520px){.ar-play .prompt .bubble p{font-size:14px}.ar-ctl .btn3d{min-height:46px;font-size:14.5px;padding-block:6px}.ar-how-i{padding:2px 4px}}@media (orientation: landscape) and (max-height: 520px){.ar-win-bg{align-items:center}.modal.ar-win{width:min(700px,100%);display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:8px;align-items:center;padding:14px 18px}.ar-win>:first-child{grid-column:1;grid-row:1 / span 8;gap:4px}.ar-win>:not(:first-child){grid-column:2}.ar-win .mascot{width:58px;height:58px}.ar-win-t{font-size:23px}.ar-win .ar-made{font-size:19px}.ar-win .end-stars{font-size:34px}.ar-win .chest-card{padding:6px 10px}.ar-win .chest-card .chest{width:64px;height:64px}}:root{--bg: #f7f7f5;--surface: #ffffff;--surface-2: #f1f1ee;--text: #16181d;--muted: #6b7079;--line: #e4e4df;--brand: #2f6bff;--brand-ink: #ffffff;--brand-soft: #e8efff;--ok: #138a4b;--ok-soft: #e3f5ea;--warn: #b26a00;--warn-soft: #fff2db;--bad: #c62828;--bad-soft: #fde7e7;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 16px rgba(16, 24, 40, .06);--font: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--maxw: 1080px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}button{font:inherit}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}.h1{font-size:clamp(26px,5vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.h2{font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.h3{font-size:17px;font-weight:700;margin:0 0 4px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none;min-height:44px;transition:transform .06s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.sm{min-height:34px;padding:6px 12px;font-size:13px}.btn.block{width:100%}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:11px 12px;font:inherit;min-height:44px}.input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}.input.code{font-size:24px;letter-spacing:8px;text-align:center;font-weight:700}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--muted);white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.brand{background:var(--brand-soft);color:var(--brand)}.note{background:var(--warn-soft);color:#6b4300;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.error{color:var(--bad);font-size:14px}.login{max-width:400px;margin:48px auto;padding:0 16px;display:flex;flex-direction:column;gap:12px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}.divider{height:1px;background:var(--line);margin:8px 0}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th,table.tbl td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.hide-sm{display:none!important}}:root{--teal: #7FD6D0;--teal2: #2FB3AA;--teal3: #11847C;--teal-soft: #DDF5F2;--sun: #FFD84D;--sun2: #FFC21A;--sun-soft: #FFF3C4;--pur: #7B4DE0;--pur2: #5A32B8;--pur-soft: #ECE4FF;--coral: #FF6B5B;--coral2: #E2483A;--coral-soft: #FFE3DE;--green: #35C26A;--green2: #1E9550;--blue: #3D8BFF;--ink: #1E2440;--ink2: #424A66;--muted: #69708A;--line: #D5E9E6;--cream: #FFF9EC;--paper: #F7FCFB;--bg: var(--cream);--text: var(--ink);--brand: var(--teal2);--brand-soft: var(--teal-soft);--font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--head: "Baloo 2", "Nunito", system-ui, sans-serif;--hard: 0 4px 0 var(--ink);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1)}html{-webkit-tap-highlight-color:transparent}body{background:var(--cream);color:var(--ink);font-family:var(--font);font-size:16px;overflow-x:hidden}button{cursor:pointer;color:inherit}.h1,.h2,.h3,.logo,.btn3d,.eyebrow,.num,.letter,.syl,.syl-slot,.kpi b,.skor b{font-family:var(--head)}.h1{font-weight:800;letter-spacing:-.01em;line-height:1.08}.h2{font-weight:800;line-height:1.12}.h3{font-weight:800;font-size:18px}.b{font-weight:800}.big{font-size:1.12em}.lead{font-size:18px;color:var(--ink2);margin:0}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal3);margin:0 0 2px}.hl{background:linear-gradient(transparent 58%,var(--sun) 58%);padding:0 2px}.full{grid-column:1 / -1;width:100%}.sec{margin:18px 0 8px}.pad-top{padding-top:32px}.container.narrow{max-width:600px}.page{min-height:100vh;min-height:100dvh;padding-bottom:40px}.kid-bg{background:radial-gradient(circle at 15% 0%,#E5F7F5 0,transparent 40%),radial-gradient(circle at 100% 20%,#FFF0C4 0,transparent 35%),var(--cream)}.parent-bg{background:var(--paper)}.rest-bg{background:linear-gradient(180deg,#2e3561,#4b4f8f 55%,#ffe8c2 120%);color:#fff}.rest-bg .muted{color:#d5daf2}.rest-bg .modal .muted{color:var(--muted)}.logo{font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-.02em}.logo b{color:var(--coral)}.logo.sm{font-size:20px}.emo{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.num{font-weight:800;color:var(--ink);line-height:1}.ic{width:18px;height:18px;object-fit:contain;vertical-align:-3px;display:inline-block}.row-c{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.row-c.wrap{flex-wrap:wrap}.stack-c{display:flex;flex-direction:column;align-items:center;gap:4px}.grow{flex:1;min-width:0}.error{color:var(--coral2);font-weight:700}.note{background:var(--sun-soft);color:#6b4a00;border:2px solid #F2D675;border-radius:14px;padding:10px 12px;font-size:14px;font-weight:700}.btn3d{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--ink);font-weight:800;font-size:17px;line-height:1.1;padding:12px 18px;min-height:50px;border-radius:16px;border:2.5px solid var(--ink);box-shadow:var(--hard);transition:transform .12s,box-shadow .12s;text-decoration:none;-webkit-user-select:none;user-select:none}.btn3d:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn3d:disabled{opacity:.5;cursor:default}.btn3d.sm{font-size:14.5px;min-height:40px;padding:7px 12px;border-radius:13px;box-shadow:0 3px 0 var(--ink)}.btn3d.big{font-size:20px;min-height:58px;padding:14px 26px;border-radius:20px}.btn3d.block{width:100%}.btn3d.coral{background:var(--coral);color:#fff}.btn3d.green{background:var(--green);color:#fff}.btn3d.sun{background:var(--sun)}.btn3d.ghosty{background:#f1eef7}.btn3d small{font-size:12px;opacity:.8}.btn.danger-t{color:var(--coral2)}.btn.sm{min-height:36px}.card3d{background:#fff;border:2.5px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);padding:16px}.card{border-radius:18px;border:1.5px solid var(--line);box-shadow:0 2px #1e24400f}.chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:2px 9px;font-weight:800;font-size:12.5px;white-space:nowrap}.chip.sun{background:var(--sun-soft)}.chip.big{font-size:15px;padding:5px 12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chipbtn{background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:9px 14px;font-weight:800;font-size:16px;box-shadow:0 3px 0 var(--ink);min-height:44px;font-family:var(--head)}.chipbtn.sm{font-size:14px;padding:6px 11px;min-height:38px}.chipbtn.on{background:var(--teal)}.chipbtn:disabled{opacity:.5}.input.big{font-size:20px;font-weight:700;min-height:54px;border:2.5px solid var(--ink);border-radius:14px}label.field,div.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:800}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--cream)}.spinner{border-top-color:var(--teal2)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e24408c;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadein .2s}.modal{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:24px;box-shadow:0 7px 0 var(--ink);padding:20px;width:min(420px,100%);display:flex;flex-direction:column;gap:10px;max-height:92vh;overflow-y:auto;animation:popin .35s var(--spring)}.gate-q{font-family:var(--head);font-size:34px;font-weight:800;text-align:center;padding:6px 0}.gate-v{display:inline-block;min-width:80px;border-bottom:3px solid var(--ink);color:var(--pur2)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{min-height:56px;border-radius:14px;border:2.5px solid var(--ink);background:var(--paper);font-size:22px;font-weight:800;box-shadow:0 3px 0 var(--ink);font-family:var(--head)}.key:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.key.ok{background:var(--green);color:#fff}.shake{animation:shake .45s ease}canvas.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:95}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--ink);color:#fff;font-weight:800;padding:10px 16px;border-radius:999px;z-index:90;animation:popin .35s var(--spring);max-width:calc(100% - 32px);text-align:center}.welcome{min-height:100vh;background:var(--teal)}.wel-hero{position:relative;height:42vh;min-height:260px;max-height:420px;overflow:hidden;display:flex;justify-content:center}.wel-img{height:100%;width:auto;max-width:none;object-fit:cover}.wel-logo{position:absolute;top:14px;left:16px;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:2px 12px;box-shadow:0 3px 0 var(--ink)}.wel-card{position:relative;margin:-36px 16px 24px;max-width:520px;margin-inline:auto;width:calc(100% - 32px);display:flex;flex-direction:column;gap:10px}.wel-mascot{position:absolute;right:12px;top:-58px}.wel-card .h1{font-size:clamp(28px,7vw,38px);padding-right:40px}.wel-points{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--ink2)}.login-box{display:flex;flex-direction:column;gap:10px}.login-box .input,.login .input{border:2.5px solid var(--ink);border-radius:14px;min-height:52px;font-size:17px}.login-box .note{margin:0}.pf-head{display:flex;justify-content:space-between;align-items:center;padding:14px 0 6px}.pf-hello{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.pf-hello .h1{font-size:clamp(26px,7vw,34px);margin:0}.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.pf-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;text-align:center;transition:transform .3s var(--spring)}.pf-card:active{transform:scale(.97)}.pf-card.add{background:transparent;border:3px dashed #A5ADC6;border-radius:22px;color:var(--ink2);justify-content:center;min-height:190px}.pf-plus{font-size:44px;font-weight:800;color:var(--teal2);line-height:1}.pf-name{font-family:var(--head);font-size:22px;line-height:1.1;margin-top:4px}.pf-meta{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:4px}.avatar{display:inline-grid;place-items:center;border-radius:50%;border:2.5px solid var(--ink);line-height:1;flex-shrink:0}.avatar.ring{box-shadow:0 0 0 4px #fff,0 0 0 6.5px var(--ink)}.av-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.av-pick{background:none;border:3px solid transparent;border-radius:50%;padding:2px;display:grid;place-items:center}.av-pick.on{border-color:var(--coral);transform:scale(1.08)}.kidbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff9eceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid rgba(30,36,64,.08)}.kb-back,.kb-av{width:44px;height:44px;border-radius:14px;border:2.5px solid var(--ink);background:#fff;font-size:22px;font-weight:800;display:grid;place-items:center;box-shadow:0 3px 0 var(--ink);padding:0}.kb-av{border-radius:50%;border:0;box-shadow:none;background:none}.kb-title{flex:1;min-width:0;font-family:var(--head);font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-stat{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:15px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:2px 8px 2px 3px}.kb-stat img{width:22px;height:22px;object-fit:contain}.timer{position:relative;display:inline-grid;place-items:center;flex-shrink:0}.timer b{position:absolute;font-size:12px;font-weight:900}.timer.low b{color:var(--coral2)}.kb-prog{display:inline-flex;align-items:center;gap:8px}.dots{display:inline-flex;gap:4px}.dots i{width:10px;height:10px;border-radius:50%;background:#e1e4ee;border:2px solid var(--ink)}.dots i.d{background:var(--green)}.dots i.c{background:var(--sun);transform:scale(1.25)}.home-hello{display:flex;align-items:flex-end;gap:6px;margin:14px 0 12px;cursor:pointer}.bubble{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:18px 18px 18px 4px;padding:10px 13px;box-shadow:0 3px 0 var(--ink)}.bubble.big{flex:1}.bubble b{font-family:var(--head);font-size:20px;display:block;line-height:1.15}.bubble p{margin:2px 0 0;font-weight:700;color:var(--ink2);font-size:15px}.mission{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#fff 60%,var(--sun-soft))}.mission b{font-family:var(--head);font-size:20px}.mission-chest{width:64px;height:64px;object-fit:contain;animation:bob 3s ease-in-out infinite}.mission-chest.open{filter:grayscale(.4) opacity(.6);animation:none}.mbar{height:14px;border-radius:99px;background:#f0ebdd;border:2px solid var(--ink);overflow:hidden}.mbar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#7EDC8F);transition:width .6s var(--ease)}.worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:var(--wc);border:2.5px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);padding:12px 8px;overflow:hidden;transition:transform .3s var(--spring)}.world-card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.world-card img{animation:bob 4s ease-in-out infinite}.world-card:nth-child(2n) img{animation-delay:.7s}.world-card b{font-family:var(--head);font-size:17px;line-height:1.1;margin-top:2px}.world-card .tiny{line-height:1.25;min-height:2.5em}.wc-meta{display:flex;gap:6px;margin-top:4px}.wc-meta span{background:var(--ink);color:#fff;font-weight:800;font-size:11.5px;border-radius:999px;padding:2px 8px}.wc-lock{margin-top:4px;background:#fff;border:2px solid var(--ink);font-weight:800;font-size:12px;border-radius:999px;padding:2px 9px}.world-card.locked img{filter:grayscale(.7) opacity(.65)}.wc-demo{position:absolute;top:8px;right:8px;background:var(--coral);color:#fff;font-weight:800;font-size:11px;border-radius:999px;padding:2px 7px}.lemari-btn{display:flex;align-items:center;gap:10px;width:100%;margin-top:16px;text-align:left}.lemari-btn b{font-family:var(--head);font-size:18px;display:block}.chev{margin-left:auto;font-size:30px;font-weight:800}.wm-head{display:flex;gap:12px;align-items:center;margin:12px 0 4px;cursor:pointer}.wm-head .h2{margin:0}.wm-head p{margin:2px 0 6px}.wm-path{position:relative;margin:0 auto}.wm-line{position:absolute;top:0;right:0;bottom:0;left:0}.node{position:absolute;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:3px solid var(--ink);background:var(--wa);color:#fff;box-shadow:0 5px 0 var(--ink);display:grid;place-items:center;font-family:var(--head);font-size:24px;padding:0}.node b{text-shadow:0 2px 0 rgba(30,36,64,.35)}.node.done{background:#fff;color:var(--ink)}.node.done b{text-shadow:none}.node.locked{background:#e1e4ee;color:#8a90a8;box-shadow:0 4px #a5adc6;border-color:#a5adc6}.node.cur{animation:pulse 1.6s ease-in-out infinite}.node.boss{width:84px;height:84px;background:var(--pur-soft)}.node.boss.locked{background:#edebf3}.node-boss{width:64px;height:64px;object-fit:contain}.node.boss.locked .node-boss{filter:grayscale(1) opacity(.5)}.node-n{position:absolute;bottom:-4px;right:-4px;background:var(--ink);color:#fff;font-style:normal;font-size:13px;border-radius:999px;padding:0 7px;border:2px solid #fff}.node-me{position:absolute;top:-44px;left:50%;transform:translate(-50%);animation:bob 1.4s ease-in-out infinite}.node-stars{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);color:var(--sun2);font-size:16px;letter-spacing:1px;-webkit-text-stroke:1px var(--ink);white-space:nowrap}.node-stars em{color:#e1e4ee;font-style:normal}.node-tag{position:absolute;bottom:-24px;white-space:nowrap;font-size:12px;color:var(--ink);font-family:var(--font);font-weight:800}.intro{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:26px;text-align:center}.intro .bubble{border-radius:20px;width:100%}.intro-t{font-size:22px!important}.big-monster{width:150px;height:150px;object-fit:contain;margin:0 auto}.wobble{animation:wobble 2.4s ease-in-out infinite}.endpage{padding-top:16px}.end-card{display:flex;flex-direction:column;align-items:center;gap:8px}.end-card .h1{font-size:30px;margin:0}.end-stars{display:flex;gap:6px;font-size:54px;line-height:1}.end-stars span{color:#e1e4ee;-webkit-text-stroke:2px var(--ink);transform:scale(0);animation:starpop .5s var(--spring) forwards}.end-stars span.on{color:var(--sun2)}.lvup{display:flex;align-items:center;gap:8px;background:var(--pur-soft);border:2px solid var(--pur);border-radius:14px;padding:8px 12px;animation:popin .5s .6s var(--spring) both}.lvup img{width:34px;height:46px;object-fit:contain}.chest-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;background:linear-gradient(180deg,#fff,var(--sun-soft))}.chest-card b{font-family:var(--head);font-size:19px}.chest{width:120px;height:120px;object-fit:contain}.chest.shake{animation:chestshake 1.2s ease-in-out infinite}.chest.opened{animation:popin .5s var(--spring)}.loot{display:flex;flex-direction:column;gap:8px;width:100%}.loot-i{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:8px 12px;font-weight:800}.loot-i img{width:30px;height:30px;object-fit:contain}.loot-i.d1{animation-delay:.2s}.loot-i.d2{animation-delay:.4s}.sticker{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ink),0 6px 0 4px #1e244040;font-size:34px}.sticker.sm{width:34px;height:34px;font-size:20px;box-shadow:none;border-width:2px}.badge-new{display:flex;align-items:center;gap:10px;animation:popin .5s var(--spring)}.badge-new img{width:54px;height:54px;object-fit:contain}.boss-bar{display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:6px 10px;margin-top:10px;box-shadow:0 3px 0 var(--ink)}.boss-bar img{width:46px;height:46px;object-fit:contain}.boss-bar img.hit{animation:hit .5s ease}.hp{height:12px;border-radius:99px;background:#f0ebdd;border:2px solid var(--ink);overflow:hidden;margin-top:3px}.hp i{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--pur));transition:width .6s var(--ease)}.runner{display:flex;flex-direction:column;gap:12px;padding-top:10px}.prompt{display:flex;align-items:center;gap:6px}.prompt .bubble{flex:1;min-width:0;padding:8px 12px}.prompt .bubble p{font-size:16px;color:var(--ink);line-height:1.35;margin:0}.speaker{width:50px;height:50px;flex-shrink:0;border-radius:50%;border:2.5px solid var(--ink);background:var(--teal);color:var(--ink);display:grid;place-items:center;box-shadow:0 3px 0 var(--ink)}.speaker:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.speaker.sm{width:38px;height:38px}.stage{background:#fff;border:2.5px solid var(--ink);border-radius:24px;box-shadow:0 5px 0 var(--ink);padding:16px 12px;min-height:240px;display:flex;flex-direction:column;justify-content:center}.hintbar{display:flex;flex-direction:column;gap:10px;align-items:stretch}.hintbar .msg{margin:0;background:#fff;border:2.5px solid var(--ink);border-radius:16px 16px 16px 4px;padding:9px 12px;font-weight:800;font-size:15px;color:var(--ink2);min-height:44px}.hintbar.bad .msg{border-color:var(--coral2);color:var(--coral2)}.hintbar.good .msg{border-color:var(--green2);color:var(--green2);background:#eafbef}.hintbar.hint .msg{border-color:var(--sun2);background:var(--sun-soft);color:#5c4300}.hintbar .msg.muted{color:var(--muted);font-weight:700}.pop{animation:popin .4s var(--spring)}.aha-banner{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:94;background:var(--sun);border:3.5px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink);padding:14px 28px;text-align:center;pointer-events:none;animation:ahain .5s var(--spring);width:min(320px,86%)}.aha-banner b{display:block;font-family:var(--head);font-size:56px;line-height:1;color:var(--pur2)}.aha-banner .stz{display:block;font-size:32px;letter-spacing:4px;color:var(--coral);-webkit-text-stroke:1.5px var(--ink)}.aha-banner .stz em{color:#1e24401f;-webkit-text-stroke:1.5px rgba(30,36,64,.35);font-style:normal}.aha-banner span:last-child{font-weight:900}.mascot{overflow:visible;flex-shrink:0}.mascot.bob{animation:bob 3s ease-in-out infinite}.mascot.aha{animation:jump .6s var(--spring) 2}.mascot.sad{animation:shake .45s}.mascot.happy .arm.r{transform-origin:103px 90px;animation:wave 2.5s ease-in-out infinite}.zzz text{animation:zz 2s ease-in-out infinite}.pz{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.lg-choices{display:grid;gap:10px;width:100%;max-width:440px}.lg-opt{background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);padding:8px;min-height:80px;display:grid;place-items:center;transition:transform .12s,box-shadow .12s,opacity .3s;min-width:0}.sz-lg .lg-opt{min-height:104px}.sz-wide .lg-opt{min-height:60px;justify-items:stretch;padding:8px 12px;text-align:left}.lg-opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.lg-opt.bad{background:#f3f0f7;opacity:.6}.lg-opt.shake{animation:shake .45s}.lg-opt.dim{opacity:.2;pointer-events:none}.lg-opt.ok{background:#e3f8ea;border-color:var(--green2);box-shadow:0 4px 0 var(--green2);animation:okpop .5s var(--spring)}.lg-opt:disabled{cursor:default}.cap{font-weight:800;font-size:13px;color:var(--ink2);line-height:1.2;text-align:center}.cap.b{font-size:15px;color:var(--ink);text-align:left}.cap.big{font-size:17px}.row-opt{display:flex;align-items:center;gap:10px}.seq{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.seq-tile{width:52px;height:52px;border-radius:14px;background:var(--paper);border:2px solid #CFE3E0;display:grid;place-items:center;transition:box-shadow .3s}.seq-tile.q{border:3px dashed var(--ink);background:var(--sun-soft)}.seq-tile.q.fill{border-style:solid;border-color:var(--green2);background:#e3f8ea;animation:okpop .5s var(--spring)}.seq-tile.glow{box-shadow:0 0 0 4px var(--sun);background:#fff8d6}.qm{font-family:var(--head);font-weight:800;font-size:30px;color:var(--ink)}.qm.sm{font-size:22px}.seq.nums{align-items:flex-end;gap:4px}.numcell{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.num-tile{width:50px}.diff{position:absolute;top:-20px;left:-14px;font-size:12px;font-weight:900;color:var(--pur2);background:var(--pur-soft);border-radius:99px;padding:0 5px}.seq.nums{margin-top:14px}.cards{display:grid;gap:10px;width:100%;max-width:440px}.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.c5{grid-template-columns:repeat(3,minmax(0,1fr))}.story{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:104px;transition:transform .15s}.story.on{background:var(--teal-soft)}.story.glow{box-shadow:0 0 0 4px var(--sun),0 4px 0 var(--ink);animation:nudge 1.2s ease-in-out infinite}.story.ok{background:#e3f8ea}.badge-n{position:absolute;top:-10px;left:-8px;width:30px;height:30px;border-radius:50%;background:var(--coral);color:#fff;border:2.5px solid var(--ink);font-family:var(--head);font-weight:800;font-size:17px;display:grid;place-items:center;animation:popin .3s var(--spring)}.target-box{position:relative;display:flex;justify-content:center;align-items:center;min-height:100px;padding:6px}.spin{transition:transform .5s var(--spring)}.rot-btn{position:absolute;right:0;bottom:0}.pop-in{animation:popin .45s var(--spring) both}.mirror{display:flex;align-items:stretch;gap:0}.mirror.h{flex-direction:column}.mir-side{display:grid;gap:4px;padding:6px;background:var(--paper);border-radius:12px}.mir-line{width:5px;margin:0 6px;border-radius:3px;background:repeating-linear-gradient(180deg,var(--pur) 0 10px,transparent 10px 16px)}.mirror.h .mir-line{width:auto;height:5px;margin:6px 0;background:repeating-linear-gradient(90deg,var(--pur) 0 10px,transparent 10px 16px)}.mir-cell{border-radius:9px;background:#fff;border:2px solid #CFE3E0;padding:0}.mir-cell.on{background:var(--pur);border-color:var(--ink)}.mir-cell.tap{cursor:pointer}.mir-cell.ghost{border:3px dotted var(--pur);background:var(--pur-soft)}.maze{padding:3px;border-radius:12px;background:var(--ink);-webkit-user-select:none;user-select:none}.maze-grid{display:grid;background:#fffdf6;border-radius:9px;overflow:hidden}.mz{border:0 solid var(--ink);display:grid;place-items:center;position:relative}.mz.trail{background:#e2f5f3}.mz.guide:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--sun2);border:2px solid var(--ink);position:absolute}.mz-me{position:relative;z-index:2;animation:bob 1.4s ease-in-out infinite}.count-area{width:100%;display:flex;justify-content:center}.items{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px}.items.mixed{gap:8px;max-width:340px}.it{position:relative;display:inline-grid;place-items:center}.it.x:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:4px;background:var(--coral2);transform:rotate(-35deg);border-radius:2px}.it.x .emo{opacity:.45}.it.mark{background:var(--sun-soft);border-radius:10px;box-shadow:0 0 0 3px var(--sun2)}.it-n{position:absolute;top:-8px;right:-8px;background:var(--pur);color:#fff;font-style:normal;font-weight:900;font-size:11px;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center}.grp{background:var(--paper);border:2px dashed #B9D8D4;border-radius:16px;padding:10px}.grp.big{padding:14px}.grp.sm{padding:6px}.grp.plate{border-radius:50%;border-style:solid;background:#fff;min-width:86px;min-height:86px;display:grid;place-items:center;box-shadow:inset 0 0 0 6px #f2f5f4}.grp.extra{border-radius:16px;border-style:dashed;background:var(--paper);box-shadow:none}.op{font-family:var(--head);font-size:34px}.story-card{width:100%;background:var(--paper);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.story-card p{margin:0;font-weight:800;font-size:17px;line-height:1.4}.story-card .grp .emo{font-size:26px!important}.scales{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;width:100%}.scale{position:relative;width:170px;height:150px}.scales.n1 .scale{width:230px}.beam{position:absolute;left:6%;right:6%;top:34px;height:8px;background:var(--ink);border-radius:4px;transition:transform .6s var(--spring)}.beam .end{position:absolute;top:4px;width:0}.beam .end.l{left:6px}.beam .end.r{right:6px}.pan{position:absolute;left:-43px;top:0;transform-origin:43px 0;width:86px;display:flex;flex-direction:column;align-items:center;transition:transform .6s var(--spring)}.pan:before{content:"";width:2px;height:20px;background:var(--ink)}.pan-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1px;min-height:32px;width:86px;padding-bottom:2px}.pan-bowl{width:86px;height:14px;border:3px solid var(--ink);border-top:0;border-radius:0 0 40px 40px;background:var(--sun)}.post{position:absolute;left:50%;top:38px;width:8px;height:96px;margin-left:-4px;background:var(--ink);border-radius:4px}.post:before{content:"";position:absolute;top:-12px;left:-6px;width:20px;height:20px;border-radius:50%;background:var(--coral);border:3px solid var(--ink)}.foot{position:absolute;left:50%;bottom:8px;width:80px;margin-left:-40px;height:12px;background:var(--ink);border-radius:8px}.cause-card{width:100%;background:var(--sun-soft);border:2.5px solid var(--ink);border-radius:18px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.cause-card.effect{background:var(--teal-soft)}.cause-card p{margin:0;font-weight:800;font-size:18px}.arrow-down{font-weight:800;font-size:14px;color:var(--ink2)}.gears-box{width:100%;display:flex;justify-content:center}.gear-cw{animation:spin 2.2s linear infinite}.gear-ccw{animation:spin 2.2s linear infinite reverse}.gear-jam{animation:shake .4s ease 3}.robo{position:relative;padding:4px;background:var(--ink);border-radius:14px}.robo-grid{display:grid;border-radius:10px;overflow:hidden}.rc{border:0;padding:0;background:#eff8f6;display:grid;place-items:center;position:relative;border-right:1px solid #D7E8E5;border-bottom:1px solid #D7E8E5}.rc.alt{background:#e4f3f0}.rc.trail:before{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:var(--teal2);opacity:.6}.rc.ghost:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;border:3px dotted var(--sun2);background:#ffd84d66}.rc.band{background:#fff3c4}.rc.lab{background:#fff;box-shadow:inset 0 0 0 3px var(--pur)}.rc:disabled{cursor:default;color:inherit}.lab-t{position:absolute;top:3px;left:5px;font-family:var(--head);font-size:16px;color:var(--pur2)}.bot{position:absolute;left:4px;top:4px;display:grid;place-items:center;transition:transform .33s var(--ease);pointer-events:none;z-index:2}.bot.bonk{animation:shake .4s}.prog{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:420px}.slot{position:relative;width:44px;height:44px;border-radius:12px;border:2.5px dashed #A5ADC6;background:#fff;display:grid;place-items:center;padding:0}.slot.f{border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink)}.slot.run{transform:translateY(-4px) scale(1.08);box-shadow:0 0 0 4px var(--sun),0 3px 0 var(--ink)}.slot.sel{box-shadow:0 0 0 4px var(--coral),0 3px 0 var(--ink);transform:translateY(-3px)}.slot.glow{animation:nudge 1s ease-in-out infinite;box-shadow:0 0 0 4px var(--sun),0 3px 0 var(--ink)}.slot:disabled{cursor:default}.rep{position:absolute;bottom:-8px;right:-8px;background:var(--ink);color:#fff;font-style:normal;font-weight:900;font-size:11px;border-radius:99px;padding:1px 5px;border:2px solid #fff}.arrows{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}.arrow-btn{width:60px;height:60px;border-radius:16px;border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);display:grid;place-items:center;padding:0;transition:transform .12s,box-shadow .12s}.arrow-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.arrow-btn.sm{width:48px;height:48px}.arrow-btn.glow{animation:nudge 1s ease-in-out infinite;box-shadow:0 0 0 5px var(--sun),0 4px 0 var(--ink)}.rep-btn{background:var(--pur-soft);font-family:var(--head);font-weight:800;font-size:20px}.arrows.pick{background:var(--coral-soft);border-radius:16px;padding:8px 10px}.memo{display:grid;gap:8px;justify-content:center}.mcard{position:relative;border:0;padding:0;background:none;perspective:600px}.mcard .mback,.mcard .mface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;border:2.5px solid var(--ink);display:grid;place-items:center;backface-visibility:hidden;transition:transform .35s var(--ease);box-shadow:0 3px 0 var(--ink)}.mback{background:repeating-linear-gradient(45deg,var(--teal) 0 8px,#9BE0DA 8px 16px);font-family:var(--head);font-weight:800;font-size:26px;color:#fff;text-shadow:0 2px 0 var(--ink)}.mface{background:#fff;transform:rotateY(180deg)}.mcard.up .mback{transform:rotateY(180deg)}.mcard.up .mface{transform:rotateY(360deg)}.mcard.got .mface{background:#e3f8ea;border-color:var(--green2)}.mcard.glow .mback{box-shadow:0 0 0 4px var(--sun),0 3px 0 var(--ink);animation:nudge 1s infinite}.simon-status{font-family:var(--head);font-weight:800;font-size:20px}.simon{display:grid;gap:12px;width:100%;max-width:330px}.simon.p4{grid-template-columns:repeat(2,1fr)}.simon.p6{grid-template-columns:repeat(3,1fr)}.pad{aspect-ratio:1;border-radius:24px;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);display:grid;place-items:center;opacity:.62;transition:transform .1s,opacity .1s,filter .1s;padding:0}.pad.lit{opacity:1;transform:scale(1.06);filter:brightness(1.15) saturate(1.2);box-shadow:0 0 0 6px #fff,0 0 22px 6px #ffd84de6}.pad.nudge{animation:nudge 1.2s ease-in-out infinite;opacity:.85}.timerbar{width:100%;max-width:360px;height:12px;background:#f0ebdd;border-radius:99px;border:2px solid var(--ink);overflow:hidden}.timerbar i{display:block;height:100%;background:var(--teal2)}.lookbox{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;background:var(--paper);border-radius:18px;padding:14px;max-width:360px}.lk{width:62px;height:62px;border-radius:16px;background:#fff;border:2px solid #CFE3E0;display:grid;place-items:center}.lk.gap{border:3px dashed var(--ink);background:var(--sun-soft);font-family:var(--head);font-weight:800;font-size:26px}.letak{display:grid;gap:6px;justify-content:center}.lcell{border-radius:12px;border:2.5px solid var(--ink);background:#fff;padding:0;box-shadow:0 3px 0 var(--ink);transition:background .15s}.lcell.on{background:var(--sun2)}.lcell.no{background:var(--coral);animation:shake .4s}.word-pic{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--paper);border:0;border-radius:18px;padding:10px 18px}.word{font-family:var(--head);font-weight:800;font-size:34px;letter-spacing:.12em}.letter{font-family:var(--head);font-weight:800;font-size:40px;line-height:1}.slots-row,.tiles-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.syl-slot{min-width:76px;height:58px;border:3px dashed var(--ink);border-radius:14px;background:var(--sun-soft);font-weight:800;font-size:24px;display:inline-grid;place-items:center;padding:0 8px}.syl-slot.f{border-style:solid;background:var(--teal-soft);animation:popin .3s var(--spring)}.syl{min-width:76px;height:58px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;box-shadow:0 4px 0 var(--ink);font-weight:800;font-size:24px;padding:0 10px}.syl.used{opacity:.25;pointer-events:none}.syl.glow{animation:nudge 1s ease-in-out infinite;box-shadow:0 0 0 4px var(--sun),0 4px 0 var(--ink)}.syl.num{font-size:28px}.frames{display:flex;flex-direction:column;gap:8px;align-items:center}.frame{display:grid;grid-template-columns:repeat(5,40px);grid-template-rows:repeat(2,40px);border:3px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}.fc{border:1px solid #CFE3E0;display:grid;place-items:center}.numline{display:flex;gap:0;border-top:4px solid var(--ink);padding-top:0;margin:10px 0 0}.nl{width:50px;text-align:center;font-family:var(--head);font-weight:800;font-size:24px;position:relative;padding-top:12px}.nl:before{content:"";position:absolute;top:-10px;left:50%;width:4px;height:14px;background:var(--ink);margin-left:-2px}.nl.q{color:var(--coral2)}.closet{display:flex;flex-direction:column;align-items:center;margin-top:12px;background:radial-gradient(circle at 50% 70%,var(--sun-soft),#fff 70%);position:relative}.closet-gem{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;font-weight:800}.closet-gem img{width:24px;height:24px;object-fit:contain}.tabs{display:flex;gap:6px;margin:14px 0 8px;overflow-x:auto;padding-bottom:4px}.tab{flex:1 0 auto;border:2.5px solid var(--ink);background:#fff;border-radius:14px;padding:8px 10px;font-weight:800;font-size:14px;box-shadow:0 3px 0 var(--ink);white-space:nowrap}.tab.on{background:var(--teal)}.costumes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.costume{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:2.5px solid #C7CCDB;border-radius:16px;padding:8px 4px}.costume.own{border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.costume.on{background:var(--teal-soft);border-color:var(--teal3);box-shadow:0 3px 0 var(--teal3)}.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px 8px}.stk{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.stk .sticker{filter:grayscale(1) opacity(.35)}.stk.got .sticker{filter:none}.stk.rare.got .sticker{background:linear-gradient(135deg,#fff3c4,#ece4ff)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.bdg{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:#fff;border-radius:16px;padding:8px 4px;border:2px solid #E1E4EE;opacity:.55}.bdg.got{opacity:1;border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.bdg-img{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--tint) 30%,white)}.bdg-img img{width:46px;height:46px;object-fit:contain}.bdg:not(.got) .bdg-img img{filter:grayscale(1)}.rest{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:40px}.rest .h1{color:#fff;font-size:clamp(28px,7vw,38px)}.rest .lead{color:#e8ebfa}.moon{font-size:54px;animation:bob 4s ease-in-out infinite}.rest-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;color:var(--ink)}.rest-stats div{display:flex;flex-direction:column;align-items:center}.rest-stats b{font-family:var(--head);font-size:26px}.rest-stats span{font-size:12px;font-weight:700;color:var(--muted);text-align:center}.rest .btn.ghost{color:#fff}.pbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-bottom:1.5px solid var(--line)}.pbar b{flex:1;font-family:var(--head);font-size:19px}.ptabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}.ptab{border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px 2px;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.kid-switch{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px}.kid-chip{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);background:#fff;border-radius:999px;padding:3px 12px 3px 3px;font-weight:800;white-space:nowrap}.kid-chip.on{border-color:var(--teal2);background:var(--teal-soft)}.kid-chip .avatar{border-width:1.5px}.dash-head{display:flex;align-items:center;gap:12px}.dash-head .h2{margin:0}.skor{display:flex;flex-direction:column;align-items:flex-end}.skor b{font-size:38px;line-height:1;color:var(--teal3)}.up{color:var(--green2)}.down{color:var(--coral2)}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column}.kpi b{font-size:26px;line-height:1.1}.kpi span{font-size:12.5px;color:var(--muted);font-weight:700}.grid2{display:grid;gap:12px;grid-template-columns:1fr}.card.strong{background:#eafbef;border-color:#bfe8cb}.card.weak{background:var(--sun-soft);border-color:#f2d675}.card.strong p,.card.weak p{margin:4px 0 0}.tw{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.wa-card{background:#ece5dd;border-color:#d9cfc4;display:flex;flex-direction:column;gap:10px}.wa-bubble{position:relative;background:#dcf8c6;border-radius:12px 12px 12px 2px;padding:10px 12px 20px;font-size:14.5px;box-shadow:0 1px 1px #0000001f}.wa-bubble p{margin:0 0 4px}.wa-time{position:absolute;right:10px;bottom:4px;font-size:11px;color:#5c7a60}.tips{display:flex;flex-direction:column;gap:8px}.tip{border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff}.tip summary{font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.tip ul{margin:8px 0 0;padding-left:18px;font-size:14px;display:grid;gap:4px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:30px;border-radius:99px;background:#d6dae6;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--teal2)}.switch:checked:after{transform:translate(20px)}.edit-box{background:var(--paper);border-radius:14px;padding:12px}.bonus-card{display:flex;gap:12px;align-items:flex-start}.bonus-card img{width:70px;height:70px;object-fit:contain}.bonus-card .h3{margin:2px 0 4px}.sw-row{display:flex;justify-content:space-between;font-size:14px;margin-top:8px}.bars{width:100%;padding-top:18px}.bars-area{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;border-bottom:2px solid var(--ink)}.bars-limit{position:absolute;left:0;right:0;border-top:2px dashed var(--coral)}.bars-limit span{position:absolute;right:0;top:-18px;font-size:11px;font-weight:800;color:var(--coral2)}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar-v{font-size:11px;font-weight:800;color:var(--ink2)}.bar{display:block;width:70%;max-width:30px;background:var(--teal);border:2px solid var(--ink);border-bottom:0;border-radius:8px 8px 0 0}.bar.today{background:var(--sun2)}.bars-x{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:4px}.bars-x span{font-size:11px;text-align:center;color:var(--muted);font-weight:700}.place-grid{width:100%;display:grid;gap:6px}.place-row{display:flex;justify-content:space-between;font-weight:700;padding:4px 0;border-bottom:1px dashed var(--line)}.tbl.dist td,.tbl.dist th{text-align:center}.tbl.dist td:first-child,.tbl.dist th:first-child{text-align:left;white-space:nowrap}.paywall{background:#fff;border:3px solid var(--ink);border-radius:26px;box-shadow:0 7px 0 var(--ink);padding:18px;width:min(440px,100%);display:flex;flex-direction:column;gap:10px;max-height:92vh;overflow-y:auto;animation:popin .35s var(--spring)}.pw-top{display:flex;justify-content:center;align-items:flex-end;gap:4px}.pw-monster{width:90px;height:90px;object-fit:contain;animation:wobble 2.4s ease-in-out infinite}.pw-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14.5px;font-weight:700}.pw-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;background:var(--sun-soft);border-radius:14px;padding:10px 12px}.pw-price s{color:var(--muted);font-weight:700}.pw-price b{font-family:var(--head);font-size:30px;color:var(--coral2)}.pw-price span{font-size:12.5px;font-weight:800;color:var(--ink2)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{box-shadow:0 5px 0 var(--ink),0 0 #ffd84de6}50%{box-shadow:0 5px 0 var(--ink),0 0 0 12px #ffd84d00}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes popin{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes okpop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ahain{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes jump{0%,to{transform:translateY(0)}40%{transform:translateY(-14px) scale(1.05)}}@keyframes wave{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-25deg)}90%{transform:rotate(10deg)}}@keyframes wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-4px)}}@keyframes chestshake{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}90%{transform:rotate(-3deg)}}@keyframes starpop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}@keyframes hit{0%,to{transform:translate(0);filter:none}30%{transform:translate(-6px) rotate(-8deg);filter:brightness(1.6)}60%{transform:translate(5px)}}@keyframes zz{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes fadein{0%{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 720px){.worlds,.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:1fr 1fr}.container.narrow{max-width:640px}.wel-card{margin-top:-60px}}.print-page{background:#e9ecf2;min-height:100vh}.print-ctrl{background:#fff;border-bottom:1.5px solid var(--line);padding:12px 0 16px;position:sticky;top:0;z-index:10}.sheets{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.sheet{width:100%;max-width:760px;aspect-ratio:210 / 297;background:#fff;border-radius:6px;box-shadow:0 2px 10px #0000001f;padding:28px 30px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.sh-head{display:flex;align-items:center;gap:10px;border-bottom:3px solid var(--ink);padding-bottom:8px}.sh-meta{flex:1;font-weight:800;font-size:13px;color:var(--ink2)}.sh-no{font-family:var(--head);font-weight:800;font-size:22px;background:var(--sun);border:2px solid var(--ink);border-radius:10px;padding:0 10px}.sh-name{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:14px;color:var(--ink2);flex-wrap:wrap}.sh-q{font-family:var(--head);font-size:26px;margin:4px 0 0}.sh-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.sh-body>div{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.sh-foot{display:flex;justify-content:space-between;gap:10px;border-top:2px dashed #C7CCDB;padding-top:8px;font-size:12.5px;font-weight:700;color:var(--muted);flex-wrap:wrap}.pr-sub{font-weight:800;font-size:17px;text-align:center;margin:6px 0}.pr-sub.big{font-size:24px}.pr-opts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.pr-opt{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid #C7CCDB;border-radius:16px;padding:10px 14px;min-width:90px;position:relative}.pr-opt>b{position:absolute;top:4px;left:8px;font-family:var(--head);font-size:16px}.pr-box{display:inline-block;width:26px;height:26px;border:2.5px solid var(--ink);border-radius:6px;background:#fff}.pr-box.lg{width:44px;height:44px;border-radius:10px}.pr-line{display:inline-block;width:120px;border-bottom:2.5px solid var(--ink);height:1em}.pr-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px}.pr-row{display:flex;align-items:center;gap:10px;border:2px solid #C7CCDB;border-radius:14px;padding:8px 12px;font-weight:700;font-size:16px}.pr-two{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:18px!important}.pr-fold{writing-mode:vertical-rl;font-size:12px;color:var(--muted);border-left:2px dashed #C7CCDB;padding-left:6px;height:160px}.story.print,.cards.print .story{box-shadow:none}.key-list{columns:1;font-size:15px;line-height:1.5;padding-left:26px;margin:0;display:grid;gap:4px}.sheet.key .key-list li{border-bottom:1px dashed #E1E4EE;padding-bottom:3px}@media (max-width: 600px){.sheet{aspect-ratio:auto;min-height:520px;padding:18px 14px}.sh-q{font-size:21px}}@media print{@page{size:A4;margin:10mm}body{background:#fff!important}.no-print,.kidbar,.pbar{display:none!important}.print-page{background:#fff}.sheets{padding:0;gap:0;display:block}.sheet{box-shadow:none;border-radius:0;max-width:none;width:100%;height:276mm;aspect-ratio:auto;page-break-after:always;break-after:page;padding:0}.sheet:last-child{page-break-after:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important}}.sheet .mir-cell,.sheet .lcell,.sheet .seq-tile{border-color:#8a90a8}@media (min-width: 700px){.sheet .sh-body>div{zoom:1.55}}@media print{.sheet .sh-body>div{zoom:1.6}.sheet .sh-q{font-size:30px}}.robo-side{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.robo-act{position:sticky;bottom:8px;z-index:6;background:#fffffff0;border-radius:18px;padding:6px 8px;box-shadow:0 0 0 2px #1e244014}.robo-pz .arrows{gap:8px}.robo-pz .arrow-btn{width:56px;height:56px}@media (max-width: 360px){.robo-pz .arrow-btn{width:50px;height:50px}.robo-pz .arrows{gap:6px}}@media (orientation: portrait) and (max-height: 800px){.robo-tip{display:none}}.stage>.fit{width:100%}@media (min-width: 768px) and (min-height: 600px){.fitpage .container.narrow{max-width:820px}.fitpage .prompt .bubble p{font-size:19px}.fitpage .hintbar .msg{font-size:17px}.fitpage .stage{padding:22px 18px}}@media (orientation: landscape) and (max-height: 520px),(orientation: landscape) and (min-width: 900px){.fitpage{height:100vh;height:100dvh;min-height:0;padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.fitpage>.kidbar{flex-shrink:0}.fitpage>.container,.fitpage>.container.narrow{flex:1;min-height:0;max-width:1400px;padding-bottom:8px}.fitpage>.container:not(.ar-play){display:flex;flex-direction:column}.fitpage .runner,.fitpage .ar-play{flex:1;min-height:0;display:grid;grid-template-columns:clamp(240px,36vw,380px) minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(0,1fr);column-gap:14px;row-gap:8px;align-content:start;padding-top:8px;overflow-y:auto}.fitpage .runner>.prompt,.fitpage .ar-play>.prompt{grid-column:1;grid-row:1}.fitpage .runner>.hintbar{grid-column:1;grid-row:2}.fitpage .runner>.stage,.fitpage .ar-play>.ar-stage{grid-column:2;grid-row:1 / -1;min-height:0;height:100%;overflow:auto}.fitpage .runner>.stage{justify-content:flex-start}.fitpage .ar-play>.ar-stage{padding:8px;justify-content:safe center;align-items:safe center}.fitpage .stage>.fit{margin:auto 0}.fitpage .ar-play>.ar-how{grid-column:1;grid-row:2}.fitpage .ar-play>.ar-ctl{grid-column:1;grid-row:3}.fitpage .ar-play>.ar-moves{grid-column:1;grid-row:4;flex-direction:column;gap:2px}.fitpage .prompt .bubble p{font-size:15px}.fitpage .boss-bar{margin-top:6px;padding:3px 10px;flex-shrink:0}.fitpage .boss-bar img{width:34px;height:34px}.fitpage .hintbar .msg{font-size:14px;padding:7px 10px}.fitpage .hintbar .row-c{flex-wrap:wrap;gap:8px}.fitpage .hintbar .row-c .btn3d{flex:1 1 auto}.fitpage .aha-banner{top:50%}.robo-pz{flex-direction:row;justify-content:center;align-items:center;gap:14px}.robo-pz.rev{flex-direction:row-reverse}.robo-pz>.robo-side{width:auto;max-width:250px;gap:10px}.robo-pz .prog{max-width:250px}.robo-pz .arrows{flex-wrap:wrap;max-width:250px}.robo-pz .arrow-btn{width:52px;height:52px}.robo-act{position:static;box-shadow:none;padding:0;background:none}.robo-tip{display:none}.intro{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding-top:12px}.intro>.bubble{flex:1 1 52%;width:auto;max-width:560px}.intro>.big-monster,.intro>svg,.intro>.mascot{width:96px!important;height:96px!important}.intro>.talk-hero .mascot{width:96px;height:96px}.intro>.btn3d,.intro>.btn,.intro>.note,.intro>.card3d,.intro>.h1{flex-basis:100%}.intro>.btn3d{flex-basis:auto;min-width:260px}.intro>.h1{margin:0}}@media (orientation: landscape) and (max-height: 520px){.kidbar{padding:4px 12px}.kb-back,.kb-av{width:38px;height:38px;font-size:19px}.kb-stat{font-size:14px;padding:1px 7px 1px 2px}.fitpage .prompt .mascot{width:42px;height:42px}.fitpage .prompt .speaker{width:40px;height:40px}.fitpage .prompt .bubble{padding:6px 10px}.fitpage .prompt .bubble p{font-size:14px;line-height:1.3}.fitpage .hintbar{gap:6px}.fitpage .hintbar .btn3d{min-height:46px;padding-top:6px;padding-bottom:6px;font-size:15px}.container.endpage{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:center;padding-top:10px}.endpage>.end-card{grid-column:1;grid-row:1 / span 8;padding:10px}.endpage>:not(.end-card){grid-column:2}.endpage .end-card .mascot{width:60px;height:60px}.endpage .end-card .h1{font-size:24px}.endpage .end-stars{font-size:38px}.endpage .chest{width:70px;height:70px}}.mic-btn{background:var(--pur);color:#fff;gap:6px}.mic-btn .mic-ic{font-size:20px;line-height:1}.mic-btn.on{background:var(--coral);animation:micPulse 1.1s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 4px 0 var(--ink),0 0 #ff6b5b8c}50%{box-shadow:0 4px 0 var(--ink),0 0 0 12px #ff6b5b00}}@media (prefers-reduced-motion: reduce){.mic-btn.on{animation:none}}.mic-intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.mic-hero,.talk-hero{position:relative;display:inline-block}.mic-ear{position:absolute;right:-12px;bottom:6px;font-size:34px;background:#fff;border:2.5px solid var(--ink);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;box-shadow:0 3px 0 var(--ink)}.mic-ear.big{width:62px;height:62px;font-size:38px;right:-18px}.mic-steps{display:grid;gap:6px;text-align:left;width:100%;background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:10px 12px;font-size:14px}.linkbtn{background:none;border:0;padding:0;color:var(--teal3);font-weight:800;text-decoration:underline;cursor:pointer;font-size:inherit}.talk-grid{display:grid;gap:6px;justify-items:center}.talk-row{display:flex;gap:6px}.talk-shapes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:360px}.talk-shapes.banyak{gap:6px}.talk-sh{border-radius:16px;padding:4px}.talk-sh.glow,.talk-it.glow{box-shadow:0 0 0 4px var(--sun);background:#fff8d6}.talk-swatch{width:40px;height:40px;border-radius:50%;border:3px solid var(--ink);display:block}.talk-items{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.talk-it{min-width:84px;min-height:84px;display:grid;place-items:center;background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 3px 0 var(--ink)}.talk-items.satu .talk-it{width:150px;height:150px}.talk-it b{font-family:var(--head);font-size:34px;color:var(--muted)}.talk-name{font-family:var(--head);font-weight:800;font-size:20px}.talk-fact{display:grid;place-items:center;width:150px;height:150px;margin:0 auto;background:#fff;border:2.5px solid var(--ink);border-radius:50%;box-shadow:var(--hard)}.talk-yn{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:800;border:2.5px solid var(--ink)}.talk-yn.y{background:#dff6e5;color:var(--green2)}.talk-yn.n{background:var(--coral-soft);color:var(--coral2)}.extra-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.extra-card{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:12px 8px}.extra-card b{font-family:var(--head);font-size:16px;line-height:1.1}.extra-card img{width:52px;height:52px;object-fit:contain}.extra-card.talk{background:var(--pur-soft)}.extra-card.cj{background:#e2eeff}.extra-card.locked img{filter:grayscale(.6) opacity(.7)}.extra-ic{font-size:40px;line-height:52px}.wc-prio{position:absolute;top:8px;left:8px;background:var(--sun);color:var(--ink);font-weight:800;font-size:10.5px;border-radius:999px;padding:2px 7px;border:1.5px solid var(--ink)}.wel-proof{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.wel-proof span{background:var(--sun-soft);border:2px solid #F2D675;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.wel-quiz{display:block;margin-top:14px;padding:12px 14px;border-radius:16px;background:var(--teal-soft);border:2px dashed var(--teal2);color:var(--ink);text-decoration:none;font-size:14.5px;text-align:center}.plan-card{border:2px solid #9ADBB0;background:#f3fbf5}.plan-order{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tst{gap:10px;border-bottom:1px dashed var(--line);padding-bottom:6px}.up-img{width:64px;height:64px;object-fit:contain}.lib-hero{display:flex;gap:12px;align-items:center}.lib-hero img{width:64px;height:64px;object-fit:contain;flex:none}.lib-specials{display:grid;gap:10px}.lib-special{display:flex;align-items:center;gap:12px;text-align:left;width:100%;cursor:pointer}.lib-special img{width:46px;height:46px;object-fit:contain;flex:none}.lib-special span:not(.lib-sp-ic):not(.chev){flex:1;min-width:0;display:flex;flex-direction:column}.lib-special small{color:var(--muted);font-weight:600}.lib-sp-ic{font-size:34px;width:46px;text-align:center;flex:none}.lib-world{border-left:6px solid var(--wa)}.lib-wh{display:flex;gap:10px;align-items:center;margin-bottom:10px}.lib-wh>div{display:flex;flex-direction:column}.lib-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lib-tier{background:var(--wc);border:2px solid var(--ink);border-radius:14px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 3px 0 var(--ink)}.lib-tier b{font-family:var(--head);font-size:15px}.lib-tier span{font-weight:800;font-size:12.5px}.lib-tier small{font-size:11px;color:var(--muted);font-weight:700}.bk-cover,.bk-cert{align-items:center;justify-content:center;text-align:center;gap:14px}.bk-cover img{width:70%;max-height:40%;object-fit:contain}.bk-name{font-family:var(--head);font-weight:800;font-size:44px;margin:0;border-bottom:4px solid var(--sun);padding:0 20px}.bk-sub{font-weight:800;font-size:18px;margin:0}.bk-tiny{font-size:13px;color:var(--muted);margin:0}.bk-cert{border:10px double var(--teal2)!important}.bk-cert img{width:120px;height:120px;object-fit:contain}.bk-sign{display:flex;justify-content:space-between;gap:20px;width:100%;margin-top:30px;font-weight:700;flex-wrap:wrap}.bk-tbl{width:100%;border-collapse:collapse;font-size:14px}.bk-tbl th,.bk-tbl td{border:1.5px solid #C7CCDB;padding:6px;text-align:center}.bk-box{display:inline-block;width:22px;height:22px;border:2px solid var(--ink);border-radius:6px}.print-only{display:none}@media print{.print-only{display:flex}.page>:not(.print-only){display:none!important}}.cj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.cj-m{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);min-height:86px;text-align:center}.cj-m b{font-family:var(--head);font-size:22px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e2eeff;border:2px solid var(--ink)}.cj-m span{font-size:12px;font-weight:800;line-height:1.15}.cj-m i{font-style:normal;color:var(--sun2);font-size:12px}.cj-m i em{color:#d5d9e4;font-style:normal}.cj-m.done b{background:var(--green);color:#fff}.cj-m.cur{box-shadow:0 0 0 3px var(--sun),0 3px 0 var(--ink)}.cj-m:disabled{opacity:.55}.extra-row.single{grid-template-columns:1fr}.pending{padding-top:24px;padding-bottom:32px}.pd-email{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:var(--teal-soft);border:2px solid var(--teal2);overflow-wrap:anywhere}.pd-email b{font-size:16px}.pd-live{display:flex;align-items:center;gap:6px;margin:0}.pd-dot{width:8px;height:8px;border-radius:50%;background:var(--ok, #2f9e44);flex:none;animation:pdPulse 1.6s ease-in-out infinite}@keyframes pdPulse{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.pd-dot{animation:none}}.pd-lp{display:block;text-align:center;color:var(--ink2)}.sel{user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}.sup-mail{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sup-mail b{font-size:16px}.sup-link{color:inherit;font-weight:700}.wel-help{margin:4px 0 0}.bar-hint{width:100%;background:#fffdf5;border:2px dashed var(--sun2, #FFC21A);border-radius:14px;padding:10px 10px 8px;display:flex;flex-direction:column;gap:6px;align-items:center}.barm{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.barm-row{display:flex;align-items:center;gap:8px}.barm-l{width:64px;text-align:right;font-weight:800;font-size:13px;color:var(--ink, #1E2440);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barm-segs{display:flex}.barm-s{height:34px;border:2.5px solid var(--ink, #1E2440);margin-left:-2.5px;display:grid;place-items:center;font-weight:900;font-size:13px;background:#e9e2ff;color:var(--ink, #1E2440);white-space:nowrap;overflow:hidden}.barm-s:first-child{margin-left:0;border-radius:8px 0 0 8px}.barm-s:last-child{border-radius:0 8px 8px 0}.barm-s:only-child{border-radius:8px}.barm-s.q{background:#ffe27a}.barm-s.k{background:#c9f0ec}.barm-s.x{background:repeating-linear-gradient(-45deg,#eee,#eee 5px,#d8d8d8 5px,#d8d8d8 10px);color:#69708a;text-decoration:line-through}.barm-total{position:relative;height:26px}.barm-total i{position:absolute;left:0;right:0;top:0;height:10px;border:2.5px solid var(--ink, #1E2440);border-top:0;border-radius:0 0 10px 10px}.barm-total b{position:absolute;left:50%;top:9px;transform:translate(-50%);font-size:14px;background:#fffdf5;padding:0 6px;white-space:nowrap}.barm-note{margin:2px 0 0;font-size:12.5px;font-weight:700;color:#69708a;text-align:center}.noise{transition:color .3s}.noise.on{color:#9aa1b8;text-decoration:line-through 2.5px #E2483A}.langkah{width:100%;background:#f3fbff;border:2px dashed #3D8BFF;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.lgk{display:flex;gap:8px;align-items:flex-start}.lgk-n{flex:0 0 26px;height:26px;border-radius:50%;background:#3d8bff;color:#fff;display:grid;place-items:center;font-size:14px}.lgk.ok .lgk-n{background:#35c26a}.lgk-b{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.lgk-t{font-weight:800;font-size:14px;line-height:1.3}.lgk.ok .lgk-t{color:#69708a}.lgk-ex{font-weight:900;font-size:17px;color:var(--ink, #1E2440)}.lgk-v{color:#1e9e55}.lgk-q{background:#ffe27a;border-radius:6px;padding:0 6px}.lgk-opts{display:flex;gap:6px;flex-wrap:wrap}.lgk-o{min-height:40px;padding:4px 12px;border-radius:12px;border:2.5px solid var(--ink, #1E2440);background:#fff;font-weight:900;font-size:16px;box-shadow:0 3px 0 var(--ink, #1E2440);cursor:pointer}.lgk-o:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink, #1E2440)}.lgk-o.no{background:#ffe3de;animation:lgk-shake .3s}.lgk-last{font-size:13px;font-weight:800;color:#3d8bff}@keyframes lgk-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pr-barbox{border:2px dashed #B9C0D4;border-radius:12px;height:92px;padding:6px 10px;margin:6px 0}.frac{display:inline-flex;flex-direction:column;align-items:center;font-weight:900;line-height:1.05;color:var(--ink, #1E2440)}.frac-a{padding:0 6px;border-bottom:3px solid currentColor}.frac-b{padding:0 6px}.op{font-size:26px;font-weight:900;margin:0 8px}.arr-grid{display:grid;gap:2px;max-width:320px;margin:0 auto}.arr-c{font-size:20px;text-align:center;border-radius:6px}.arr-c.mark{background:var(--sun-soft, #FFF3C4);box-shadow:0 0 0 2px var(--sun2, #FFC21A)}.area{display:flex;width:280px;height:70px;border:3px solid var(--ink, #1E2440);border-radius:10px;overflow:hidden}.area-b{display:grid;place-items:center;font-weight:900;font-size:16px}.area-b.t{background:#c9f0ec;border-right:3px solid var(--ink, #1E2440)}.area-b.u{background:#ffe27a}.eq-card{background:#fff;border:3px solid var(--ink, #1E2440);border-radius:16px;padding:14px 20px;box-shadow:0 4px 0 var(--ink, #1E2440)}.numline{display:block;margin:0 auto}.seq-tile.mirror-l{box-shadow:-6px 0 0 -2px var(--sun2, #FFC21A)}.cek-card{display:flex;align-items:center;gap:10px;width:100%;margin-top:14px;text-align:left;background:#fff7d6}.cek-card div{display:flex;flex-direction:column}.cek-res{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px}.cek-col{display:flex;flex-direction:column;align-items:center;gap:2px}.cek-col b{font-size:30px;font-weight:900}.cek-col.now b{color:var(--teal3, #1F8F87)}.cek-arrow{font-size:26px;font-weight:900}.cek-parent .sw{margin-top:8px}@media (max-width: 380px){.barm-l{width:48px;font-size:12px}.area{width:240px}}.pan-many{display:inline-flex;align-items:center;gap:3px;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:1px 6px;font-weight:900;font-size:15px;white-space:nowrap}.home-hello.sm{display:flex;align-items:center;gap:8px;margin:4px 0 10px}.home-hello.sm .bubble{padding:8px 12px;font-size:14px;line-height:1.3}.hero-card{position:relative;display:block;width:100%;padding:0;border:3px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 6px 0 var(--ink);background:var(--wa, #7B4DE0);text-align:left;transition:transform .25s var(--spring, ease)}.hero-card:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.hero-img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.hero-foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:10px;padding:34px 12px 10px;background:linear-gradient(180deg,#1e244000,#1e2440d1 55%);color:#fff}.hero-sub{color:#fff;opacity:.92;font-weight:700}.hero-play{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:var(--green, #35C26A);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:#fff;animation:heroPulse 1.6s ease-in-out infinite}@keyframes heroPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.mbar.dark{background:#ffffff47;margin:5px 0 3px;height:9px}.g-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.g-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.g-row::-webkit-scrollbar{display:none}.gcard{position:relative;display:block;padding:0;border:2.5px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 5px 0 var(--ink);background:var(--wa, #ddd);text-align:left;transition:transform .25s var(--spring, ease)}.gcard:active{transform:translateY(3px) scale(.98);box-shadow:0 2px 0 var(--ink)}.gcard img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s ease}.gcard:hover img{transform:scale(1.06)}.gcard.sm{flex:0 0 62%;max-width:250px;scroll-snap-align:start}.gcard.locked img{filter:grayscale(.75) brightness(.9)}.g-title{position:absolute;left:0;right:0;bottom:0;padding:22px 9px 7px;font-family:var(--head);font-size:16px;line-height:1.05;color:#fff;text-shadow:0 2px 0 var(--ink),0 0 6px rgba(0,0,0,.35);background:linear-gradient(180deg,#1e244000,#1e2440c7)}.g-title.big{position:static;padding:0;background:none;font-size:26px}.g-badge{position:absolute;z-index:1;font-size:11px;font-weight:900;line-height:1;padding:5px 8px;border-radius:999px;background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);white-space:nowrap}.g-badge.tl{top:7px;left:7px}.g-badge.tr{top:7px;right:7px}.g-badge.hot{background:#ff6b5b;color:#fff}.g-badge.gift{background:#ffc21a;animation:wiggle 2.4s ease-in-out infinite}.g-badge.new{background:#35c26a;color:#fff}.g-badge.prio{background:#ffd84d}.g-badge.lock{background:#1e2440;color:#fff}@keyframes wiggle{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-8deg)}96%{transform:rotate(8deg)}}@media (prefers-reduced-motion: reduce){.hero-play,.g-badge.gift{animation:none}}@media (min-width: 700px){.g-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gcard.sm{flex-basis:34%}}.wm-cover{position:relative;border:3px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 5px 0 var(--ink);margin-bottom:10px}.wm-cover img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.wm-cover .g-title{font-size:24px}.g-title small{display:block;margin-top:3px;font-family:var(--font);font-size:11px;font-weight:800;opacity:.92;text-shadow:0 1px 2px rgba(0,0,0,.5)}.wm-chips{justify-content:center;margin-bottom:6px}.page.has-nav{padding-bottom:104px}.page.has-play{padding-bottom:120px}.kidnav{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;width:min(460px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;background:#fff;border:3px solid var(--ink);border-radius:24px;box-shadow:0 5px 0 var(--ink),0 10px 26px #1e24402e}.kn-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0 4px;border:0;background:none;border-radius:16px;font-weight:900;color:var(--ink2);transition:transform .2s var(--spring, ease),background .2s}.kn-btn:active{transform:scale(.92)}.kn-btn.on{background:var(--sun, #FFD84D);color:var(--ink);box-shadow:inset 0 -3px #1e24402e}.kn-ic{position:relative;font-size:26px;line-height:1.1}.kn-btn.on .kn-ic{animation:knBounce .5s var(--spring, ease)}@keyframes knBounce{0%{transform:scale(.7)}70%{transform:scale(1.15)}to{transform:scale(1)}}.kn-l{font-size:11.5px}.kn-dot{position:absolute;top:-1px;right:-6px;width:12px;height:12px;border-radius:50%;background:var(--coral, #FF6B5B);border:2px solid #fff;animation:heroPulse 1.4s ease-in-out infinite}.sec-head{display:flex;align-items:center;justify-content:space-between}.sec-more{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:4px 12px;font-weight:900;font-size:13px;box-shadow:0 2px 0 var(--ink)}.sec-sub{margin:4px 0 10px}.cek-card.gift{background:#ffe3de}.kb-stat{cursor:pointer}.kb-stat.gem{position:relative;padding-right:20px}.kb-plus{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;background:var(--green, #35C26A);color:#fff;font-style:normal;font-size:13px;line-height:15px;text-align:center;font-weight:900}.play-big-wrap{position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;display:flex;justify-content:center;pointer-events:none}.play-big{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;padding:10px 28px 10px 12px;border:3px solid var(--ink);border-radius:999px;background:var(--green, #35C26A);color:#fff;box-shadow:0 6px 0 var(--ink),0 10px 24px #1e244040;animation:heroPulse 1.8s ease-in-out infinite}.play-big:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink);animation:none}.pb-ic{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--green2, #1E9550);display:grid;place-items:center;font-size:22px;border:2.5px solid var(--ink)}.pb-t{display:flex;flex-direction:column;font-family:var(--head);font-size:26px;line-height:1;letter-spacing:.02em;text-shadow:0 2px 0 rgba(30,36,64,.35)}.pb-t small{font-family:var(--font);font-size:12.5px;font-weight:800;letter-spacing:0;text-shadow:none;opacity:.95;margin-top:3px}.medal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 10px}.medal{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;background:#fff;border:2px solid var(--line);border-radius:14px}.medal img{width:34px;height:34px;object-fit:contain;filter:grayscale(1) opacity(.45)}.medal.got{border-color:var(--tint);box-shadow:0 3px 0 var(--tint)}.medal.got img{filter:drop-shadow(0 0 0 var(--tint))}.avatar-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:18px 12px 12px;background:radial-gradient(circle at 50% 70%,#fff3c4 0,#ffe3de 55%,#ece4ff);overflow:hidden}.av-spot{position:absolute;left:50%;bottom:34px;width:180px;height:34px;transform:translate(-50%);border-radius:50%;background:#1e24401f}.av-name{position:relative;margin-top:4px;font-family:var(--head);font-size:18px}.slot-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.slot-tabs::-webkit-scrollbar{display:none}.slot-tabs .chipbtn{flex:none;font-size:14px;padding:8px 12px}.costumes.shop .costume{background:#fff}.cal-card{display:flex;flex-direction:column;gap:12px}.cal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cal-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border:2.5px solid var(--line);border-radius:14px;background:#fff;text-align:center}.cal-day.big{grid-column:span 2;background:#fff3c4;border-color:var(--sun2, #FFC21A)}.cal-day.today{border-color:var(--ink);background:#ddf5f2;box-shadow:0 4px 0 var(--ink);animation:heroPulse 1.6s ease-in-out infinite}.cal-day.got{opacity:.55}.cal-ic{font-size:28px;line-height:1.1}.cal-ok{position:absolute;top:4px;right:6px;font-weight:900;color:var(--green2, #1E9550)}.misi-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.misi{display:flex;align-items:center;gap:10px}.misi.got{opacity:.6}.misi-ic{font-size:28px;width:40px;text-align:center}.misi .mbar{height:9px;margin:4px 0 2px}.misi.bonus{padding-top:8px;border-top:2px dashed var(--line)}.note.big{font-size:16px;font-weight:800;text-align:center}@media (prefers-reduced-motion: reduce){.play-big,.cal-day.today,.kn-dot{animation:none}}.dikit{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.dikit .eyebrow{margin:0}.dk-lv{display:flex;flex-direction:column;gap:2px}.dikit .row-c.wrap{flex-wrap:wrap;justify-content:flex-start;gap:6px}.dikit .chip{white-space:normal}.btn3d.sun.offer{animation:pulse 1.1s ease-in-out infinite}