: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}a.lesson:hover,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__teacher-note dl{grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 18px;margin:0;display:grid}.mod__teacher-note dt{color:var(--brand-deep);font-weight:700}.mod__teacher-note dd{color:var(--ink-dim);margin:0}.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}