@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#0b1022;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f7fbff;--muted: #9faac8;--dim: #6c7596;--glass: rgba(21, 29, 57, .74);--glass-bright: rgba(37, 50, 92, .8);--line: rgba(191, 220, 255, .18);--cyan: #72ecff;--violet: #b7a3ff;--peach: #ffb38c;--danger: #ff7b96}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:radial-gradient(75% 90% at 51% 38%,rgba(37,51,96,.52),transparent 72%),linear-gradient(145deg,#080d1d,#111a36 45%,#171b38);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit}#app{position:relative;isolation:isolate}#game-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#game-canvas::selection{background:transparent}#ui-root,#toast-root{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:1;transition:opacity .22s ease,transform .22s ease}.screen[hidden]{display:none!important}.screen.is-hidden{opacity:0;pointer-events:none;transform:scale(1.02)}.screen:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 50% 45%,transparent 15%,rgba(6,10,24,.34) 100%);pointer-events:none}.menu-card{position:relative;width:min(500px,calc(100vw - 40px));padding:clamp(27px,5vw,50px) clamp(24px,6vw,62px) 28px;text-align:center;border:1px solid rgba(174,216,255,.22);border-radius:30px;background:linear-gradient(145deg,#182245e0,#0e142dd1);box-shadow:0 32px 110px #0000007a,inset 0 1px #ffffff1c,0 0 0 1px #62e1ff06;-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25)}.eyebrow{margin:0 0 12px;color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.brand{position:relative;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,9vw,70px);line-height:.9;letter-spacing:-.075em;color:#fff;text-shadow:0 0 28px rgba(112,231,255,.21),0 5px 0 rgba(127,94,208,.23)}.brand em{display:block;margin-top:10px;color:#b9a9ff;font-size:.38em;font-style:normal;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.suika-game-title{position:relative;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(45px,9vw,70px);line-height:.9;letter-spacing:-.075em;color:#fff;text-shadow:0 0 28px rgba(112,231,255,.21),0 5px 0 rgba(127,94,208,.23)}.suika-title-mark{display:inline-block;margin-right:6px;color:var(--cyan);font-size:.66em;vertical-align:.13em;text-shadow:0 0 18px rgba(115,238,255,.8)}.suika-eyebrow{margin:0 0 12px;color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.menu-copy{max-width:330px;margin:22px auto 27px;color:var(--muted);font-size:14px;line-height:1.6}.button-stack{display:grid;gap:10px}.btn{position:relative;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 19px;border:1px solid rgba(192,226,255,.18);border-radius:14px;color:var(--ink);background:#ffffff0e;box-shadow:inset 0 1px #ffffff14;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:#ffffff1a;border-color:#b9e2ff57}.btn:active{transform:translateY(2px) scale(.985)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-primary{color:#08142a;border-color:#7ef8ffdb;background:linear-gradient(135deg,#95f6ff,#9dbeff 48%,#c5a7ff);box-shadow:0 10px 24px #64c5ff2e,inset 0 1px #ffffffb3;font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,#b5fbff,#b8ceff 48%,#d6c0ff)}.btn-small{min-height:38px;padding:0 14px;border-radius:12px;font-size:12px}.menu-foot{display:flex;justify-content:center;gap:16px;margin-top:21px;color:var(--dim);font-size:11px}.text-btn{padding:3px 5px;border:0;color:var(--muted);background:transparent;cursor:pointer}.text-btn:hover{color:var(--ink)}.hud{position:absolute;inset:0;pointer-events:none;transition:opacity .18s ease}.hud.is-hidden{opacity:0}.hud>*{pointer-events:auto}.suika-game-screen .suika-hud,.suika-game-screen .suika-hud .stat-card,.suika-game-screen .suika-hud .hud-center{pointer-events:none}.suika-game-screen .suika-hud button{pointer-events:auto}.hud-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;right:auto;bottom:auto;height:fit-content;display:flex;width:min(750px,calc(100vw - 32px));align-items:flex-start;justify-content:space-between;gap:10px;transform:translate(-50%)}.stat-card{min-width:120px;padding:11px 15px 10px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,#1d2a51c7,#0c1229b0);box-shadow:0 12px 24px #00000026,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stat-label{color:var(--dim);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.stat-value{margin-top:3px;font-family:Space Grotesk,sans-serif;font-size:22px;letter-spacing:-.05em}.stat-value.is-hot{color:#ffbc8f;text-shadow:0 0 17px rgba(255,143,112,.42)}.hud-center{flex:1;min-width:0;text-align:center}.hud-title{margin:3px 0;color:#ebf2ffbd;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.hud-stage{color:#d6c7ff;font-size:12px}.next-card{min-width:128px;padding:10px 13px 9px;border:1px solid rgba(153,232,255,.15);border-radius:15px;background:linear-gradient(150deg,#182e4bc2,#0b172fb8);box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000021}.next-card-head{display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.next-tier{color:#9eeaff;font-size:10px;letter-spacing:.04em}.next-visual{display:flex;align-items:center;justify-content:center;height:42px;margin-top:4px}.next-dot{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff,#91e8ff 22%,#5375f0 72%,#2b2c82);box-shadow:0 0 20px #79e5ff73}.pause-btn{position:absolute;top:max(16px,env(safe-area-inset-top));right:-45px;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#121d3ba8;box-shadow:inset 0 1px #ffffff17;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pause-icon{display:inline-flex;gap:4px}.pause-icon i{display:block;width:3px;height:14px;border-radius:3px;background:currentColor}.combo-banner{position:absolute;top:20%;left:50%;min-width:180px;padding:10px 18px 12px;border:1px solid rgba(255,200,156,.3);border-radius:18px;text-align:center;background:#402241ba;box-shadow:0 14px 35px #190b213d,inset 0 1px #ffffff1c;opacity:0;transform:translate(-50%,16px) scale(.88);transition:opacity .18s ease,transform .24s cubic-bezier(.2,1.5,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.combo-banner.is-visible{opacity:1;transform:translate(-50%) scale(1)}.combo-banner strong{display:block;color:#ffd0a8;font-family:Space Grotesk,sans-serif;font-size:21px;letter-spacing:-.04em}.combo-banner span{color:#f4bfe0;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.danger-status{position:absolute;top:11.5%;left:50%;padding:5px 10px;border:1px solid rgba(137,235,255,.16);border-radius:8px;color:#b1eaffa8;background:#0d193261;font-size:9px;font-weight:700;letter-spacing:.16em;opacity:.9;transform:translate(-50%);pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.danger-pulse.is-active+.danger-status{color:#ffb5bd;border-color:#ff7e9b5c;background:#3a153075}.danger-pulse{position:absolute;inset:0;border:0 solid rgba(255,105,132,.48);opacity:0;pointer-events:none;transition:opacity .2s ease}.danger-pulse.is-active{border-width:6px;opacity:1;animation:danger-breathe .9s ease-in-out infinite alternate}@keyframes danger-breathe{0%{box-shadow:inset 0 0 24px #ff507814}to{box-shadow:inset 0 0 70px #ff50784a}}.modal-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0508145c;pointer-events:auto;opacity:1;transition:opacity .18s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-wrap.is-hidden{opacity:0;pointer-events:none}.modal{width:min(420px,100%);padding:25px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#1c284df0,#0c1227f2);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff14}.modal h2{margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:27px;letter-spacing:-.045em}.modal p{margin:0 0 21px;color:var(--muted);font-size:13px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid rgba(190,220,255,.09);color:var(--muted);font-size:13px}.settings-row:first-of-type{border-top:0}.segmented{display:flex;padding:3px;border:1px solid rgba(190,220,255,.13);border-radius:10px;background:#00000021}.segment{min-height:30px;padding:0 10px;border:0;border-radius:7px;color:var(--dim);background:transparent;cursor:pointer;font-size:11px}.segment.is-active{color:#0c1830;background:#9ceaff;font-weight:700}.toggle{width:42px;height:24px;padding:3px;border:0;border-radius:20px;background:#2f3a5d;cursor:pointer}.toggle:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#9aa6c9;transition:transform .16s ease,background .16s ease}.toggle.is-on{background:#6bdaeb4d}.toggle.is-on:after{background:#9af4ff;transform:translate(18px)}.tutorial-card{text-align:left}.tutorial-art{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 20px}.tip{min-height:78px;padding:11px;border:1px solid rgba(190,220,255,.12);border-radius:13px;background:#ffffff0b}.tip-number{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;color:#12213e;background:#8feaff;font-size:10px;font-weight:700}.tip span:last-child{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.35}.game-over-card{text-align:center}.game-over-card .eyebrow{color:#ffbd9e}.score-big{margin:8px 0 2px;font-family:Space Grotesk,sans-serif;font-size:clamp(58px,13vw,84px);line-height:.9;letter-spacing:-.09em;text-shadow:0 0 32px rgba(255,191,135,.3)}.score-caption{color:var(--muted);font-size:12px}.result-line{display:flex;justify-content:center;gap:18px;margin:21px 0 25px;color:var(--muted);font-size:12px}.result-line strong{display:block;margin-top:4px;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:18px}.new-best{display:none;margin:13px 0 0;color:#9df6ed;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.new-best.is-visible{display:block}.hint{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;padding:8px 12px;border:1px solid rgba(194,223,255,.12);border-radius:11px;color:#d0ddf6ab;background:#0c142b73;font-size:10px;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hint kbd{padding:2px 5px;border:1px solid rgba(194,223,255,.19);border-radius:5px;color:#d7e9ff;background:#ffffff14;font-size:9px}.toast{position:absolute;top:48%;left:50%;padding:10px 16px;border:1px solid rgba(145,239,255,.32);border-radius:14px;color:#dffbff;background:#18324dd1;box-shadow:0 13px 36px #00000038;font-size:12px;font-weight:700;letter-spacing:.08em;opacity:0;transform:translate(-50%,18px) scale(.9);transition:opacity .17s ease,transform .24s cubic-bezier(.2,1.45,.3,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}@media(max-width:600px){.menu-card{border-radius:24px}.hud-top{width:calc(100vw - 106px);align-items:flex-start}.suika-hud{display:grid;grid-template-columns:.82fr .82fr 1.7fr;gap:6px}.stat-card{min-width:0;min-height:0;height:auto;padding:9px 8px}.stat-value{font-size:18px}.suika-hud .hud-center{display:none}.suika-next-fruit{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.pause-btn{width:39px;height:39px}.hint{display:none}.hint{bottom:max(10px,env(safe-area-inset-bottom))}.tutorial-art{grid-template-columns:1fr}.tip{min-height:auto}}@media(max-height:650px)and (min-width:601px){.hud-top{top:10px}.menu-card{padding-top:22px;padding-bottom:20px}.menu-copy{margin:14px auto 18px}.brand{font-size:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}