*{box-sizing:border-box}html{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 18% 8%,rgba(255,218,84,.22),transparent 42%),radial-gradient(ellipse at 88% 18%,rgba(73,179,238,.2),transparent 36%),linear-gradient(135deg,#cfeeff,#fff7dc 42%,#ffe6d6);color:#3b3326;font-family:Marker Felt,Chalkboard SE,Comic Sans MS,Trebuchet MS,sans-serif}.app-shell[data-v-f8b6252f]{position:relative;min-height:100vh;overflow:hidden;padding:24px}.ambient[data-v-f8b6252f],.ambient-a[data-v-f8b6252f],.ambient-b[data-v-f8b6252f],.ambient-c[data-v-f8b6252f]{display:none}.topbar[data-v-f8b6252f],.hero-layout[data-v-f8b6252f],.experience-layout[data-v-f8b6252f]{position:relative;z-index:1}.topbar[data-v-f8b6252f]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:0 auto 24px;max-width:1440px}.eyebrow[data-v-f8b6252f],.section-kicker[data-v-f8b6252f]{margin:0 0 10px;color:#6f5f48;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.brand-title[data-v-f8b6252f]{margin:0;color:#1f8bd8;font-family:Marker Felt,Chalkboard SE,Comic Sans MS,Trebuchet MS,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:0;text-shadow:0 3px 0 #ffffff,0 8px 18px rgba(42,129,190,.18)}.glass-panel[data-v-f8b6252f]{background:linear-gradient(180deg,#fffffff0,#fff9e5e6),#fff8df;border:2px solid rgba(110,83,47,.12);border-radius:18px;box-shadow:0 18px 38px #49381c1f,inset 0 2px #ffffffc7}.topbar__meta[data-v-f8b6252f]{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 18px;color:#5a4a35;font-size:14px;font-weight:800;line-height:1.5}.topbar__progress[data-v-f8b6252f]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.music-toggle[data-v-f8b6252f]{display:inline-flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid rgba(110,83,47,.16);cursor:pointer;-webkit-user-select:none;user-select:none}.music-toggle input[data-v-f8b6252f]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.music-toggle__label[data-v-f8b6252f],.music-toggle__state[data-v-f8b6252f]{font-size:12px;font-weight:900}.music-toggle__state[data-v-f8b6252f]{min-width:20px;color:#7b694e}.music-toggle__track[data-v-f8b6252f]{position:relative;width:46px;height:26px;flex:0 0 auto;border:2px solid rgba(110,83,47,.18);border-radius:999px;background:#e8dfca;box-shadow:inset 0 2px 4px #5e48261f;transition:background .2s ease,border-color .2s ease}.music-toggle__track span[data-v-f8b6252f]{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 3px 7px #4d381d3d;transition:transform .25s cubic-bezier(.22,1,.36,1)}.music-toggle input:checked+.music-toggle__track[data-v-f8b6252f]{border-color:#27883a;background:#45b956}.music-toggle input:checked+.music-toggle__track span[data-v-f8b6252f]{transform:translate(20px)}.music-toggle input:focus-visible+.music-toggle__track[data-v-f8b6252f]{outline:3px solid rgba(37,133,204,.32);outline-offset:3px}.hero-layout[data-v-f8b6252f]{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:28px;max-width:1440px;margin:0 auto;align-items:stretch}.hero-copy[data-v-f8b6252f],.preview-panel[data-v-f8b6252f],.side-hud[data-v-f8b6252f],.play-surface[data-v-f8b6252f],.result-panel[data-v-f8b6252f]{padding:26px}.hero-copy[data-v-f8b6252f]{min-height:720px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.hero-copy h2[data-v-f8b6252f],.preview-panel h3[data-v-f8b6252f],.play-surface h3[data-v-f8b6252f],.result-panel h3[data-v-f8b6252f],.side-hud h2[data-v-f8b6252f]{margin:0;color:#3a2c1e;font-family:Marker Felt,Chalkboard SE,Comic Sans MS,Trebuchet MS,sans-serif;letter-spacing:0}.hero-copy h2[data-v-f8b6252f]{max-width:16ch;font-size:clamp(36px,5.4vw,72px);line-height:1.03;text-wrap:balance}.hero-description[data-v-f8b6252f],.result-copy[data-v-f8b6252f],.side-hud__head p[data-v-f8b6252f],.canvas-stage__caption[data-v-f8b6252f]{color:#675842;line-height:1.7;font-size:15px}.hero-description[data-v-f8b6252f]{max-width:60ch;font-size:16px}.hero-actions[data-v-f8b6252f],.action-stack[data-v-f8b6252f]{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.primary-btn[data-v-f8b6252f],.ghost-btn[data-v-f8b6252f],.featured-card[data-v-f8b6252f],.level-pill[data-v-f8b6252f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.primary-btn[data-v-f8b6252f],.ghost-btn[data-v-f8b6252f]{border-radius:16px;padding:14px 22px;min-height:50px;font-size:15px;font-weight:900;line-height:1;white-space:nowrap}.primary-btn[data-v-f8b6252f]{color:#fff;background:linear-gradient(180deg,#55c85f,#35a945);box-shadow:0 8px #237e34,0 16px 22px #2a833933}.ghost-btn[data-v-f8b6252f]{color:#fff;background:linear-gradient(180deg,#38a6ee,#2285cf);border:0;box-shadow:0 8px #176ca8,0 14px 20px #2076b82e}.primary-btn[data-v-f8b6252f]:hover,.ghost-btn[data-v-f8b6252f]:hover,.featured-card[data-v-f8b6252f]:hover,.level-pill[data-v-f8b6252f]:hover{transform:translateY(-2px)}.primary-btn[data-v-f8b6252f]:focus-visible,.ghost-btn[data-v-f8b6252f]:focus-visible,.featured-card[data-v-f8b6252f]:focus-visible,.level-pill[data-v-f8b6252f]:focus-visible,.game-canvas[data-v-f8b6252f]:focus-visible{outline:4px solid rgba(37,133,204,.32);outline-offset:4px}.metric-grid[data-v-f8b6252f],.surface-metrics[data-v-f8b6252f],.result-stats[data-v-f8b6252f]{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}.metric-card[data-v-f8b6252f],.surface-metric[data-v-f8b6252f],.result-stats article[data-v-f8b6252f],.hud-stat[data-v-f8b6252f],.featured-card[data-v-f8b6252f]{background:#fffdf2;border:2px solid rgba(110,83,47,.1);border-radius:8px;box-shadow:0 8px 18px #5e482614}.metric-card[data-v-f8b6252f],.surface-metric[data-v-f8b6252f],.result-stats article[data-v-f8b6252f],.hud-stat[data-v-f8b6252f]{padding:18px}.metric-card strong[data-v-f8b6252f],.surface-metric strong[data-v-f8b6252f],.result-stats strong[data-v-f8b6252f],.hud-stat strong[data-v-f8b6252f]{display:block;margin:10px 0 6px;font-size:clamp(24px,3vw,34px);color:#2d85cc;font-weight:900}.metric-label[data-v-f8b6252f],.surface-metric span[data-v-f8b6252f],.result-stats span[data-v-f8b6252f],.hud-stat span[data-v-f8b6252f]{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#7b694e}.metric-card small[data-v-f8b6252f],.featured-card small[data-v-f8b6252f]{display:block;color:#6e6049;line-height:1.6}.metric-card small[data-v-f8b6252f]{font-size:13px}.inline-warning[data-v-f8b6252f]{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:16px 18px;border-radius:8px;border:2px solid rgba(238,91,74,.22);background:#fff0e9}.preview-panel[data-v-f8b6252f]{min-height:720px;position:relative;overflow:hidden}.preview-panel__header[data-v-f8b6252f],.play-surface__head[data-v-f8b6252f],.level-rail__header[data-v-f8b6252f]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.floating-chip[data-v-f8b6252f]{display:inline-flex;align-items:center;padding:10px 14px;border-radius:14px;background:#ffda54;color:#5c4311;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px #dcae21}.preview-orbit[data-v-f8b6252f]{position:relative;margin:40px auto 28px;width:min(320px,72%);aspect-ratio:1}.preview-orbit__core[data-v-f8b6252f]{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:22px;background:linear-gradient(180deg,#76d86b,#43b957);box-shadow:0 12px #2c8f43,0 18px 34px #348b402e;transform:rotate(-6deg)}.preview-orbit__ring[data-v-f8b6252f]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;border:6px solid rgba(255,196,68,.7);transform:rotate(8deg)}.preview-orbit__ring--one[data-v-f8b6252f]{top:8%;right:8%;bottom:8%;left:8%;border-color:#2a96e8ad}.preview-orbit__ring--two[data-v-f8b6252f]{top:18%;right:18%;bottom:18%;left:18%;border-color:#ff7962ad}.featured-grid[data-v-f8b6252f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.featured-card[data-v-f8b6252f]{padding:18px;text-align:left;color:#3b3326;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:148px}.featured-card span[data-v-f8b6252f]{display:inline-block;margin-bottom:12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#7b694e}.featured-card strong[data-v-f8b6252f]{display:block;font-size:22px;line-height:1.08;margin-bottom:10px}.experience-layout[data-v-f8b6252f]{display:grid;grid-template-columns:minmax(292px,336px) minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto}.side-hud[data-v-f8b6252f]{height:fit-content;position:sticky;top:24px}.side-hud__head[data-v-f8b6252f]{gap:8px}.level-jump[data-v-f8b6252f]{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:14px;background:#fff8e7;border:2px solid rgba(110,83,47,.12);box-shadow:inset 0 2px #ffffffd1}.level-jump input[data-v-f8b6252f]{width:76px;height:38px;border:0;border-radius:10px;padding:0 10px;color:#3b3326;background:#fff;font:inherit;font-weight:900;text-align:center;outline:none}.level-jump input[data-v-f8b6252f]:focus{box-shadow:0 0 0 3px #3faaec47}.level-jump button[data-v-f8b6252f]{min-width:44px;height:38px;border:0;border-radius:10px;color:#fff;background:linear-gradient(180deg,#39a8f0,#237dcc);font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 5px #1765a7}.side-hud__head p[data-v-f8b6252f]{margin:0}.side-hud__stats[data-v-f8b6252f]{display:grid;gap:12px;margin:24px 0}.hud-stat[data-v-f8b6252f]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.action-stack[data-v-f8b6252f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.action-stack .primary-btn[data-v-f8b6252f],.action-stack .ghost-btn[data-v-f8b6252f]{width:100%;min-width:0;padding:13px 12px;font-size:14px;text-align:center}.level-rail[data-v-f8b6252f]{padding-top:18px;border-top:2px dashed rgba(110,83,47,.16)}.level-rail__tools[data-v-f8b6252f]{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.level-pills[data-v-f8b6252f]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.level-pill[data-v-f8b6252f]{width:100%;min-width:0;padding:12px 0;border-radius:12px;background:#fff9ea;color:#5f503b;border:2px solid rgba(110,83,47,.12);font-weight:900;box-shadow:0 6px #6c532f1f}.level-pill.is-active[data-v-f8b6252f]{color:#fff;background:linear-gradient(180deg,#42a8ee,#287fd1);border-color:#1f6bb059;box-shadow:0 6px #1765a7,0 12px 18px #257dcd2e}.level-jump-row[data-v-f8b6252f]{display:flex;justify-content:flex-end;margin-top:18px}.play-stage[data-v-f8b6252f]{min-width:0}.play-surface[data-v-f8b6252f]{min-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:22px}.surface-progress[data-v-f8b6252f]{min-width:220px;color:#675842;font-size:13px;line-height:1.5}.surface-progress__bar[data-v-f8b6252f]{height:8px;margin-top:10px;border-radius:999px;overflow:hidden;background:#6e532f1f}.surface-progress__bar i[data-v-f8b6252f]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52c95d,#ffd84f,#ff8d52)}.canvas-stage[data-v-f8b6252f]{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.52),transparent 45%),linear-gradient(180deg,#fff4d4,#ffe8ac);border:2px solid rgba(110,83,47,.14)}.canvas-stage__halo[data-v-f8b6252f]{display:none}.game-canvas[data-v-f8b6252f]{position:relative;z-index:1;width:min(100%,640px);max-height:74vh;aspect-ratio:5 / 7;border-radius:18px;background:radial-gradient(ellipse at 24% 18%,rgba(255,255,255,.72),transparent 48%),linear-gradient(180deg,#fffdf5,#fff3dc);border:3px solid rgba(116,88,47,.15);box-shadow:inset 0 2px #ffffffe0,0 18px 34px #5e482629}.canvas-stage__caption[data-v-f8b6252f]{position:relative;z-index:1;margin-top:18px;max-width:54ch;text-align:center}.toast[data-v-f8b6252f]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:20;min-width:280px;max-width:90vw;padding:14px 18px;border-radius:14px;border:2px solid rgba(110,83,47,.14);color:#3b3326;background:#fff9ea;box-shadow:0 14px 30px #5e482629}.toast strong[data-v-f8b6252f],.toast span[data-v-f8b6252f]{display:block}.toast strong[data-v-f8b6252f]{margin-bottom:6px}.toast--success[data-v-f8b6252f]{border-color:#3cb24d47}.toast--danger[data-v-f8b6252f]{border-color:#ee5b4a47}.modal-backdrop[data-v-f8b6252f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#4a718e47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-backdrop--fail[data-v-f8b6252f]{background:#704f503d}.result-panel[data-v-f8b6252f]{width:min(560px,100%)}.feedback-panel[data-v-f8b6252f]{position:relative;width:min(580px,100%);max-height:calc(100dvh - 48px);padding:32px;overflow:hidden;text-align:center;outline:none}.feedback-panel--fail[data-v-f8b6252f]{border-color:#e25a4540;box-shadow:0 24px 54px #5a352b33,inset 0 2px #ffffffc7}.feedback-panel--success[data-v-f8b6252f]{border-color:#37a94b40;box-shadow:0 24px 54px #2f6f4033,inset 0 2px #ffffffc7}.feedback-panel h3[data-v-f8b6252f]{max-width:18ch;margin:0 auto;font-size:clamp(30px,6vw,46px);line-height:1.04;text-wrap:balance}.feedback-panel .result-copy[data-v-f8b6252f]{max-width:50ch;margin:16px auto 0}.feedback-panel>.hero-actions[data-v-f8b6252f]{justify-content:center}.feedback-mark[data-v-f8b6252f]{position:relative;width:112px;height:68px;margin:0 auto 18px}.feedback-mark--success[data-v-f8b6252f]:before{content:"";position:absolute;inset:31px 12px auto;height:8px;border-radius:999px;background:linear-gradient(90deg,#2f9be8,#65bd45,#f2c230,#f05f4f);transform:rotate(-7deg);box-shadow:0 5px 10px #49583129}.feedback-mark--success span[data-v-f8b6252f]{position:absolute;width:18px;height:18px;border:4px solid #fff8df;border-radius:50%;box-shadow:0 5px 10px #49381c2e}.feedback-mark--success span[data-v-f8b6252f]:nth-child(1){left:2px;top:31px;background:#2f9be8}.feedback-mark--success span[data-v-f8b6252f]:nth-child(2){left:28px;top:20px;background:#65bd45}.feedback-mark--success span[data-v-f8b6252f]:nth-child(3){left:51px;top:34px;background:#f2c230}.feedback-mark--success span[data-v-f8b6252f]:nth-child(4){left:76px;top:17px;background:#f28a23}.feedback-mark--success span[data-v-f8b6252f]:nth-child(5){right:0;top:28px;background:#f05f4f}.feedback-mark--fail[data-v-f8b6252f]:before,.feedback-mark--fail[data-v-f8b6252f]:after{content:"";position:absolute;left:21px;width:70px;height:8px;border-radius:999px;background:#ee6653;box-shadow:0 5px 10px #72352b24}.feedback-mark--fail[data-v-f8b6252f]:before{top:23px;transform:rotate(31deg)}.feedback-mark--fail[data-v-f8b6252f]:after{top:38px;transform:rotate(-31deg)}.feedback-mark--fail span[data-v-f8b6252f]{position:absolute;z-index:1;width:18px;height:18px;border:4px solid #fff8df;border-radius:50%;background:#ee6653;box-shadow:0 5px 10px #49381c2e}.feedback-mark--fail span[data-v-f8b6252f]:nth-child(1){left:8px;top:18px}.feedback-mark--fail span[data-v-f8b6252f]:nth-child(2){left:47px;top:28px;background:#f2c230}.feedback-mark--fail span[data-v-f8b6252f]:nth-child(3){right:8px;top:18px}.feedback-tip[data-v-f8b6252f]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:22px 0;padding:16px 2px;border-top:2px dashed rgba(110,83,47,.14);border-bottom:2px dashed rgba(110,83,47,.14);text-align:left}.feedback-tip span[data-v-f8b6252f]{color:#8a6d4d;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.feedback-tip strong[data-v-f8b6252f]{color:#3a2c1e;font-size:15px}.feedback-actions[data-v-f8b6252f]{justify-content:center}.result-stats[data-v-f8b6252f]{margin:22px 0 24px}.feedback-panel .result-stats article[data-v-f8b6252f]{padding:10px 16px;border:0;border-right:1px solid rgba(110,83,47,.14);border-radius:0;background:transparent;box-shadow:none}.feedback-panel .result-stats article[data-v-f8b6252f]:last-child{border-right:0}.fade-enter-active[data-v-f8b6252f],.fade-leave-active[data-v-f8b6252f]{transition:opacity .24s ease,transform .24s ease}.fade-enter-from[data-v-f8b6252f],.fade-leave-to[data-v-f8b6252f]{opacity:0;transform:translateY(8px)}.dialog-pop-enter-active[data-v-f8b6252f],.dialog-pop-leave-active[data-v-f8b6252f]{transition:opacity .24s ease}.dialog-pop-enter-active .feedback-panel[data-v-f8b6252f],.dialog-pop-leave-active .feedback-panel[data-v-f8b6252f]{transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s ease,filter .3s ease}.dialog-pop-enter-from[data-v-f8b6252f],.dialog-pop-leave-to[data-v-f8b6252f]{opacity:0}.dialog-pop-enter-from .feedback-panel[data-v-f8b6252f],.dialog-pop-leave-to .feedback-panel[data-v-f8b6252f]{opacity:0;filter:blur(6px);transform:translateY(18px) scale(.94)}@media (prefers-reduced-motion: reduce){[data-v-f8b6252f],[data-v-f8b6252f]:before,[data-v-f8b6252f]:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 1120px){.hero-layout[data-v-f8b6252f],.experience-layout[data-v-f8b6252f]{grid-template-columns:1fr}.side-hud[data-v-f8b6252f]{position:static}.hero-copy[data-v-f8b6252f],.preview-panel[data-v-f8b6252f]{min-height:auto}.hero-copy h2[data-v-f8b6252f]{max-width:12ch;font-size:clamp(36px,7vw,60px)}.featured-grid[data-v-f8b6252f],.metric-grid[data-v-f8b6252f]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.play-surface__head[data-v-f8b6252f]{flex-direction:column}.surface-progress[data-v-f8b6252f]{min-width:0;width:100%}}@media (max-width: 720px){.app-shell[data-v-f8b6252f]{padding:16px}.topbar[data-v-f8b6252f],.preview-panel__header[data-v-f8b6252f],.play-surface__head[data-v-f8b6252f]{flex-direction:column}.metric-grid[data-v-f8b6252f],.surface-metrics[data-v-f8b6252f],.result-stats[data-v-f8b6252f],.featured-grid[data-v-f8b6252f]{grid-template-columns:1fr}.hero-copy h2[data-v-f8b6252f]{max-width:none;font-size:clamp(32px,13vw,50px);line-height:1.04}.hero-copy[data-v-f8b6252f],.preview-panel[data-v-f8b6252f],.side-hud[data-v-f8b6252f],.play-surface[data-v-f8b6252f],.result-panel[data-v-f8b6252f]{padding:22px}.game-canvas[data-v-f8b6252f]{width:100%}.primary-btn[data-v-f8b6252f],.ghost-btn[data-v-f8b6252f]{width:100%;justify-content:center}.topbar__meta[data-v-f8b6252f]{width:100%}.topbar__progress[data-v-f8b6252f]{width:100%;justify-content:space-between}.music-toggle[data-v-f8b6252f]{width:100%;justify-content:flex-end;padding-top:12px;padding-left:0;border-top:1px solid rgba(110,83,47,.16);border-left:0}.feedback-panel[data-v-f8b6252f]{width:100%;max-height:calc(100dvh - 32px);padding:26px 20px;overflow-y:auto}.feedback-panel .result-stats article[data-v-f8b6252f]{border-right:0;border-bottom:1px solid rgba(110,83,47,.14)}.feedback-panel .result-stats article[data-v-f8b6252f]:last-child{border-bottom:0}}