@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow:hidden}body{font-family:DM Sans,Arial,sans-serif;color:#fff9ed}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #ffe6aa;outline-offset:3px}.game{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#799596}.grain,.scene,.scene canvas{position:absolute;inset:0;width:100%;height:100%}.scene canvas{display:block}.grain{opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.game:after,.grain{pointer-events:none;z-index:1}.game:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,47,55,.3),transparent 48%),linear-gradient(0deg,rgba(21,43,51,.59),transparent 34%,transparent 75%,rgba(30,48,56,.23))}.controls,.hero-copy,.hud,.quality,.right-rail,.topbar,.touch-controls{position:absolute;z-index:2}.topbar{top:0;left:0;right:0;padding:28px 42px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;border-bottom:1px solid rgba(255,255,255,.35)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;line-height:1.05;letter-spacing:.22em}.brand strong{font-weight:700;letter-spacing:.27em}.brand-mark{font-size:34px;color:#fff1bb;font-weight:400}.top-center{text-align:center;display:flex;flex-direction:column;gap:9px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em}.day-status{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:20px}.moon,.sun{display:inline-block;width:10px;height:10px;margin-right:9px;background:#ffe4a6;border-radius:100%}.moon{background:#e9edff;box-shadow:0 0 12px #e9edff}.top-actions{display:flex;justify-content:flex-end;gap:8px}.top-actions button{background:rgba(32,64,71,.19);border:1px solid rgba(255,255,255,.55);color:#fff8eb;border-radius:50px;padding:10px 16px;font-size:10px;font-weight:700;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-actions button:last-child{width:36px;padding:8px;font-size:16px}.hero-copy{top:22%;left:7%;text-shadow:0 2px 20px rgba(29,50,53,.15)}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.line{width:23px;height:1px;background:#fff0da}.achievement-modal h2,.hero-copy h1,.intro h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(58px,6.7vw,112px);font-weight:500;line-height:.99;letter-spacing:-.06em;margin:22px 0}.achievement-modal h2 em,.hero-copy h1 em,.intro h2 em{font-weight:500;color:#ffe3ad}.hero-copy p{font-size:14px;line-height:1.7;letter-spacing:.02em}.autopilot{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.48);border-radius:40px;background:rgba(28,67,72,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:700;letter-spacing:.15em}.pulse{width:7px;height:7px;border-radius:50%;background:#ffcf83;box-shadow:0 0 0 4px rgba(255,207,131,.25)}.right-rail{right:4%;top:27%;align-items:center;gap:30px}.camera-card,.right-rail{display:flex;flex-direction:column}.camera-card{text-align:left;background:rgba(32,66,75,.23);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.48);border-radius:2px;color:#fff9ed;padding:19px 21px;min-width:168px;gap:7px}.camera-card strong{font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:500;font-style:italic;text-transform:capitalize}.camera-card small{font-size:9px;letter-spacing:.16em}.vertical-label{writing-mode:vertical-rl;font-size:9px;letter-spacing:.28em;font-weight:700;opacity:.8}.hud{left:42px;right:42px;bottom:74px;display:flex;align-items:stretch;gap:12px}.achievement-card,.metric{min-height:108px;background:rgba(25,60,66,.36);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.28);padding:17px 21px;min-width:155px}.metric{display:flex;flex-direction:column;justify-content:space-between}.metric strong{font-family:Playfair Display,Georgia,serif;font-size:42px;line-height:1}.tiny{font-size:10px;letter-spacing:.12em;color:#ffe2a9}.metric.speed{min-width:210px}.speed div:has(>strong){display:flex;align-items:baseline;gap:7px}.speed div>span{font-size:10px;font-weight:700;letter-spacing:.1em}.meter{height:2px;background:rgba(255,255,255,.3)}.meter i{display:block;height:100%;background:#ffe1a7}.achievement-card{margin-left:auto;min-width:240px;color:inherit;text-align:left;display:flex;align-items:center;gap:14px}.badge-icon{font-size:35px;color:#ffe3a9}.achievement-card>span:nth-child(2){display:flex;flex-direction:column;gap:10px}.achievement-card strong{font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:500}.achievement-card small{font-family:DM Sans,Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em}.arrow{margin-left:auto;align-self:flex-start}.controls{bottom:28px;left:42px;display:flex;align-items:center;gap:26px}.controls>div{display:flex;gap:20px}.controls span span,.intro-keys span{font-size:10px;letter-spacing:.1em;font-weight:700}kbd{font:700 10px DM Sans,Arial,sans-serif;padding:4px 6px;margin-right:3px;border:1px solid rgba(255,255,255,.65);border-radius:3px;color:#fff7e7}.quality{right:42px;bottom:29px;pointer-events:none;font-size:9px;letter-spacing:.16em;font-weight:700;opacity:.7}.intro{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:38px 42px;background:rgba(30,71,79,.91);border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 90px rgba(17,38,48,.42);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.achievement-modal h2,.intro h2{font-size:clamp(42px,4vw,58px);margin:18px 0}.achievement-modal p,.intro p{font-size:14px;line-height:1.7;color:#eeeadd}.intro-keys{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.intro-keys span{white-space:nowrap}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#f4d9a5;border:0;color:#254a52;font-size:11px;font-weight:700;letter-spacing:.18em}.primary span{font-size:20px}.close{position:absolute;top:16px;right:18px;color:#fff;background:none;border:0;font-size:29px;font-weight:300}.modal-backdrop{position:absolute;inset:0;z-index:10;background:rgba(11,35,49,.65);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.achievement-modal{position:relative;background:#214956;color:#fff9ed;padding:35px;width:min(750px,calc(100vw - 28px));max-height:88dvh;overflow:auto}.achievement-modal h2{margin-bottom:8px}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:25px}.achievement-grid>div{display:grid;grid-template-columns:25px 1fr;grid-gap:3px 8px;gap:3px 8px;padding:13px;border:1px solid rgba(255,255,255,.22);opacity:.46}.achievement-grid>div.earned{opacity:1;background:rgba(255,255,255,.08);border-color:#eac988}.achievement-grid span{grid-row:span 2;color:#f8d697}.achievement-grid strong{font-size:12px}.achievement-grid small{font-size:11px}.touch-controls{display:none}@media (max-width:800px){.topbar{padding:16px 18px;grid-template-columns:1fr auto}.top-center{display:none}.hero-copy{left:22px;top:17%}.hero-copy h1{font-size:56px}.hero-copy p{font-size:12px}.right-rail{right:18px;top:18%}.camera-card{min-width:115px;padding:10px}.camera-card strong{font-size:20px}.camera-card small,.vertical-label{display:none}.hud{left:12px;right:12px;bottom:124px;gap:6px}.achievement-card,.metric{min-width:0;min-height:80px;padding:10px}.metric strong{font-size:30px}.metric.speed{min-width:115px}.achievement-card{min-width:105px;gap:4px}.achievement-card strong{font-size:21px}.achievement-card small,.arrow,.badge-icon,.tiny{display:none}.eyebrow{font-size:8px}.controls,.quality{display:none}.touch-controls{display:flex;justify-content:space-between;left:12px;right:12px;bottom:14px;gap:15px}.touch-controls>div{display:flex;gap:5px}.touch-controls button{min-width:42px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.6);color:#fff;background:rgba(22,61,72,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:700;touch-action:none}.touch-controls button:active{background:#db9874}.intro{padding:30px 24px}.intro-keys{gap:10px}.achievement-grid{grid-template-columns:1fr}}@media (max-width:500px){.hero-copy h1{font-size:45px}.hero-copy{top:14%}.hero-copy p{display:none}.autopilot{margin-top:0}.right-rail{top:18%}.hud{bottom:119px}.touch-controls button{min-width:37px}.touch-controls>div:last-child button{font-size:10px}}