:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f5f9fd;--bg-secondary:#edf5fc;--card-bg:#ffffffe0;--card-solid:#fff;--text-main:#0f172a;--text-secondary:#1e293b;--text-muted:#64748b;--accent:#009bff;--accent-blue:#2563eb;--purple:#7b2cbf;--purple-light:#8b5cf6;--pink:#ff007f;--border:#0078ff24;--shadow:0 15px 40px #0f172a14;--shadow-hover:0 22px 55px #0078ff26}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#070b14;--bg-secondary:#0b1120;--card-bg:#0f172ad1;--card-solid:#111827;--text-main:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--accent:#00e5ff;--accent-blue:#38bdf8;--purple:#8b5cf6;--purple-light:#a78bfa;--pink:#ff007f;--border:#00e5ff24;--shadow:0 20px 55px #00000059;--shadow-hover:0 25px 65px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 10% 10%, #00e5ff12, transparent 28%), radial-gradient(circle at 90% 80%, #7b2cbf17, transparent 30%), linear-gradient(135deg, var(--bg-color), var(--bg-secondary));padding:55px 20px 30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .35s,color .35s;overflow-x:hidden}.background-glow{filter:blur(110px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;width:400px;height:400px;position:fixed}.glow-blue{background:var(--accent);top:-150px;left:-150px}.glow-purple{background:var(--purple);bottom:-150px;right:-150px}.lobby-header{text-align:center;width:min(100%,900px);margin:0 auto 45px}.header-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.header-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portfolio-link{border:1px solid var(--border);color:var(--text-muted);background:var(--card-bg);letter-spacing:1.2px;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.68rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.portfolio-link:hover{color:var(--accent);border-color:var(--accent);background:#00e5ff14;transform:translate(-2px)}.portfolio-link-arrow{transition:transform .2s;display:inline-block}.portfolio-link:hover .portfolio-link-arrow{transform:translate(-3px)}.lobby-label{color:var(--accent);letter-spacing:1.5px;background:#009bff0d;border:1px solid #009bff33;border-radius:999px;padding:7px 13px;font-size:.65rem;font-weight:800;display:inline-block}.theme-toggle{border:1px solid var(--border);background:var(--card-bg);width:120px;height:44px;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:.75rem;font-weight:700;transition:transform .2s,border-color .2s,background .35s;display:flex;box-shadow:0 8px 25px #0f172a0f}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-2px)}h1{letter-spacing:1px;color:var(--text-main);margin-bottom:15px;font-size:clamp(2rem,6vw,3.6rem);line-height:1}h1 span{color:var(--accent);text-shadow:0 0 15px #00e5ff4d}.subtitle{color:var(--text-muted);font-size:.95rem}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,900px);margin:0 auto;display:grid}.game-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-7px)}.game-preview{background:linear-gradient(135deg,#111827,#090c14);width:100%;height:220px;position:relative;overflow:hidden}.game-preview img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.game-card:hover .game-preview img{filter:saturate(1.15);transform:scale(1.06)}.preview-gradient{pointer-events:none;background:linear-gradient(#0000 30%,#000000bf 100%);position:absolute;inset:0}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;border-radius:999px;padding:6px 10px;font-size:.6rem;font-weight:900;position:absolute;top:14px;left:14px}.playable-status{color:#52ff9a;background:#001e14cc;border:1px solid #52ff9a59}.status-dot{background:#52ff9a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #52ff9a}.coming-status{color:#ffd86b;background:#2d2305d9;border:1px solid #ffd86b4d}.game-content{padding:25px}.game-heading{align-items:center;gap:13px;margin-bottom:13px;display:flex}.game-icon{border:1px solid var(--border);background:#009bff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.45rem;display:flex}.game-category{color:var(--purple-light);letter-spacing:1.3px;margin-bottom:2px;font-size:.58rem;font-weight:800}.game-card h2{color:var(--text-main);font-size:1.3rem}.game-description{color:var(--text-muted);margin-bottom:18px;font-size:.82rem;line-height:1.65}.game-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.game-tags span{border:1px solid var(--border);color:var(--text-muted);background:#009bff09;border-radius:6px;padding:5px 8px;font-size:.6rem}.play-button{color:#fff;background:linear-gradient(135deg, var(--purple-light), var(--purple));cursor:pointer;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;font-size:.78rem;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 25px #7b2cbf33}.play-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #7b2cbf4d}.button-arrow{font-size:1.1rem;transition:transform .2s}.play-button:hover .button-arrow{transform:translate(4px)}.coming-soon-card{opacity:.78}.coming-soon-card:hover{opacity:.92}.play-button.disabled{color:var(--text-muted);border:1px solid var(--border);box-shadow:none;cursor:not-allowed;background:#64748b1f}.play-button.disabled:hover{box-shadow:none;transform:none}footer{width:min(100%,900px);color:var(--text-muted);letter-spacing:1.5px;justify-content:center;align-items:center;gap:10px;margin:45px auto 0;font-size:.6rem;display:flex}@media (width<=700px){body{padding:30px 14px}.header-row{flex-direction:column;align-items:center;gap:15px}.game-grid{grid-template-columns:1fr}.game-preview{height:200px}footer{text-align:center;flex-direction:column}}@media (width<=400px){h1{font-size:2rem}.game-content{padding:20px}.game-preview{height:180px}}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}img,svg,canvas{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}input,textarea{-webkit-user-select:text;user-select:text}