:root{--bg-1: #1b1035;--bg-2: #3a1c71;--bg-3: #6a2c91;--accent: #ff6ec7;--accent-2: #ffd447;--card: rgba(255, 255, 255, .08);--card-hover: rgba(255, 255, 255, .16);--text: #f7f4ff;--text-dim: #c9bfe6;--error: #ff8a8a;--radius: 20px;--shadow: 0 18px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,var(--bg-3),transparent 55%),radial-gradient(circle at 85% 20%,var(--bg-2),transparent 50%),linear-gradient(160deg,var(--bg-1),var(--bg-2) 60%,var(--bg-3));background-attachment:fixed;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage{width:100%;max-width:960px}.gate{display:flex;justify-content:center}.gate-card{width:100%;max-width:420px;text-align:center;padding:2.75rem 2rem;background:var(--card);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.gate-emoji{font-size:3rem;line-height:1;margin-bottom:1rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.gate-title{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:1.65rem;line-height:1.2;margin:0 0 1.75rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}#gate-form{display:flex;flex-direction:column;gap:.75rem}#password{width:100%;padding:.9rem 1rem;font-size:1rem;font-family:inherit;color:var(--text);background:#00000047;border:1px solid rgba(255,255,255,.2);border-radius:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}#password::placeholder{color:#f7f4ff73}#password:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6ec74d}#gate-form button{padding:.9rem 1rem;font-family:"Baloo 2",system-ui,sans-serif;font-weight:600;font-size:1.05rem;color:#1b1035;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,filter .15s ease}#gate-form button:hover{transform:translateY(-2px);filter:brightness(1.05)}#gate-form button:active{transform:translateY(0)}.gate-error{min-height:1.2rem;margin:0;color:var(--error);font-size:.9rem;font-weight:600}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.hub{animation:rise .5s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hub-header{text-align:center;margin-bottom:2.5rem}.hub-title{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(1.9rem,5vw,3.25rem);line-height:1.1;margin:0 0 .6rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hub-tagline{margin:0 0 .6rem;color:var(--text-dim);font-size:1.05rem}.game-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.game-card{display:flex;flex-direction:column;gap:.4rem;height:100%;padding:1.5rem 1.35rem;text-decoration:none;color:var(--text);background:var(--card);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);box-shadow:0 10px 24px #00000047;transition:transform .18s ease,background .18s ease,border-color .18s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-6px);background:var(--card-hover);border-color:var(--accent);outline:none}.game-emoji{font-size:2.4rem;line-height:1}.game-name{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:1.35rem}.game-tagline{color:var(--text-dim);font-size:.92rem;line-height:1.4}.hub-footer{margin-top:2.5rem;text-align:center}.lock-btn{font-family:inherit;font-size:.9rem;color:var(--text-dim);background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.6rem 1.2rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.lock-btn:hover{color:var(--text);border-color:var(--accent)}@media(max-width:480px){.gate-card{padding:2rem 1.35rem}}