:root{color:#eefbff;background:#071012;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}body{background:radial-gradient(circle at 22% 8%,rgba(64,241,199,.2),transparent 32%),linear-gradient(180deg,#071012,#101819 58%,#080b0a)}button{border:0;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed;top:calc(14px + var(--safe-top));left:14px;right:14px;z-index:4;display:grid;grid-template-columns:minmax(96px,1fr) auto 48px;gap:12px;align-items:start;pointer-events:none}.brand{display:grid;gap:1px;text-shadow:0 2px 16px rgba(0,0,0,.52)}.brand span{font-size:1.35rem;font-weight:900;line-height:1}.brand small{color:#a3ccd4;font-size:.76rem;font-weight:700;text-transform:uppercase}.stats{display:flex;gap:8px;justify-content:center;min-width:0}.stats div{min-width:78px;padding:8px 10px;border:1px solid rgba(199,255,245,.18);border-radius:8px;background:#07101285;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:1px;text-align:center;box-shadow:0 10px 26px #00000038}.stats b{color:#f4fffb;font-size:1rem;line-height:1}.stats span{color:#a3ccd4;font-size:.68rem;font-weight:700;text-transform:uppercase}.icon-button,.touch-controls button,.primary,.secondary{pointer-events:auto;min-height:44px;border-radius:8px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.icon-button{width:48px;height:48px;background:#071012a3;border:1px solid rgba(199,255,245,.2);color:#eaffff;font-weight:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-button:disabled{opacity:.45;cursor:default}.overlay{position:fixed;inset:0;z-index:3;display:grid;align-items:center;padding:88px 22px 132px;background:linear-gradient(90deg,#071012d1,#07101257 58%,#07101214)}.overlay.hidden{opacity:0;pointer-events:none}.panel{width:min(460px,100%);display:grid;gap:18px}.eyebrow{margin:0;color:#86f2da;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#f7fffb;font-size:clamp(4rem,16vw,8.6rem);line-height:.82;letter-spacing:0;text-shadow:0 14px 40px rgba(0,0,0,.45)}.panel p:not(.eyebrow){max-width:42ch;margin:0;color:#d7edf0;font-size:1rem;line-height:1.55;text-shadow:0 2px 18px rgba(0,0,0,.5)}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{padding:0 18px;font-weight:900}.primary{background:#53efbf;color:#06201c;box-shadow:0 12px 34px #26e2ae47}.secondary{background:#ffffff14;border:1px solid rgba(225,255,248,.18);color:#f4fffb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.touch-controls{position:fixed;left:50%;bottom:calc(18px + var(--safe-bottom));z-index:4;width:min(390px,calc(100% - 28px));transform:translate(-50%);display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;pointer-events:none}.touch-controls button{pointer-events:auto;height:58px;background:#0710128f;border:1px solid rgba(199,255,245,.18);color:#eaffff;font-size:1.55rem;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #0000003d}.primary:active,.secondary:active,.icon-button:active,.touch-controls button:active{transform:translateY(1px) scale(.98)}.toast{position:fixed;left:50%;top:calc(86px + var(--safe-top));z-index:5;max-width:min(380px,calc(100% - 30px));padding:10px 14px;border:1px solid rgba(199,255,245,.2);border-radius:8px;background:#071012a8;color:#f4fffb;font-size:.88rem;font-weight:800;text-align:center;transform:translate(-50%,-12px);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%)}@media(hover:hover)and (pointer:fine){.primary:hover,.secondary:hover,.icon-button:hover,.touch-controls button:hover{transform:translateY(-1px)}}@media(min-width:760px){.touch-controls{width:310px;left:auto;right:24px;transform:none}}@media(max-width:620px){.hud{grid-template-columns:1fr 48px;gap:10px}.brand{grid-column:1}.stats{grid-column:1 / -1;grid-row:2;order:3;justify-content:stretch}.stats div{flex:1;min-width:0;padding:7px 6px}.overlay{padding:150px 18px 126px;align-items:start;background:linear-gradient(180deg,#071012b3,#07101224 58%,#07101280)}.panel{gap:14px}h1{font-size:clamp(3.65rem,22vw,6.1rem)}.panel p:not(.eyebrow){font-size:.94rem}.actions{display:grid;grid-template-columns:1fr}}.saturn-logo{display:block;overflow:visible}.logo-ring-back,.logo-ring-front{fill:none;stroke-linecap:round}.logo-ring-back{stroke-width:13;opacity:.48}.logo-ring-front{stroke-width:7}.logo-word text{fill:#f7fffb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:58px;font-weight:950;letter-spacing:0;paint-order:stroke;stroke:#0710126b;stroke-width:3px}.logo-word path{fill:none;stroke:#53efbf;stroke-linecap:round;stroke-width:5}.logo-word .logo-subtitle{fill:#a3ccd4;font-size:17px;font-weight:900;stroke:none}.brand .saturn-logo{width:150px;height:56px;margin:-5px 0 -8px -8px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.36))}.brand .logo-word .logo-subtitle,.brand small{display:none}.panel .saturn-logo{width:min(440px,100%);height:auto;margin:-12px 0 -6px -16px;filter:drop-shadow(0 16px 34px rgba(0,0,0,.38))}