:root{--ink:#eef7f2;--ink-soft:#a8c4b6;--bg:#07140f;--mint:#5de8a8;--amber:#f0c75e;--glass:#ffffff1a;--glass-strong:#ffffff29;--glass-border:#ffffff47;--font-brand:"Syne", system-ui, sans-serif;--font-ui:"Manrope", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100dvh}.portal{max-width:1100px;min-height:100dvh;margin:0 auto;padding:0 1.25rem 3rem;position:relative}.portal-bg{z-index:0;pointer-events:none;background:linear-gradient(#07140f73 0%,#07140fc7 70%,#07140f 100%),url(/igryon-hero.png) 50%/cover no-repeat;position:fixed;inset:0}.portal-hero,.portal-games,.portal-footer{z-index:1;position:relative}.portal-hero{flex-direction:column;justify-content:flex-end;min-height:min(88dvh,720px);padding:4rem 0 3.5rem;animation:.7s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portal-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--mint);margin:0 0 .75rem;font-size:.8rem;font-weight:700}.portal-brand{font-family:var(--font-brand);letter-spacing:-.04em;color:#f5fff9;text-shadow:0 8px 40px #00000073;margin:0;font-size:clamp(3.4rem,14vw,6.5rem);font-weight:800;line-height:.95}.portal-tagline{max-width:28rem;color:var(--ink-soft);margin:1.25rem 0 0;font-size:1.1rem;line-height:1.5}.portal-primary{color:#062016;background:#5de8a8e6;border-radius:999px;margin-top:1.75rem;padding:.9rem 1.4rem;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 28px #5de8a840}.portal-primary:hover{background:#9af0c4;transform:translateY(-1px)}.portal-games{padding-top:1rem;animation:.75s .12s both rise}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1rem;font-size:.75rem;font-weight:700}.games-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.game-card{background:var(--glass-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:saturate(160%)blur(22px);min-height:220px;color:inherit;border-radius:22px;flex-direction:column;gap:.75rem;padding:1.25rem 1.2rem 1.35rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000047,inset 0 1px #ffffff47}.game-card.is-live:hover{border-color:color-mix(in srgb, var(--card-accent) 55%, white);transform:translateY(-4px)}.game-card.is-soon{opacity:.82}.game-card-glow{background:var(--card-accent);opacity:.22;filter:blur(40px);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-40px}.game-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.game-status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:800}.status-live{background:color-mix(in srgb, var(--card-accent) 28%, transparent);color:#f5fff9;border:1px solid color-mix(in srgb, var(--card-accent) 55%, transparent)}.status-soon{color:var(--ink-soft);background:#ffffff14;border:1px solid #ffffff2e}.game-tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.game-tags li{color:var(--ink-soft);background:#ffffff14;border-radius:999px;padding:.2rem .45rem;font-size:.7rem;font-weight:600}.game-title{font-family:var(--font-brand);letter-spacing:-.02em;margin:.35rem 0 0;font-size:1.55rem;font-weight:700}.game-blurb{color:var(--ink-soft);flex:1;margin:0;font-size:.95rem;line-height:1.45}.game-cta{color:var(--card-accent);font-size:.9rem;font-weight:800}.portal-footer{color:var(--ink-soft);border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.25rem;font-size:.85rem;font-weight:600;display:flex}@media (width<=560px){.portal{padding:0 .85rem 2rem}.portal-hero{min-height:72dvh;padding-bottom:2.5rem}.game-card{min-height:200px}}