*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}html{background:radial-gradient(circle at top,rgba(64,77,158,.35),transparent 45%),linear-gradient(180deg,#090b18,#04060f)}body{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;color:#fff}#game-wrapper{position:relative;width:100%;height:100%;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;transition:filter .35s ease,transform .35s ease}#game-wrapper.intro-active canvas{filter:blur(10px) saturate(.88);transform:scale(1.025)}.start-intro{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;background:linear-gradient(180deg,#080c1a0f,#080c1a24)}.start-intro__panel{width:min(92vw,560px);padding:28px 26px 30px;border-radius:28px;text-align:center;background:#0c101e3d;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #00000029;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.start-intro__eyebrow{color:#ffffffb3;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.start-intro__title{margin-top:10px;color:#ffcf5a;font-size:clamp(2.4rem,5vw,4rem);line-height:1;font-weight:800}.start-intro__subtitle{margin-top:14px;color:#fff;font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.start-intro__instructions{margin-top:12px;color:#ffffffd1;font-size:clamp(.95rem,1.8vw,1.05rem)}.start-intro__prompt{margin-top:20px;color:#fff;font-size:clamp(1.05rem,2.1vw,1.25rem);font-weight:800;letter-spacing:.01em}#controls{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;z-index:10;padding:10px 14px;border-radius:999px;background:#0508126b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000038}#controls label{background:linear-gradient(135deg,#ff9d2f,#ff4d6d);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;padding:9px 18px;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 8px 20px #ff4d6d47}#controls label:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff4d6d57;filter:saturate(1.08)}#controls label:active{transform:translateY(0)}#controls input[type=file]{display:none}#controls span{color:#ffffffd1;font-size:12px;font-weight:500;letter-spacing:.01em}@media (max-width: 640px){#controls{width:calc(100% - 20px);border-radius:22px;padding:10px 12px}#controls label{width:100%;text-align:center}.start-intro{padding:18px}.start-intro__panel{padding:24px 18px 26px;border-radius:24px}}