:root{--bg:#080c18;--panel:#11182b;--panel2:#17213a;--text:#f6f8ff;--muted:#9ca8c5;--accent:#7c5cff;--accent2:#24d6a3;--danger:#ff5d78;--line:#26314d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#18203a 0,#080c18 48%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}.app{max-width:620px;margin:auto;min-height:100vh;padding:18px 16px 32px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;letter-spacing:2px;font-size:22px}.brand span{color:#9b83ff}.tag{font-size:11px;color:var(--muted);letter-spacing:1px}.iconBtn,.secondary,.actions button{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 14px;font-weight:800}.screen{display:none}.screen.active{display:block}.hero{text-align:center;padding:45px 0 24px}.orb{width:86px;height:86px;border-radius:50%;margin:auto;display:grid;place-items:center;font-size:40px;background:linear-gradient(145deg,#2b245c,#131a31);border:1px solid #3b4770;box-shadow:0 0 50px #6e56ff22}.hero h1{margin:18px 0 7px;font-size:36px}.hero p{color:var(--muted);line-height:1.5}.nameRow{display:flex;gap:8px;margin:25px auto 16px;max-width:520px}.nameRow input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:white;padding:14px;font-size:16px}.primary{background:linear-gradient(135deg,#7c5cff,#9b83ff);border:0;color:white;border-radius:12px;padding:14px 18px;font-weight:900;cursor:pointer}.wallet{display:flex;justify-content:center;gap:18px;color:#dce3f7;margin:12px 0}.wallet b{color:white}.cards{display:grid;gap:10px}.cards>div,.panel,.premium{background:linear-gradient(145deg,var(--panel),#0f1628);border:1px solid var(--line);border-radius:16px;padding:16px}.cards b{display:block;font-size:13px;color:#bcaeff}.cards small{display:block;color:var(--muted);margin-top:6px}.center{text-align:center;margin-top:70px}.spinner{width:58px;height:58px;border:4px solid #283451;border-top-color:#9b83ff;border-radius:50%;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.matchTop,.score{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.matchTop{font-size:12px;color:var(--muted)}.matchTop strong{color:#bcaeff}.score{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:16px}.score div{text-align:center;min-width:80px}.score small{display:block;color:var(--muted);font-size:10px}.score b{font-size:30px}.vs{color:#64708f;font-weight:900}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.tile{aspect-ratio:1;border-radius:14px;border:1px solid var(--line);background:#141d33;color:white;font-size:24px;font-weight:900;cursor:pointer}.tile.you{background:#342b73;border-color:#8975ff}.tile.opp{background:#652c43;border-color:#ff6881}.tile:disabled{opacity:.9}.hint{text-align:center;color:var(--muted);font-size:13px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.actions button{cursor:pointer}.actions small{display:block;color:#9b83ff;margin-top:3px}.compact{font-size:13px;margin-top:15px}.resultIcon{font-size:55px}.reward{font-size:22px;margin:20px}.reward b{color:#ffd65a}.panel button{margin:5px}.modal{display:none;position:fixed;inset:0;background:#000b;align-items:end;justify-content:center;padding:15px}.modal.open{display:flex}.shopBox{width:min(620px,100%);background:#0f1628;border:1px solid var(--line);border-radius:20px;padding:20px;position:relative}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:28px}.muted{color:var(--muted);font-size:12px}.item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.item small{display:block;color:var(--muted);margin-top:3px}.item button,.premium button{border:0;background:#262f4a;color:white;padding:10px 14px;border-radius:10px;font-weight:900}.premium{margin-top:14px;border-color:#6958c7}.premium b{color:#c7b9ff}.shopMsg{color:#ffd65a;font-size:12px;min-height:18px}#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#171f34;border:1px solid var(--line);padding:11px 14px;border-radius:10px;display:none;font-size:13px}@media(max-width:430px){.nameRow{flex-direction:column}.actions button{padding:10px 5px;font-size:12px}.hero h1{font-size:31px}}