:root{--dur-100: .1s;--dur-150: .15s;--dur-200: .2s;--dur-250: .25s;--dur-350: .35s;--dur-1000: 1s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1)}:root,[data-theme=frappe]{--ctp-base: #303446;--ctp-mantle: #292c3c;--ctp-surface0: #414559;--ctp-surface1: #51576d;--ctp-surface2: #626880;--ctp-overlay0: #737994;--ctp-text: #c6d0f5;--ctp-subtext0: #a5adce;--ctp-blue: #8caaee;--ctp-green: #a6d189;--ctp-mauve: #ca9ee6;--ctp-red: #e78284;--ctp-maroon: #ea999c;--ctp-yellow: #e5c890;--ctp-peach: #ef9f76;--ctp-lavender: #babbf1;--ctp-shadow: 0 1px 3px rgb(35 38 52 / .4);--ctp-shadow-lg: 0 4px 12px rgb(35 38 52 / .3);--ctp-focus-ring: 0 0 0 2px rgb(140 170 238 / .5);--ctp-glow: rgb(65 69 89 / .5)}[data-theme=latte]{--ctp-base: #eff1f5;--ctp-mantle: #e6e9ef;--ctp-surface0: #ccd0da;--ctp-surface1: #bcc0cc;--ctp-surface2: #acb0be;--ctp-overlay0: #9ca0b0;--ctp-text: #4c4f69;--ctp-subtext0: #6c6f85;--ctp-blue: #1e66f5;--ctp-green: #40a02b;--ctp-mauve: #8839ef;--ctp-red: #d20f39;--ctp-maroon: #e64553;--ctp-yellow: #df8e1d;--ctp-peach: #fe640b;--ctp-lavender: #7287fd;--ctp-shadow: 0 1px 3px rgb(172 176 190 / .5);--ctp-shadow-lg: 0 4px 12px rgb(172 176 190 / .35);--ctp-focus-ring: 0 0 0 2px rgb(30 102 245 / .4);--ctp-glow: rgb(204 208 218 / .6)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Montserrat,sans-serif;color:var(--ctp-text);background:radial-gradient(ellipse at 50% 0%,var(--ctp-glow),transparent 60%),var(--ctp-base);transition:background-color var(--dur-250) ease,color var(--dur-250) ease}.app{max-width:480px;margin:0 auto;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}header div{display:flex;gap:.5rem;align-items:center}header h1{display:flex;gap:.5rem;align-items:center;font-size:1.5rem;font-weight:600}.theme-toggle{cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--ctp-surface1);border-radius:6px;color:var(--ctp-subtext0);background:none;transition:border-color var(--dur-150) ease,color var(--dur-150) ease,background-color var(--dur-150) ease,transform var(--dur-200) ease}.theme-toggle:hover{border-color:var(--ctp-blue);color:var(--ctp-text)}.theme-toggle:active{transform:scale(.92);background:var(--ctp-surface0)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--ctp-focus-ring)}@keyframes content-exit{to{transform:scale(.97);opacity:0}}@keyframes sweep-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sweep-out{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){@keyframes content-exit{to{opacity:0}}@keyframes sweep-in{0%{opacity:1}to{opacity:1}}@keyframes sweep-out{0%{opacity:0}to{opacity:0}}}.app.exiting{animation:content-exit var(--dur-250) var(--ease-exit) forwards}.page-transition{pointer-events:none;position:fixed;z-index:9999;inset:0;transform-origin:left center;background:var(--transition-color, var(--ctp-blue));animation:sweep-in var(--dur-350) var(--ease-standard) both}.page-enter-overlay{pointer-events:none;position:fixed;z-index:9999;inset:0;transform-origin:right center;background:var(--game-accent, var(--ctp-blue));animation:sweep-out var(--dur-350) var(--ease-standard) both}