*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#222}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:520px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 12px 32px #0000001f}h1{margin:0 0 8px;font-size:28px}h2{margin-top:0;font-size:22px}.subtitle{margin-top:0;margin-bottom:24px;color:#666}label{display:block;margin-bottom:18px;font-weight:700}input{width:100%;margin-top:8px;padding:14px;border:1px solid #ccc;border-radius:10px;font-size:18px}.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:14px 18px;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:#111;color:#fff}.secondary{background:#d9a300;color:#fff}.ghost{background:#eee;color:#222}.alert{padding:12px 14px;border-radius:10px;margin-bottom:18px}.error{background:#ffe5e5;color:#9b111e}.success{background:#e6ffed;color:#146c2e}.player-box{background:#f4f4f4;padding:16px;border-radius:10px}