*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#1b1030}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}#app{position:fixed;inset:0;display:flex}.page{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:14px 28px;font-size:18px;font-weight:700;font-family:inherit;color:#3a2600;background:#ffd633;box-shadow:0 4px #00000040;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000040}.btn--ghost{background:#ffffff24;color:#fff;box-shadow:none}.btn--sm{padding:10px 16px;font-size:15px}.btn[disabled]{opacity:.45;cursor:not-allowed}.page--home{align-items:center;justify-content:center;gap:20px;padding:32px 24px;text-align:center}.home__title{margin:0;font-size:44px;line-height:1.1;font-weight:900;letter-spacing:-.5px}.home__version{font-size:.45em;opacity:.75;vertical-align:super}.home__notice{margin:0;font-size:14px;opacity:.7}.home__actions{display:flex;flex-direction:column;gap:12px;width:min(280px,80vw);margin-top:8px}.page--setup{justify-content:center;gap:18px;padding:32px 24px}.setup__heading{margin:0 0 4px;font-size:22px;font-weight:800;text-align:center}.setup__field{display:flex;flex-direction:column;gap:8px}.setup__label{font-size:13px;opacity:.7}.setup__row{display:flex;gap:10px;align-items:stretch}.setup__input,.setup__select{flex:1;min-width:0;font-family:inherit;font-size:16px;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:14px;padding:13px 16px;outline:none;user-select:text;-webkit-user-select:text}.setup__input::placeholder{color:#ffffff73}.setup__input:focus,.setup__select:focus{border-color:#ffd633}.setup__select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.setup__select option{color:#1b1030}.setup__hint{min-height:18px;font-size:13px;color:#ff8a8a}.setup__hint--ok{color:#8ef0a8}.setup__submit{margin-top:10px;width:100%}.page--game{padding:0;overflow:hidden}.game__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.game__hud{position:absolute;top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.game__stats{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.game__chip{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#00000073;backdrop-filter:blur(4px)}.game__chip--stage{background:#ffd633e6;color:#3a2600}.game__toast{position:absolute;left:50%;bottom:12%;transform:translate(-50%,10px);padding:10px 18px;border-radius:999px;font-size:15px;font-weight:700;background:#0000009e;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none;white-space:nowrap;max-width:86vw;overflow:hidden;text-overflow:ellipsis}.game__toast--show{opacity:1;transform:translate(-50%)}.game__tip{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 22px);transform:translate(-50%);font-size:14px;opacity:.8;pointer-events:none;white-space:nowrap;animation:tip-pulse 1.8s ease-in-out infinite}@keyframes tip-pulse{0%,to{opacity:.45}50%{opacity:.95}}:root{--pg-bg: #1b1030;--pg-bg-2: #2a1a4d;--pg-ink: #241503;--pg-accent: #ffd633;--pg-accent-hi: #ffe066;--pg-accent-deep: #c98a00;--pg-cream: #fff6dc;--pg-text: rgba(255, 246, 220, .92);--pg-text-dim: rgba(255, 246, 220, .8);--pg-mint: #8ef0a8;--pg-rose: #ff9a9a;--pg-line: rgba(255, 246, 220, .22);--pg-glass: rgba(14, 8, 26, .55)}*{-webkit-tap-highlight-color:transparent}body{background-color:var(--pg-bg);background-image:radial-gradient(120% 70% at 50% -10%,#ffd63329,#ffd63300 55%),radial-gradient(90% 60% at 12% 108%,#785adc52,#785adc00 60%),radial-gradient(90% 60% at 100% 100%,#ff82aa24,#ff82aa00 55%),linear-gradient(180deg,var(--pg-bg-2) 0%,var(--pg-bg) 62%,#150c26 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff04 0 2px,#fff0 2px 4px);z-index:0}#app{z-index:1}.btn:focus-visible{outline:3px solid rgba(255,214,51,.85);outline-offset:3px}.btn{min-height:48px;padding:14px 30px;font-size:18px;font-weight:800;letter-spacing:.5px;color:var(--pg-ink);background-image:linear-gradient(180deg,var(--pg-accent-hi) 0%,var(--pg-accent) 70%);border:3px solid var(--pg-ink);border-radius:999px;box-shadow:0 6px 0 var(--pg-accent-deep),0 9px 0 var(--pg-ink),0 14px 24px #0006;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;touch-action:manipulation}.btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--pg-accent-deep),0 3px 0 var(--pg-ink),0 6px 10px #00000059}.btn--sm{min-height:44px;padding:10px 18px;font-size:15px;border-width:2px;box-shadow:0 4px 0 var(--pg-accent-deep),0 6px 0 var(--pg-ink)}.btn--sm:active{transform:translateY(4px);box-shadow:0 0 0 var(--pg-accent-deep),0 2px 0 var(--pg-ink)}.btn--ghost{color:var(--pg-cream);background-image:none;background-color:var(--pg-glass);border-color:#fff6dc57;box-shadow:0 3px #0006,0 8px 18px #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn--ghost:active{transform:translateY(3px);box-shadow:0 0 #0006}.btn[disabled]{opacity:.45;filter:grayscale(.5)}.page--home{align-items:center;justify-content:space-evenly;gap:0;padding:22px 22px calc(22px + env(safe-area-inset-bottom) + env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}.home__mascot-wrap{position:relative;display:grid;place-items:center;isolation:isolate;flex:0 0 auto}.home__mascot-wrap:before{content:"";position:absolute;inset:-30% -42%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#ffd6334d,#ffd6332e 26%,#ffd63314,#ffd63308 70%,#ffd63300);z-index:-1}.home__mascot{width:auto;height:min(38vh,300px);aspect-ratio:.62;display:block;cursor:pointer;animation:pg-float 3.6s ease-in-out infinite}@keyframes pg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.home__brand{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 auto}.home__title{position:relative;margin:0;font-size:clamp(40px,13vw,84px);line-height:1;font-weight:900;letter-spacing:-1.4px;color:var(--pg-accent);text-shadow:0 3px 0 var(--pg-accent-deep),0 6px 0 rgba(0,0,0,.3),0 14px 24px rgba(0,0,0,.5);transform:rotate(-1.5deg);animation:pg-pop .55s cubic-bezier(.34,1.56,.64,1) both}.home__title:after{content:"";position:absolute;left:50%;bottom:-12px;width:72%;height:9px;transform:translate(-50%) rotate(-1deg);border-radius:999px;background:linear-gradient(90deg,#ffd63300,#ffd63380,#ffd63300);filter:blur(1.5px)}@keyframes pg-pop{0%{opacity:0;transform:rotate(-1.5deg) scale(.82)}to{opacity:1;transform:rotate(-1.5deg) scale(1)}}.home__version{position:absolute;left:100%;top:.05em;margin-left:6px;display:inline-block;padding:4px 8px;font-size:11px;font-weight:800;line-height:1;letter-spacing:.4px;white-space:nowrap;color:var(--pg-ink);background:var(--pg-accent-hi);border:2px solid var(--pg-ink);border-radius:999px;box-shadow:0 3px #0006;transform:rotate(5deg);opacity:1;text-shadow:none}.home__notice{margin:0;padding:6px 14px;font-size:14px;font-weight:600;letter-spacing:.6px;color:var(--pg-text-dim);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;opacity:1}.home__actions{display:flex;flex-direction:column;gap:14px;width:min(300px,82vw);flex:0 0 auto}.home__actions .btn{width:100%;min-height:58px;font-size:20px}.page--setup{justify-content:space-evenly;gap:0;padding:22px 22px calc(22px + env(safe-area-inset-bottom) + env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}.setup__heading{position:relative;margin:0;text-align:center;font-size:25px;font-weight:900;letter-spacing:-.3px;color:var(--pg-cream);text-shadow:0 2px 0 rgba(0,0,0,.35),0 10px 22px rgba(0,0,0,.45);flex:0 0 auto}.setup__preview{position:relative;display:grid;place-items:center;margin:0;flex:0 0 auto}.setup__preview:before{content:"";position:absolute;inset:-30% -44%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#ffd63342,#ffd63326 26%,#ffd63312,#ffd63305 70%,#ffd63300);z-index:0}.setup__preview-canvas{position:relative;z-index:1;width:auto;height:min(26vh,216px);aspect-ratio:.62;display:block}.setup__field{display:flex;flex-direction:column;gap:9px;flex:0 0 auto}.setup__form{display:flex;flex-direction:column;gap:18px;width:100%;flex:0 0 auto}.setup__label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.3px;color:var(--pg-text);opacity:1}.setup__label:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--pg-accent);box-shadow:0 0 0 2px #ffd6332e;transform:rotate(45deg)}.setup__row{gap:10px}.setup__input,.setup__select{min-height:52px;font-size:16px;color:var(--pg-cream);background-color:#0c071694;border:2px solid var(--pg-line);border-radius:14px;padding:13px 16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.setup__input::placeholder{color:#fff6dc94}.setup__input:focus,.setup__select:focus{outline:none;border-color:var(--pg-accent);background-color:#0c0716cc;box-shadow:0 0 16px 2px #ffd63357}.setup__field:has(.setup__hint--ok) .setup__input{border-color:#8ef0a8d9}.setup__field:has(.setup__hint:not(:empty):not(.setup__hint--ok)) .setup__input{border-color:#ff9a9ae6;box-shadow:0 0 16px 2px #ff9a9a3d}.setup__hint{min-height:18px;font-size:13px;letter-spacing:.2px;color:var(--pg-rose);transition:color .15s ease}.setup__hint--ok{color:var(--pg-mint)}.setup__row .btn{min-height:52px;padding:0 20px;font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--pg-accent);background-image:none;background-color:#ffd6331a;border:2px solid rgba(255,214,51,.55);border-radius:14px;box-shadow:none}.setup__row .btn:active{transform:translateY(2px);background-color:#ffd63338;box-shadow:none}.setup__submit{width:100%;min-height:58px;font-size:20px;flex:0 0 auto}.game__hud{gap:10px}.game__stats{gap:8px}.game__chip{padding:8px 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--pg-cream);background:var(--pg-glass);border:2px solid rgba(255,246,220,.2);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000059;text-shadow:0 1px 2px rgba(0,0,0,.6)}.game__chip--stage{color:var(--pg-ink);background-image:linear-gradient(180deg,var(--pg-accent-hi) 0%,var(--pg-accent) 75%);border-color:var(--pg-ink);box-shadow:0 4px 0 var(--pg-accent-deep),0 8px 16px #00000059;text-shadow:none}.game__exit{pointer-events:auto}.game__toast{padding:12px 22px;font-size:15px;font-weight:800;letter-spacing:.4px;color:var(--pg-cream);background:#0e081ac2;border:2px solid rgba(255,214,51,.5);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 28px #00000080;text-shadow:0 1px 2px rgba(0,0,0,.6);transform:translate(-50%,10px) scale(.94)}.game__toast--show{transform:translate(-50%) scale(1)}.game__tip{padding:7px 16px;font-size:14px;font-weight:700;color:var(--pg-cream);background:#0e081a75;border:1px solid rgba(255,246,220,.14);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.65);animation:tip-pulse 1.8s ease-in-out infinite,tip-bob 2.4s ease-in-out infinite}@keyframes tip-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}@media (max-height: 660px){.page--home,.page--setup{gap:0;padding-top:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.home__mascot{height:min(26vh,170px)}.setup__preview-canvas{height:min(22vh,150px)}.home__title{font-size:clamp(34px,11vw,52px)}.setup__heading{font-size:21px}.home__actions .btn,.setup__submit{min-height:50px;font-size:18px}.setup__input,.setup__select,.setup__row .btn{min-height:46px}}@media (max-width: 340px){.page--home,.page--setup{padding-left:16px;padding-right:16px}.home__title{font-size:40px}.home__version{margin-left:4px;font-size:10px;padding:3px 6px}.game__chip{font-size:12px;padding:7px 11px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}