:root{color-scheme:dark;--emotion-progress: .08;--ink: #fff5ea;--panel: rgba(18, 20, 29, .48);--panel-border: rgba(255, 255, 255, .14);--acid: #e6ff81;--rose: #ff9d98}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100dvh;font-family:Trebuchet MS,Verdana,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at top,rgba(182,255,214,.16),transparent 30%),radial-gradient(circle at bottom,rgba(255,165,138,.12),transparent 40%),#101418;overscroll-behavior:none;touch-action:manipulation}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(197,255,217,.14),transparent 18%),radial-gradient(circle at 82% 22%,rgba(191,255,138,.09),transparent 22%),radial-gradient(circle at 50% 85%,rgba(255,156,122,.12),transparent 24%);opacity:calc(.55 + var(--emotion-progress) * .2)}.app-shell{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:12px}.game-frame{position:relative;width:min(calc(100vw - 24px),420px);aspect-ratio:360 / 640;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#12181cf5,#0b0c12fa);box-shadow:0 18px 40px #0000005c,inset 0 1px #ffffff14}@media (hover: none) and (pointer: coarse),(max-width: 480px){.app-shell{padding:0}.game-frame{width:100vw;height:100dvh;max-width:none;border-radius:0;border:none;aspect-ratio:auto;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}}.entry-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(circle at 50% 18%,rgba(170,255,209,.18),transparent 24%),radial-gradient(circle at 52% 66%,rgba(255,166,124,.08),transparent 30%),linear-gradient(180deg,#0a10123d,#0c0e14cc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .22s ease,transform .22s ease}.entry-shell[data-state=ready]{opacity:0;transform:scale(1.02);pointer-events:none}.entry-shell[data-state=loading] .entry-shell__quick-actions{opacity:0;pointer-events:none}.entry-shell[data-help=open] .entry-shell__button{pointer-events:none}.entry-shell__button{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;gap:14px;padding:18px 18px 16px;border:0;color:var(--ink);background:transparent;text-align:center}.entry-shell__button:active{transform:scale(.985)}.entry-shell__quick-actions{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:14px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:opacity .18s ease}.entry-shell__quick-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0a0e1470;color:#fff5ea;font:inherit;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;padding:10px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 18px #0000002e;transition:background .18s ease,border-color .18s ease,opacity .18s ease}.entry-shell__quick-action--ghost{background:#0a0e1433;color:#fff5eaeb}.entry-shell__quick-action:disabled{opacity:.52}.entry-help{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(22px + env(safe-area-inset-bottom,0px))}.entry-help[hidden]{display:none}.entry-help__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05080c75,#05080cc2),radial-gradient(circle at 50% 30%,rgba(255,239,194,.12),transparent 26%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entry-help__panel{position:relative;z-index:1;width:min(100%,264px);padding:20px 18px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#10151de6,#0c1017f0),#080a0e33;box-shadow:0 18px 32px #0000004d,inset 0 1px #ffffff0d;text-align:center}.entry-help__eyebrow{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff5eab3}.entry-help__title{margin:10px 0 0;font-size:22px;line-height:1.02;color:#fff8ef}.entry-help__lead,.entry-help__line{margin:10px 0 0;font-size:13px;line-height:1.42;color:#fff5eae0}.entry-help__lead{color:#f3ffbf;font-weight:700}.entry-help__actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.entry-help__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:106px;padding:11px 14px;border-radius:999px;border:1px solid rgba(230,255,129,.22);background:#e6ff811f;color:var(--acid);font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em}.entry-help__action--secondary{background:#ffffff0d;border-color:#ffffff1f;color:#fff5ea}.entry-shell__planet-stage{position:relative;width:min(100%,318px);min-height:280px;display:flex;align-items:center;justify-content:center;isolation:isolate}.entry-shell__planet-stage:before,.entry-shell__planet-stage:after{content:none}.entry-shell__planet-orbit{position:absolute;width:100%;aspect-ratio:1;border-radius:53% 47% 49% 51%/45% 55% 48% 52%;background:radial-gradient(circle,rgba(170,255,209,.22),rgba(170,255,209,.04) 56%,transparent 72%);filter:blur(6px);transform:rotate(-8deg);animation:planet-pulse 4.8s ease-in-out infinite;mix-blend-mode:screen}.entry-shell__planet{position:relative;width:min(86%,288px);height:auto;max-height:min(46vh,328px);filter:drop-shadow(0 10px 16px rgba(0,0,0,.22));animation:planet-drift 6.2s ease-in-out infinite}.entry-shell__callout{width:calc(100% - 36px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 18px 15px;border-radius:24px 20px 26px 18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#13181dc7,#0d0f16e6),#00000024;box-shadow:0 14px 24px #0003,inset 0 1px #ffffff0d}.entry-shell__eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.68}.entry-shell__title{font-size:24px;line-height:1.08}.entry-shell__copy{font-size:13px;line-height:1.4;color:#fff5ead1;font-weight:600}.entry-shell__loader{display:inline-flex;align-items:center;gap:6px;opacity:0;transition:opacity .14s ease;margin-top:2px}.entry-shell[data-state=loading] .entry-shell__loader{opacity:1}.entry-shell__loader span{width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--acid),var(--rose));animation:entry-bounce .8s ease-in-out infinite}.entry-shell__loader span:nth-child(2){animation-delay:.1s}.entry-shell__loader span:nth-child(3){animation-delay:.2s}.entry-shell[data-state=loading] .entry-shell__planet{animation-duration:2.8s}.entry-flow__title-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100%;width:100%;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(24px + env(safe-area-inset-bottom,0px));position:relative;overflow:hidden;isolation:isolate;text-align:left;transition:opacity .22s ease,transform .3s ease}.entry-shell[data-state=loading] .entry-flow__title-stage{opacity:0;pointer-events:none;transform:translateY(-10px)}.entry-flow__header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(100%,232px);margin:0;position:relative;z-index:2;text-align:left}.entry-flow__header:before{content:"";position:absolute;top:-12px;right:-14px;bottom:-14px;left:-10px;border-radius:24px;background:linear-gradient(180deg,#060a0e6b,#060a0e1a 54%,#060a0e00);filter:blur(14px);z-index:-1;pointer-events:none}.entry-flow__eyebrow{margin-top:2px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff5ead1;text-shadow:0 1px 10px rgba(0,0,0,.55)}.entry-flow__hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.entry-flow__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03070bbd,#03070b33 18%,#03070b05 42%,#03070b29 62%,#03070bbd),linear-gradient(90deg,#05080c57,#05080c14 28%,#05080c00 54%,#05080c14),radial-gradient(circle at 50% 66%,#04060a00,#04060a0f 42%,#04060a3d);pointer-events:none}.entry-flow__cover-glow{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0;background:radial-gradient(circle at 50% 16%,rgba(255,236,196,.24),transparent 24%),radial-gradient(circle at 70% 74%,rgba(173,214,255,.1),transparent 28%);opacity:.68}.entry-flow__cover-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;overflow:hidden;border:none;background:transparent;box-shadow:none}.entry-flow__cover-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070a100a,#070a1000 22%,#070a1047);pointer-events:none}.entry-flow__cover{width:100%;height:100%;display:block;object-fit:cover;object-position:center 37%}#entry-loading{opacity:0;pointer-events:none;position:absolute;bottom:6px;left:0;right:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;margin:0 auto 18px}.entry-shell[data-state=loading] #entry-loading{opacity:1;transform:translateY(0)}.entry-flow__game-title{margin:0;font-size:clamp(34px,10vw,44px);line-height:.98;font-weight:800;letter-spacing:.05em;color:#fff8ef;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.64),0 1px 3px rgba(0,0,0,.48)}.entry-flow__game-sub{display:block;font-size:15px;color:#ecf7ae;letter-spacing:.12em;opacity:.96;margin-top:4px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.52)}.entry-flow__copy-stack{position:absolute;z-index:2;left:50%;top:43.5%;width:min(calc(100% - 76px),224px);margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transform:translate(-50%,-50%)}.entry-flow__copy-stack:before{content:"";position:absolute;top:-14px;right:-18px;bottom:-18px;left:-18px;border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(255,236,196,.12),transparent 34%),linear-gradient(180deg,#060a0e05,#060a0e14 18%,#060a0e3d 44%,#060a0e75);filter:blur(18px);opacity:.72;pointer-events:none;z-index:-1}.entry-flow__welcome-card{width:100%;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.entry-flow__lead{margin:0;font-size:18px;line-height:1.15;font-weight:700;color:var(--ink)}.entry-flow__body{margin:9px 0 0;font-size:14px;line-height:1.45;color:#fff5eadb;text-shadow:0 1px 10px rgba(0,0,0,.4)}.entry-flow__support{margin:10px 0 0;font-size:12px;line-height:1.35;color:#ffe9bef0;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 8px rgba(0,0,0,.3)}.entry-flow__cta-stage{position:absolute;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:2;width:calc(100% - 36px);display:flex;justify-content:center;transform:translate(-50%);pointer-events:none}.entry-flow__cta{position:relative;z-index:1;align-self:center;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--acid);padding:14px 30px;min-width:170px;border-radius:99px;background:#e6ff8124;border:1px solid rgba(230,255,129,.28);margin-bottom:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 20px #00000038;transition:background .2s ease,transform .2s ease}.entry-shell__button:active .entry-flow__cta{background:#e6ff8126;transform:translateY(1px)}.hud{position:absolute;top:10px;left:10px;right:10px;z-index:4;display:flex;flex-direction:column;gap:6px;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.game-frame[data-flow-screen=playing] .hud{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s}.hud__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud__row--compact{align-items:center}.hud__meta-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.hud__pulse{min-width:0;width:138px;padding:8px 10px;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1118b8;border:1px solid var(--panel-border)}.hud__pulse-copy{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.hud__eyebrow{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.hud__value{display:block;margin-top:0;font-size:15px;line-height:1.1}.hud__notes{min-width:74px;padding:8px 11px;border-radius:14px;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1118ad;border:1px solid var(--panel-border)}.hud__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:76px;padding:9px 12px;border-radius:14px;border:1px solid var(--panel-border);background:#12141d80;color:var(--ink);font:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0d;pointer-events:auto;touch-action:manipulation}@keyframes hud-pulse{0%{transform:scale(1);background:var(--panel);border-color:var(--panel-border)}35%{transform:scale(1.08);background:#e6ff8126;border-color:#e6ff8166}to{transform:scale(1);background:var(--panel);border-color:var(--panel-border)}}.hud__notes--pulse{animation:hud-pulse .35s ease-out}@keyframes hud-burst{0%{transform:scale(1);background:var(--panel);border-color:var(--panel-border);color:var(--ink);box-shadow:none}15%{transform:scale(1.15);background:#fff;border-color:#fff;color:#000;box-shadow:0 0 24px #fffc}to{transform:scale(1);background:var(--panel);border-color:var(--panel-border);color:var(--ink);box-shadow:none}}.hud__notes--full-burst{animation:hud-burst .75s ease-out}.spark-meter{height:8px;padding:2px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.spark-meter__fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--acid),var(--rose));box-shadow:0 0 16px #e6ff8147;transition:width .18s ease-out}.hud__hint{margin:0;padding:6px 9px;border-radius:12px;max-width:198px;font-size:11px;line-height:1.35;background:#11131b47;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__telemetry{margin:0;padding:7px 10px;border-radius:12px;font-size:10px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:#fff5ead1;background:#0a0b106b;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__telemetry--runtime{max-width:260px;font-size:9px;letter-spacing:.03em;text-transform:none}.game-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-root canvas{display:block;max-width:100%;max-height:100%}@keyframes entry-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}@keyframes planet-drift{0%,to{transform:translateZ(0) rotate(-3deg) scale(.995)}50%{transform:translate3d(0,-6px,0) rotate(2deg) scale(1.015)}}@keyframes planet-pulse{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@media (min-width: 720px){.app-shell{padding:20px}.hud{top:14px;left:14px;right:14px}}