:root{--bg:#0e1015;--surface:#171a21;--surface-raised:#1f232c;--border:#2b3140;--text:#e8eaf0;--text-dim:#969db0;--accent:#5aa9f5;--good:#4ec98a;--ok:#f0c04a;--bad:#f2705f;--radius:14px;--touch-target:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%}.menu{max-width:1400px;height:100%;margin:0 auto;padding:clamp(20px,4vw,48px);overflow-y:auto}.menu__header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(28px,4vw,44px)}.menu__header p{color:var(--text-dim);margin:0 0 32px;font-size:clamp(15px,1.6vw,18px)}.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;min-height:190px;padding:22px;text-decoration:none;display:block}.card--ready{border-color:#33405a;transition:transform .12s,border-color .12s}.card--ready:hover,.card--ready:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.card--planned{opacity:.55}.card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card__head h2{margin:0;font-size:19px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;flex:none;padding:4px 10px;font-size:11px}.badge--ready{color:var(--good);background:#4ec98a29}.badge--planned{color:var(--text-dim);background:#969db024}.card__summary{color:var(--text);margin:0 0 12px;font-size:15px}.card__proves{color:var(--text-dim);margin:0;font-size:13px}.card__proves span{text-transform:uppercase;letter-spacing:.08em;color:#6d7488;margin-bottom:2px;font-size:11px;display:block}.device{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:36px;padding:22px}.device h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 14px;font-size:13px}.device dl{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 20px;margin:0;display:grid}.device dt{color:var(--text-dim);font-size:12px}.device dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0 0 6px}.device__ua{border-top:1px solid var(--border);color:var(--text-dim);overflow-wrap:anywhere;margin:16px 0 0;padding-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.stage{flex-direction:column;height:100%;display:flex}.stage__bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:8px 14px;display:flex}.stage__back{min-height:var(--touch-target);background:var(--surface-raised);color:var(--text);border-radius:10px;align-items:center;padding:0 18px;font-size:15px;text-decoration:none;display:inline-flex}.stage__title{white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-weight:600;overflow:hidden}.stage__resolution{min-height:var(--touch-target);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:10px;padding:0 14px;font-size:15px}.stage__surface{flex:1;min-height:0;position:relative}.engine-canvas{touch-action:none;width:100%;height:100%;display:block}.stats{border:1px solid var(--border);background:var(--surface-raised);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:14px;padding:8px 14px;font-size:13px;display:flex}.stats__row{flex-direction:column;line-height:1.2;display:flex}.stats__row span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:10px}.stats__row b{font-size:15px}.stats[data-grade=good] .stats__row:nth-child(2) b{color:var(--good)}.stats[data-grade=ok] .stats__row:nth-child(2) b{color:var(--ok)}.stats[data-grade=bad] .stats__row:nth-child(2) b{color:var(--bad)}.stats__detail{color:var(--text-dim);white-space:nowrap;font-size:11px}.p0-hud{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0e1015b8;padding:16px 20px;position:absolute;top:16px;left:16px}.p0-hud__line{color:var(--text-dim);justify-content:space-between;gap:20px;font-size:15px;display:flex}.p0-hud__line b{color:var(--text);font-variant-numeric:tabular-nums;font-size:17px}.p0-hud__hint{max-width:240px;color:var(--text-dim);margin:12px 0 0;font-size:12px}.p0-dots{pointer-events:none;position:absolute;inset:0;overflow:hidden}.p0-dots__dot{border:3px solid var(--accent);background:#5aa9f529;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:0;left:0}.stats__reset{border:1px solid var(--border);min-height:34px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:11px}.stats__reset:hover{color:var(--text);border-color:var(--accent)}.p1-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#11151dd1;border-radius:999px;align-items:center;gap:clamp(18px,4vw,44px);padding:12px clamp(18px,4vw,32px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.p1-hud__stat{flex-direction:column;align-items:center;line-height:1.15;display:flex}.p1-hud__stat span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:11px}.p1-hud__stat b{font-variant-numeric:tabular-nums;font-size:clamp(20px,3vw,28px)}.p1-hud__stat b.is-bumped{color:var(--good);animation:.42s cubic-bezier(.22,1.4,.4,1) p1-bump}@keyframes p1-bump{0%{transform:scale(1)}35%{transform:scale(1.45)}to{transform:scale(1)}}.p1-hud__restart{min-height:var(--touch-target);background:var(--accent);color:#08111c;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 26px;font-size:16px;font-weight:700}@media (prefers-reduced-motion:reduce){.p1-hud__stat b.is-bumped{animation:none}}.touch-points{pointer-events:none;position:absolute;inset:0;overflow:hidden}.touch-points__dot{border:3px solid var(--accent);background:#5aa9f529;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:0;left:0}.p2-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#0c0f15db;border-radius:999px;align-items:center;gap:clamp(14px,3vw,30px);padding:10px clamp(14px,3vw,24px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.p2-hud__group,.p2-hud__stat{flex-direction:column;align-items:center;gap:4px;line-height:1.15;display:flex}.p2-hud__group>span,.p2-hud__stat span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:10px}.p2-hud__stat b{font-variant-numeric:tabular-nums;font-size:20px}.p2-hud__players{gap:6px;display:flex}.p2-hud__player{border:1px solid var(--border);width:40px;height:34px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:9px;font-size:15px;font-weight:700}.p2-hud__player[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#08111c}.p2-hud__restart{border:1px solid var(--border);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:14px}.p2-banner{border:3px solid var(--winner-accent,var(--accent));color:var(--winner-accent,var(--accent));letter-spacing:-.02em;text-align:center;pointer-events:none;background:#0a0d12f0;border-radius:22px;padding:clamp(20px,4vw,40px) clamp(32px,6vw,72px);font-size:clamp(30px,6vw,68px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p2-hud__scores{gap:6px;display:flex}.p2-hud__score{border:2px solid var(--chip-accent,var(--border));min-width:34px;height:34px;color:var(--chip-accent,var(--text));font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.p3-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1018b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:clamp(14px,3vw,30px);padding:10px clamp(16px,3vw,26px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.p3-hud__title{color:#f2f6fb;font-size:clamp(13px,1.6vw,17px);font-weight:600}.p3-hud__stat{flex-direction:column;align-items:center;line-height:1.15;display:flex}.p3-hud__stat span{text-transform:uppercase;letter-spacing:.1em;color:#e8eef89e;font-size:10px}.p3-hud__stat b{font-variant-numeric:tabular-nums;color:#fff;font-size:19px}.p3-hud__restart{color:#f2f6fb;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:0 18px;font-size:14px}.p3-banner{color:#9adb72;text-align:center;pointer-events:none;background:#08100ce6;border:3px solid #9adb72;border-radius:22px;max-width:min(80%,900px);padding:clamp(18px,3vw,34px) clamp(28px,5vw,60px);font-size:clamp(22px,4vw,46px);font-weight:800;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.p4-panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#0a0e14db;width:min(390px,100% - 32px);max-height:calc(100% - 32px);padding:16px 18px;position:absolute;top:16px;left:16px;overflow-y:auto}.p4-panel__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.p4-panel__head strong{font-size:15px}.p4-panel__head span{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.p4-panel__rows{flex-direction:column;gap:9px;display:flex}.p4-row{align-items:center;gap:10px;display:flex}.p4-row__label{text-transform:uppercase;letter-spacing:.07em;width:74px;color:var(--text-dim);flex:none;font-size:11px}.p4-row__options{flex-wrap:wrap;gap:5px;display:flex}.p4-chip{border:1px solid var(--border);min-width:42px;height:32px;color:var(--text-dim);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:8px;padding:0 9px;font-size:13px}.p4-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#08111c;font-weight:700}.p4-panel__actions{align-items:center;gap:12px;margin-top:16px;display:flex}.p4-panel__run{background:var(--good);color:#06180f;min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:14px;font-weight:700}.p4-panel__run:disabled{opacity:.5;cursor:progress}.p4-panel__status{color:var(--text-dim);font-size:11px}.p4-report{margin-top:14px}.p4-report summary{color:var(--text-dim);cursor:pointer;font-size:12px}.p4-report textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#0a0d13;border-radius:8px;margin-top:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45}.offline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:28px;padding:22px}.offline__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;display:flex}.offline__head h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0;font-size:13px}.offline__badges{gap:8px;display:flex}.offline__net,.offline__mode{letter-spacing:.04em;border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:4px 10px;font-size:11px}.offline__net[data-state=online]{color:var(--good);border-color:#4ec98a66}.offline__net[data-state=offline]{color:var(--ok);border-color:#f0c04a73}.offline__mode[data-state=installed]{color:var(--accent);border-color:#5aa9f573}.offline__intro{color:var(--text-dim);margin:0 0 16px;font-size:13px}.offline__packs{flex-direction:column;gap:8px;display:flex}.offline__pack{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.offline__pack-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.offline__pack-status{color:var(--text-dim);flex:none;font-size:11px}.offline__pack-status[data-state=ready]{color:var(--good)}.offline__pack-status[data-state=stale]{color:var(--ok)}.offline__pack-status[data-state=downloading]{color:var(--accent)}.offline__pack-button{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:0 14px;font-size:13px}.offline__pack-button:disabled{opacity:.4;cursor:default}.offline__foot{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;font-size:12px;display:flex}.offline__actions{gap:8px;display:flex}.offline__install,.offline__clear{min-height:38px;font:inherit;cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px}.offline__install{background:var(--accent);color:#08111c;border:none;font-weight:700}.offline__clear{border:1px solid var(--border);color:var(--text-dim);background:0 0}.stage__unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px;display:flex}.stage__unavailable h2{color:var(--ok);margin:0;font-size:clamp(20px,3vw,28px)}.stage__unavailable p{max-width:46ch;color:var(--text-dim);margin:0;font-size:15px}.stage__unavailable a{min-height:var(--touch-target);background:var(--surface-raised);color:var(--text);border-radius:10px;align-items:center;margin-top:8px;padding:0 22px;text-decoration:none;display:inline-flex}.lane{border:2px solid var(--accent);border-radius:var(--radius);color:inherit;background:linear-gradient(135deg,#5aa9f524,#5aa9f50a);margin-bottom:28px;padding:26px 28px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block}.lane:hover,.lane:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 10px 28px #5aa9f538}.lane__label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.lane h2{margin:6px 0 8px;font-size:clamp(22px,2.6vw,30px)}.lane p{max-width:70ch;color:var(--text-dim);margin:0;font-size:clamp(14px,1.5vw,17px)}.gallery,.mod{--paper:#fdfaf4;--card:#fff;--ink:#2c2a33;--ink-dim:#6b6775;--line:#e6e0d5;--brand:#f2913d;--brand-deep:#d97420;--joy:#4ec98a;--mod-target:88px;--mod-radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);height:100%;color:var(--ink)}.gallery{max-width:1500px;margin:0 auto;padding:clamp(20px,4vw,56px);overflow-y:auto}.gallery__back{color:var(--ink-dim);margin-bottom:20px;font-size:15px;text-decoration:none;display:inline-block}.gallery__head h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(32px,5vw,52px)}.gallery__head>p{color:var(--ink-dim);margin:0 0 40px;font-size:clamp(16px,1.8vw,20px)}.subtema__head{margin-bottom:20px}.subtema__tema{color:var(--brand-deep);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.subtema__head h2{margin:4px 0 2px;font-size:clamp(24px,3vw,34px)}.subtema__jenjang{color:var(--ink-dim);margin:0;font-size:15px}.lessons{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.lesson{border:2px solid var(--line);border-radius:var(--mod-radius);background:var(--card);min-height:200px;color:inherit;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}@media (hover:hover){a.lesson:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 10px 28px #d974202e}}a.lesson:focus-visible{border-color:var(--brand);outline:none;transform:translateY(-3px);box-shadow:0 10px 28px #d974202e}.lesson--planned{opacity:.55;border-style:dashed}.lesson__day{color:var(--brand-deep);letter-spacing:.04em;font-size:14px;font-weight:700}.lesson__title{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.25}.lesson__summary{color:var(--ink-dim);flex:1;margin:0;font-size:15px}.lesson__foot{border-top:1px solid var(--line);color:var(--ink-dim);justify-content:space-between;align-items:center;padding-top:12px;font-size:14px;display:flex}.lesson__state{color:var(--brand-deep);font-weight:700}.lesson__state--planned{color:var(--ink-dim);font-weight:500}.mod{flex-direction:column;display:flex}.mod--empty{align-items:flex-start;gap:16px;padding:clamp(20px,4vw,48px)}.mod__bar{border-bottom:2px solid var(--line);background:var(--card);align-items:center;gap:16px;padding:12px clamp(14px,2vw,24px);display:flex}.mod__back,.mod__teacher{border:2px solid var(--line);background:var(--paper);min-height:52px;color:var(--ink-dim);font:inherit;cursor:pointer;border-radius:12px;flex:none;padding:0 18px;font-size:15px;line-height:48px;text-decoration:none}.mod__titles{flex-direction:column;flex:1;min-width:0;display:flex}.mod__module{color:var(--ink-dim);font-size:14px}.mod__screen{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px,2.2vw,24px);font-weight:700;overflow:hidden}.mod__steps{background:var(--card);border-bottom:1px solid var(--line);gap:10px;padding:12px clamp(14px,2vw,24px);display:flex;overflow-x:auto}.mod__step{border:2px solid var(--line);background:var(--paper);width:52px;height:52px;color:var(--ink-dim);font:inherit;cursor:pointer;border-radius:50%;flex:none;font-weight:700}.mod__step--current{border-color:var(--brand);background:var(--brand);color:#fff}.mod__step--done{border-color:var(--joy);background:color-mix(in srgb, var(--joy) 18%, white);color:#1f7a4d}.mod__teacher-note{border-bottom:2px solid var(--line);background:#fff6e8;max-height:32vh;padding:20px clamp(14px,2vw,24px);font-size:15px;overflow-y:auto}.mod__teacher-note h3{margin:0 0 2px;font-size:18px}.mod__jenjang{color:var(--ink-dim);margin:0 0 12px}.mod__stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(16px,3vw,40px);display:flex;position:relative;overflow:auto}.mod__missing{color:var(--ink-dim)}.mod__caption{background:var(--card);border-top:2px solid var(--line);align-items:center;gap:16px;padding:16px clamp(14px,2vw,24px);display:flex}.mod__replay{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;width:56px;height:56px;font-size:20px}.mod__narration{margin:0;font-size:clamp(18px,2.2vw,26px);line-height:1.35}.mod__nav{border-top:1px solid var(--line);background:var(--paper);align-items:center;gap:16px;padding:14px clamp(14px,2vw,24px);display:flex}.mod__prev,.mod__next{min-height:var(--mod-target);border:2px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:16px;padding:0 clamp(20px,3vw,40px);font-size:clamp(16px,1.8vw,20px);font-weight:700}.mod__prev{margin-right:auto}.mod__next{border-color:var(--brand);background:var(--brand);color:#fff;margin-left:auto}.mod__next.is-ready{background:var(--joy);border-color:var(--joy);box-shadow:0 0 0 6px color-mix(in srgb, var(--joy) 25%, transparent)}.mod__prev:disabled{opacity:.35;cursor:default}.mod__count{color:var(--ink-dim);font-size:15px}.mod-feedback{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.mod-feedback__star{background:var(--brand);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:16px;height:16px;margin:-8px 0 0 -8px;animation:.9s ease-out forwards mod-star;position:absolute}@keyframes mod-star{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}to{transform:translate(var(--dx), var(--dy)) scale(1.1) rotate(180deg);opacity:0}}.is-celebrating{animation:.6s ease-out mod-pop}@keyframes mod-pop{0%,to{transform:scale(1)}35%{transform:scale(1.08)}}.is-nudging{animation:.5s ease-in-out mod-wobble}@keyframes mod-wobble{0%,to{transform:translate(0)}20%{transform:translate(-9px)}45%{transform:translate(7px)}70%{transform:translate(-4px)}}@media (prefers-reduced-motion:reduce){.mod-feedback__star,.is-celebrating,.is-nudging{animation-duration:1ms}}.mod-placeholder{border:3px dashed var(--line);border-radius:var(--mod-radius);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:640px;padding:clamp(24px,4vw,48px);display:flex}.mod-placeholder__badge{color:var(--ink-dim);background:#f0ece2;border-radius:999px;padding:5px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.mod-placeholder__title{margin:0;font-size:clamp(24px,3vw,34px)}.mod-placeholder__fungsi{color:var(--ink-dim);margin:0;font-size:16px}.mod-placeholder__tap{min-height:var(--mod-target);background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:18px;margin-top:10px;padding:0 44px;font-size:clamp(18px,2vw,22px);font-weight:700}.mod-placeholder__assets{text-align:left;width:100%;color:var(--ink-dim);margin-top:8px;font-size:14px}.mod-placeholder__assets summary{cursor:pointer;padding:10px 0}.mod-placeholder__assets ul{columns:2;margin:0;padding-left:20px}.mod-placeholder__assets code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hotspots{flex-direction:column;align-items:center;gap:16px;width:100%;height:100%;min-height:0;display:flex}.hotspots__stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:10px 0;display:flex;position:relative}.hotspots__art{justify-content:center;align-items:center;height:100%;display:flex}.hotspots__art svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:auto;max-width:100%;height:100%;max-height:100%}.hotspots__art .is-tappable{cursor:pointer;touch-action:manipulation;outline:none}.hotspots__art .is-tappable:focus-visible [data-paint]{stroke:var(--brand-deep);stroke-width:12px}.hotspots__art .is-found [data-paint]{fill:var(--joy)}.hotspots__art .is-found{animation:.6s ease-out mod-pop}.hotspots__art [data-paint]{transition:fill .18s ease-out}.hotspots__label{background:var(--joy);color:#10412a;opacity:0;border-radius:999px;flex:none;min-height:1.5em;margin:0;padding:0 22px;font-size:clamp(22px,3vw,36px);font-weight:700;line-height:1.5;transition:opacity .16s ease-out}.hotspots__label:not(:empty){opacity:1}.hotspots__checklist{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.hotspots__item{border:2px solid var(--line);background:var(--card);min-height:60px;color:var(--ink-dim);border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:clamp(16px,1.8vw,21px);font-weight:700;display:flex}.hotspots__item.is-done{border-color:var(--joy);background:color-mix(in srgb, var(--joy) 16%, white);color:#1f7a4d}.hotspots__tick{opacity:0;transition:opacity .16s ease-out}.hotspots__item.is-done .hotspots__tick{opacity:1}.hotspots__item.is-missing{opacity:.5;border-style:dashed}.hotspots__missing{color:var(--ink-dim);font-size:18px}.hotspots__missing code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.colour{flex-direction:column;align-items:center;gap:18px;width:100%;height:100%;min-height:0;display:flex}.colour__stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.colour__art{justify-content:center;align-items:center;height:100%;display:flex}.colour__art svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:auto;max-width:100%;height:100%;max-height:100%}.colour__art .is-paintable{cursor:pointer;touch-action:manipulation;outline:none}.colour__art .is-paintable:focus-visible [data-paint]{stroke:var(--brand-deep);stroke-width:12px}.colour__art [data-paint]{transition:fill .22s ease-out}.colour__tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.colour__palette{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.colour__swatch{border:4px solid var(--line);background:var(--swatch);cursor:pointer;touch-action:manipulation;border-radius:50%;width:76px;height:76px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s}.colour__swatch[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 5px var(--paper), 0 0 0 9px var(--ink);transform:scale(1.14)}.colour__reset{border:2px solid var(--line);background:var(--card);min-height:68px;color:var(--ink-dim);font:inherit;cursor:pointer;border-radius:16px;padding:0 30px;font-size:clamp(15px,1.6vw,19px);font-weight:700}.colour__missing{color:var(--ink-dim);font-size:18px}.colour__missing code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mod__treatments{border:2px solid var(--line);background:var(--paper);border-radius:14px;flex:none;gap:4px;padding:4px;display:flex}.mod__treatment{min-height:44px;color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0 16px;font-size:15px;font-weight:700}.mod__treatment[aria-checked=true]{background:var(--brand);color:#fff}.parallax{aspect-ratio:400/420;perspective:1400px;height:100%;position:relative}.parallax__scene{transform-style:preserve-3d;position:absolute;inset:0}.parallax__layer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.parallax__layer svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;overflow:visible}.parallax__layer [data-region]{pointer-events:auto}.parallax__layer .is-tappable{cursor:pointer;touch-action:none;outline:none}.parallax__layer [data-paint]{transition:fill .18s ease-out}.parallax__layer .is-found [data-paint]{fill:var(--joy)}.parallax__shadow{background:radial-gradient(#3a334042,#0000 70%);border-radius:50%;width:46%;height:7%;position:absolute;bottom:4%;left:50%;transform:translate(-50%)translateZ(-40px)}.depth{aspect-ratio:400/420;height:100%;position:relative}.depth canvas{border-radius:var(--mod-radius);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.depth canvas:active{cursor:grabbing}.mod,.gallery{--merah:#d1422f;--kuning:#e8b84b;--biru:#2b5f8c;--hijau:#2e7d5b;--coklat:#8a6a4f;--abu:#9c978f;--sky-top:#fdf8ee;--grass:#e3eed6;--grass-deep:#cfe2bd;--day:#d4892a;--day-soft:#fbe8c4;--day-ink:#8a5210;--target:clamp(96px, 11vh, 150px);--radius-l:28px;--round:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, sans-serif;font-family:var(--round)}.mod[data-hewan=anjing],.lesson[data-hewan=anjing]{--day:#2b5f8c;--day-soft:#dde8f2;--day-ink:#1d4263}.mod[data-hewan=kelinci],.lesson[data-hewan=kelinci]{--day:#2e7d5b;--day-soft:#dcede2;--day-ink:#1e5a40}.mod__stage[data-kind]:not([data-kind=hotspots]){padding:0;overflow:hidden}.scene{grid-template-rows:var(--sky,44%) 0 1fr;animation:.26s ease-out scene-in;display:grid;position:absolute;inset:0}@keyframes scene-in{0%{opacity:0;transform:translateY(8px)}}.scene__sky{background:linear-gradient(var(--sky-top), var(--day-soft));justify-content:center;align-items:center;gap:clamp(16px,3vw,48px);min-height:0;padding:clamp(12px,2vh,24px) clamp(16px,3vw,40px);display:flex;position:relative;overflow:hidden}.scene__horizon{pointer-events:none;position:relative}.scene__horizon:before{content:"";background:radial-gradient(circle at 26px 30px, var(--grass) 22px, transparent 23px) 0 0 / 52px 30px repeat-x;height:30px;position:absolute;top:-15px;left:0;right:0}.scene__ground{background:var(--grass);flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(18px,3vh,32px) clamp(14px,2vw,32px) clamp(12px,2vh,20px);display:flex;position:relative}.scene--hands-off .scene__ground,.scene--hands-off .scene__sky>:not(.teacher-corner){pointer-events:none}.scene--night .scene__sky{background:linear-gradient(#1c2130,#29304a);transition:background 1.4s}.scene--night .scene__ground{background:#203226;transition:background 1.4s}.scene--night .scene__horizon:before{background-image:radial-gradient(circle at 26px 30px,#203226 22px,#0000 23px)}.scene--night.is-dawn .scene__sky{background:linear-gradient(var(--sky-top), var(--day-soft))}.scene--night.is-dawn .scene__ground{background:var(--grass)}.scene--night.is-dawn .scene__horizon:before{background-image:radial-gradient(circle at 26px 30px, var(--grass) 22px, transparent 23px)}.art{min-width:0;min-height:0;display:block;position:relative}.art>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.art--missing{border:3px dashed var(--abu);color:var(--coklat);text-align:center;background:#fff9;border-radius:18px;padding:8px;font:600 13px ui-monospace,Menlo,monospace}.art [data-region]{transition:opacity .24s}.art svg[data-focus] [data-depth]:not(.is-focus){opacity:.32}.art .is-focus,.art .is-target,.art .is-found{filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 3px #e8b84b)drop-shadow(0 0 14px #e8b84bf2)}.art .is-found{animation:.9s ease-out found-pulse}.art .is-target{animation:1.4s ease-in-out infinite target-pulse}@keyframes target-pulse{50%{filter:brightness(1.18)drop-shadow(0 0 3px #fff)drop-shadow(0 0 18px #e8b84b)}}@keyframes found-pulse{40%{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 24px #e8b84b)}}.lajur__art [data-region],.colour__art [data-region]{cursor:pointer}.tunas{aspect-ratio:1;flex:none;width:clamp(88px,12vh,150px)}.tunas svg [data-bagian]{transform-box:view-box}.tunas svg [data-bagian=daun]{transform-origin:120px 86px;animation:3.2s ease-in-out infinite leaf}.tunas svg [data-bagian=badan],.tunas svg [data-bagian=wajah]{transform-origin:120px 196px}.tunas svg [data-bagian=lengan-kiri]{transform-origin:74px 136px}.tunas svg [data-bagian=lengan-kanan]{transform-origin:166px 136px}.tunas svg [data-bagian=mata]{transform-origin:122px 134px;animation:4.6s infinite blink}.tunas[data-state=diam] svg [data-bagian=badan],.tunas[data-state=diam] svg [data-bagian=wajah]{animation:3s ease-in-out infinite breathe}.tunas[data-state=pandu] svg{transition:transform .3s;transform:rotate(-4deg)}.tunas[data-state=pandu] svg [data-bagian=lengan-kanan]{transition:transform .3s;transform:rotate(-58deg)}.tunas[data-state=rayakan] svg{animation:.52s ease-out 2 hop}.tunas[data-state=rayakan] svg [data-bagian=lengan-kiri]{transform:rotate(70deg)}.tunas[data-state=rayakan] svg [data-bagian=lengan-kanan]{transform:rotate(-70deg)}.tunas[data-state=semangati] svg{animation:.7s ease-in-out 2 nod}.tunas[data-state=tenang] svg [data-bagian=mata]{animation:none;transform:scaleY(.15)}.tunas[data-state=tenang] svg [data-bagian=badan],.tunas[data-state=tenang] svg [data-bagian=wajah]{animation:8s ease-in-out infinite breathe}.tunas[data-state=pohon] svg [data-bagian]{animation:none}.tunas[data-state=pohon] svg [data-bagian=lengan-kiri]{transform:rotate(-18deg)}.tunas[data-state=pohon] svg [data-bagian=lengan-kanan]{transform:rotate(18deg)}.tunas[data-state=lambai] svg [data-bagian=lengan-kanan]{animation:.7s ease-in-out infinite wave}.scene--move{--beat:1.1s}.scene--move[data-tempo=pelan]{--beat:1.8s}.scene--move[data-tempo=cepat]{--beat:.55s}.scene--move.is-paused .tunas svg,.scene--move.is-paused .tunas svg [data-bagian],.scene--move.is-paused .move__animal svg{animation-play-state:paused!important}.tunas[data-state=gerak-merangkak] svg{transform-origin:50% 90%;animation:crawl var(--beat) ease-in-out infinite}.tunas[data-state=gerak-regang] svg{transform-origin:50% 90%;animation:stretch calc(var(--beat) * 1.6) ease-in-out infinite}.tunas[data-state=gerak-cakar] svg [data-bagian=lengan-kanan]{animation:swipe var(--beat) ease-in-out infinite}.tunas[data-state=gerak-cakar] svg [data-bagian=lengan-kiri]{animation:swipe var(--beat) ease-in-out infinite reverse}.tunas[data-state=gerak-lari] svg{animation:bounce var(--beat) ease-in-out infinite}.tunas[data-state=gerak-lari] svg [data-bagian=lengan-kiri],.tunas[data-state=gerak-lari] svg [data-bagian=lengan-kanan]{animation:pump var(--beat) ease-in-out infinite}.tunas[data-state=gerak-duduk] svg{transform-origin:50% 95%;animation:sit calc(var(--beat) * 3) ease-in-out infinite}.tunas[data-state=gerak-goyang] svg{transform-origin:50% 90%;animation:wiggle var(--beat) ease-in-out infinite}.tunas[data-state=gerak-lompat] svg{transform-origin:50% 95%;animation:hop-land var(--beat) cubic-bezier(.3, 0, .4, 1) infinite}.tunas[data-state=gerak-telinga] svg [data-bagian=lengan-kiri]{animation:ears-l var(--beat) ease-in-out infinite}.tunas[data-state=gerak-telinga] svg [data-bagian=lengan-kanan]{animation:ears-r var(--beat) ease-in-out infinite}.tunas[data-state=gerak-hidung] svg [data-bagian=wajah]{animation:sniff calc(var(--beat) / 3) ease-in-out infinite}@keyframes leaf{50%{transform:rotate(4deg)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes breathe{50%{transform:scale(1.03,1.045)}}@keyframes hop{40%{transform:translateY(-14%)}}@keyframes nod{50%{transform:rotate(6deg)translateY(3%)}}@keyframes wave{50%{transform:rotate(-95deg)}0%,to{transform:rotate(-60deg)}}@keyframes crawl{0%,to{transform:translate(-6%,8%)scale(1.08,.86)}50%{transform:translate(6%,8%)scale(1.08,.86)}}@keyframes stretch{0%,to{transform:scale(1)}50%{transform:scale(1.22,.82)}}@keyframes swipe{0%,to{transform:rotate(0)}50%{transform:rotate(-80deg)}}@keyframes bounce{50%{transform:translateY(-8%)}}@keyframes pump{50%{transform:rotate(-40deg)}}@keyframes sit{0%,30%,to{transform:scale(1)}45%,85%{transform:scale(1.06,.8)}}@keyframes wiggle{25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes hop-land{0%,to{transform:translateY(0)scale(1.06,.92)}15%{transform:translateY(0)scale(1)}50%{transform:translateY(-34%)scale(.96,1.06)}85%{transform:translateY(0)scale(1)}}@keyframes ears-l{0%,to{transform:rotate(120deg)}50%{transform:rotate(150deg)}}@keyframes ears-r{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-150deg)}}@keyframes sniff{50%{transform:translateY(-1.5%)scale(1.02)}}.art svg[data-pose] [data-region],.art svg[data-pose] [data-bagian]{transform-box:fill-box;transition:transform .38s cubic-bezier(.3,1.3,.5,1)}.art svg[data-pose=bulu-putih]{filter:grayscale()brightness(1.42)contrast(.92)}.art svg[data-pose=kecil]{transform-origin:50% 96%;transform:scale(.72)}.art svg[data-pose=senang]{animation:.9s ease-in-out infinite pose-bounce}.art svg[data-pose=senang] [data-region=ekor]{transform-origin:0 100%;animation:.36s ease-in-out infinite alternate wag}[data-hewan=anjing] svg[data-pose=senang] [data-region=ekor]{transform-origin:100% 100%}.art svg[data-pose=minta]{transform-origin:50% 90%;transition:transform .4s;transform:rotate(-6deg)}.art svg[data-pose=takut]{transform-origin:50% 96%;transition:transform .3s;transform:scale(1.04,.88)}.art svg[data-pose=takut] [data-region=telinga]{transform-origin:50% 100%;transform:scaleY(.62)rotate(4deg)}[data-hewan=anjing] svg[data-pose=takut] [data-region=ekor]{transform-origin:100% 100%;transform:rotate(-55deg)}.art svg [data-bagian=telinga-kiri],.art svg [data-bagian=telinga-kanan]{transform-box:fill-box;transform-origin:50% 100%;transition:transform .38s cubic-bezier(.3,1.3,.5,1)}.art svg[data-pose=telinga-jatuh] [data-bagian=telinga-kiri]{transform:rotate(-150deg)}.art svg[data-pose=telinga-jatuh] [data-bagian=telinga-kanan]{transform:rotate(-138deg)}.art svg[data-pose=telinga-tegak] [data-bagian=telinga-kiri],.art svg[data-pose=telinga-tegak] [data-bagian=telinga-kanan]{transform:scaleY(1.14)}.art svg[data-pose=telinga-tegak] [data-bagian=telinga-kanan]{animation:1.6s ease-in-out infinite ear-turn}.art svg[data-pose=hidung] [data-region=hidung]{transform-origin:50%;animation:.18s ease-in-out infinite alternate twitch}.art svg[data-pose=rebah]{transform-origin:50% 96%;transition:transform .7s;transform:scale(1.1,.8)}.art svg[data-pose=rebah] [data-bagian=telinga-kiri]{transform:rotate(-60deg)}.art svg[data-pose=rebah] [data-bagian=telinga-kanan]{transform:rotate(-48deg)}.art svg[data-pose=hentak] [data-region=kaki-belakang]{transform-origin:50% 0;animation:.52s ease-in infinite thump}.art svg[data-pose=hentak] [data-bagian=telinga-kiri]{transform:rotate(-70deg)}.art svg[data-pose=hentak] [data-bagian=telinga-kanan]{transform:rotate(-62deg)}.art svg[data-pose=kaget]{animation:.34s ease-in-out 2 startle}.art svg[data-pose=kaget] [data-bagian=telinga-kiri]{transform:rotate(-78deg)}.art svg[data-pose=kaget] [data-bagian=telinga-kanan]{transform:rotate(-70deg)}.art svg[data-pose=diangkat]{transform-origin:50% 90%;transform:rotate(-3deg)}.art svg[data-pose=tenang] [data-bagian=telinga-kiri]{transform:rotate(-24deg)}.art svg[data-pose=tenang] [data-bagian=telinga-kanan]{transform:rotate(-14deg)}.art svg [data-v]{display:none}.art svg:not([data-pose]) [data-v~=diam],.art svg[data-pose=diam] [data-v~=diam],.art svg[data-pose=panggil] [data-v~=panggil],.art svg[data-pose=lari] [data-v~=lari],.art svg[data-pose=teriak] [data-v~=teriak]{display:inline}@keyframes pose-bounce{50%{transform:translateY(-3%)}}@keyframes wag{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}@keyframes ear-turn{50%{transform:scaleY(1.14)rotate(10deg)}}@keyframes twitch{0%{transform:scale(1)}to{transform:scale(1.22,1.1)translateY(-4%)}}@keyframes thump{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12%)}}@keyframes startle{25%{transform:translate(-3%)}75%{transform:translate(3%)}}.sky-guide{align-items:center;gap:clamp(12px,2vw,28px);max-width:min(46vw,760px);display:flex}.sky-guide--wide{max-width:min(80vw,1100px)}.sky-guide__bubble{color:var(--ink);background:#fff;border-radius:28px;margin:0;padding:clamp(14px,2vh,22px) clamp(18px,2vw,30px);font-size:clamp(20px,2.4vw,36px);font-weight:800;line-height:1.2;position:relative;box-shadow:0 6px #0000000f}.sky-guide__bubble:before{content:"";background:#fff;border-radius:4px;width:28px;height:28px;margin-top:-14px;position:absolute;top:50%;left:-14px;transform:rotate(45deg)}.teacher-corner{z-index:6;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:14px}.teacher-corner button{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffffd1;border:2px solid #0000001a;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.teacher-corner button[aria-checked=true],.teacher-corner button[aria-pressed=true]{background:var(--day);border-color:var(--day);color:#fff}.teacher-corner__progress{color:#00000073;font-size:14px;font-weight:700}.scene--night .teacher-corner__progress{color:#ffffff8c}.play-button{width:var(--target);height:var(--target);background:var(--day);color:#fff;box-shadow:0 8px 0 var(--day-ink);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.play-button svg{width:52%;height:52%}.play-button:active,.play-button.is-pressed{box-shadow:0 3px 0 var(--day-ink);transform:translateY(5px)}.play-button.is-playing{animation:.9s ease-out infinite ring}@keyframes ring{0%{box-shadow:0 8px 0 var(--day-ink), 0 0 0 0 color-mix(in srgb, var(--day) 50%, transparent)}to{box-shadow:0 8px 0 var(--day-ink), 0 0 0 28px transparent}}.big-button{min-width:var(--target);min-height:var(--target);border:4px solid color-mix(in srgb, var(--day) 40%, white);border-radius:var(--radius-l);color:var(--ink);font:inherit;cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 24px;display:flex}.big-button strong{font-size:clamp(20px,2.2vw,30px)}.big-button span{color:var(--ink-dim);font-size:clamp(14px,1.4vw,18px)}.big-button[aria-pressed=true]{border-color:var(--day);background:var(--day-soft)}.pill{border:3px solid color-mix(in srgb, var(--day) 30%, white);min-height:52px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 20px;font-size:clamp(16px,1.6vw,22px);font-weight:700}.pill[aria-pressed=true]{background:var(--day);border-color:var(--day);color:#fff}.pill--perasaan{border-style:dashed}.pill--found{background:var(--hijau);border-color:var(--hijau);color:#fff;cursor:default}.lajur-set{grid-template-columns:repeat(var(--lanes,4), minmax(0, 1fr));gap:clamp(12px,1.6vw,28px);width:100%;height:100%;display:grid}.lajur{border-radius:var(--radius-l);background:#ffffff8c;border:3px solid #ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:0;padding:clamp(10px,1.6vh,18px);transition:box-shadow .3s,background .3s;display:flex;position:relative;overflow:hidden}.lajur.is-done{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--hijau) 55%, transparent);background:#fffc}.lajur__no{z-index:3;background:var(--day);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:grid;position:absolute;top:10px;left:12px}.lajur__art{flex:1;width:100%;min-height:0}.lajur__label{min-height:1.3em;color:var(--hijau);text-align:center;font-size:clamp(20px,2.4vw,36px);font-weight:800}.lajur__label.is-hint{color:var(--coklat)}.tray{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,18px);display:flex}.tray--cards{width:100%;max-width:1500px}.tray--food{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:420px;min-height:0;display:grid}.tray--food .token{border-radius:16px;justify-self:center;width:min(100%,10vh);max-width:128px}.tray--food .token__label{display:none}.token,.word-card,.task-card{aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:clamp(84px,10vh,132px);padding:6px;display:flex;position:relative;box-shadow:0 5px #00000014}.token .art,.word-card .art,.task-card .art{pointer-events:none;flex:1;width:100%;min-height:0}.token__label{color:var(--ink-dim);text-align:center;pointer-events:none;font-size:clamp(11px,1.1vw,15px);font-weight:700;line-height:1.1}.token__icon{width:70%;height:60%;color:var(--day);pointer-events:none}.word-card{aspect-ratio:.9;width:clamp(120px,14vh,190px)}.word-card__word{color:var(--ink);pointer-events:none;font-size:clamp(18px,2vw,28px);font-weight:800}.word-card__word i{color:var(--day);padding:0 1px;font-style:normal}.word-card.is-said{animation:.42s ease-out said}@keyframes said{40%{transform:scale(1.08)}}.task-card{aspect-ratio:.95;width:clamp(120px,14vh,180px)}.task-card span{text-align:center;pointer-events:none;font-size:clamp(14px,1.3vw,18px);font-weight:800}.is-dragging{z-index:50;cursor:grabbing;box-shadow:0 18px 30px #00000038}.bins{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:stretch;align-items:end;gap:clamp(16px,4vw,80px);width:min(92%,1200px);height:100%;display:grid}.bins--1{width:min(46%,560px)}.bin{border:5px solid var(--day);background:#ffffffbf;border-bottom-width:12px;border-radius:24px 24px 40px 40px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:70%;padding:12px 16px 16px;display:flex;position:relative}.bin__letter{color:var(--day);font-size:clamp(48px,9vh,110px);font-weight:900;line-height:1}.bin__example{color:var(--ink-dim);font-size:clamp(14px,1.4vw,20px);font-weight:700}.bin__icon{aspect-ratio:1;width:clamp(48px,7vh,80px)}.bin__icon svg{width:100%;height:100%}.bin__label{font-size:clamp(22px,2.6vw,38px);font-weight:900}.bin__stack{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:auto;display:flex}.bin__stack>*{cursor:default;border-radius:12px;width:clamp(48px,5.5vh,70px);padding:2px}.bin__stack .token__label,.bin__stack .word-card__word{display:none}.bin--aman{border-color:var(--hijau);color:var(--hijau)}.bin--bahaya{border-color:var(--merah);color:var(--merah)}.choices{justify-content:center;align-items:stretch;gap:clamp(20px,4vw,64px);width:100%;display:flex}.choice{border-radius:var(--radius-l);width:clamp(130px,19vh,250px);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:5px solid #fff;flex-direction:column;align-items:center;gap:6px;padding:12px;transition:transform .2s,opacity .3s,border-color .2s;display:flex;box-shadow:0 7px #00000014}.choice .art{aspect-ratio:1;pointer-events:none;width:100%}.choice>span,.choice strong{font-size:clamp(18px,2vw,28px);font-weight:800}.choice.is-right{border-color:var(--hijau);transform:scale(1.08)}.choices.is-solved .choice:not(.is-right){opacity:.35}.choices--four .choice{width:clamp(118px,17vh,220px);padding:8px}.choice--face{width:clamp(130px,18vh,220px)}.choice--face>span{color:var(--ink-dim);font-size:clamp(13px,1.3vw,17px);font-weight:600}.face{aspect-ratio:1;width:50%}.face__disc{fill:currentColor;opacity:.16}.choice--face[data-tone=senang]{color:var(--hijau)}.choice--face[data-tone=minta],.choice--face[data-tone=penasaran]{color:#b8861f}.choice--face[data-tone=takut]{color:var(--merah)}.choice--face[data-tone=tenang],.choice--face[data-tone=mendengar]{color:var(--biru)}.choice--face strong{color:var(--ink)}.choice--pose .art{aspect-ratio:auto;width:100%;height:clamp(64px,13vh,210px)}.choices--four .choice>span{text-align:center;font-size:clamp(16px,1.7vw,24px);line-height:1.15}.reveal__track{place-items:center;width:100%;height:100%;display:grid;position:relative}.reveal__animal{width:min(44vh,460px);height:92%;transition:opacity 1.2s,filter 1.2s}.reveal__animal.is-hidden svg{filter:brightness(0)blur(14px);opacity:.4}.reveal__animal.is-hidden.is-hopping svg{filter:brightness(0)}.reveal__tunas .tunas{width:clamp(110px,16vh,190px)}.mod__treatments[hidden]{display:none}.scene--reveal .reveal__animal.is-hidden.is-hopping svg{opacity:.85}.reveal__animal svg{transition:filter 1.2s,opacity 1.2s}.reveal__letter{color:var(--day);opacity:0;pointer-events:none;place-items:center;font-size:clamp(180px,42vh,460px);font-weight:900;line-height:1;transition:opacity .6s,transform .6s;display:grid;position:absolute;inset:0;transform:scale(.8)}.reveal__letter.is-shown{opacity:.22;transform:scale(1)}.reveal__controls{justify-content:center;align-items:center;gap:clamp(40px,10vw,180px);width:100%;display:flex}.reveal__guide{flex-direction:column;align-items:center;gap:6px;display:flex}.reveal__tunas{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.reveal__hint{color:#ffffffd1;font-size:17px;font-weight:800}.is-dawn .reveal__hint{color:var(--ink-dim)}.reveal__cue{color:#fff;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;padding:0;display:flex}.reveal__ear{width:calc(var(--target) * 1.4);color:var(--day);filter:drop-shadow(0 8px 0 var(--day-ink))}.reveal__cue--motion svg{width:var(--target);height:var(--target);background:var(--day);border-radius:50%;padding:30px}.reveal__cue-label{letter-spacing:.04em;color:#fffc;font-size:18px;font-weight:800}.is-dawn .reveal__cue-label{color:var(--ink-dim)}.reveal__cue.is-pressed .reveal__ear,.reveal__cue.is-pressed svg{animation:.42s ease-out said}.scene--bubbles .scene__sky{flex-direction:column;justify-content:flex-start}.bubbles__question{color:var(--day-ink);margin:0;font-size:clamp(24px,3vw,44px);font-weight:900}.bubbles__field{flex:1;width:100%;position:relative}.bubble{left:var(--x);top:var(--y);border:4px solid color-mix(in srgb, var(--day) 45%, white);min-height:60px;color:var(--ink);font:inherit;cursor:pointer;animation:float 6s ease-in-out var(--d,0s) infinite;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:10px 26px;font-size:clamp(18px,2.1vw,30px);font-weight:800;display:inline-flex;position:absolute}.bubble.is-new{animation:.52s cubic-bezier(.3,1.5,.5,1) bubble-in,6s ease-in-out .52s infinite float}.bubble.is-proven{border-color:var(--hijau);background:color-mix(in srgb, var(--hijau) 12%, white)}.bubble__tick{color:var(--hijau)}.bubble__x{color:var(--abu);margin-left:4px;font-size:.9em}.scene--bubbles.is-marking .bubble:not(.is-proven){border-style:dashed}@keyframes float{50%{transform:translateY(-8px)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(80px)scale(.4)}}.bubbles__panel{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:1400px;display:flex}.bubbles__picker{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bubbles__free{gap:10px;display:flex}.bubbles__free input{width:min(40vw,380px);min-height:52px;font:inherit;border:3px solid #0000001f;border-radius:999px;padding:0 18px;font-size:18px}.bubbles__free button,.bubbles__mark{background:var(--day);color:#fff;min-height:52px;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 22px;font-size:17px;font-weight:800}.bubbles__modes{align-items:center;gap:16px;display:flex}.bubbles__mark{color:var(--hijau);border:3px solid var(--hijau);background:#fff}.bubbles__mark[aria-pressed=true]{background:var(--hijau);color:#fff}.bubbles__count{color:var(--ink-dim);font-weight:700}.observe__row{justify-content:center;align-items:flex-end;gap:clamp(16px,3vw,48px);width:100%;height:100%;display:flex}.observe__card{border-radius:var(--radius-l);cursor:pointer;background:#fff;flex-direction:column;flex:1;align-items:center;max-width:420px;height:92%;margin:0;padding:12px 12px 14px;transition:flex .4s,opacity .4s,transform .4s;display:flex;position:relative;box-shadow:0 8px #00000012}.observe__card .art{background:color-mix(in srgb, var(--day-soft) 75%, white);border-radius:18px;flex:1;width:100%;min-height:0}.observe__card figcaption{flex-direction:column;align-items:center;display:flex}.observe__card strong{font-size:clamp(20px,2.2vw,32px)}.observe__card figcaption span{color:var(--ink-dim);font-size:clamp(14px,1.4vw,19px)}.observe__row[data-focus]:not([data-focus=""]) .observe__card:not(.is-focus){opacity:.45;flex:.6}.observe__card.is-focus{box-shadow:0 0 0 5px var(--day), 0 12px 0 #00000012;flex:1.6;transform:translateY(-4px)}.observe__icon{width:44px;height:44px;color:var(--day);position:absolute;top:12px;right:12px}.observe__photo{border:2px dashed var(--abu);color:var(--abu);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.observe__buttons{gap:clamp(16px,3vw,48px);display:flex}.find__ref,.count__ref{pointer-events:none;flex-direction:column;align-items:center;min-width:0;height:100%;display:flex;position:relative}.find__reference,.count__reference{aspect-ratio:1;flex:1;min-height:0}.find__ref-label{background:var(--hijau);color:#fff;border-radius:999px;padding:4px 22px;font-size:clamp(22px,2.6vw,38px);font-weight:900;position:absolute;bottom:4px}.find__ref-label:empty{display:none}.count__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scene--count-parts .scene__sky{padding-top:64px}.scene--count-parts .sky-guide{flex:auto;min-width:0}.scene--count-parts .sky-guide__bubble{font-size:clamp(18px,2vw,30px)}.count__ref{flex:none;width:clamp(110px,13vw,200px)}.count__reference{width:100%}.count__card{min-width:170px;color:var(--ink-dim);background:#ffffffb3;border-radius:16px;align-items:baseline;gap:10px;padding:6px 16px;font-size:clamp(15px,1.5vw,20px);font-weight:700;display:flex}.count__card strong{min-width:1.6em;color:var(--abu);font-size:clamp(24px,2.8vw,40px)}.count__card.is-known strong{color:var(--hijau)}.count__card.is-known{color:var(--ink);background:#fff}.count__mark{z-index:4;background:var(--kuning);width:clamp(38px,5vh,58px);height:clamp(38px,5vh,58px);color:var(--ink);pointer-events:none;border-radius:50%;place-items:center;margin:calc(clamp(38px,5vh,58px)/-2) 0 0 calc(clamp(38px,5vh,58px)/-2);font-size:clamp(20px,2.6vh,30px);font-weight:900;animation:.36s cubic-bezier(.3,1.6,.5,1) mark-in;display:grid;position:absolute;box-shadow:0 3px #00000026}.count__mark.is-last{background:var(--hijau);color:#fff}.count__mark.is-many{background:var(--day);color:#fff;border-radius:999px;width:auto;padding:0 16px}@keyframes mark-in{0%{transform:scale(0)}}.compare__pair{justify-content:center;gap:clamp(24px,6vw,120px);width:100%;height:100%;display:flex}.compare__option{border-radius:var(--radius-l);width:min(36vw,520px);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:5px solid #fff;flex-direction:column;align-items:center;padding:12px;display:flex}.compare__option .art{pointer-events:none;flex:1;width:100%;min-height:0}.compare__option span{font-size:clamp(20px,2.2vw,32px);font-weight:800}.compare__option.is-right{border-color:var(--hijau)}.compare__found{gap:8px;display:flex;position:absolute;bottom:16px;right:20px}.listen__cue{align-items:center;gap:clamp(20px,4vw,60px);display:flex}.listen__clues{color:var(--day-ink);margin:0;padding:0;font-size:clamp(22px,2.6vw,40px);font-weight:800;list-style:none}.listen__clues li{animation:.42s ease-out bubble-in}.feelings__stage{align-items:center;gap:clamp(20px,4vw,60px);height:100%;display:flex}.feelings__animal-wrap{aspect-ratio:1;height:100%}.feelings__animal{width:100%;height:100%}.move__stage{justify-content:center;align-items:flex-end;gap:clamp(30px,8vw,140px);width:100%;height:100%;display:flex}.move__tunas .tunas{width:min(46vh,440px)}.move__animal{aspect-ratio:1;opacity:.9;width:min(26vh,260px)}.move__count{color:var(--day);font-size:clamp(90px,18vh,200px);font-weight:900;line-height:1;position:absolute;top:8%;left:50%;transform:translate(-50%)}.move__count.is-landed{animation:.42s cubic-bezier(.3,1.6,.5,1) count-land}@keyframes count-land{0%{opacity:0;transform:translate(-50%)scale(.4)}}.move__list{gap:20px;margin:0;padding:0;list-style:none;display:flex}.move__list li{color:var(--ink-dim);background:#fff9;border-radius:999px;padding:12px 26px;font-size:clamp(18px,2vw,28px);font-weight:800;transition:background .3s,color .3s,transform .3s}.move__list li.is-current{background:var(--day);color:#fff;transform:scale(1.08)}.scene--calm .scene__sky,.scene--calm .scene__ground{transition:background 6s,filter 6s}.scene--calm.is-dim .scene__sky{background:linear-gradient(#2a2f45,#3b3f5c)}.scene--calm.is-dim .scene__ground{background:#2c3a33}.scene--calm.is-dim .scene__horizon:before{background-image:radial-gradient(circle at 26px 30px,#2c3a33 22px,#0000 23px)}.calm__stage{justify-content:center;align-items:flex-end;gap:40px;width:100%;height:100%;display:flex;position:relative}.calm__animal-wrap{aspect-ratio:1;height:90%;position:relative}.calm__animal{width:100%;height:100%;transition:transform 2.4s,opacity 2.4s}.calm__animal[data-calm=tidur] svg,.calm__animal[data-calm=rebah] svg{transform-origin:50% 96%;animation:8s ease-in-out infinite breathe}.calm__animal[data-calm=engah] svg{transform-origin:50% 96%;animation:.38s ease-in-out infinite pant}.calm__animal[data-calm=rebah]{transform:scale(1.1,.82)translateY(10%)}.calm__animal[data-calm=masuk]{transform:translate(-6%,34%)scale(.72)}.calm__burrow{pointer-events:none;width:min(60vh,560px);position:absolute;bottom:-2%;left:50%;transform:translate(-54%)}.calm__burrow svg{width:100%;display:block}.calm__tunas .tunas{opacity:.85;width:clamp(80px,10vh,120px)}@keyframes pant{50%{transform:scale(1.02,1.05)}}.breath{aspect-ratio:1;place-items:center;height:92%;max-height:320px;display:grid;position:relative}.breath__ring{border:4px solid #ffffff4d;border-radius:50%;position:absolute;inset:0}.breath__disc{aspect-ratio:1;background:color-mix(in srgb, var(--day) 55%, white);opacity:.85;border-radius:50%;width:46%;transition:transform 4s ease-in-out}.breath[data-phase=in] .breath__disc{transform:scale(2.1)}.breath[data-phase=out] .breath__disc{transform:scale(1)}.breath[data-phase=rest] .breath__disc{opacity:.5;transform:scale(1.3)}.feed__sky{align-items:flex-end;gap:clamp(20px,4vw,60px);height:100%;display:flex}.feed__animal{aspect-ratio:1;height:100%}.feed__animal .art{height:100%}.feed__animal .art.is-eating svg{animation:.4s ease-in-out 3 pose-bounce}.scene--feed .lajur,.scene--sort-into .lajur{justify-content:flex-start}.feed__bowl{aspect-ratio:1.2;flex:none;place-items:center;width:min(100%,15vh);display:grid;position:relative}.feed__bowl-art{position:absolute;inset:0}.feed__in{flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:absolute;top:8%;left:12%;right:12%}.feed__in .token{width:clamp(38px,4.4vh,56px);box-shadow:none;background:0 0;padding:0}.feed__in .token__label{display:none}.feed__count{z-index:3;background:var(--day);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px}.sort__sky{justify-content:center;align-items:flex-end;gap:30px;width:100%;height:100%;display:flex}.sort__sky .bins{width:min(80%,1100px)}.place__start{place-items:center;width:100%;height:30%;display:grid}.place__mover{aspect-ratio:1;cursor:grab;width:min(100%,15vh)}.place__grid{flex:1;grid-template-columns:1fr 1fr;gap:8px;width:100%;min-height:0;display:grid}.place{background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:4px;display:flex;position:relative}.place>.art{flex:1;width:100%;min-height:0}.place__label{font-size:clamp(12px,1.2vw,16px);font-weight:800}.place__bed{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:-18% 8% 26%}.place__bed .place__mover{pointer-events:auto;width:100%;height:100%}.place.is-taken{box-shadow:inset 0 0 0 4px var(--hijau)}.place.is-squeeze .place__bed .art svg{transform-origin:50% 100%;animation:1.6s ease-in-out both squeeze}@keyframes squeeze{0%{transform:scale(1.1,.9)}25%{transform:scale(.78,1.18)}45%{transform:scale(.84,1.08)rotate(-5deg)}65%{transform:scale(.8,1.12)rotate(4deg)}to{transform:scale(.82,1.1)}}.scene--sequence .scene__sky{justify-content:flex-start;align-items:flex-end;gap:clamp(12px,2vw,32px)}.sequence__sky{flex:none;width:clamp(140px,20vw,300px);height:100%;position:relative}.sequence__animal{position:absolute;inset:0 0 0 20%}.sequence__animal .art{width:100%;height:100%}.sequence__animal .art.is-cared svg{animation:.9s ease-in-out infinite pose-bounce}.sequence__tunas{z-index:2;position:absolute;bottom:0;left:0}.sequence__tunas .tunas{width:clamp(64px,9vh,110px)}.day-strip{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,24px);height:92%;margin:0;padding:0;list-style:none;display:grid}.day-slot{border:4px dashed color-mix(in srgb, var(--day) 45%, white);background:#ffffff8c;border-radius:24px;grid-template-rows:auto auto minmax(0,1fr);justify-items:center;min-height:0;padding:6px;display:grid}.day-slot svg{width:44px;height:40px}.day-slot__label{color:var(--ink-dim);font-size:clamp(15px,1.5vw,22px);font-weight:800}.day-slot__bed{place-items:center;width:100%;min-height:0;display:grid}.day-slot.is-filled{border-style:solid;border-color:var(--hijau);background:#fff}.day-slot__bed .task-card{aspect-ratio:.95;width:auto;height:100%;max-height:150px;box-shadow:none}.safety__scene{justify-content:center;align-items:flex-end;gap:0;width:100%;height:100%;display:flex}.safety__dog-wrap{aspect-ratio:1;height:88%}.safety__dog{width:100%;height:100%}.safety__child-wrap{align-items:flex-end;height:88%;display:flex;position:relative}.safety__child{aspect-ratio:.62;height:100%}.safety__tunas{opacity:0;transition:opacity .6s,transform .6s;position:absolute;bottom:0;left:100%;transform:translate(40px)}.scene--safety.is-recap .safety__tunas{opacity:1;transform:none}.safety__gap{border-top:5px dashed color-mix(in srgb, var(--day) 60%, white);text-align:center;align-self:center;width:clamp(120px,18vw,340px)}.safety__gap span{color:var(--day-ink);font-size:clamp(16px,1.6vw,22px);font-weight:800;position:relative;top:8px}.gentle__hands{place-items:center;width:80%;height:34%;display:grid;position:relative}.gentle__hands-art{position:absolute;inset:0}.gentle__bed{z-index:2;place-items:end center;width:70%;height:100%;display:grid;position:relative}.gentle__bed .gentle__rabbit{width:100%;height:110%;transform:translateY(-18%)}.gentle__floor{flex:1;place-items:end center;width:100%;min-height:0;display:grid}.gentle__rabbit{aspect-ratio:1;cursor:grab;width:min(100%,20vh)}.gentle__meter{background:#00000014;border-radius:999px;width:70%;height:10px;overflow:hidden}.gentle__meter i{background:var(--hijau);transform-origin:0;height:100%;transition:transform 80ms linear,background .2s;display:block;transform:scaleX(0)}.gentle__meter i.is-over{background:var(--merah)}.table__title{color:var(--day-ink);margin:0;font-size:clamp(24px,3vw,52px);font-weight:900}.scene--table .scene__ground{justify-content:space-between;gap:14px}.friends{grid-template-columns:minmax(120px, .8fr) repeat(var(--cols), minmax(0, 1fr));gap:10px;width:min(96%,1300px);display:grid}.friends__head{text-align:center;color:var(--day-ink);text-transform:lowercase;font-size:clamp(18px,1.8vw,26px);font-weight:900}.friends__row{background:#fff;border-radius:20px;align-items:center;gap:8px;padding:6px 10px;font-size:clamp(16px,1.6vw,22px);font-weight:800;display:flex}.friends__row .art{aspect-ratio:1;width:clamp(40px,6vh,84px)}.scene--table .tray .token{width:clamp(58px,9vh,120px)}.friends__cell .token{width:clamp(50px,7.5vh,110px)}.friends__cell{background:#ffffff80;border:4px dashed #0000001f;border-radius:20px;place-items:center;min-height:clamp(58px,9vh,140px);display:grid}.friends__cell .token{box-shadow:none;cursor:default}.scene--colour .sky-guide__bubble{font-size:clamp(18px,2vw,30px)}.colour__yard{color:var(--hijau);background:#ffffffbf;border-radius:999px;padding:8px 18px;font-weight:800;position:absolute;bottom:14px;right:18px}.colour__frame{flex:1;width:100%;min-height:0;position:relative;overflow:visible}.colour__frame .colour__art{position:absolute;inset:0}.colour__art [data-line]{visibility:visible}.colour__art.is-walking{animation:2s ease-in forwards walk-out}.colour__art.is-walking svg{animation:.26s ease-in-out infinite pose-bounce}.colour__art.is-arriving{animation:.5s ease-out sheet-in}@keyframes walk-out{to{opacity:0;transform:translate(120vw,-10vh)scale(.5)}}@keyframes sheet-in{0%{opacity:0}}.scene--colour .lajur{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:44px;display:grid}.scene--colour .colour__frame{grid-area:1/1;height:100%}.scene--colour .colour__actions{grid-area:2/1/auto/-1}.lajur .colour__palette{grid-area:1/2;grid-template-columns:repeat(2,clamp(34px,6.2vh,72px));grid-auto-rows:clamp(34px,6.2vh,72px);align-content:center;gap:6px;display:grid}.lajur .colour__swatch{background:var(--swatch);cursor:pointer;border:4px solid #fff;border-radius:50%;justify-self:center;width:100%;height:100%;box-shadow:0 3px #0000001f}.lajur .colour__swatch[aria-checked=true]{outline:5px solid var(--ink);outline-offset:1px;transform:scale(1.06)}.colour__actions{gap:8px;width:100%;display:flex}.colour__actions button{min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 14px;font-size:15px;font-weight:800}.lajur .colour__reset{color:var(--ink-dim);background:#00000012}.colour__send{background:var(--hijau);color:#fff;flex:1}.colour__send:disabled{color:#0000004d;cursor:default;background:#00000012}.lajur.is-ready .colour__send{animation:1.4s ease-in-out infinite invite}@keyframes invite{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--hijau) 25%, transparent)}}.name__sky{justify-content:center;align-items:center;gap:36px;width:100%;height:100%;display:flex;position:relative}.name__animal{aspect-ratio:1;height:100%}.name__animal .art{height:100%}.name__pick{flex-direction:column;gap:6px;display:flex;position:absolute;top:0;left:0}.name__thumb{min-height:40px;font:inherit;cursor:pointer;background:#fffc;border:2px solid #0000001a;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.name__thumb.is-current{background:var(--day);border-color:var(--day);color:#fff}.name__note{max-width:260px;color:var(--ink-dim);margin:0;font-size:14px}.name__plate{border:5px solid var(--day);background:#fff;border-radius:24px;justify-content:center;align-items:center;gap:4px;min-width:260px;min-height:90px;padding:12px 24px;display:flex}.name__plate span{letter-spacing:.04em;color:var(--ink);font-size:clamp(34px,5vh,60px);font-weight:900}.name__plate span+span:before{content:"·";color:var(--day);margin-right:4px}.name__plate em{color:var(--abu);font-size:26px}.name__plate.is-named{border-color:var(--hijau);animation:.5s ease-out said}.name__board{flex-direction:column;gap:10px;width:100%;max-width:1500px;display:flex}.syllables{grid-template-columns:repeat(auto-fill,minmax(clamp(76px,10vh,140px),1fr));gap:clamp(6px,1vw,14px);display:grid}.syllable{min-height:clamp(56px,9vh,130px);box-shadow:0 6px 0 color-mix(in srgb, var(--day) 35%, white);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:none;border-radius:24px;font-size:clamp(28px,4vh,44px);font-weight:900}.syllable:active{box-shadow:0 2px 0 color-mix(in srgb, var(--day) 35%, white);transform:translateY(4px)}.name__row{align-items:center;gap:10px;display:flex}.name__suggest{flex-wrap:wrap;flex:1;gap:8px;display:flex}.name__undo,.name__done{min-height:60px;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:0 24px;font-size:19px;font-weight:800}.name__undo{color:var(--ink-dim);background:#00000012}.name__done{background:var(--hijau);color:#fff}.scene--yard .scene__sky{background:0 0;justify-content:flex-start;align-items:flex-start}.scene--yard .scene__ground{background:0 0;padding:0}.scene--yard .scene__horizon:before{display:none}.yard__backdrop{z-index:0;position:absolute;inset:0}.yard__backdrop svg{width:100%;height:100%}.scene--yard>.scene__sky,.scene--yard>.scene__ground{z-index:1}.yard__title{color:var(--hijau);background:#ffffffb3;border-radius:999px;margin:0;padding:8px 22px;font-size:clamp(26px,3.2vw,46px);font-weight:900}.yard__tunas{transition:transform .8s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.scene--yard.is-still .yard__tunas{transform:translate(-50%,10%)scale(1.5)}.scene--yard.is-still .creature{filter:saturate(.8);animation-play-state:paused}.yard__controls{flex-wrap:wrap;justify-content:flex-end;max-width:60%}.yard__field{width:100%;height:100%;position:relative}.yard__empty{text-align:center;color:var(--ink-dim);background:#ffffffbf;border-radius:20px;margin:0;padding:18px 24px;font-size:18px;font-weight:700;position:absolute;inset:20% 20% auto}.creature{aspect-ratio:1;width:clamp(90px,18vh,210px);font:inherit;cursor:pointer;transform:translate(-50%, -20%) scale(var(--depth,1));background:0 0;border:none;padding:0;animation:3.4s ease-in-out infinite idle;position:absolute}.creature .art{pointer-events:none;width:100%;height:100%}.creature.is-today{animation:1.6s ease-out both walk-in,3.4s ease-in-out 1.6s infinite idle}.creature__name{white-space:nowrap;background:#fff;border-radius:999px;padding:4px 12px;font-size:clamp(13px,1.6vh,18px);font-weight:900;transition:transform .26s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)scale(0)}.creature__lane{background:var(--day);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:none;position:absolute;top:0;right:4%}.creature.is-talking .creature__name{transform:translate(-50%)scale(1)}.creature.is-talking .art svg{animation:.46s ease-out hop}.creature.is-eating .art svg{animation:.3s ease-in-out 4 pose-bounce}.creature.is-refusing .art svg{animation:.3s ease-in-out 2 startle}.scene--yard.is-finding .creature.is-today .creature__name,.scene--yard.is-finding .creature.is-today .creature__lane{display:grid;transform:translate(-50%)scale(1)}.scene--yard.is-finding .creature.is-today .creature__lane{transform:none}.scene--yard.is-finding .creature:not(.is-today){opacity:.4}@keyframes idle{50%{transform:translate(-50%, -22%) scale(var(--depth,1))}}@keyframes walk-in{0%{transform:translate(-50vw, -20%) scale(var(--depth,1))}}.yard__pantry{z-index:60;background:#fff9;border-radius:24px;gap:8px;padding:8px;display:flex;position:absolute;bottom:14px;right:16px}.token--small{width:clamp(64px,8vh,96px)}@media print{body.print-yard .mod__bar,body.print-yard .mod__steps,body.print-yard .mod__caption,body.print-yard .mod__nav,body.print-yard .yard__controls,body.print-yard .yard__pantry,body.print-yard .yard__tunas{display:none!important}body.print-yard .mod__stage{position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.scene,.tunas svg,.tunas svg [data-bagian],.art svg,.art svg [data-region],.art svg [data-bagian],.bubble,.creature{animation-duration:1ms!important;animation-iteration-count:1!important}}.mod__play{flex-direction:column;height:100%;display:flex}.mod__play[hidden],.guru[hidden]{display:none}.guru{background:var(--paper);height:100%;padding:clamp(20px,3vw,44px) clamp(20px,4vw,64px) 0;overflow-y:auto}.guru__head{border-bottom:6px solid var(--day);align-items:flex-start;gap:24px;padding-bottom:20px;display:flex}.guru__exit{border:2px solid var(--line);color:var(--ink-dim);border-radius:12px;flex:none;padding:12px 18px;font-weight:700;text-decoration:none}.guru__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--coklat);margin:0;font-size:13px;font-weight:800}.guru__head h1{letter-spacing:-.01em;margin:4px 0;font-size:clamp(28px,3.4vw,48px)}.guru__nilai{color:var(--ink-dim);margin:0;font-size:17px}.guru__nilai strong{color:var(--day-ink)}.guru__section{padding:26px 0 6px}.guru__section h2{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:baseline;gap:12px;margin:0 0 12px;font-size:15px;font-weight:800;display:flex}.guru__section h2 small{letter-spacing:0;text-transform:none;color:var(--day-ink);font-size:14px;font-weight:700}.guru__jalur{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guru__path{border:3px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.guru__path strong{font-size:24px}.guru__path span{color:var(--ink-dim);font-weight:700}.guru__path small{color:var(--ink-dim);font-size:14px}.guru__path[aria-checked=true]{border-color:var(--day);background:var(--day);color:#fff}.guru__path[aria-checked=true] span,.guru__path[aria-checked=true] small{color:#ffffffd9}.guru__blocks{flex-direction:column;gap:10px;display:flex}.guru__block{grid-template-columns:210px 1fr;align-items:stretch;gap:14px;display:grid}.guru__block-name{color:var(--ink-dim);align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.guru__block-name span{background:var(--ink);color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.guru__screens{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.guru__screen{border:3px dashed var(--line);min-height:72px;color:var(--ink-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:10px 14px 10px 10px;display:grid;position:relative}.guru__no{background:var(--line);border-radius:12px;grid-row:span 2;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.guru__screen-title{font-weight:800;line-height:1.2}.guru__screen-meta{font-size:13px}.guru__screen-meta b{color:var(--ink)}.guru__done{color:var(--hijau);font-weight:900;position:absolute;top:6px;right:10px}.guru__screen[aria-pressed=true]{color:var(--ink);background:#fff;border-style:solid;border-color:#0000;box-shadow:0 3px #0000000f}.guru__screen[aria-pressed=true] .guru__no{color:#fff}.guru__screen--multi[aria-pressed=true] .guru__no{background:var(--hijau)}.guru__screen--satu[aria-pressed=true] .guru__no{background:var(--merah)}.guru__screen--kelas[aria-pressed=true] .guru__no{background:var(--biru)}.guru__screen--guru[aria-pressed=true] .guru__no{background:var(--coklat)}.guru__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.guru__hint{color:var(--ink-dim);margin:-6px 0 10px;font-size:14px}.guru__seg{background:var(--line);border-radius:16px;gap:6px;padding:5px;display:inline-flex}.guru__seg button{min-width:64px;min-height:52px;color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0 16px;font-size:18px;font-weight:800}.guru__seg button[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 2px #00000014}.guru__clear{border:2px solid color-mix(in srgb, var(--merah) 40%, white);min-height:48px;color:var(--merah);font:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:0 18px;font-weight:700}.guru__clear:disabled{opacity:.4;cursor:default}.guru__foot{margin-top:24px;border-top:2px solid var(--line);background:var(--paper);flex-direction:row-reverse;align-items:center;gap:14px;margin-inline:calc(-1*clamp(20px,4vw,64px));padding:16px clamp(20px,4vw,64px) 20px;display:flex;position:sticky;bottom:0}.guru__start{background:var(--day);color:#fff;min-height:84px;font:inherit;box-shadow:0 6px 0 var(--day-ink);cursor:pointer;border:none;border-radius:22px;padding:0 44px;font-size:26px;font-weight:900}.guru__start:disabled{opacity:.4}.guru__resume{border:3px solid var(--day);min-height:64px;color:var(--day-ink);font:inherit;cursor:pointer;background:#fff;border-radius:18px;padding:0 22px;font-size:17px;font-weight:800}.mod__badges{flex:none;gap:6px;display:flex}.tag{letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:800}.tag--multi{background:var(--hijau)}.tag--satu{background:var(--merah)}.tag--kelas{background:var(--biru)}.tag--guru{background:var(--coklat)}.tag--inti{background:var(--ink)}.mod__steps{align-items:center;gap:8px;padding-block:8px}.mod__step{width:44px;height:44px;font-size:15px}.mod__step--current{border-color:var(--day);background:var(--day)}.mod__blok{color:var(--abu);flex:none;margin-left:10px;font-size:13px;font-weight:900}.mod__blok:first-child{margin-left:0}.mod__rest{border:2px dashed var(--abu);color:var(--ink-dim);border-radius:999px;flex:none;padding:4px 12px;font-size:13px;font-weight:700}.mod__caption{padding-block:10px}.mod__narration{border-radius:10px;transition:background 1.2s}.mod__narration.is-new{background:color-mix(in srgb, var(--kuning) 35%, transparent);transition:none}.mod__next{border-color:var(--day);background:var(--day)}.mod__nav{padding-block:8px}.mod__prev,.mod__next{min-height:64px}.mod__teacher-note{grid-template-columns:1fr 1fr;gap:28px;display:grid}.mod__teacher-note[hidden]{display:none}.mod__note-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--coklat);margin:0 0 4px;font-size:12px;font-weight:800}.mod__note-screen h3{margin:0 0 8px;font-size:20px}.mod__teacher-note dl{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}.mod__teacher-note dt{color:var(--day-ink);font-weight:800}.mod__teacher-note dd{color:var(--ink-dim);margin:0}@media (width<=900px){.guru__jalur,.guru__row,.mod__teacher-note,.guru__block{grid-template-columns:1fr}.mod__badges{display:none}}.gallery__title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.gallery__title h1{margin:0 0 6px}.gallery__title p{color:var(--ink-dim);margin:0;font-size:clamp(16px,1.8vw,20px)}.gallery__yard{background:var(--grass);color:var(--hijau);border-radius:20px;align-items:center;gap:12px;padding:12px 22px;font-weight:700;line-height:1.2;display:flex}.gallery__yard strong{font-size:40px;font-weight:900}.gallery .lessons{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.gallery .lesson{border-width:3px;gap:0;min-height:0;padding:0;overflow:hidden}.lesson__scene{background:linear-gradient(var(--sky-top) 0 62%, var(--grass) 62%);height:190px;position:relative}.lesson__scene:after{content:"";background:radial-gradient(circle at 18px 24px, var(--grass) 16px, transparent 17px) 0 0 / 36px 24px repeat-x;height:24px;position:absolute;top:calc(62% - 12px);left:0;right:0}.lesson[data-hewan] .lesson__scene{background:linear-gradient(var(--day-soft) 0 62%, var(--grass) 62%)}.lesson[data-hewan=kucing]{--day:#d4892a;--day-soft:#fbe8c4;--day-ink:#8a5210}.lesson__art{z-index:1;width:170px;height:170px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@media (hover:hover){a.lesson:hover .lesson__art svg{animation:.7s ease-in-out pose-bounce}}a.lesson:active .lesson__art svg{animation:.7s ease-in-out pose-bounce}.gallery .lesson__day{z-index:2;background:var(--day);color:#fff;letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800;position:absolute;top:12px;left:14px}.lesson--planned .lesson__day{background:var(--abu)}.lesson__body{flex-direction:column;flex:1;gap:6px;padding:18px 20px;display:flex}.lesson__nilai{color:var(--day-ink);margin:0;font-size:14px;font-weight:800}.gallery .lesson__foot{gap:12px}.lesson__meta{font-size:13px}.lesson__progress{background:var(--line);border-radius:999px;flex:1;height:8px;overflow:hidden}.lesson__progress i{height:100%;width:calc(var(--p) * 100%);background:var(--hijau);display:block}.gallery .lesson__state{color:var(--day-ink)}@media (hover:hover){.gallery a.lesson:hover{border-color:var(--day);box-shadow:0 10px 28px color-mix(in srgb, var(--day) 22%, transparent)}}.gallery a.lesson:focus-visible{border-color:var(--day);box-shadow:0 10px 28px color-mix(in srgb, var(--day) 22%, transparent)}.mod,.gallery{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mod img,.mod svg{-webkit-user-drag:none}.mod{touch-action:pan-x pan-y}.mod button,.mod a{transition:scale 90ms ease-out,filter 90ms ease-out}.mod button:not(:disabled):active,.mod a:active{filter:brightness(.94);scale:.96}.mod__bar{gap:12px;padding-block:10px}.mod__module{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.mod__nav{background:0 0;border:0;flex:none;gap:10px;padding:0;display:flex}.mod__prev,.mod__next{min-height:60px;margin:0}.mod__prev{width:68px;padding:0;font-size:26px}.mod__next{min-width:200px}.mod__steps{gap:16px;overflow:hidden}.mod__dots{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.mod__dots::-webkit-scrollbar{display:none}.mod__steps .mod__treatments{flex:none;margin-left:auto}.mod__caption{border-top:0;border-bottom:2px solid var(--line)}.mod__loading{z-index:4;background:var(--sky-top);justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.mod__loading span{background:var(--day);border-radius:50%;width:22px;height:22px;animation:.9s ease-in-out infinite loading-dot}.mod__loading span:nth-child(2){animation-delay:.15s}.mod__loading span:nth-child(3){animation-delay:.3s}.mod__loading p{color:var(--day-ink);margin:0 0 0 10px;font-size:20px;font-weight:800}@keyframes loading-dot{50%{opacity:.5;transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.mod__loading span{animation:none}}.sheet{z-index:100;background:#281e1480;place-items:center;padding:24px;animation:.16s ease-out sheet-in;display:grid;position:fixed;inset:0}.sheet__card{border-radius:var(--radius-l);width:min(640px,100%);color:var(--ink);background:#fff;padding:32px 36px 28px;box-shadow:0 24px 60px #00000040}.sheet__card h2{margin:0 0 8px;font-size:28px}.sheet__card p{color:var(--ink-dim);margin:0 0 26px;font-size:19px}.sheet__actions{justify-content:flex-end;gap:14px;display:flex}.sheet__actions button{border:3px solid var(--line);min-height:68px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:18px;padding:0 28px;font-size:19px;font-weight:800}.sheet__confirm{border-color:var(--day)!important;background:var(--day)!important;color:#fff!important}.sheet__confirm--danger{border-color:var(--merah)!important;background:var(--merah)!important}.guru__fullscreen{border:2px solid var(--day);min-height:52px;color:var(--day-ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;flex:none;margin-left:auto;padding:0 20px;font-weight:800}.bubbles__modes{flex-wrap:wrap;justify-content:center}.bubbles__write{background:var(--day);color:#fff;min-height:56px;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:18px;font-weight:800;display:inline-flex}.bubbles__write svg{width:24px;height:24px}.bubbles__mark{min-height:56px}.bubble--ink{padding-block:6px}.bubble__ink{width:auto;max-width:260px;height:clamp(40px,5vh,60px)}.bubble__ink path{fill:none;stroke:var(--ink);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.bubble__x{background:color-mix(in srgb, var(--abu) 18%, white);border-radius:50%;place-items:center;width:40px;height:40px;margin:-6px -14px -6px 2px;font-size:26px;line-height:1;display:inline-grid}.pad{z-index:20;background:#281e1459;justify-content:center;align-items:flex-end;padding:16px;animation:.16s ease-out sheet-in;display:flex;position:absolute;inset:0}.pad__card{border-radius:var(--radius-l);background:#fff;flex-direction:column;gap:12px;width:min(1000px,100%);padding:20px 24px;display:flex;box-shadow:0 18px 50px #00000038}.pad__title{color:var(--day-ink);margin:0;font-size:20px;font-weight:800}.pad__surface{border:3px dashed color-mix(in srgb, var(--day) 45%, white);background:var(--sky-top);touch-action:none;cursor:crosshair;border-radius:20px;width:100%;height:auto;max-height:42vh}.pad__line{stroke:color-mix(in srgb, var(--day) 30%, white);stroke-width:3px;stroke-dasharray:10 10}.pad__ink{fill:none;stroke:var(--ink);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.pad__actions{justify-content:flex-end;gap:12px;display:flex}.pad__actions button{border:3px solid var(--line);min-height:60px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:16px;padding:0 24px;font-size:18px;font-weight:800}.pad__cancel{margin-right:auto}.pad__add{border-color:var(--day)!important;background:var(--day)!important;color:#fff!important}.pad__add:disabled{opacity:.4}.aset-page{max-width:1400px;height:100%;margin:0 auto;padding:clamp(20px,4vw,48px);overflow-y:auto}.aset-page__back{color:var(--accent);font-weight:600;text-decoration:none}.aset-page__header h1{margin:10px 0 8px;font-size:clamp(26px,3vw,36px)}.aset-page__header p{max-width:78ch;color:var(--text-dim);margin:0}.aset-page__tools{flex-wrap:wrap;gap:10px 24px;margin:18px 0 4px;display:flex}.aset-page__tools label{min-height:var(--touch-target);color:var(--text-dim);cursor:pointer;align-items:center;gap:10px;display:flex}.aset-page__tools input{width:20px;height:20px;accent-color:var(--accent)}.aset-page__summary{margin:4px 0 20px;font-weight:600}.aset-page__note{color:var(--text-dim);margin:24px 0 0;font-size:14px}.aset-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.aset{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.aset--missing{border-color:var(--border);border-style:dashed}.aset--warn{border-color:var(--ok)}.aset--ok{border-color:var(--good)}.aset__preview{background:#fffdf8;justify-content:center;align-items:center;height:200px;padding:14px;display:flex}.aset__preview svg{width:100%;height:100%;overflow:visible}.aset__preview--empty{background:var(--surface-raised);height:110px;color:var(--text-dim);flex-direction:column;gap:6px;font-weight:600}.aset__preview--empty span{opacity:.7;font-size:12px;font-weight:400}.aset__body{padding:14px 16px 18px}.aset__body h3{margin:0 0 6px;font-size:17px}.aset__body code{font-size:15px}.aset__usage{color:var(--text-dim);margin:0 0 12px;font-size:14px}.aset__usage--orphan{font-style:italic}.aset__facts{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.aset__facts dt{color:var(--text-dim)}.aset__facts dd{flex-wrap:wrap;gap:4px;margin:0;display:flex}.chip{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:13px}.aset__none{color:var(--text-dim);font-style:italic}.aset__todo{color:var(--text-dim);margin:0;font-size:14px}.aset__problems{color:var(--ok);margin:12px 0 0;padding-left:18px;font-size:14px}.aset__problems li+li{margin-top:6px}.aset-page.is-blank .aset__preview [data-paint]{fill:#fffdf8}.aset-page.is-regions .aset__preview [data-region]{outline:1px dashed #5aa9f5b3}.aset-page.is-regions .aset__preview [data-hit]{stroke:#f2705f73}.lane--aset{border-color:var(--good);background:linear-gradient(135deg,#4ec98a24,#4ec98a0a)}.lane--aset:hover,.lane--aset:focus-visible{box-shadow:0 10px 28px #4ec98a38}.lane--aset .lane__label{color:var(--good)}.aset-subject{border:2px solid var(--border);border-radius:calc(var(--radius) + 4px);background:#ffffff05;margin:8px 0 28px;padding:18px}.aset-subject__header h2{margin:0;font-size:20px}.aset-subject__header p{color:var(--text-dim);margin:4px 0 14px}.aset-subject__body{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=760px){.aset-subject__body{grid-template-columns:1fr}}.aset-subject__parts{border-left:3px solid var(--border);gap:12px;padding-left:16px;display:grid}.aset-subject__parts>h3{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.aset-page__section{margin:8px 0 14px;font-size:20px}.aset__derived{color:var(--accent);margin:6px 0 0;font-size:13px}a.aset{color:inherit;text-decoration:none;transition:transform .12s,box-shadow .12s}a.aset:hover,a.aset:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 10px 28px #00000073}a.aset:focus-visible{border-color:var(--accent)}.aset-detail__body{grid-template-columns:minmax(320px,1fr) minmax(300px,420px);align-items:start;gap:24px;display:grid}@media (width<=900px){.aset-detail__body{grid-template-columns:1fr}}.aset-detail__stage-wrap{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.aset-detail__stage{aspect-ratio:400/420;perspective:1400px;touch-action:none;cursor:grab;background:#fffdf8;width:100%;max-height:58vh;position:relative}.aset-detail__stage:active{cursor:grabbing}.aset-detail__scene{transform-style:preserve-3d;position:absolute;inset:8%}.aset-detail__layer{justify-content:center;align-items:center;transition:opacity .14s;display:flex;position:absolute;inset:0}.aset-detail__layer svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:visible}.aset-detail__controls{border-top:2px solid var(--border);padding:16px 18px 20px}.aset-detail__sliders label{color:var(--text-dim);grid-template-columns:1fr;gap:4px;margin-bottom:14px;font-size:14px;display:grid}.aset-detail__sliders input{width:100%;accent-color:var(--accent)}.aset-detail__sliders output{color:var(--text);font-size:13px}.aset-detail__toggles{flex-wrap:wrap;gap:8px 20px;margin-bottom:8px;display:flex}.aset-detail__toggles label,.aset-detail__plane{min-height:40px;color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.aset-detail__toggles input,.aset-detail__plane input{width:18px;height:18px;accent-color:var(--accent)}.aset__poses{color:var(--accent);margin:10px 0 0;font-size:13px}.aset-detail__poses{border-bottom:2px solid var(--border);margin-bottom:18px;padding-bottom:16px}.aset-detail__poses h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:14px}.aset-detail__pose-row{flex-wrap:wrap;gap:8px;display:flex}.aset-detail__pose{border:2px solid var(--border);background:var(--surface-raised);min-height:40px;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px}.aset-detail__pose:hover{color:var(--text);border-color:var(--text-dim)}.aset-detail__pose.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface-raised));color:var(--text)}.aset-detail__pose-note{color:var(--text-dim);margin:10px 0 0;font-size:13px;line-height:1.5}.aset-detail__shown{color:var(--text-dim);margin:14px 0 0;font-size:13px;line-height:1.5}.aset-detail__shown strong{color:var(--text)}.aset-detail__planes h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px;font-size:14px}.aset-detail__plane-depth{border:1px solid var(--border);background:var(--surface-raised);min-width:34px;color:var(--text);text-align:center;border-radius:6px;padding:1px 6px;font-size:12px}.aset-detail__panel{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 20px 22px}.aset-detail__panel h2{margin:0 0 14px;font-size:19px}.aset-detail__panel h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px;font-size:14px}.aset-detail__slide,.aset-detail__clean{color:var(--text-dim);margin:16px 0 0;font-size:14px}.aset-detail__slide strong{color:var(--text)}.aset-detail__usage{margin:0;padding:0;list-style:none}.aset-detail__usage li{border-bottom:1px solid var(--border);padding:6px 0;font-size:14px}.aset-detail__usage a{color:var(--accent);text-decoration:none}.aset-detail__usage span{color:var(--text-dim);font-size:13px;display:block}.aset-page.is-blank [data-line]{visibility:visible}.aset-detail.is-blank [data-paint]{fill:#fffdf8}.aset-detail.is-regions [data-region]{outline:1px dashed #5aa9f5b3}.aset-detail.is-hits [data-hit]{stroke:#f2705f8c!important}.aset-detail__derived,.aset-detail__parts{border-left:3px solid var(--accent);background:#5aa9f514;border-radius:6px;margin:0 0 16px;padding:10px 14px;font-size:14px;line-height:1.5}.lane--suara{border-color:var(--ok);background:linear-gradient(135deg,#f0c04a24,#f0c04a0a)}.lane--suara:hover,.lane--suara:focus-visible{box-shadow:0 10px 28px #f0c04a33}.lane--suara .lane__label{color:var(--ok)}.suara-page{max-width:980px}.suara__off{border-left:4px solid var(--ok);background:#f0c04a14;border-radius:6px;padding:12px 16px;color:var(--text)!important;margin-top:14px!important}.suara__tools{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin:18px 0 8px;display:flex}.suara__download{background:var(--accent);color:#0e1015;border-radius:999px;align-items:center;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.suara__download[aria-disabled=true]{opacity:.5;pointer-events:none}.suara__brief{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:320px;padding:12px 16px}.suara__brief summary{cursor:pointer;min-height:24px;font-weight:600}.suara__brief ul{color:var(--text-dim);margin:10px 0 0;padding-left:20px;line-height:1.55}.suara__brief li+li{margin-top:6px}.suara__group{margin:28px 0 8px}.suara__group h2{margin:0 0 4px;font-size:21px}.suara__subtitle{color:var(--text-dim);margin:0 0 14px}.suara__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.suara__item{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:32px 1fr auto;align-items:start;gap:14px;padding:16px 18px;display:grid}.suara__item.is-recorded{border-color:#4ec98a8c}.suara__check{border:2px solid var(--border);width:28px;height:28px;color:var(--good);border-radius:7px;place-items:center;margin-top:2px;font-weight:800;display:grid}.suara__item.is-recorded .suara__check{border-color:var(--good);background:#4ec98a24}.suara__body{min-width:0}.suara__head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.suara__no{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.suara__kind{background:var(--surface-raised);color:var(--text-dim);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.suara__kind--narasi{color:var(--accent)}.suara__kind--baris{color:var(--good)}.suara__kind--suku-kata{color:#c9a2f5}.suara__kind--efek,.suara__kind--antarmuka{color:var(--ok)}.suara__time{color:var(--text-dim);font-size:13px}.suara__script{margin:0 0 6px;font-size:clamp(18px,2vw,21px);line-height:1.4}.suara__script--effect{color:var(--text-dim);font-size:16px;font-style:italic}.suara__direction{color:var(--text-dim);margin:0 0 10px;font-size:14px;line-height:1.5}.suara__meta{grid-template-columns:max-content 1fr;gap:3px 12px;margin:0;font-size:13px;display:grid}.suara__meta dt{color:var(--text-dim)}.suara__meta dd{overflow-wrap:anywhere;margin:0}.suara__meta code{font-size:12px}.suara__copy{border:2px solid var(--border);background:var(--surface-raised);min-height:40px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13px}.suara__copy:hover{border-color:var(--text-dim)}@media (width<=560px){.suara__item{grid-template-columns:28px 1fr}.suara__copy{grid-column:2;justify-self:start}}