@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}:root{--system-red:#ff383c;--system-orange:#ff9500;--system-yellow:#fc0;--system-green:#34c759;--system-mint:#00c7be;--system-teal:#30b0c7;--system-cyan:#32ade6;--system-blue:#007aff;--system-indigo:#5856d6;--system-purple:#af52de;--system-pink:#ff2d55;--system-brown:#a2845e;--system-gray:#8e8e93;--system-gray-2:#aeaeb2;--system-gray-3:#c7c7cc;--system-gray-4:#d1d1d6;--system-gray-5:#e5e5ea;--system-gray-6:#f2f2f7;--label:#000;--label-secondary:#3c3c4399;--label-tertiary:#3c3c434d;--label-quaternary:#3c3c432e;--fill-primary:#78788033;--fill-secondary:#78788029;--fill-tertiary:#7676801f;--fill-quaternary:#74748014;--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-tertiary:#fff;--bg-grouped-primary:#f2f2f7;--bg-grouped-secondary:#fff;--bg-grouped-tertiary:#f2f2f7;--separator:#3c3c435c;--separator-opaque:#c6c6c8;--glass-bg:#ffffff8c;--glass-bg-thick:#ffffffc7;--glass-bg-thin:#ffffff59;--glass-border:#fff9;--glass-highlight:#ffffff80;--glass-blur:blur(40px) saturate(180%);--tint:var(--system-blue);--tint-on:#fff;--font-sans:"Pretendard Variable", "Pretendard", "SF Pro", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-rounded:"Pretendard Variable", "SF Compact Rounded", "SF Pro Rounded", -apple-system, system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Code", monospace;--type-large-title:400 34px/41px var(--font-sans);--type-title-1:400 28px/34px var(--font-sans);--type-title-2:400 22px/28px var(--font-sans);--type-title-3:400 20px/25px var(--font-sans);--type-headline:600 17px/22px var(--font-sans);--type-body:400 17px/22px var(--font-sans);--type-callout:400 16px/21px var(--font-sans);--type-subhead:400 15px/20px var(--font-sans);--type-footnote:400 13px/18px var(--font-sans);--type-caption-1:400 12px/16px var(--font-sans);--type-caption-2:400 11px/13px var(--font-sans);--tracking-large-title:.37px;--tracking-title-1:.36px;--tracking-title-2:.35px;--tracking-title-3:.38px;--tracking-headline:-.41px;--tracking-body:-.41px;--tracking-callout:-.32px;--tracking-subhead:-.24px;--tracking-footnote:-.08px;--tracking-caption-1:0px;--tracking-caption-2:.06px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;--inset-iphone:20px;--inset-ipad-regular:24px;--inset-ipad-compact:16px;--tap:44px;--radius-pill:9999px;--radius-card:12px;--radius-sheet:22px;--radius-bezel:48px;--radius-icon-sm:6px;--radius-icon:22px;--radius-icon-lg:60px;--radius-chip:7px;--radius-thumb:6px;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 4px 16px #0000001a;--shadow-3:0 12px 40px #0000002e;--ease-spring:cubic-bezier(.32,.72,0,1);--ease-out:cubic-bezier(.2,.8,.2,1);--dur-1:.15s;--dur-2:.25s;--dur-3:.35s}@media (prefers-color-scheme:dark){:root{--system-red:#ff4245;--system-orange:#ff9f0a;--system-yellow:#ffd60a;--system-green:#30d158;--system-mint:#63e6e2;--system-teal:#40c8e0;--system-cyan:#64d2ff;--system-blue:#0091ff;--system-indigo:#5e5ce6;--system-purple:#bf5af2;--system-pink:#ff375f;--system-brown:#ac8e68;--system-gray:#8e8e93;--system-gray-2:#636366;--system-gray-3:#48484a;--system-gray-4:#3a3a3c;--system-gray-5:#2c2c2e;--system-gray-6:#1c1c1e;--label:#fff;--label-secondary:#ebebf599;--label-tertiary:#ebebf54d;--label-quaternary:#ebebf52e;--fill-primary:#7878805c;--fill-secondary:#78788052;--fill-tertiary:#7676803d;--fill-quaternary:#7676802e;--bg-primary:#121212;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-grouped-primary:#000;--bg-grouped-secondary:#1c1c1e;--bg-grouped-tertiary:#2c2c2e;--separator:#545458a6;--separator-opaque:#38383a;--glass-bg:#1c1c1e9e;--glass-bg-thick:#1c1c1ed9;--glass-bg-thin:#1c1c1e73;--glass-border:#ffffff1f;--glass-highlight:#ffffff1a}}.theme-dark{--system-red:#ff4245;--system-blue:#0091ff;--label:#fff;--label-secondary:#ebebf599;--label-tertiary:#ebebf54d;--label-quaternary:#ebebf52e;--fill-primary:#7878805c;--fill-secondary:#78788052;--fill-tertiary:#7676803d;--fill-quaternary:#7676802e;--bg-primary:#121212;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-grouped-primary:#000;--bg-grouped-secondary:#1c1c1e;--bg-grouped-tertiary:#2c2c2e;--separator:#545458a6;--separator-opaque:#38383a;--glass-bg:#1c1c1e9e;--glass-bg-thick:#1c1c1ed9;--glass-bg-thin:#1c1c1e73;--glass-border:#ffffff1f;--glass-highlight:#ffffff1a}.t-large-title{font:var(--type-large-title);letter-spacing:var(--tracking-large-title);color:var(--label)}.t-title-1{font:var(--type-title-1);letter-spacing:var(--tracking-title-1);color:var(--label)}.t-title-2{font:var(--type-title-2);letter-spacing:var(--tracking-title-2);color:var(--label)}.t-title-3{font:var(--type-title-3);letter-spacing:var(--tracking-title-3);color:var(--label)}.t-headline{font:var(--type-headline);letter-spacing:var(--tracking-headline);color:var(--label)}.t-body{font:var(--type-body);letter-spacing:var(--tracking-body);color:var(--label)}.t-callout{font:var(--type-callout);letter-spacing:var(--tracking-callout);color:var(--label)}.t-subhead{font:var(--type-subhead);letter-spacing:var(--tracking-subhead);color:var(--label)}.t-footnote{font:var(--type-footnote);letter-spacing:var(--tracking-footnote);color:var(--label-secondary)}.t-caption-1{font:var(--type-caption-1);letter-spacing:var(--tracking-caption-1);color:var(--label-secondary)}.t-caption-2{font:var(--type-caption-2);letter-spacing:var(--tracking-caption-2);color:var(--label-secondary)}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-border);box-shadow:inset 0 .5px 0 var(--glass-highlight), var(--shadow-1)}.liquid-glass--thick{background:var(--glass-bg-thick)}.liquid-glass--thin{background:var(--glass-bg-thin)}*{box-sizing:border-box}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:var(--label);background:var(--bg-primary);margin:0;padding:0;font-size:17px;line-height:22px}button{font-family:inherit}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 60% at 50% -10%, #ff2d552e, transparent 60%), radial-gradient(120% 60% at 50% 110%, #5856d633, transparent 60%), var(--bg-primary);width:100%;height:100%;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#app canvas{border-radius:var(--radius-sheet);box-shadow:var(--shadow-3);display:block}.stage{width:520px;max-width:100vw;height:700px;max-height:100vh;position:relative}.stage>#app{position:absolute;inset:0}.menu{z-index:30;padding:var(--space-7) var(--inset-iphone);text-align:center;transition:opacity var(--dur-3) var(--ease-spring), transform var(--dur-3) var(--ease-spring);background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu--leaving{opacity:0;pointer-events:none;transform:scale(.96)}.menu__eyebrow{font:var(--type-footnote);letter-spacing:1.2px;text-transform:uppercase;color:var(--label-secondary);margin-bottom:var(--space-3)}.menu__title{font:700 56px/60px var(--font-sans);letter-spacing:-1.2px;color:var(--label);background:linear-gradient(135deg, var(--system-pink), var(--system-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.menu__subtitle{font:var(--type-title-3);letter-spacing:var(--tracking-title-3);color:var(--label-secondary);margin-top:var(--space-2);margin-bottom:var(--space-8)}.menu__hero{gap:var(--space-3);width:min(320px,80vw);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.menu__hero img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 20px #0003);width:100%;animation:hero-float 4s var(--ease-spring) infinite alternate}.menu__hero img:first-child{animation-delay:0s}.menu__hero img:nth-child(2){animation-delay:.3s}.menu__hero img:nth-child(3){animation-delay:.6s}.menu__hero img:nth-child(4){animation-delay:.9s}.menu__hero img:nth-child(5){animation-delay:1.2s}.menu__hero img:nth-child(6){animation-delay:1.5s}.menu__hero img:nth-child(7){animation-delay:1.8s}.menu__hero img:nth-child(8){animation-delay:2.1s}@keyframes hero-float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.04)}}.menu__cta{font:600 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--tint-on);background:var(--tint);border-radius:var(--radius-pill);min-height:var(--tap);cursor:pointer;min-width:220px;box-shadow:var(--shadow-2);transition:transform var(--dur-1) var(--ease-spring), filter var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);border:none;padding:16px 56px}.menu__cta:hover{filter:brightness(1.04)}.menu__cta:active{filter:brightness(.96);transform:scale(.97)}.menu__levels{justify-content:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;max-width:320px;display:flex}.menu__levels__item{border:1px solid var(--separator);background:var(--bg-grouped-secondary);width:44px;height:44px;color:var(--label);font:600 15px/1 var(--font-sans);letter-spacing:-.24px;cursor:pointer;transition:transform var(--dur-1) var(--ease-spring), background var(--dur-1) var(--ease-out);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.menu__levels__item:hover{background:var(--fill-quaternary)}.menu__levels__item:active{transform:scale(.94)}.menu__levels__item--current{background:var(--system-blue);color:var(--tint-on);box-shadow:var(--shadow-1);border-color:#0000}.menu__levels__item--locked{background:var(--fill-quaternary);color:var(--label-tertiary);cursor:not-allowed}.menu__levels__item--locked:active{transform:none}.menu__levels__item--cleared{background:var(--fill-quaternary);color:var(--label)}.menu__link{margin-top:var(--space-2);font:600 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--system-blue);cursor:pointer;padding:var(--space-3) var(--space-4);min-height:var(--tap);transition:opacity var(--dur-1) var(--ease-out);background:0 0;border:none}.menu__link:active{opacity:.5}.menu__footnote{margin-top:var(--space-6);text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:320px;display:flex}.menu__footnote-version{font:var(--type-footnote);letter-spacing:var(--tracking-footnote);color:var(--label-secondary)}.menu__footnote-meta{font:var(--type-caption-1);letter-spacing:var(--tracking-caption-1);color:var(--label-tertiary)}.sheet-backdrop{z-index:40;opacity:1;transition:opacity var(--dur-3) var(--ease-out);background:#0006;position:fixed;inset:0}.sheet-backdrop[hidden]{display:none}.sheet-backdrop--entering{opacity:0}.sheet{z-index:41;background:var(--bg-grouped-secondary);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:520px;height:min(82vh,680px);box-shadow:var(--shadow-3);transition:transform var(--dur-3) var(--ease-spring);flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)translateY(0)}.sheet[hidden]{display:none}.sheet--entering{transform:translate(-50%)translateY(100%)}.sheet__handle{background:var(--fill-tertiary);border-radius:9999px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}.sheet__close{font:600 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--system-blue);cursor:pointer;padding:var(--space-2) var(--space-4);z-index:2;background:0 0;border:none;position:absolute;top:14px;right:12px}.sheet__pages{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;display:flex;overflow:auto hidden}.sheet__pages::-webkit-scrollbar{display:none}.sheet__page{scroll-snap-align:start;padding:var(--space-7) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:0 0 100%;display:flex}.sheet__art{filter:drop-shadow(0 12px 28px #0003);width:140px;height:140px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.sheet__art img{object-fit:contain;width:100%;height:100%}.sheet__art--row{gap:var(--space-2);width:auto}.sheet__art--row img{width:80px;height:80px}.sheet__art--combo{position:relative}.sheet__art--combo .combo-badge{background:var(--system-pink);color:#fff;font:700 18px/1 var(--font-sans);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);letter-spacing:-.3px;padding:8px 14px;position:absolute;top:-4px;right:-16px}.sheet__h{font:700 24px/29px var(--font-sans);letter-spacing:-.35px;color:var(--label);margin:0}.sheet__p{font:var(--type-body);letter-spacing:var(--tracking-body);color:var(--label-secondary);max-width:320px;margin:0}.sheet__install-steps{margin-top:var(--space-4);gap:var(--space-3);flex-direction:column;width:100%;max-width:320px;display:flex}.sheet__step{background:var(--fill-quaternary);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);text-align:left}.sheet__step strong{font:var(--type-headline);letter-spacing:var(--tracking-headline);color:var(--label);margin-bottom:4px;display:block}.sheet__step span{font:var(--type-footnote);letter-spacing:var(--tracking-footnote);color:var(--label-secondary)}.sheet__cta{margin-top:var(--space-4);font:600 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--tint-on);background:var(--tint);border-radius:var(--radius-pill);cursor:pointer;min-height:var(--tap);box-shadow:var(--shadow-2);transition:transform var(--dur-1) var(--ease-spring), filter var(--dur-1) var(--ease-out);border:none;padding:12px 32px}.sheet__cta[hidden]{display:none}.sheet__cta:active{filter:brightness(.95);transform:scale(.97)}.sheet__dots{justify-content:center;gap:var(--space-2);padding:var(--space-3) 0 max(env(safe-area-inset-bottom), var(--space-4));flex-shrink:0;display:flex}.sheet__dot{background:var(--fill-tertiary);cursor:pointer;width:8px;height:8px;transition:background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-spring);border-radius:9999px}.sheet__dot--active{background:var(--system-blue);transform:scale(1.25)}.hud{z-index:20;padding:max(env(safe-area-inset-top), 12px) var(--inset-iphone) 0;pointer-events:none;transition:opacity var(--dur-3) var(--ease-spring);justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.hud[hidden]{display:none}.hud--entering{opacity:0;transform:translateY(-8px)}.hud__bar{align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);background:var(--glass-bg-thick);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-border);box-shadow:inset 0 .5px 0 var(--glass-highlight), var(--shadow-1);pointer-events:auto;min-width:280px;padding:8px 8px 8px 12px;display:flex}.hud__close{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);background:var(--fill-tertiary);color:var(--label);cursor:pointer;transition:background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-spring);border:none;justify-content:center;align-items:center;display:inline-flex}.hud__close:hover{background:var(--fill-secondary)}.hud__close:active{transform:scale(.94)}.hud__close svg{width:18px;height:18px}.hud__title{text-align:center;font:var(--type-headline);letter-spacing:var(--tracking-headline);color:var(--label);white-space:nowrap;flex:1}.hud__score{height:var(--tap);border-radius:var(--radius-pill);background:var(--fill-quaternary);font:700 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--label);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.hud__score svg{width:16px;height:16px;color:var(--system-yellow);fill:currentColor}.hud__goal-sep{color:var(--label-tertiary);margin:0 2px;font-weight:500}.hud__score #hud-goal{color:var(--label-secondary);font-weight:500}.hud-foot{z-index:20;padding:0 var(--inset-iphone) max(env(safe-area-inset-bottom), 16px);pointer-events:none;transition:opacity var(--dur-3) var(--ease-spring);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-foot[hidden]{display:none}.hud-foot__card{justify-content:space-around;align-items:center;gap:var(--space-5);border-radius:var(--radius-card);background:var(--glass-bg);width:100%;max-width:360px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-border);box-shadow:inset 0 .5px 0 var(--glass-highlight), var(--shadow-1);padding:12px 20px;display:flex}.hud-foot__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.hud-foot__stat-value{font:700 22px/26px var(--font-sans);letter-spacing:var(--tracking-title-2);color:var(--label);font-variant-numeric:tabular-nums}.hud-foot__stat-sep{color:var(--label-tertiary,#8e8e93);margin:0 1px;font-weight:500}.hud-foot__stat-label{font:var(--type-caption-2);letter-spacing:.5px;text-transform:uppercase;color:var(--label-secondary)}.hud-foot__divider{background:var(--separator);align-self:stretch;width:.5px}.hud-foot__shuffle{appearance:none;color:var(--label);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), opacity var(--dur-2) var(--ease-out);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;display:flex}.hud-foot__shuffle:active{background:#78788029;transform:scale(.96)}.hud-foot__shuffle svg{width:22px;height:22px;color:var(--accent-blue,#007aff)}.hud-foot__shuffle-label{font:var(--type-caption-2);letter-spacing:.5px;text-transform:uppercase;color:var(--label-secondary)}.hud-foot__shuffle-count{font:700 16px/18px var(--font-sans);font-variant-numeric:tabular-nums;color:#fff;background:var(--accent-blue,#007aff);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:1;display:inline-flex;position:absolute;transform:translate(20px,-22px)}.hud-foot__shuffle--empty{opacity:.4;cursor:not-allowed}.hud-foot__shuffle--empty svg{color:var(--label-tertiary,#8e8e93)}.modal-backdrop{z-index:50;opacity:1;transition:opacity var(--dur-3) var(--ease-out);background:#00000080;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal-backdrop--entering{opacity:0}.modal{z-index:51;background:var(--bg-grouped-secondary);border-radius:var(--radius-sheet);width:min(360px,100vw - 32px);box-shadow:var(--shadow-3);padding:var(--space-6) var(--space-5) var(--space-5);text-align:center;align-items:center;gap:var(--space-3);transition:transform var(--dur-3) var(--ease-spring), opacity var(--dur-3) var(--ease-spring);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.modal[hidden]{display:none}.modal--entering{opacity:0;transform:translate(-50%,-50%)scale(.92)}.modal__art{filter:drop-shadow(0 12px 24px #00000038);width:96px;height:96px;margin-top:var(--space-2);justify-content:center;align-items:center;display:flex}.modal__art img{object-fit:contain;width:100%;height:100%}.modal__eyebrow{font:var(--type-footnote);letter-spacing:1.2px;text-transform:uppercase;color:var(--system-green);font-weight:600}.modal__eyebrow--fail{color:var(--system-red)}.modal__title{font:700 28px/32px var(--font-sans);letter-spacing:-.41px;color:var(--label);margin:0}.modal__stats{justify-content:center;gap:var(--space-6);width:100%;margin:var(--space-2) 0;display:flex}.modal__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.modal__stat-value{font:700 26px/30px var(--font-sans);letter-spacing:var(--tracking-title-2);color:var(--label);font-variant-numeric:tabular-nums}.modal__stat-label{font:var(--type-caption-2);letter-spacing:.5px;text-transform:uppercase;color:var(--label-secondary)}.modal__actions{align-items:stretch;gap:var(--space-2);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.modal__cta{font:600 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--tint-on);background:var(--tint);border-radius:var(--radius-pill);min-height:var(--tap);cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-spring), filter var(--dur-1) var(--ease-out);border:none;padding:14px 24px}.modal__cta:hover{filter:brightness(1.04)}.modal__cta:active{transform:scale(.97)}.modal__link{font:600 17px/22px var(--font-sans);letter-spacing:-.41px;color:var(--system-blue);padding:var(--space-2) var(--space-4);min-height:var(--tap);cursor:pointer;transition:opacity var(--dur-1) var(--ease-out);background:0 0;border:none}.modal__link:active{opacity:.5}.modal__link--danger{color:var(--system-red,#ff3b30)}.modal__caption{font:400 14px/20px var(--font-sans);color:var(--label-secondary);text-align:center;margin:0 0 16px;padding:0 8px}.modal__caption strong{color:var(--system-red,#ff3b30);font-weight:600}