:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d1d;color:#f5f8ff}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,a{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{overflow-x:hidden;background:radial-gradient(circle at 58% 0%,#233c6b 0,#111b38 25rem,#090d1d 68rem);min-height:100dvh}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 48%,rgba(84,219,252,.11),transparent 24rem),radial-gradient(circle at 8% 80%,rgba(129,95,255,.1),transparent 25rem)}
.site-bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:24px clamp(20px,4vw,48px)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#f7fbff;font-size:.9rem;font-weight:900;letter-spacing:.12em}.brand b{font-weight:850;color:#7ceaff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#69eaff,#7563ff);box-shadow:0 0 22px rgba(105,234,255,.38);color:#0b1730;font-size:1.1rem;letter-spacing:0}.back-link{color:#bfd4ed;text-decoration:none;font-size:.88rem;font-weight:750}.back-link:hover{color:#fff}
.layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,432px);align-items:center;gap:clamp(28px,6vw,100px);max-width:1180px;min-height:calc(100dvh - 88px);margin:0 auto;padding:0 clamp(20px,4vw,48px) 36px}.intro{max-width:570px;align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(114,237,253,.38);border-radius:999px;background:rgba(84,215,239,.08);color:#91f1fa;font-size:.71rem;font-weight:900;letter-spacing:.17em}.live-dot{width:7px;height:7px;border-radius:50%;background:#9bf9ca;box-shadow:0 0 12px #9bf9ca}.intro h1{margin:24px 0 18px;font-size:clamp(3.5rem,7vw,7rem);line-height:.91;letter-spacing:-.08em}.intro h1 em{display:block;font-style:normal;background:linear-gradient(100deg,#83eaff,#b4a1ff 70%,#ffd591);background-clip:text;color:transparent}.lead{max-width:510px;color:#c9d7ed;font-size:clamp(1.02rem,1.7vw,1.2rem);line-height:1.65}.intro-badges{display:flex;flex-wrap:wrap;gap:9px;margin:29px 0 38px}.intro-badges span{padding:10px 14px;border:1px solid rgba(185,216,255,.22);border-radius:10px;background:rgba(18,33,64,.74);font-size:.85rem;font-weight:800}.howto{max-width:490px;padding:24px;border:1px solid rgba(174,208,255,.16);border-radius:19px;background:linear-gradient(140deg,rgba(24,44,79,.75),rgba(13,21,45,.75));box-shadow:0 20px 60px rgba(0,0,0,.14)}.howto h2{margin:0 0 7px;font-size:1.05rem}.howto p{margin:0 0 19px;color:#b7c6dd;font-size:.9rem;line-height:1.5}.control-row{display:flex;align-items:center;gap:12px;margin-top:9px;color:#cdd9ec;font-size:.81rem}.keys{display:inline-grid;place-items:center;min-width:73px;padding:7px 9px;border:1px solid rgba(160,211,255,.3);border-radius:7px;background:#142849;color:#fff;font-weight:900;white-space:nowrap}.touch-icon{font-size:1.2rem}.intro-note{color:#8da2be;font-size:.78rem;margin-top:20px}
.game-column{display:flex;flex-direction:column;align-items:center;min-width:0}.board-frame{width:min(100%,432px,calc((100dvh - 116px)*.5625));min-width:245px;padding:7px;border:1px solid rgba(162,219,255,.36);border-radius:29px;background:linear-gradient(145deg,rgba(130,236,255,.32),rgba(102,99,197,.3) 45%,rgba(18,29,61,.75));box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 55px rgba(57,183,255,.11)}.board{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:22px;background:#63cef0;touch-action:none;user-select:none}.board canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:19px 17px;pointer-events:none}.hud-left{display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 2px 8px rgba(0,0,0,.55)}.score-label{color:#fff;font-size:.59rem;font-weight:950;letter-spacing:.14em}.hud-left strong{color:#fff;font-size:1.95rem;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.07em}.coins{display:flex;align-items:center;gap:5px;color:#fff;font-size:.82rem;font-weight:900}.coins span{color:#ffd448;font-size:1.1rem;text-shadow:0 0 12px #ffd448}.hud-right{display:flex;gap:7px;pointer-events:auto}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.65);border-radius:11px;background:rgba(11,31,61,.54);backdrop-filter:blur(8px);color:#fff;font-size:1rem;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.13)}.icon-button:hover{background:rgba(14,51,86,.8)}.icon-button:disabled{opacity:.55;cursor:default}.altitude-pill{position:absolute;z-index:3;top:87px;left:17px;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(10,34,67,.5);backdrop-filter:blur(7px);color:white;font-size:.57rem;font-weight:900;letter-spacing:.09em;pointer-events:none}.altitude-dot{width:6px;height:6px;border-radius:50%;background:#afffe2;box-shadow:0 0 8px #afffe2}.touch-controls{position:absolute;z-index:4;left:0;right:0;bottom:16px;display:flex;justify-content:space-between;padding:0 18px;pointer-events:none}.touch-controls button{display:grid;place-items:center;width:57px;height:57px;border:1px solid rgba(255,255,255,.57);border-radius:18px;background:rgba(13,40,75,.33);backdrop-filter:blur(6px);color:white;font-size:1.55rem;font-weight:900;touch-action:none;pointer-events:auto;opacity:.82}.touch-controls button:active{background:rgba(65,164,221,.65);transform:scale(.96)}
.overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,rgba(7,20,47,.16),rgba(7,13,34,.52));backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay-card{width:min(100%,340px);padding:27px 22px 24px;border:1px solid rgba(176,233,255,.42);border-radius:24px;background:linear-gradient(150deg,rgba(19,48,87,.91),rgba(12,20,49,.93));box-shadow:0 20px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.2);text-align:center}.overlay-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:18px;background:linear-gradient(145deg,#60e5f3,#a085ff);color:#0a1c36;font-size:2rem;box-shadow:0 10px 30px rgba(97,222,252,.3)}.overlay-kicker{margin:0 0 9px;color:#95eefa;font-size:.65rem;font-weight:900;letter-spacing:.18em}.overlay-card h2{margin:0;color:#fff;font-size:clamp(1.6rem,5vw,2.1rem);letter-spacing:-.05em;line-height:1.07}.overlay-card>p:not(.overlay-kicker){margin:13px auto 18px;max-width:255px;color:#c7d7eb;font-size:.86rem;line-height:1.5}.primary-button{width:100%;min-height:49px;border:0;border-radius:12px;background:linear-gradient(110deg,#72e8f8,#95e6d0);box-shadow:0 8px 25px rgba(70,218,240,.24);color:#07233d;font-size:.9rem;font-weight:950;letter-spacing:.06em}.primary-button:hover{filter:brightness(1.08)}.overlay-tip{display:block;margin-top:14px;color:#a9bfd9;font-size:.69rem}.overlay-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.overlay-stats[hidden]{display:none}.overlay-stats div{padding:11px;border:1px solid rgba(151,222,255,.2);border-radius:10px;background:rgba(9,25,57,.55)}.overlay-stats span{display:block;color:#aec5db;font-size:.57rem;font-weight:900;letter-spacing:.09em}.overlay-stats strong{display:block;margin-top:2px;font-size:1.25rem}.board-caption{margin:16px 0 0;color:#9fb4cf;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-align:center}.board-caption>span:first-child{color:#83eaff}.caption-divider{padding:0 4px}
@media(max-width:800px){.layout{display:flex;flex-direction:column;gap:19px;padding-bottom:26px}.intro{text-align:center}.intro h1{margin:12px 0;font-size:clamp(2.6rem,8vw,4.5rem)}.intro h1 em{display:inline}.lead{margin:0 auto;font-size:.94rem}.eyebrow{font-size:.61rem}.intro-badges{justify-content:center;margin:14px 0 0}.howto,.intro-note{display:none}.board-frame{width:min(100%,432px,calc((100dvh - 235px)*.5625))}.board-caption{margin-top:10px}.site-bar{padding:12px 20px}.back-link{font-size:.72rem}}
@media(max-width:450px){.layout{padding:0 10px 17px}.intro h1{font-size:clamp(2.3rem,10vw,3.1rem)}.lead{display:none}.intro-badges{margin:9px 0 0;gap:5px}.intro-badges span{padding:6px 8px;font-size:.65rem}.board-frame{width:min(100%,432px,calc((100dvh - 161px)*.5625));min-width:0;padding:5px;border-radius:21px}.board{border-radius:16px}.site-bar{padding:10px 14px}.brand{font-size:.74rem}.back-link{font-size:.7rem}.board-caption{display:none}}
.embedded,.embedded body{height:100%;overflow:hidden}.embedded .site-bar,.embedded .intro,.embedded .board-caption{display:none}.embedded .layout{display:grid;grid-template-columns:1fr;place-items:center;width:100%;height:100dvh;min-height:0;max-width:none;margin:0;padding:4px}.embedded .game-column{justify-content:center;width:100%;height:100%}.embedded .board-frame{width:min(100%,432px,calc((100dvh - 12px)*.5625));min-width:0;padding:3px;border-radius:20px}.embedded .board{border-radius:15px}