:root{--indigo:#2a1b5e;--indigo-deep:#241454;--indigo-rack:#2a1547;--indigo-grad-a:#2a1547;--indigo-grad-b:#3d2166;--yellow:#f2ec86;--yellow-dot:#e8df6d;--gold:#e8b45a;--warm:linear-gradient(160deg, #f8e96e 0%, #f2968a 48%, #e9608c 100%);--loading:linear-gradient(150deg, #f8ea6c 0%, #f5b37a 45%, #ee7d87 75%, #e9608c 100%);--home-bg:linear-gradient(150deg, #a45fb0 0%, #9b7fc4 45%, #9bd8dc 100%);--board-dark:radial-gradient(circle at 35% 28%, #7a5e97 0%, #4a3268 62%, #392352 100%);--board-light:radial-gradient(circle at 35% 28%, #f4d8ac 0%, #e9b87e 62%, #d99c60 100%);--grid-dark:#f0e68c4d;--grid-light:#2a1b5e4d;--display:"League Spartan", system-ui, sans-serif;--body:"Poppins", system-ui, sans-serif;--ad-bg:#0e0e0e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#17111f;overflow:hidden}.app-frame{background:radial-gradient(circle at 50% 0,#2a1b5e 0%,#12080f 70%);justify-content:center;align-items:center;height:100%;display:flex}.phone{background:#000;border-radius:34px;width:390px;height:844px;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c}@media (width<=430px),(height<=860px){.phone{border-radius:0;width:100vw;height:100vh;max-height:none}.app-frame{background:#000}}.screen{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.screen::-webkit-scrollbar{width:0}.screen-anim{animation:.28s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.display{font-family:var(--display);letter-spacing:.04em;font-weight:800}.pill{background:linear-gradient(120deg, var(--indigo-grad-a), var(--indigo-grad-b));color:var(--yellow);border-radius:30px;align-items:center;gap:12px;padding:0 10px;display:flex;box-shadow:0 3px 8px #2a1b5e59}.yellow-pill{background:var(--yellow);color:var(--indigo);border-radius:30px;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 3px 8px #2a1b5e40}.tap{transition:transform 80ms,filter .12s}.tap:active{filter:brightness(1.05);transform:scale(.94)}.spinner{border:4px solid #2a1b5e40;border-top-color:var(--indigo);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}