:root{--kite-bg:#86b6dc;--kite-panel:#311f23d1;--kite-panel-strong:#2f1e19f0;--kite-text:#fff8e7;--kite-muted:#fff8e7c7;--kite-cyan:#7dd3fc;--kite-coral:#fb7185;--kite-gold:#f8d77a;--kite-lime:#a7f3d0;--kite-plum:#c084fc}*{box-sizing:border-box}html,body,#game-root{background:var(--kite-bg);width:100%;height:100%;color:var(--kite-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}canvas{touch-action:none;width:100%;height:100%;display:block}.kite-root{isolation:isolate;position:relative}.kite-loading{z-index:5;background:var(--kite-bg);color:var(--kite-gold);place-items:center;font-weight:800;display:grid;position:fixed;inset:0}.kite-menu{z-index:10;background:linear-gradient(180deg, #4a2d1deb, #2a1920f5), var(--kite-panel-strong);border:1px solid #f8d77a61;border-radius:8px;gap:18px;width:min(760px,100% - 32px);max-height:calc(100dvh - 32px);padding:24px;animation:.24s ease-out kite-menu-in;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 28px 80px #0000007a}.kite-start-menu{top:52%}.kite-title-block{gap:8px;display:grid}.kite-kicker{color:var(--kite-gold);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.kite-menu h1{color:var(--kite-text);letter-spacing:0;margin:0;font-size:clamp(34px,5vw,62px);line-height:.94}.kite-menu h2{color:var(--kite-cyan);letter-spacing:0;margin:0;font-size:18px}.kite-menu p{max-width:58ch;color:var(--kite-muted);margin:0;font-size:16px;line-height:1.45}.kite-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.kite-mini-panel{background:#1f151880;border:1px solid #f8d77a3d;border-radius:8px;align-content:start;gap:6px;min-height:88px;padding:12px;display:grid}.kite-mini-panel span,.kite-mini-panel small{color:var(--kite-muted);font-size:12px;line-height:1.35}.kite-mini-panel strong{color:var(--kite-text);font-size:22px;line-height:1}.kite-xp-bar{background:#fff8e733;border-radius:999px;width:100%;height:7px;overflow:hidden}.kite-xp-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--kite-cyan), var(--kite-gold), var(--kite-coral));height:100%;display:block}.kite-menu-actions{flex-wrap:wrap;gap:10px;display:flex}.kite-button,.kite-skin-button,.kite-icon-button,.kite-touch-button{min-height:44px;color:var(--kite-text);cursor:pointer;background:#3e2623c7;border:1px solid #f8d77a59;border-radius:8px;font-weight:900}.kite-button{padding:0 18px}.kite-button-primary{color:#fff4c4;background:#facc1529;border-color:#facc15b8}.kite-button:hover,.kite-button:focus-visible,.kite-skin-button:hover:not(:disabled),.kite-skin-button:focus-visible,.kite-icon-button:hover,.kite-icon-button:focus-visible,.kite-touch-button:active{border-color:var(--kite-gold);outline:none;transform:translateY(-1px)}.kite-skins{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kite-skin-button{text-align:left;border-color:color-mix(in srgb, var(--skin-accent,var(--kite-cyan)) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--skin-accent,var(--kite-cyan)) 18%, transparent), transparent), #1f15188f;min-height:118px;padding:12px}.kite-skin-button small{color:var(--kite-muted);margin-top:8px;font-size:12px;line-height:1.32;display:block}.kite-skin-button.is-selected{box-shadow:inset 0 0 0 1px var(--kite-gold), 0 0 18px #facc152e}.kite-skin-button:disabled{cursor:not-allowed;opacity:.58}.kite-leaderboard{gap:10px;display:grid}.kite-leaderboard ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.kite-leaderboard li{min-height:34px;color:var(--kite-muted);background:#1f151870;border:1px solid #94a3b82e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.kite-leaderboard li strong{color:var(--kite-gold)}.kite-rules{gap:10px;display:grid}.kite-rules p{max-width:none}.kite-result-score{color:var(--kite-gold);font-size:clamp(42px,8vw,76px);font-weight:950;line-height:.9}.kite-progress-note,.kite-submission-status{color:var(--kite-muted);background:#164e6347;border:1px solid #a7f3d042;border-radius:8px;gap:4px;padding:12px;line-height:1.35;display:grid}.kite-progress-note strong{color:var(--kite-lime)}.kite-hud{z-index:4;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;gap:12px;transition:opacity .18s;display:flex;position:fixed;inset:12px 12px auto}.kite-active .kite-hud{opacity:1}.kite-hud-strip{background:var(--kite-panel);border:1px solid #f8d77a47;border-radius:8px;grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px;width:min(780px,100vw - 160px);padding:8px;display:grid;box-shadow:0 14px 32px #00000052}.kite-hud-strip div{gap:2px;min-width:0;display:grid}.kite-hud-strip span{color:var(--kite-muted);text-transform:uppercase;font-size:11px;font-weight:800}.kite-hud-strip strong{color:var(--kite-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.kite-hud-actions{pointer-events:auto;gap:8px;display:flex}.kite-icon-button{background:var(--kite-panel);width:44px;height:44px;padding:0}.kite-powerups{flex-wrap:wrap;gap:6px;max-width:min(520px,100vw - 24px);display:flex;position:fixed;top:80px;left:12px}.kite-powerups span{color:var(--kite-gold);background:#0206179e;border:1px solid #facc1552;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:900}.kite-touch{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:14px;display:none;position:fixed;inset:auto 14px 14px}.kite-active .kite-touch{display:flex}.kite-joystick,.kite-touch-actions{pointer-events:auto}.kite-joystick{touch-action:none;background:#1f151880;border:1px solid #f8d77a6b;border-radius:50%;width:122px;height:122px;position:relative;box-shadow:0 18px 42px #00000057}.kite-joystick span{background:#f8d77ac2;border-radius:50%;width:46px;height:46px;position:absolute;top:38px;left:38px;box-shadow:inset 0 0 0 2px #f8fafc5c}.kite-touch-actions{gap:8px;display:grid}.kite-touch-button{background:#1f1518b8;min-width:84px;min-height:52px;padding:0 12px}.kite-touch-ability{min-height:70px;color:var(--kite-gold);border-color:#facc1594}@keyframes kite-menu-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=820px){.kite-menu{width:calc(100% - 22px);padding:16px}.kite-menu-grid,.kite-skins{grid-template-columns:repeat(2,minmax(0,1fr))}.kite-button{flex:100%}.kite-hud{inset:8px 8px auto}.kite-hud-strip{grid-template-columns:repeat(3,minmax(66px,1fr));gap:6px;width:min(100%,100vw - 110px);padding:7px}.kite-hud-strip div:nth-child(4),.kite-hud-strip div:nth-child(5){display:none}.kite-powerups{top:68px;left:8px}}@media (width<=520px){.kite-menu{max-height:calc(100dvh - 18px);top:52%}.kite-menu h1{font-size:34px}.kite-menu-grid,.kite-skins{grid-template-columns:1fr}.kite-mini-panel{min-height:auto}.kite-joystick{width:108px;height:108px}.kite-joystick span{width:40px;height:40px;top:34px;left:34px}}@media (prefers-reduced-motion:reduce){.kite-menu,.kite-hud{transition:none;animation:none}}