:root{
  --bg:#070912;--a:#00f5ff;--b:#ff38d4;--c:#ffe95f;--d:#7bff6a;
  --safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);
  --safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:none}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03040a;color:white;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none}
body{position:fixed;inset:0}
.app{position:relative;width:100vw;height:100dvh;min-height:100vh;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--a),transparent 70%),transparent 32%),radial-gradient(circle at 80% 100%,color-mix(in srgb,var(--b),transparent 72%),transparent 35%),linear-gradient(180deg,#080918,#02030a);overflow:hidden}
.app.puzzle{--bg:#070516;--a:#28f4d8;--b:#9d43ff;--c:#ffae38;--d:#ff4f95}
.app.survival{--bg:#030512;--a:#8dff21;--b:#37b7ff;--c:#7a3dff;--d:#e9ff5b}
.app.physics{--bg:#05070a;--a:#f7b531;--b:#38ffe3;--c:#ff5a2f;--d:#7c5cff}
.app.merge{--bg:#061007;--a:#85ff27;--b:#ffd23a;--c:#26b8ff;--d:#ff3dbb}
.app.reflex{font-family:"Arial Narrow",Inter,system-ui,sans-serif}.app.puzzle{font-family:Optima,"Trebuchet MS",system-ui,sans-serif}.app.survival{font-family:Georgia,"Times New Roman",serif}.app.physics{font-family:"Avenir Next Rounded",ui-rounded,system-ui,sans-serif}.app.merge{font-family:ui-rounded,"Avenir Next",system-ui,sans-serif}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent}
.hud{position:absolute;z-index:5;top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.hud>div{padding:10px 14px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 35px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--a),transparent 76%)}
#scoreLabel{display:block;font-weight:900;font-size:clamp(24px,7vw,42px);line-height:1;color:#fff;text-shadow:0 0 16px var(--a)}
.hud small{font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.72);font-size:10px}
.icon-btn{pointer-events:auto;width:48px;height:48px;border:0;border-radius:18px;color:white;background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 10px 30px color-mix(in srgb,var(--b),transparent 55%);font-weight:900;font-size:20px}
.icon-btn:active,.btn:active,.micro-btn:active{transform:scale(.96);filter:brightness(1.18)}
.screen{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,24px);padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--a),transparent 80%),transparent 35%),linear-gradient(180deg,rgba(3,4,12,.68),rgba(3,4,12,.96))}
.screen.hidden,.hud.hidden,.toast.hidden{display:none}
.app.logo-ready .screen:after{content:"";position:absolute;inset:0;background:url("../assets/logo.webp") center 11%/min(72vw,310px) auto no-repeat;opacity:.055;filter:blur(.2px) saturate(1.15);pointer-events:none}
.app.logo-ready .screen[data-mode="home"]:after,.app.logo-ready .screen[data-mode="splash"]:after{opacity:0}
.brand{text-align:center;width:min(440px,100%);animation:rise .34s cubic-bezier(.2,.8,.2,1);position:relative}
.logo-wrap{display:none;margin:0 auto clamp(4px,1vh,10px);width:min(68vw,270px);aspect-ratio:1;border-radius:18%;overflow:hidden;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55)) drop-shadow(0 0 28px color-mix(in srgb,var(--a),transparent 55%))}
.logo-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.app.logo-ready .logo-wrap{display:block;width:min(36vw,148px)}
.app.logo-ready .mark{display:none}
.app.logo-ready .screen[data-mode="home"] .logo-wrap,.app.logo-ready .screen[data-mode="splash"] .logo-wrap{width:min(68vw,270px)}
.app.logo-ready .screen[data-mode="home"] h1,.app.logo-ready .screen[data-mode="splash"] h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mark{width:78px;height:78px;margin:0 auto 10px;border-radius:26px;background:conic-gradient(from 40deg,var(--a),var(--b),var(--c),var(--a));box-shadow:0 0 38px color-mix(in srgb,var(--a),transparent 42%),inset 0 0 24px rgba(255,255,255,.32);position:relative}
.mark:after{content:"";position:absolute;inset:15px;border-radius:17px;background:linear-gradient(145deg,rgba(0,0,0,.55),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.2)}
h1{font-size:clamp(36px,10.5vw,62px);line-height:.92;margin:0;letter-spacing:-.065em;font-weight:1000;text-shadow:0 0 18px color-mix(in srgb,var(--a),transparent 28%)}
p{margin:8px auto 0;max-width:340px;color:rgba(255,255,255,.74);font-weight:650;font-size:clamp(14px,4vw,20px);line-height:1.18}
.screen-body{width:min(400px,100%);margin-top:0;display:grid;gap:10px;animation:rise .38s cubic-bezier(.2,.8,.2,1)}
.screen:not([data-mode="home"]):not([data-mode="splash"]) .brand{width:min(360px,100%)}
.screen:not([data-mode="home"]):not([data-mode="splash"]) p{font-size:clamp(13px,3.4vw,16px)}
.screen:not([data-mode="home"]):not([data-mode="splash"]) .screen-body{position:relative;z-index:2}
.btn{border:0;width:100%;min-height:52px;border-radius:22px;color:white;font-size:17px;font-weight:950;letter-spacing:.02em;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 12px 30px color-mix(in srgb,var(--b),transparent 64%),inset 0 1px 0 rgba(255,255,255,.35);position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;inset:1px 8%;height:42%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.30),transparent);opacity:.55;pointer-events:none}
.btn.secondary{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 25px rgba(0,0,0,.25)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.panel{border-radius:24px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px rgba(0,0,0,.24)}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{text-align:center;border-radius:18px;padding:9px 7px;background:rgba(255,255,255,.07)}
.stat b{display:block;font-size:19px;color:white}.stat span{display:block;margin-top:2px;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.62);font-weight:850}
.help{display:grid;gap:10px}.hint{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.82);font-weight:750}.gesture{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 0 18px color-mix(in srgb,var(--a),transparent 40%)}
.toast{position:absolute;z-index:9;left:50%;bottom:calc(22px + var(--safe-bottom));transform:translateX(-50%);padding:12px 16px;border-radius:20px;background:rgba(8,10,22,.82);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 30px color-mix(in srgb,var(--a),transparent 65%);font-weight:900;white-space:nowrap}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.micro-btn{border:0;color:white;font:850 12px/1 system-ui;background:transparent;min-height:46px;padding:0 14px;letter-spacing:.08em;text-transform:uppercase}
.home-actions{display:flex;gap:10px}.home-actions>*{flex:1}
.record-value{font-size:clamp(28px,9vw,48px);font-weight:1000;line-height:.9}
.record-label{font-size:9px;font-weight:900;letter-spacing:.2em;color:rgba(255,255,255,.52);text-transform:uppercase}

/* Every title gets its own information architecture. */
.reflex-home{width:min(440px,100%);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.reflex-home .telemetry{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1px;padding:1px;background:rgba(50,190,255,.28);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
.reflex-home .telemetry-cell{min-height:62px;padding:11px 15px;background:rgba(2,8,20,.88);display:flex;flex-direction:column;justify-content:center}.reflex-home .telemetry-cell b{font-size:20px}.reflex-home .telemetry-cell:first-child b{color:var(--c);font-size:27px}
.reflex-home .launch-btn{min-height:64px;clip-path:polygon(7% 0,100% 0,92% 100%,0 100%);border-radius:0;text-align:left;padding-left:27px;font-style:italic;font-size:20px}
.reflex-home .utility-stack{display:flex;height:64px;background:rgba(3,12,27,.76);border:1px solid rgba(40,184,255,.25);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}

.puzzle-home{width:min(430px,100%);display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"best gate stars" "play play play" "help . settings";gap:12px;align-items:center}
.puzzle-home .relic{aspect-ratio:1;display:grid;place-content:center;text-align:center;transform:rotate(45deg) scale(.78);background:linear-gradient(135deg,rgba(40,244,216,.22),rgba(157,67,255,.22));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 24px rgba(255,255,255,.08),0 0 24px rgba(40,244,216,.10)}
.puzzle-home .relic>*{display:block;transform:rotate(-45deg)}.puzzle-home .relic:nth-child(1){grid-area:best}.puzzle-home .relic:nth-child(2){grid-area:gate;transform:rotate(45deg) scale(.92);background:linear-gradient(135deg,rgba(255,174,56,.28),rgba(157,67,255,.20))}.puzzle-home .relic:nth-child(3){grid-area:stars}
.puzzle-home .board-btn{grid-area:play;justify-self:center;width:min(82%,310px);min-height:68px;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}
.puzzle-home .micro-btn[data-act="help"]{grid-area:help}.puzzle-home .micro-btn[data-act="settings"]{grid-area:settings}

.survival-home{width:min(440px,100%);display:grid;grid-template-columns:1fr 1.25fr;gap:14px;align-items:stretch}
.survival-home .mire-record{display:flex;flex-direction:column;justify-content:space-between;padding:18px 14px;background:linear-gradient(165deg,rgba(122,61,255,.22),rgba(5,8,18,.82));border-left:3px solid var(--a);clip-path:polygon(0 0,88% 0,100% 14%,92% 100%,0 100%)}
.survival-home .record-value{color:var(--a);text-shadow:0 0 22px rgba(141,255,33,.45)}
.survival-home .mire-actions{display:grid;gap:9px}.survival-home .enter-btn{min-height:92px;text-align:left;padding-left:24px;font-family:Georgia,serif;font-size:21px}.survival-home .mire-links{display:grid;grid-template-columns:1fr 46px;gap:8px}.survival-home .mire-links .micro-btn{border:1px solid rgba(141,255,33,.18);background:rgba(8,13,25,.72)}

.physics-home{width:min(420px,100%);display:grid;grid-template-columns:1fr 122px 1fr;grid-template-areas:"best launch stage" "help launch settings";gap:10px;align-items:center}
.physics-home .score-pod{min-height:72px;border-radius:999px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(56,255,227,.22),rgba(4,9,12,.92) 64%);border:2px solid rgba(247,181,49,.28);box-shadow:inset 0 -7px 0 rgba(0,0,0,.34)}
.physics-home .score-pod.best{grid-area:best}.physics-home .score-pod.stage{grid-area:stage}
.physics-home .plunger{grid-area:launch;width:122px;height:122px;min-height:0;border-radius:50%;padding:0;font-size:17px;border:7px solid rgba(7,13,15,.92);box-shadow:0 0 0 2px rgba(56,255,227,.36),0 12px 0 #090d0e,0 22px 40px rgba(0,0,0,.5),inset 0 5px 10px rgba(255,255,255,.45)}
.physics-home .micro-btn{border-radius:999px;background:rgba(8,14,15,.86);border:1px solid rgba(56,255,227,.20)}.physics-home [data-act="help"]{grid-area:help}.physics-home [data-act="settings"]{grid-area:settings}

.merge-home{width:min(430px,100%);display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"help bloom settings" "garden garden garden" "plant plant plant";gap:10px;align-items:center}
.merge-home .bloom-record{grid-area:bloom;width:116px;height:132px;display:grid;place-content:center;text-align:center;clip-path:polygon(50% 0,94% 24%,94% 72%,50% 100%,6% 72%,6% 24%);background:radial-gradient(circle at 50% 34%,rgba(255,210,58,.28),rgba(8,31,14,.94) 60%);border:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}.merge-home .bloom-record .record-value{color:var(--b)}
.merge-home [data-act="help"]{grid-area:help}.merge-home [data-act="settings"]{grid-area:settings}.merge-home .micro-btn{border-bottom:1px solid rgba(133,255,39,.28)}
.merge-home .seed-tray{grid-area:garden;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;border-radius:30px 30px 18px 18px;background:linear-gradient(180deg,rgba(18,56,23,.68),rgba(3,14,7,.9));border:1px solid rgba(133,255,39,.18)}
.merge-home .seed-stat{display:flex;align-items:center;gap:9px}.merge-home .seed-gem{width:30px;height:38px;flex:none;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 38% 28%,#fff 0 7%,var(--seed) 10% 55%,#082b13 72%);box-shadow:0 0 18px color-mix(in srgb,var(--seed),transparent 45%)}.merge-home .seed-stat b{display:block;font-size:18px}.merge-home .seed-stat span{font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.55);font-weight:900}
.merge-home .plant-btn{grid-area:plant;min-height:62px}

.result-shell{display:grid;gap:12px}.result-hero{text-align:center;padding:18px}.result-hero .record-value{font-size:clamp(45px,15vw,74px);color:var(--a);text-shadow:0 0 30px color-mix(in srgb,var(--a),transparent 45%)}
.result-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.13)}.result-strip .stat{border-radius:0;background:rgba(4,7,14,.9);padding:12px}
.physics .result-hero{border-radius:50%;width:180px;height:180px;margin:auto;display:grid;place-content:center;background:radial-gradient(circle,rgba(56,255,227,.18),rgba(0,0,0,.8) 68%);border:3px solid var(--a)}
.merge .result-hero{clip-path:polygon(50% 0,93% 22%,100% 72%,50% 100%,0 72%,7% 22%);background:rgba(7,31,13,.8)}

/* Distinct per-game UI identities. These intentionally change shape language, layout, and screen texture, not only color. */
.reflex .screen{place-items:end center;padding-bottom:calc(32px + var(--safe-bottom));background:linear-gradient(180deg,rgba(1,5,18,.10),rgba(1,3,12,.96)),radial-gradient(circle at 50% 10%,rgba(40,184,255,.28),transparent 31%),radial-gradient(circle at 50% 60%,rgba(255,178,28,.16),transparent 38%)}
.reflex .screen:before{content:"";position:absolute;top:calc(10px + var(--safe-top));bottom:calc(126px + var(--safe-bottom));left:50%;width:min(76vw,340px);transform:translateX(-50%);clip-path:polygon(43% 0,57% 0,96% 100%,4% 100%);background:linear-gradient(90deg,transparent 0 18%,rgba(40,184,255,.22) 19% 21%,transparent 22% 78%,rgba(40,184,255,.22) 79% 81%,transparent 82%),linear-gradient(180deg,rgba(255,178,28,.22),transparent 42%);border:1px solid rgba(40,184,255,.16);box-shadow:inset 0 0 70px rgba(40,184,255,.08),0 0 60px rgba(255,178,28,.13);pointer-events:none}
.reflex .brand{margin-top:auto}.reflex .mark{border-radius:50%;background:radial-gradient(circle,#fff 0 7%,var(--a) 8% 19%,transparent 20% 28%,var(--b) 29% 37%,transparent 38% 48%,var(--a) 49% 56%,transparent 57%),conic-gradient(var(--a),var(--b),var(--a));animation:spin 8s linear infinite}
.reflex .logo-wrap{width:min(76vw,310px);filter:drop-shadow(0 20px 42px rgba(0,0,0,.58)) drop-shadow(0 0 34px rgba(40,184,255,.46))}
.reflex .mark:after{inset:34px;border-radius:50%;background:#040612}.reflex h1{text-transform:uppercase;font-style:italic;letter-spacing:-.1em}.reflex .btn{border-radius:999px;text-transform:uppercase;background:linear-gradient(135deg,var(--c),var(--a));color:#061019}.reflex .panel{border-radius:18px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);border-color:rgba(40,184,255,.28);background:linear-gradient(135deg,rgba(40,184,255,.16),rgba(255,178,28,.08))}
.reflex .screen:not([data-mode="home"]):not([data-mode="splash"]){justify-content:flex-end;padding-bottom:calc(26px + var(--safe-bottom))}
.reflex .screen:not([data-mode="home"]):not([data-mode="splash"]) .brand{transform:skewX(-8deg);margin-bottom:auto;margin-top:calc(8px + var(--safe-top))}
.reflex .screen:not([data-mode="home"]):not([data-mode="splash"]) .screen-body{background:linear-gradient(90deg,rgba(40,184,255,.10),rgba(255,178,28,.10));padding:12px;border-radius:22px;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}
.reflex .hud{top:auto;bottom:calc(14px + var(--safe-bottom));align-items:flex-end}.reflex .hud>div{border-radius:999px;background:linear-gradient(90deg,rgba(40,184,255,.22),rgba(255,178,28,.16));border-color:rgba(255,240,90,.35)}.reflex .icon-btn{border-radius:50%;background:linear-gradient(135deg,var(--c),var(--a));color:#061019}
.reflex .screen[data-mode="home"]{justify-content:flex-end}.reflex .screen[data-mode="home"] .brand{margin-top:0;margin-bottom:auto}.reflex .screen[data-mode="home"] .screen-body{width:min(440px,100%)}
.reflex .screen[data-mode="result"] .result-hero{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(90deg,rgba(40,184,255,.13),rgba(255,178,28,.13))}

.puzzle .screen{place-items:center;background:linear-gradient(135deg,rgba(5,20,29,.82),rgba(7,2,24,.96)),radial-gradient(circle at 21% 21%,rgba(40,244,216,.20),transparent 24%),radial-gradient(circle at 78% 30%,rgba(255,174,56,.18),transparent 25%),radial-gradient(circle at 62% 72%,rgba(157,67,255,.22),transparent 28%)}
.puzzle .screen:before{content:"";position:absolute;inset:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px);border:1px solid rgba(255,255,255,.14);transform:skewY(-1.6deg);pointer-events:none}
.puzzle .logo-wrap{width:min(72vw,292px);filter:drop-shadow(0 20px 38px rgba(0,0,0,.58)) drop-shadow(0 0 30px rgba(40,244,216,.35))}
.puzzle .brand,.puzzle .screen-body{position:relative}.puzzle .mark{border-radius:24px;transform:rotate(45deg);background:linear-gradient(135deg,var(--a),rgba(255,255,255,.95),var(--b));box-shadow:0 0 60px rgba(155,92,255,.55)}.puzzle .mark:after{inset:22px;border-radius:12px;transform:rotate(-45deg);background:linear-gradient(135deg,rgba(8,6,22,.86),rgba(255,255,255,.10))}
.puzzle h1{font-family:Georgia,ui-serif,serif;font-weight:900;letter-spacing:-.045em}.puzzle .panel{clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);border-radius:12px;background:linear-gradient(135deg,rgba(40,244,216,.16),rgba(157,67,255,.12),rgba(255,174,56,.08));border-color:rgba(40,244,216,.24)}.puzzle .btn{border-radius:12px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(135deg,var(--a),var(--b) 48%,var(--c));color:#061117}.puzzle .stat{border-radius:8px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}
.puzzle .screen:not([data-mode="home"]):not([data-mode="splash"]) .brand{transform:rotate(-1.5deg)}
.puzzle .screen:not([data-mode="home"]):not([data-mode="splash"]) .screen-body{transform:skewY(-1.2deg);padding:12px;background:linear-gradient(135deg,rgba(3,20,28,.55),rgba(18,4,42,.62));border:1px solid rgba(40,244,216,.18);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.puzzle .hud>div{border-radius:12px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(135deg,rgba(40,244,216,.20),rgba(157,67,255,.12))}.puzzle .icon-btn{border-radius:10px;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background:linear-gradient(135deg,var(--a),var(--b),var(--c));color:#071018}
.puzzle .help .hint{border-radius:0;transform:skewX(-5deg);border-left:2px solid var(--a)}.puzzle .help .hint>*{transform:skewX(5deg)}
.puzzle .screen[data-mode="home"]{justify-content:space-between}.puzzle .screen[data-mode="home"] .brand{margin-top:auto}.puzzle .screen[data-mode="home"] .screen-body{margin-bottom:auto;width:min(430px,100%)}
.puzzle .result-hero{transform:rotate(45deg) scale(.72);aspect-ratio:1;display:grid;place-content:center;background:linear-gradient(135deg,rgba(40,244,216,.22),rgba(157,67,255,.22));border:1px solid rgba(255,174,56,.35)}.puzzle .result-hero>*{display:block;transform:rotate(-45deg)}

.survival .screen{place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(122,61,255,.30),transparent 28%),radial-gradient(ellipse at 18% 72%,rgba(55,183,255,.15),transparent 32%),radial-gradient(ellipse at 82% 68%,rgba(141,255,33,.18),transparent 30%),linear-gradient(180deg,rgba(3,5,18,.70),rgba(0,2,8,.98))}
.survival .screen:before{content:"";position:absolute;inset:auto -8vw -12vh -8vw;height:42vh;background:radial-gradient(ellipse at center,rgba(152,255,50,.18),transparent 65%);filter:blur(6px);border-radius:50% 50% 0 0;pointer-events:none}
.survival .logo-wrap{width:min(70vw,300px);filter:drop-shadow(0 22px 42px rgba(0,0,0,.65)) drop-shadow(0 0 32px rgba(141,255,33,.28))}
.survival .brand{text-align:left}.survival .mark{margin-left:0;border-radius:54% 46% 63% 37%/44% 52% 48% 56%;background:radial-gradient(circle at 43% 34%,#fff 0 8%,var(--a) 9% 22%,transparent 23%),radial-gradient(circle at 58% 62%,var(--b),transparent 38%),linear-gradient(145deg,#102315,#020605);animation:pulse 2.4s ease-in-out infinite}.survival .mark:after{inset:24px;border-radius:50%;background:rgba(5,10,12,.58)}
.survival h1{letter-spacing:.02em;text-transform:uppercase;font-weight:950;font-family:Georgia,ui-serif,serif}.survival p{margin-left:0}.survival .screen-body{max-width:420px}.survival .panel{border-radius:20px;background:linear-gradient(150deg,rgba(122,61,255,.16),rgba(141,255,33,.08));border-color:rgba(141,255,33,.25);clip-path:polygon(6% 0,94% 0,100% 20%,91% 100%,9% 100%,0 20%)}.survival .btn{border-radius:12px;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);background:linear-gradient(135deg,var(--b),var(--c),var(--a))}.survival .btn.secondary{background:linear-gradient(135deg,rgba(55,183,255,.16),rgba(122,61,255,.12))}.survival .gesture{border-radius:8px;clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%)}
.survival .screen:not([data-mode="home"]):not([data-mode="splash"]){align-items:stretch}
.survival .screen:not([data-mode="home"]):not([data-mode="splash"]) .brand{margin-left:clamp(8px,5vw,48px)}
.survival .screen:not([data-mode="home"]):not([data-mode="splash"]) .screen-body{justify-self:end;align-self:center;margin-left:auto;width:min(460px,100%);padding:14px;background:linear-gradient(145deg,rgba(4,7,22,.72),rgba(122,61,255,.18));clip-path:polygon(5% 0,90% 0,100% 18%,94% 100%,8% 100%,0 82%)}
.survival .hud>div{border-radius:18px;background:linear-gradient(135deg,rgba(122,61,255,.22),rgba(141,255,33,.14));clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.survival .icon-btn{border-radius:10px;clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%);background:linear-gradient(135deg,var(--b),var(--c),var(--a))}
.survival .help .hint{background:linear-gradient(90deg,rgba(141,255,33,.10),transparent);border-radius:0;border-left:2px solid rgba(141,255,33,.55)}
.survival .screen[data-mode="home"]{justify-content:space-around}.survival .screen[data-mode="home"] .brand{margin-left:clamp(8px,4vw,34px);align-self:flex-start}.survival .screen[data-mode="home"] .screen-body{margin-left:auto;width:min(440px,100%)}
.survival .result-hero{text-align:left;border-left:3px solid var(--a);background:linear-gradient(90deg,rgba(141,255,33,.12),transparent);clip-path:polygon(0 0,92% 0,100% 22%,92% 100%,0 100%)}

.physics .screen{background:radial-gradient(circle at 50% 35%,rgba(56,255,227,.17),transparent 32%),radial-gradient(circle at 46% 20%,rgba(247,181,49,.20),transparent 26%),radial-gradient(circle at 17% 72%,rgba(255,90,47,.13),transparent 23%),linear-gradient(180deg,rgba(1,5,7,.70),rgba(0,0,0,.97))}
.physics .logo-wrap{width:min(72vw,292px);filter:drop-shadow(0 20px 38px rgba(0,0,0,.62)) drop-shadow(0 0 28px rgba(56,255,227,.36))}
.physics .brand{transform:none}.physics .mark{border-radius:50% 50% 18px 18px;background:radial-gradient(circle at center,#fff 0 8%,var(--a) 9% 18%,transparent 19% 34%,var(--b) 35% 39%,transparent 40%),linear-gradient(180deg,#3b2a00,#050505)}.physics .mark:after{content:"";inset:18px 25px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(-24deg)}
.physics h1{font-family:"Arial Narrow",Impact,system-ui,sans-serif;text-transform:none;letter-spacing:-.035em}.physics .panel{border-radius:26px;background:radial-gradient(circle at 50% 0,rgba(56,255,227,.16),transparent 60%),linear-gradient(180deg,rgba(247,181,49,.14),rgba(255,255,255,.035));border-color:rgba(56,255,227,.24)}.physics .btn{border-radius:999px;background:linear-gradient(180deg,var(--a),#9a6e00);box-shadow:0 7px 0 rgba(0,0,0,.26),0 18px 34px rgba(247,181,49,.16)}.physics .btn.secondary{background:linear-gradient(180deg,rgba(56,255,227,.13),rgba(247,181,49,.05));box-shadow:0 5px 0 rgba(0,0,0,.22)}
.physics .screen:not([data-mode="home"]):not([data-mode="splash"]) .screen-body{padding:14px;border-radius:32px;background:radial-gradient(circle at 50% 0,rgba(56,255,227,.16),transparent 56%),linear-gradient(180deg,rgba(6,12,14,.82),rgba(0,0,0,.66));border:1px solid rgba(56,255,227,.20);box-shadow:inset 0 -8px 0 rgba(0,0,0,.24)}
.physics .hud>div{border-radius:999px;background:linear-gradient(180deg,rgba(56,255,227,.18),rgba(247,181,49,.12),rgba(0,0,0,.35));border-color:rgba(56,255,227,.25)}.physics .icon-btn{border-radius:999px;background:linear-gradient(180deg,var(--a),#8b6500)}
.physics .help{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.physics .help .hint{min-width:0;flex-direction:column;text-align:center;border-radius:999px 999px 24px 24px;padding:15px 8px;font-size:12px}.physics .help .gesture{border-radius:50%}
.physics .screen[data-mode="home"]{justify-content:space-evenly}.physics .screen[data-mode="home"] .screen-body{width:min(420px,100%)}

.merge .screen{place-items:start center;padding-top:calc(28px + var(--safe-top));background:radial-gradient(circle at 50% 78%,rgba(133,255,39,.20),transparent 34%),radial-gradient(circle at 82% 24%,rgba(255,61,187,.12),transparent 20%),radial-gradient(circle at 18% 22%,rgba(38,184,255,.13),transparent 20%),linear-gradient(180deg,rgba(0,14,7,.72),rgba(2,5,3,.98))}
.merge .screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 75%,rgba(133,255,39,.16),transparent 10%),radial-gradient(circle at 75% 78%,rgba(255,61,187,.13),transparent 12%),radial-gradient(circle at 46% 84%,rgba(255,210,58,.12),transparent 16%);mask-image:linear-gradient(180deg,transparent,black 22%,black 100%);pointer-events:none}
.merge .logo-wrap{width:min(74vw,302px);filter:drop-shadow(0 22px 40px rgba(0,0,0,.62)) drop-shadow(0 0 30px rgba(133,255,39,.34))}
.merge .brand{margin-top:6vh}.merge .mark{border-radius:45% 55% 48% 52%/62% 38% 62% 38%;background:radial-gradient(circle at 50% 34%,var(--d) 0 8%,transparent 9%),radial-gradient(circle at 50% 66%,var(--a),transparent 34%),linear-gradient(145deg,#062315,#010805)}.merge .mark:after{inset:30px 20px;border-radius:50% 50% 12px 12px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.38))}
.merge h1{font-family:ui-rounded,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.02}.merge .screen-body{margin-top:18px}.merge .panel{border-radius:28px;background:linear-gradient(145deg,rgba(133,255,39,.14),rgba(255,210,58,.08),rgba(255,61,187,.06));border-color:rgba(133,255,39,.25)}.merge .btn{border-radius:18px;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(135deg,var(--a),var(--c),var(--b))}.merge .btn.secondary{background:linear-gradient(135deg,rgba(133,255,39,.12),rgba(38,184,255,.08))}.merge .stat{border-radius:16px;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%)}.merge .gesture{border-radius:50% 50% 12px 12px}
.merge .screen:not([data-mode="home"]):not([data-mode="splash"]) .brand{margin-top:2vh}
.merge .screen:not([data-mode="home"]):not([data-mode="splash"]) .screen-body{padding:14px;background:linear-gradient(145deg,rgba(7,31,13,.72),rgba(133,255,39,.09));border:1px solid rgba(133,255,39,.20);border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,210,58,.10)}
.merge .hud>div{border-radius:18px;background:linear-gradient(135deg,rgba(133,255,39,.18),rgba(255,210,58,.10));clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}.merge .icon-btn{border-radius:16px;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);background:linear-gradient(135deg,var(--a),var(--c))}
.merge .help .hint{border-radius:26px 26px 12px 12px;background:linear-gradient(180deg,rgba(133,255,39,.12),rgba(4,18,8,.82))}.merge .help .gesture{border-radius:50% 50% 12px 12px}
.merge .screen[data-mode="home"]{justify-content:flex-start}.merge .screen[data-mode="home"] .brand{margin-top:0}.merge .screen[data-mode="home"] .screen-body{width:min(430px,100%);margin-top:auto;margin-bottom:2vh}
@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{transform:scale(1.05);filter:brightness(1.2)}}
@media (orientation:landscape){.survival h1{font-size:clamp(34px,7vw,58px)}.survival .brand{max-width:500px}.survival .screen{display:grid;grid-template-columns:.9fr 1fr;align-content:center;gap:24px}.survival .screen-body{margin-top:0}.physics .screen[data-mode="home"]{display:grid;grid-template-columns:.9fr 1fr}.physics .screen[data-mode="home"] .brand{justify-self:end}.physics .screen[data-mode="home"] .screen-body{justify-self:start}}
@media (max-height:760px){.screen{gap:8px;padding-top:calc(10px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.app.logo-ready .screen[data-mode="home"] .logo-wrap,.app.logo-ready .screen[data-mode="splash"] .logo-wrap{width:min(48vw,200px)}.mark{width:62px;height:62px;margin-bottom:6px}.mark:after{inset:12px}h1{font-size:clamp(31px,9vw,48px)}p{font-size:13px;max-width:310px}.screen-body{gap:7px;width:min(380px,100%)}.btn{min-height:47px;font-size:16px}.panel{padding:9px}.stat{padding:7px 5px}.stat b{font-size:17px}.stat span{font-size:9px}.hint{padding:9px}.gesture{width:36px;height:36px}.reflex-home .telemetry-cell{min-height:52px;padding:8px 12px}.reflex-home .launch-btn,.reflex-home .utility-stack{height:56px;min-height:56px}.survival-home .enter-btn{min-height:76px}.physics-home .plunger{width:104px;height:104px}.physics-home{grid-template-columns:1fr 104px 1fr}.merge-home .bloom-record{width:92px;height:104px}.merge-home .seed-tray{padding:8px 10px}.merge-home .seed-gem{width:25px;height:31px}}
@media (max-width:350px){.screen{padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right))}.survival-home{grid-template-columns:.8fr 1.25fr}.puzzle-home{gap:5px}.physics-home{grid-template-columns:1fr 92px 1fr}.physics-home .plunger{width:92px;height:92px}.merge-home .seed-stat{gap:4px}.merge-home .seed-gem{width:22px;height:29px}.merge-home .seed-stat span{font-size:7px}}