@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-base:#08131c;--bg-soft:#102737;--panel:#102434d1;--panel-strong:#0d1d2adf;--line:#3e708f;--line-soft:#87dfff5c;--text-main:#f4fbff;--text-soft:#c2dced;--cyan:#6ae2ff;--teal:#4effcf;--amber:#ff9f1c;--rose:#ff5d73;--shadow:#02070fa3;--focus-ring:#ffcc7a;--button-height:2.25rem;--radius-panel:1.2rem;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% -15%,#62dfff66 0,transparent 40%),radial-gradient(circle at 100% 0,#ffc7744a 0,transparent 38%),linear-gradient(160deg,var(--bg-base) 0,var(--bg-soft) 54%,#1d3142 100%);color:var(--text-main);font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;margin:0}html{scroll-behavior:smooth}::-moz-selection{background:#8be8ff66;color:#f8fcff}::selection{background:#8be8ff66;color:#f8fcff}.site-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.glow{aspect-ratio:1;border-radius:999px;filter:blur(65px);opacity:.24;position:absolute;width:38vw}.glow-a{animation:floatGlow 12s ease-in-out infinite;background:#7ce8ff;left:-12vw;top:-18vw}.glow-b{animation:floatGlow 15s ease-in-out infinite reverse;background:#ffba63;bottom:-22vw;right:-16vw}.grid-mask{background-image:linear-gradient(#8dc9eb22 1px,transparent 0),linear-gradient(90deg,#8dc9eb22 1px,transparent 0);background-size:52px 52px;inset:0;-webkit-mask-image:radial-gradient(circle at center,#000 28%,transparent 84%);mask-image:radial-gradient(circle at center,#000 28%,transparent 84%);position:absolute}.page-shell{min-height:100vh;padding:1.2rem}.eyebrow{color:#92ebff;font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}h1{font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:clamp(2.3rem,4.8vw,4rem);letter-spacing:.04em;line-height:.9;margin:.2rem 0 .65rem}.hero-text{color:var(--text-soft);margin:0;max-width:52rem}.hero{margin:0 auto 1.1rem;padding:var(--space-4)}.hero,.layout{max-width:86rem}.layout{display:flex;flex-direction:column;gap:var(--space-3);margin:0 auto}.panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(180deg,var(--panel) 0,var(--panel-strong) 100%);border:1px solid var(--line-soft);border-radius:var(--radius-panel);box-shadow:0 14px 30px var(--shadow),inset 0 1px #b4edff1a}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.controls-panel{align-items:end;display:grid;gap:var(--space-3);grid-template-areas:"search category sort" "result result result";grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 220px;padding:1.05rem 1.15rem;position:sticky;top:.75rem;z-index:30}.control-block{min-width:0}.search-block{grid-area:search}.controls-panel .control-block:nth-of-type(2){grid-area:category}.sorter-wrap{grid-area:sort;min-width:0}.label-text,label{color:#9fc9e2;display:block;font-size:.9rem;font-weight:600;margin:0 0 .45rem}input,select{background:#081928;border:1px solid #3f718f;border-radius:.72rem;box-shadow:inset 0 1px #9ddfff14;color:var(--text-main);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.95rem;padding:.68rem .8rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #84ecff2e;outline:2px solid var(--cyan)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:#11283a;border:1px solid var(--line);border-radius:999px;color:#d6ebfb;cursor:pointer;font-weight:600;min-height:var(--button-height);padding:.45rem .9rem;transition:border-color .25s ease,color .25s ease,transform .25s ease}.chip.active{background:linear-gradient(120deg,#1c637f,#16795d);border-color:var(--cyan);color:#e8fff8}.chip:hover{border-color:var(--amber);color:#f4f8ff;transform:translateY(-1px)}.chip:active{transform:translateY(0)}.result-text{border-top:1px solid #37638266;color:#aed8ef;font-size:.92rem;grid-area:result;margin:0;padding-top:.7rem;white-space:normal}.game-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.games-section{position:relative}.game-link{text-decoration:none}.game-card{background:radial-gradient(circle at 95% 0,#ffb9662b 0,#ffb96600 48%),linear-gradient(180deg,#132c3df7,#0d202dfa);border:1px solid #2f6887;border-radius:1rem;color:var(--text-main);cursor:pointer;display:grid;gap:.55rem;min-height:214px;overflow:hidden;padding:1rem;text-align:left;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card-cover{aspect-ratio:16/9;background:radial-gradient(circle at 10% 10%,#87e8ff40 0,#87e8ff00 38%),linear-gradient(150deg,#142d41,#183b54);border-bottom:1px solid #2f6887;margin:-1rem -1rem 0}.card-cover img{display:block;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.game-card.compact .card-cover{margin-bottom:.2rem}.game-card strong{font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:1.55rem;letter-spacing:.03em;line-height:1;min-height:1.6em}.game-card p{color:#c3deef;display:-webkit-box;font-size:.92rem;-webkit-line-clamp:3;line-height:1.35;margin:0;min-height:3.75em;-webkit-box-orient:vertical;overflow:hidden}.game-card.active{border-color:#56e2c0;box-shadow:0 0 0 1px #56e2c0,0 18px 24px #0413218f;transform:translateY(-3px)}.game-card:hover{border-color:var(--cyan);box-shadow:0 12px 20px #031a2d66;transform:translateY(-3px) scale(1.01)}.game-card:active{transform:translateY(-1px) scale(1.002)}.chip:focus-visible,.game-link:focus-visible .game-card,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card-topline{color:#ffd08f;letter-spacing:.12em}.card-cta,.card-topline{font-size:.74rem;font-weight:600;text-transform:uppercase}.card-cta{align-items:center;background:linear-gradient(120deg,#2384a6,#2f9974);border-radius:999px;color:#eff4ff;display:inline-flex;letter-spacing:.08em;margin-top:auto;min-height:1.65rem;padding:.3rem .7rem;width:-moz-fit-content;width:fit-content}.empty-state{color:#95b8da;margin-top:1rem}.player-panel{padding:1.2rem}.player-header h2{font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:clamp(1.7rem,3.2vw,2.4rem);letter-spacing:.02em;margin:.2rem 0}.player-header p{color:#b6cee5;margin:0}.player-category{color:#86e5ff;font-size:.8rem;font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}.player-wrap{background:#070f1d;border:1px solid #3c6d87;border-radius:.9rem;margin-top:.95rem;overflow:hidden;position:relative}.loading-overlay{background:linear-gradient(180deg,#060f1be6,#0d1d30e6);color:#deecff;display:grid;font-weight:600;inset:0;letter-spacing:.05em;place-items:center;position:absolute;text-transform:uppercase;z-index:1}.empty-player{text-align:center}.empty-player-title{font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:clamp(1.8rem,4.5vw,2.5rem);letter-spacing:.03em;margin:0}.empty-player-text{color:#aac6e2;margin:.4rem 0 0}iframe{aspect-ratio:16/9.6;background:#070f1d;border:0;display:block;width:100%}@keyframes floatGlow{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,14px,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:no-preference){.panel{animation:riseIn .45s ease both}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.controls-panel{grid-template-areas:"search search" "category sort" "result result";grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.controls-panel{align-items:stretch;grid-template-areas:"search" "category" "sort" "result"}.controls-panel,.game-grid{grid-template-columns:1fr}}@media(max-width:600px){.page-shell{padding:.85rem}.controls-panel,.hero,.player-panel{padding:.9rem}}