.auth-gate{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#281542 0,transparent 37%),rgba(3,2,7,.96);backdrop-filter:blur(18px)}
.auth-gate[hidden]{display:none}.login-card{width:min(430px,100%);padding:42px;border:1px solid #3b2c4e;border-radius:20px;background:#0d0a14;box-shadow:0 30px 100px #000}.login-card>.orb{display:block;margin-bottom:25px}.login-card h2{margin:8px 0;font-size:34px}.login-card>p:not(.eyebrow):not(.message){color:var(--muted);margin-bottom:28px}.login-card label{display:grid;gap:9px;color:#bbb2c8;font-size:12px}.login-card input{width:100%;padding:14px;border:1px solid #382d48;border-radius:10px;background:#07060b;color:#fff;font:inherit}.login-card button{width:100%;margin-top:16px;padding:15px;border:0;border-radius:10px;background:var(--violet);color:#100a18;font-weight:900;cursor:pointer}
.header-actions{display:flex;align-items:center;gap:14px}.header-actions button{background:#100d18;border:1px solid #30263e;color:#bdb3cb;border-radius:7px;padding:8px 12px;cursor:pointer}.library{grid-column:1/-1}.library-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.library-head .step{margin-bottom:13px}.library-head h2{font-size:32px;margin:0 0 5px}.library-head p{margin:0;color:var(--muted)}.library-head>.search{max-width:340px;height:46px}
.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.game-card{position:relative;min-height:280px;border:1px solid #30283c;border-radius:14px;overflow:hidden;background:#09070e;text-align:left;color:#fff;cursor:pointer;padding:0;transition:.18s}.game-card:hover{transform:translateY(-4px);border-color:#9d77db;box-shadow:0 18px 40px #0007}.game-cover{display:grid;place-items:center;aspect-ratio:3/4;background:radial-gradient(circle at 50% 25%,#382451,#0a0810 65%);overflow:hidden;font-size:45px;color:#b894ef}.game-cover img{width:100%;height:100%;object-fit:cover}.game-info{padding:13px}.game-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-info small{display:block;color:var(--violet);margin-top:6px;text-transform:uppercase;font:700 10px ui-monospace,monospace;letter-spacing:.1em}.game-delete{position:absolute;right:8px;top:8px;width:30px;height:30px;border:1px solid #ffffff2b;border-radius:8px;background:#09070dcc;color:#fff;cursor:pointer;opacity:0;transition:.15s}.game-card:hover .game-delete{opacity:1}
.upload-progress{height:6px;border-radius:9px;overflow:hidden;background:#211a2c;margin-top:12px}.upload-progress i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .15s}.options{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){.game-grid{grid-template-columns:repeat(4,1fr)}.options{grid-template-columns:1fr 1fr}}@media(max-width:760px){.library-head{align-items:stretch;flex-direction:column}.library-head>.search{max-width:none}.game-grid{grid-template-columns:repeat(2,1fr)}.options{grid-template-columns:1fr}.login-card{padding:28px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-card{min-height:220px}}