@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#fff;background:#081a35}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#game{position:relative;width:100vw;height:100vh;height:100dvh;min-height:480px;overflow:hidden;background:radial-gradient(circle at 70% 15%,#1a4774 0%,transparent 36%),radial-gradient(circle at 10% 85%,#134b66 0%,transparent 38%),#081a35}#camera,.backdrop,#playfield{position:absolute;inset:0;width:100%;height:100%}#camera{object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .5s}#game.camera-on #camera{opacity:.82}.backdrop{pointer-events:none;background:linear-gradient(90deg,rgba(4,19,40,.38),transparent 50%,rgba(4,19,40,.25)),linear-gradient(0deg,rgba(3,16,34,.56),transparent 30%,rgba(3,16,34,.22))}#playfield{touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:25px clamp(22px,4vw,60px);z-index:2}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:23px;line-height:.95;letter-spacing:-1px}.brand strong{color:#70e3e0}.brand small{display:block;font:700 9px 'DM Sans',sans-serif;letter-spacing:3px;color:#a3bccf;margin-top:8px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#69e4df;color:#12334a;font-size:30px;box-shadow:0 0 25px #5ee3d577}.stats{display:flex;gap:8px;margin-left:auto}.stats>div{min-width:85px;text-align:center;padding:9px 17px;border:1px solid #ffffff30;background:#ffffff13;backdrop-filter:blur(10px);border-radius:15px}.stat-label{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#b3cad7}.stats strong{display:block;font:700 26px 'Space Grotesk',sans-serif;line-height:1.2}.icon-button{border:1px solid #ffffff30;background:#ffffff13;backdrop-filter:blur(10px);color:white;width:47px;height:47px;border-radius:15px;font-size:23px}.corner-note,.camera-badge{position:absolute;z-index:2;bottom:25px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#c5d9e5}.corner-note{left:clamp(22px,4vw,60px)}.camera-badge{right:clamp(22px,4vw,60px);display:none;align-items:center;gap:8px;font-size:10px;letter-spacing:1.6px}.camera-on .camera-badge{display:flex}.status-dot{width:8px;height:8px;border-radius:50%;background:#65e9c8;box-shadow:0 0 12px #65e9c8}.panel{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,480px);padding:34px 42px 29px;text-align:center;border:1px solid #ffffff38;border-radius:30px;background:linear-gradient(145deg,#16385be8,#0b2445ed);box-shadow:0 25px 90px #03152fa8, inset 0 1px #ffffff40;backdrop-filter:blur(24px)}.hidden{display:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.6px;color:#8fe8e1}.hero-bubble{width:100px;height:100px;margin:28px auto 22px;border-radius:50%;background:radial-gradient(circle at 28% 23%,#fff 0 5%,transparent 12%),radial-gradient(circle at 35% 28%,#dfffee90,transparent 34%),radial-gradient(circle at 70% 70%,#a061ed88,transparent 48%),linear-gradient(135deg,#aaf6edb0,#4b9de790 45%,#c56edba8);border:2px solid #dcffffaa;box-shadow:inset -9px -12px 22px #4855ad80,inset 7px 8px 16px #ffffff60,0 0 40px #69d9e777;position:relative}.hero-bubble span{position:absolute;width:27px;height:12px;background:#fff9;border-radius:50%;top:13px;left:20px;transform:rotate(-35deg);filter:blur(2px)}h1{font:700 clamp(36px,5vw,51px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:0 0 14px}h1 em{font-style:normal;color:#72e2da}.panel p{font-size:15px;line-height:1.55;color:#bfd3df;margin:0 auto 26px;max-width:340px}.primary-button{width:100%;border:0;background:#70e4df;color:#082640;border-radius:14px;padding:16px 21px;font-weight:800;font-size:15px;box-shadow:0 9px 25px #4adecf40;display:flex;justify-content:center;position:relative;transition:transform .15s,background .15s}.primary-button:hover{background:#a4f4ed;transform:translateY(-2px)}.primary-button span{position:absolute;right:21px;font-size:20px;line-height:19px}.text-button{border:0;background:none;color:#d6edee;font-size:13px;font-weight:700;margin-top:18px;padding:6px}.text-button:hover{text-decoration:underline}.privacy{display:block;color:#8baabc;font-size:11px;margin-top:23px}.trophy{font-size:78px;color:#8df0e7;text-shadow:0 0 30px #6de2da;margin:24px 0 12px}@media(max-width:600px){.hud{padding:15px;gap:8px}.brand{font-size:17px;gap:7px}.brand-icon{width:34px;height:34px;font-size:24px}.brand small{font-size:7px;letter-spacing:1.5px}.stats>div{min-width:60px;padding:7px}.stats strong{font-size:20px}.stat-label{font-size:8px}.icon-button{width:35px;height:35px;font-size:18px}.panel{padding:26px 25px}.corner-note{bottom:14px;left:15px;font-size:10px}.camera-badge{bottom:14px;right:15px;font-size:8px}}