.sundiver{--cream:#fff3d9;--muted:#aac0cf;--cyan:#8cedf2;--orange:#ffab77;width:100%;height:100svh;min-height:520px;color:var(--cream);font-family:var(--font-dm-mono),monospace;-webkit-user-select:none;user-select:none;background:#050a17;position:relative;overflow:hidden}.sundiver *{box-sizing:border-box}.sundiver__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sundiver__vignette{pointer-events:none;background:linear-gradient(90deg,#03081380,#0000 20% 80%,#03081380),linear-gradient(#0308138c,#0000 25% 76%,#030813ad);position:absolute;inset:0;box-shadow:inset 0 0 130px #020511ab}.sundiver__header,.sundiver__hud,.sundiver__bottom{z-index:2;align-items:center;display:flex;position:absolute;left:0;right:0}.sundiver__header{justify-content:space-between;padding:22px 30px;top:0}.sundiver__brand{font-family:var(--font-bungee),sans-serif;letter-spacing:.06em;align-items:center;gap:10px;font-size:14px;display:flex}.sundiver__brand-mark{color:#ffac77;border:1px solid #ffac77;place-items:center;width:31px;height:31px;font:18px sans-serif;display:grid;transform:rotate(45deg);box-shadow:0 0 18px #ffad7759}.sundiver__brand-mark:first-letter{transform:rotate(-45deg)}.sundiver__archive{color:#c8d8df;letter-spacing:.13em;text-transform:uppercase;background:#0713219c;border:1px solid #a8dbea55;border-radius:2px;padding:10px 14px;font-size:11px;text-decoration:none;transition:background .2s,color .2s}.sundiver__archive:hover{color:#07101e;background:#8cedf2}.sundiver__archive span{margin-left:12px;font-size:15px}.sundiver__hud{pointer-events:none;gap:36px;padding:0 30px;top:82px}.sundiver__score,.sundiver__best{flex-direction:column;gap:5px;display:flex}.sundiver__score span,.sundiver__best span{letter-spacing:.22em;color:#b8c9d1;font-size:10px}.sundiver__score strong,.sundiver__best strong{font-family:var(--font-bungee),sans-serif;letter-spacing:.07em;font-size:clamp(17px,2.8vw,27px);font-weight:400;line-height:1}.sundiver__best strong{color:#a9bdc7;font-size:clamp(14px,2vw,19px)}.sundiver__shields{color:#a9c3c444;gap:7px;margin-left:auto;font-size:18px;display:flex}.sundiver__shields .is-active{color:#ffad77;text-shadow:0 0 14px #ff8c60}.sundiver__combo{z-index:3;color:#ffe7a5;font-family:var(--font-bungee),sans-serif;letter-spacing:.1em;text-shadow:0 0 20px #ffb964;font-size:16px;position:absolute;top:153px;left:50%;transform:translate(-50%)}.sundiver__overlay{z-index:3;background:radial-gradient(circle at 50% 46%,#07142640 0,#030816a6 70%);place-items:center;padding:130px 20px 90px;display:grid;position:absolute;inset:0}.sundiver__intro{text-align:center;flex-direction:column;align-items:center;animation:.6s ease-out both sundiver-appear;display:flex}.sundiver__sigil{border:1px solid #ffac77;place-items:center;width:68px;height:68px;margin-bottom:34px;display:grid;transform:rotate(45deg);box-shadow:0 0 35px #ff996351,inset 0 0 26px #ff99632e}.sundiver__sigil span{color:#ffd09b;font:46px/1 sans-serif;display:block;transform:rotate(-45deg)}.sundiver__intro h1{font-family:var(--font-bungee),sans-serif;letter-spacing:.02em;color:#fff4dc;text-shadow:0 4px #c65e61,0 10px 38px #f16f635c;margin:0;font-size:clamp(48px,10vw,124px);line-height:1}.sundiver__intro p{letter-spacing:.22em;color:#e5d5bf;margin:23px 0 30px;font-size:clamp(10px,1.2vw,13px)}.sundiver__intro .sundiver__result{color:#ffd19d;font-size:18px}.sundiver__launch{color:#10182a;min-width:206px;font-family:var(--font-bungee),sans-serif;letter-spacing:.06em;cursor:pointer;background:#ffad77;border:0;justify-content:space-between;align-items:center;gap:36px;padding:17px 20px;font-size:14px;transition:transform .16s,box-shadow .16s,background .16s;display:flex;box-shadow:5px 5px #d35c5c,0 0 40px #ff996347}.sundiver__launch:hover{background:#ffd09b;transform:translate(-2px,-2px);box-shadow:7px 7px #d35c5c,0 0 50px #ff996376}.sundiver__launch:active{transform:translate(3px,3px);box-shadow:2px 2px #d35c5c}.sundiver__launch span{font:24px/0 sans-serif}.sundiver__keys{color:#adbeca;letter-spacing:.12em;align-items:center;gap:10px;margin-top:29px;font-size:10px;display:flex}.sundiver__keys span,.sundiver__instructions span{color:#f1ecdb;background:#0a1928a6;border:1px solid #accbd361;padding:4px 6px}.sundiver__keys i{background:#9aabb8;border-radius:50%;width:3px;height:3px;margin:0 2px}.sundiver__bottom{justify-content:space-between;gap:20px;min-height:80px;padding:22px 30px;bottom:0}.sundiver__instructions{color:#bdcbd2;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;display:flex}.sundiver__instructions b{opacity:.5;margin:0 3px}.sundiver__sound{color:#b5c9d2;letter-spacing:.15em;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:10px;font-size:10px}.sundiver__sound:hover{color:#fff}.sundiver__mobile-controls{align-items:center;gap:10px;display:none}.sundiver__mobile-controls button{color:#e2fbf8;touch-action:none;background:#091a2bc9;border:1px solid #a2e7ed91;width:52px;height:52px;font-size:22px}.sundiver__mobile-controls .sundiver__boost{letter-spacing:.1em;color:#ffcb9b;border-color:#ffae78a1;width:84px;font-size:11px}.sundiver__mobile-controls button:active{background:#2c7083}@keyframes sundiver-appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.sundiver__header{padding:17px 18px}.sundiver__brand{font-size:11px}.sundiver__brand-mark{width:26px;height:26px}.sundiver__archive{padding:8px 10px}.sundiver__hud{gap:20px;padding:0 18px;top:72px}.sundiver__shields{font-size:14px}.sundiver__intro h1{font-size:clamp(46px,13vw,80px)}.sundiver__sigil{width:50px;height:50px;margin-bottom:27px}.sundiver__sigil span{font-size:34px}.sundiver__keys{font-size:9px}.sundiver__bottom{padding:14px 17px}.sundiver__instructions{display:none}.sundiver__mobile-controls{display:flex}.sundiver__sound{font-size:9px}.sundiver__combo{top:134px}}@media (max-height:630px){.sundiver__overlay{padding-top:100px;padding-bottom:60px}.sundiver__sigil{display:none}.sundiver__intro p{margin:13px 0 19px}.sundiver__keys{margin-top:18px}}@media (prefers-reduced-motion:reduce){.sundiver__intro{animation:none}}