:root{color-scheme:light;--bg: #fcf4e6;--surface: #ffffff;--surface-warm: #fff1de;--ink: #3a2a1f;--ink-soft: #8c7560;--ink-faint: #b8a692;--line: rgba(58, 42, 31, .08);--line-strong: rgba(58, 42, 31, .16);--coral: #ff8b6b;--coral-deep: #ee6f4d;--coral-soft: #ffd6c8;--sage: #8bb59a;--sage-deep: #6e9a7e;--sage-soft: #d8e5dd;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--easing: cubic-bezier(.2, .7, .2, 1);--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--shell-x: clamp(20px, 4vw, 56px);--shadow-soft: 0 8px 24px -12px rgba(58, 42, 31, .18);--shadow-hover: 0 28px 60px -22px rgba(58, 42, 31, .28);--shadow-cta: 0 8px 22px -8px rgba(255, 139, 107, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-inline-size:100%;display:block}::selection{background:var(--coral-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:10px}.skip-link{position:absolute;inset-inline-start:12px;inset-block-start:-200px;padding:12px 18px;background:var(--coral);color:var(--surface);border-radius:12px;font-weight:800;z-index:100;transition:inset-block-start .2s var(--easing);box-shadow:var(--shadow-soft)}.skip-link:focus{inset-block-start:12px}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.55}.blob-coral{width:clamp(360px,55vw,600px);height:clamp(360px,55vw,600px);background:var(--coral-soft);inset-block-start:-180px;inset-inline-start:-160px}.blob-sage{width:clamp(320px,50vw,560px);height:clamp(320px,50vw,560px);background:var(--sage-soft);inset-block-end:-160px;inset-inline-end:-120px}.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) var(--shell-x) calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:clamp(24px,4vw,48px);min-height:100dvh}.brand{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;animation:rise .6s 60ms var(--easing) both}.brand-mark{display:inline-flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;margin-inline-start:-8px;border-radius:var(--radius-pill);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);transition:background .2s var(--easing)}.brand-mark:hover{background:var(--surface)}.brand-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--coral);color:var(--coral);box-shadow:0 6px 14px -4px #ff8b6b99}.brand-accent{color:var(--coral)}.brand-status{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:var(--ink-soft);box-shadow:var(--shadow-soft)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 #8bb59a80;animation:pulse-sage 2.4s ease-out infinite}@keyframes pulse-sage{0%{box-shadow:0 0 #8bb59a8c}70%{box-shadow:0 0 0 8px #8bb59a00}to{box-shadow:0 0 #8bb59a00}}.hero{display:flex;flex-direction:column;gap:8px;animation:rise .6s .18s var(--easing) both}.hero-title{font-family:var(--font-body);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin:0;color:var(--ink)}.hero-dek{font-size:clamp(.95rem,1.4vw,1.05rem);color:var(--ink-soft);margin:0;font-weight:600}.games{scroll-margin-top:24px}.grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 720px){.grid{grid-template-columns:repeat(2,1fr);gap:24px}}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;color:var(--ink);box-shadow:var(--shadow-soft);transition:transform .32s var(--easing),box-shadow .32s var(--easing),border-color .32s var(--easing);animation:card-rise .6s var(--easing) both;animation-delay:var(--delay, 0ms)}.card.live{cursor:pointer}.card.live:hover,.card.live:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--line-strong)}@keyframes card-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.card-art{position:relative;aspect-ratio:16 / 9;background:var(--surface-warm);overflow:hidden}.card-shot{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--easing)}.card.live:hover .card-shot,.card.live:focus-visible .card-shot{transform:scale(1.04)}.card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3a2a1f00 60%,#3a2a1f2e);transition:background .3s var(--easing);pointer-events:none}.play-circle{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fffffff2;color:var(--coral);box-shadow:0 12px 28px -6px #3a2a1f4d;transform:scale(.86);opacity:0;transition:transform .32s var(--easing),opacity .26s var(--easing),background .24s var(--easing)}.play-circle svg{margin-inline-start:4px}.card.live:hover .play-circle,.card.live:focus-visible .play-circle{transform:scale(1);opacity:1;background:var(--coral);color:var(--surface)}.card.live:hover .card-play-overlay,.card.live:focus-visible .card-play-overlay{background:linear-gradient(180deg,#3a2a1f0d,#3a2a1f47)}@media (hover: none){.play-circle{opacity:.92;transform:scale(1);width:60px;height:60px}.card-play-overlay{background:linear-gradient(180deg,#3a2a1f00 50%,#3a2a1f38)}}.card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#b6d3bf,#8bb59a);color:#2a3d31}.card[data-theme=sage] .card-placeholder{background:linear-gradient(135deg,#b6d3bf,#8bb59a)}.placeholder-label{font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:800;letter-spacing:-.01em}.placeholder-sub{font-size:13px;font-weight:700;opacity:.75}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.card-title{font-family:var(--font-body);font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:800;letter-spacing:-.015em;margin:0;color:var(--ink);line-height:1.1}.card-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--coral);color:var(--surface);border-radius:var(--radius-pill);font-size:15px;font-weight:800;letter-spacing:.005em;min-block-size:48px;box-shadow:var(--shadow-cta);transition:background .22s var(--easing),transform .22s var(--easing),box-shadow .22s var(--easing);flex-shrink:0}.cta-arrow{display:inline-block;transition:transform .22s var(--easing)}.card.live:hover .card-cta,.card.live:focus-visible .card-cta{background:var(--coral-deep);box-shadow:0 12px 26px -8px #ee6f4d99}.card.live:hover .cta-arrow,.card.live:focus-visible .cta-arrow{transform:translate(4px)}.soon-cta{background:var(--surface-warm);color:var(--ink-soft);box-shadow:none;border:1px solid var(--line);padding:12px 18px}.foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block-start:auto;padding-block-start:24px;border-block-start:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-soft);animation:rise .7s .6s var(--easing) both}.foot-mark{display:inline-flex;align-items:center;gap:8px}.foot-dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.play-circle{opacity:1;transform:scale(1)}}@media (max-width: 480px){.card-foot{padding:16px 18px;gap:10px}.card-cta{padding:11px 16px;font-size:14px}}