:root{color:#f3f8ff;background:#071426;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,system-ui,sans-serif;font-synthesis:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overflow:clip}html,body{position:fixed;inset:0;overscroll-behavior:none;touch-action:none}body{-webkit-overflow-scrolling:auto}button{font:inherit;touch-action:manipulation}#app{position:relative;isolation:isolate;background:#071426}#app:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 48%,#020b1670 100%)}.cosmos-layer{position:absolute;z-index:0;inset:-3%;background-position:center;background-size:cover;opacity:0;transform:scale(1.045);transition:opacity 1.15s ease,transform 1.8s ease;will-change:opacity,transform}.cosmos-layer.is-active{opacity:1;transform:scale(1)}#cosmos-bg-a{background-image:url(/assets/starfield-premium.jpg)}.warp-effect{position:absolute;z-index:3;inset:-30%;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 5deg,#baffff8c 5.15deg,transparent 5.55deg 11deg);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,transparent 0 8%,#000 28%,transparent 72%);mask-image:radial-gradient(circle,transparent 0 8%,#000 28%,transparent 72%)}.warp-effect.is-active{animation:warp-travel 1.05s cubic-bezier(.2,.72,.25,1)}#game{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:max(16px,env(safe-area-inset-top)) 18px auto;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.brand{display:flex;gap:8px;align-items:center;font-weight:900;letter-spacing:.11em;text-shadow:0 5px 18px #0009}.brand-dot{width:10px;height:10px;border-radius:50%;background:#7cf6d5;box-shadow:0 0 18px #7cf6d5}.score-wrap{text-align:center;min-width:90px}.score-wrap strong{display:block;font-size:clamp(28px,8vw,44px);line-height:1;text-shadow:0 8px 30px #0008}.score-wrap span{display:block;height:18px;margin-top:4px;color:#7cf6d5;font-weight:800;font-size:12px}.icon-button{pointer-events:auto;justify-self:end;width:42px;height:42px;border:1px solid #ffffff25;border-radius:15px;color:#fff;background:#0d2744cc;font-weight:800;backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff18,0 8px 24px #0004}.hud-actions{justify-self:end;display:flex;align-items:center;gap:8px;pointer-events:auto}.end-button{width:0;padding:0;border-width:0;color:#ffd4b8;background:#5b2634db;opacity:0;visibility:hidden;transform:scale(.72);transition:width .2s ease,opacity .2s ease,transform .2s ease,visibility .2s ease}.end-button.is-visible{width:42px;border-width:1px;opacity:1;visibility:visible;transform:scale(1)}.charge-wrap{position:absolute;z-index:4;left:50%;bottom:calc(34px + env(safe-area-inset-bottom));width:min(260px,68vw);height:8px;padding:2px;transform:translate(-50%);border-radius:99px;background:#ffffff20;opacity:0;transition:opacity .15s}.charge-wrap.is-visible{opacity:1}#charge-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7cf6d5,#fc7,#ff7898);box-shadow:0 0 16px #7cf6d588}.panel{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(180deg,#07142638,#071426dc);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transform:scale(1.03);transition:.25s ease}.panel.is-visible{opacity:1;visibility:visible;transform:scale(1)}.welcome-settings-button{position:absolute;top:max(16px,env(safe-area-inset-top));right:18px}.welcome-language-select{position:absolute;top:max(16px,env(safe-area-inset-top));left:18px;height:42px;max-width:150px;padding:0 32px 0 13px;border:1px solid #ffffff25;border-radius:15px;color:#effaff;background:#0d2744d9;box-shadow:inset 0 1px #ffffff18,0 8px 24px #0004;backdrop-filter:blur(16px);font:800 13px/1 system-ui,sans-serif;outline:none}.planet-mark{position:relative;width:86px;height:86px;margin-bottom:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 4%,#a5ffe9 7%,#4cc8cf 40%,#1764a1 72%);box-shadow:inset -16px -18px 30px #07142688,0 0 48px #55d9e86b;animation:planet-float 3.2s ease-in-out infinite}.planet-mark:after{content:"";position:absolute;inset:34px -20px;border:5px solid #ffc870;border-left-color:transparent;border-radius:50%;transform:rotate(-15deg)}.planet-mark span{position:absolute;z-index:2;width:12px;height:12px;right:18px;top:22px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff}.eyebrow{margin:0 0 8px;color:#7cf6d5;font-size:11px;font-weight:900;letter-spacing:.22em}h1{margin:0;font-size:clamp(56px,18vw,92px);letter-spacing:.08em;line-height:1;text-shadow:0 12px 40px #0009}h2{margin:0;font-size:28px}.subtitle{max-width:320px;margin:18px 0 28px;color:#c8d8e9;line-height:1.65}.muted{min-height:20px;color:#8ca5be;font-size:13px}.mini-rank-card{width:min(330px,100%);margin-top:4px;padding:10px 14px;border:1px solid #ffffff18;border-radius:18px;background:#07182ab8;box-shadow:inset 0 1px #ffffff12,0 12px 34px #0004}.mini-rank-title{margin:0 0 5px;color:#8ca5be;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.mini-rank-list{margin:0;padding:0;list-style:none}.mini-rank-list li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;min-height:28px;font-size:12px;text-align:left}.mini-rank-list .rank-position{font-size:11px}.mini-rank-list .rank-empty{min-height:30px;padding:7px 0;font-size:12px}.result-rank-card{margin-top:18px}.primary-button,.secondary-button{min-height:52px;padding:0 30px;border-radius:18px;font-weight:900;border:0;cursor:pointer;transition:transform .15s ease,filter .15s ease}.primary-button:active,.secondary-button:active,.icon-button:active{transform:scale(.96)}.primary-button{color:#09223b;background:linear-gradient(135deg,#9affdf,#67d7ed);box-shadow:0 12px 36px #57dbd94a}.primary-button:disabled{opacity:.45}.secondary-button{color:#e9f6ff;border:1px solid #ffffff28;background:#183552}.final-score{font-size:clamp(76px,24vw,128px);font-weight:950;line-height:1;text-shadow:0 14px 45px #0009}.action-row{display:flex;gap:10px}.rank-panel{position:absolute;z-index:12;left:12px;right:12px;bottom:12px;max-height:min(74vh,620px);padding:22px;border:1px solid #ffffff22;border-radius:28px;background:#0a1c30f5;box-shadow:0 -20px 60px #0007;backdrop-filter:blur(22px);transform:translateY(calc(100% + 30px));transition:transform .28s ease}.rank-panel.is-visible{transform:translateY(0)}.rank-panel[aria-hidden=true]{visibility:hidden}.rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rank-list{margin:0;padding:0;list-style:none;overflow:auto;max-height:48vh}.rank-list li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid #ffffff12}.rank-position{color:#7891aa;font-weight:900}.rank-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{color:#7cf6d5;font-weight:900}.rank-empty{display:block!important;padding:30px 0;color:#8ca5be;text-align:center}.settings-panel{position:absolute;z-index:14;left:12px;right:12px;bottom:12px;padding:22px;border:1px solid #ffffff22;border-radius:28px;background:#0a1c30f5;box-shadow:0 -20px 60px #0007;backdrop-filter:blur(22px);transform:translateY(calc(100% + 30px));transition:transform .28s ease}.settings-panel.is-visible{transform:translateY(0)}.settings-panel[aria-hidden=true]{visibility:hidden}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-list{display:grid;gap:10px}.setting-row{min-height:58px;padding:0 16px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff12;border-radius:18px;background:#ffffff09;color:#e7f4ff;font-weight:800}.setting-row>span:first-child{flex:1}.setting-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle-control{position:relative;flex:0 0 auto!important;width:48px;height:28px;border-radius:99px;background:#30465d;box-shadow:inset 0 2px 5px #0005;transition:background .18s ease}.toggle-control:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#d9e8f2;box-shadow:0 3px 8px #0006;transition:transform .18s ease,background .18s ease}.setting-row input:checked+.toggle-control{background:#3cbda8}.setting-row input:checked+.toggle-control:after{transform:translate(20px);background:#f4fffc}.language-row{flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.language-row select{min-width:150px;max-width:58%;height:40px;padding:0 34px 0 12px;border:1px solid #ffffff1e;border-radius:12px;color:#effaff;background:#132d47;font:inherit;font-size:14px;outline:none}.website-row{text-decoration:none;transition:border-color .18s ease,background .18s ease}.website-row:hover,.website-row:focus-visible{border-color:#7cf6d555;background:#7cf6d50d;outline:none}.website-domain{flex:0 0 auto!important;color:#7cf6d5;font-size:14px}.toast{position:absolute;z-index:20;left:50%;bottom:98px;max-width:80%;padding:10px 16px;border-radius:12px;background:#020a12dd;color:#fff;font-size:13px;transform:translate(-50%,20px);opacity:0;transition:.2s;pointer-events:none}.toast.is-visible{transform:translate(-50%);opacity:1}@keyframes planet-float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes warp-travel{0%{opacity:0;transform:scale(.35) rotate(0)}42%{opacity:.72}to{opacity:0;transform:scale(1.55) rotate(3deg)}}@media(max-width:430px){.action-row{width:100%;flex-direction:column}.action-row button{width:100%}#welcome .planet-mark{width:72px;height:72px;margin-bottom:16px}#welcome h1{font-size:clamp(48px,16vw,72px)}#welcome .subtitle{margin:12px 0 18px}#welcome .muted{margin:10px 0 4px}}@media(prefers-reduced-motion:reduce){.planet-mark{animation:none}.panel,.rank-panel,.toast{transition-duration:.01ms}}