@font-face{font-family:Greek Freak;src:url(../assets/fonts/Greek-Freak.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-deep: #01081c;--bg-mid: #06142c;--bg-light: #0c2240;--foam: #7dffc8;--mint: #3dffb0;--mint-deep: #1bbf7e;--gold: #e8c547;--gold-deep: #c49a2a;--ink: #f4f7fb;--ink-soft: rgba(244, 247, 251, .72);--card-shadow: 0 18px 40px rgba(0, 0, 0, .45);--radius: 18px;--font-display: "Greek Freak", "Trebuchet MS", sans-serif;--font-body: "Segoe UI", "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-deep);overflow-x:hidden}.hub{position:relative;min-height:100dvh;padding:clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.hub__bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 45% at 50% -8%,rgba(61,255,176,.16),transparent 55%),radial-gradient(ellipse 50% 40% at 12% 85%,rgba(61,255,176,.07),transparent 50%),radial-gradient(ellipse 45% 35% at 90% 70%,rgba(40,90,180,.14),transparent 45%),linear-gradient(165deg,#01081c,#06142c 48%,#020b1f);animation:bg-breathe 14s ease-in-out infinite alternate}.hub__bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.05) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.04) 0 1px,transparent 1.5px);background-size:120px 120px,180px 180px,90px 90px;opacity:.7;animation:drift 28s linear infinite}.hub__aurora{position:fixed;inset:-20% -10%;z-index:-1;pointer-events:none;background:conic-gradient(from 180deg at 50% 40%,transparent 0deg,rgba(61,255,176,.12) 60deg,transparent 120deg,rgba(80,140,255,.08) 200deg,transparent 280deg);filter:blur(40px);animation:aurora-spin 22s linear infinite}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.hub__content{position:relative;z-index:1;width:min(960px,100%);display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.75rem)}.hub__header{text-align:center;animation:rise-in .7s ease both}.hub__logo{display:block;width:min(240px,58vw);height:auto;margin:0 auto;background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 10px 28px rgba(61,255,176,.18));animation:logo-glow 4.5s ease-in-out infinite alternate}.hub__subtitle{margin:.9rem auto 0;max-width:28rem;font-size:clamp(.95rem,2.8vw,1.1rem);line-height:1.45;color:var(--ink-soft)}.game-grid{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem);animation:rise-in .85s .12s ease both}@media(min-width:720px){.game-grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.game-grid{grid-template-columns:1fr 1fr 1fr}}.game-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;background:#0628328c;box-shadow:var(--card-shadow);border:1px solid rgba(61,255,176,.22);transform:translateZ(0);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;-webkit-tap-highlight-color:transparent}.game-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.game-card--live:hover,.game-card--live:focus-visible{transform:translateY(-6px) scale(1.015);box-shadow:0 26px 50px #0000006b;border-color:#3dffb08c}.game-card--live:active{transform:translateY(-2px) scale(1.005)}.game-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0a3640}.game-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}.game-card--live:hover .game-card__media img,.game-card--live:focus-visible .game-card__media img{transform:scale(1.06)}.game-card__shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 62%);transform:translate(-120%);pointer-events:none}.game-card--live:hover .game-card__shine,.game-card--live:focus-visible .game-card__shine{animation:shine-sweep .9s ease}.game-card__play{position:absolute;inset:0;display:grid;place-items:end center;padding-bottom:.85rem;background:linear-gradient(to top,rgba(6,40,50,.72) 0%,rgba(6,40,50,.15) 42%,transparent 70%);transition:background .3s ease}.game-card__play-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;background:linear-gradient(180deg,#f0d36a 0%,var(--gold-deep) 100%);color:#2a1d05;font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;box-shadow:0 8px 20px #00000059;transform:translateY(0) scale(1);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.game-card__play-btn svg{width:.85rem;height:.85rem;fill:currentColor}.game-card--live:hover .game-card__play,.game-card--live:focus-visible .game-card__play{background:linear-gradient(to top,rgba(6,40,50,.78) 0%,rgba(6,40,50,.28) 50%,transparent 78%)}.game-card--live:hover .game-card__play-btn,.game-card--live:focus-visible .game-card__play-btn{transform:scale(1.05);box-shadow:0 10px 24px #0000006b}.game-card__body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem}.game-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.game-card__name{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.65rem);letter-spacing:.04em}.game-card__tag{flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1d3d22;background:linear-gradient(180deg,#9fd86a,#5fa83a);padding:.28rem .55rem;border-radius:6px}.game-card__desc{margin:0;font-size:.9rem;line-height:1.4;color:var(--ink-soft)}.game-card--soon{cursor:default;opacity:.78}.game-card--soon .game-card__media{display:grid;place-items:center;background:linear-gradient(145deg,#8fd4e014,#06283266),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px)}.game-card__placeholder{text-align:center;color:var(--ink-soft)}.game-card__placeholder-icon{width:56px;height:56px;margin:0 auto .75rem;border:2px dashed rgba(143,212,224,.45);border-radius:16px;display:grid;place-items:center;font-size:1.6rem;color:var(--foam);animation:pulse-soft 2.8s ease-in-out infinite}.game-card__placeholder p{margin:0;font-family:var(--font-display);letter-spacing:.08em;font-size:1.1rem}.game-card--soon .game-card__tag{background:linear-gradient(180deg,#7aa4b0,#456872);color:var(--ink)}.hub__footer{text-align:center;font-size:.8rem;color:#f4efe473;animation:rise-in 1s .2s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shine-sweep{to{transform:translate(120%)}}@keyframes bg-breathe{0%{filter:saturate(1)}to{filter:saturate(1.15) brightness(1.05)}}@keyframes aurora-spin{to{transform:rotate(360deg)}}@keyframes drift{to{background-position:120px 60px,-90px 120px,45px -60px}}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@keyframes logo-glow{0%{filter:drop-shadow(0 8px 18px rgba(61,255,176,.12));transform:translateY(0)}to{filter:drop-shadow(0 14px 32px rgba(61,255,176,.28));transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}