.game-card{--accent:var(--color-theta-400);isolation:isolate;background:var(--color-ink);border:1px solid var(--color-line);transition:border-color .6s var(--ease-cinematic), box-shadow .8s var(--ease-cinematic);border-radius:clamp(1.25rem,2vw,2rem);display:grid;position:relative;overflow:hidden}.game-card.theme-horror{--accent:var(--color-dread-400)}.game-card.theme-empire{--accent:var(--color-gold-300)}.gc-art{aspect-ratio:4/3.2;position:relative;overflow:hidden}.gc-art-inner{transition:transform 1.8s var(--ease-cinematic), filter 1.2s;transform:scale(1.02) translate3d(calc(var(--px,0) * -14px), calc(var(--py,0) * -10px), 0);position:absolute;inset:0}.gc-art-inner>svg{position:absolute;inset:0}.gc-light{opacity:.55;transition:opacity .9s var(--ease-cinematic);pointer-events:none;position:absolute;inset:0}.theme-horror .gc-light{background:radial-gradient(600px circle at var(--mx,80%) var(--my,75%), #b3261e59, transparent 60%);mix-blend-mode:screen}.theme-empire .gc-light{background:radial-gradient(700px circle at var(--mx,50%) var(--my,40%), #e3c88729, transparent 60%);mix-blend-mode:screen}.gc-shade{pointer-events:none;background:linear-gradient(#0000 45%,#050807d9 100%);position:absolute;inset:0}.gc-content{z-index:2;flex-direction:column;padding:clamp(1.5rem,4vw,3.25rem);display:flex;position:relative}.gc-num{letter-spacing:.24em;text-transform:uppercase;color:var(--color-subtle);font-size:.72rem}.gc-num span{color:var(--accent)}.gc-title{letter-spacing:-.035em;margin-top:.9rem;font-size:clamp(2.4rem,6vw,5.2rem);font-weight:700;line-height:1}html[lang=ar] .gc-title{letter-spacing:0;line-height:1.25}.gc-title a{border-radius:6px;display:inline-block}.gc-title-text{transition:background-size .6s var(--ease-cinematic);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;padding-bottom:.05em;display:inline-block;position:relative}[dir=rtl] .gc-title-text{background-position:100% 100%}.gc-subtitle{letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted);margin-top:.4rem;font-size:.95rem}.gc-tagline{color:var(--accent);margin-top:1rem;font-size:1.15rem;font-weight:500}.gc-summary{color:var(--color-fg-2);max-width:38rem;margin-top:.9rem}.gc-meta{grid-template-columns:repeat(auto-fit,minmax(9rem,max-content));gap:.9rem 2rem;margin-top:1.75rem;display:grid}.gc-meta dt{letter-spacing:.2em;text-transform:uppercase;color:var(--color-subtle);font-size:.7rem}html[lang=ar] .gc-meta dt{letter-spacing:0;font-size:.8rem}.gc-meta dd{color:var(--color-fg);align-items:center;gap:.5rem;margin-top:.3rem;font-size:.92rem;display:flex}.theme-horror .status-dot{background:var(--color-dread-400);animation-name:pulse-dot-red;box-shadow:0 0 #e0483c99}.theme-empire .status-dot{background:var(--color-gold-300);animation-name:pulse-dot-gold}.gc-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.theme-horror .btn-primary{color:#fff;background:linear-gradient(120deg,#e0483c,#b3261e 55%,#7d1712);box-shadow:0 0 0 1px #e0483c73,0 10px 40px -12px #e0483c8c}.theme-empire .btn-primary{color:#1a1206;background:linear-gradient(120deg,#f1e2b8,#d1ad62 50%,#b18c45);box-shadow:0 0 0 1px #e3c88773,0 10px 40px -12px #d1ad6280}.theme-horror .btn-ghost:hover{border-color:#e0483c80}.theme-empire .btn-ghost:hover{border-color:#e3c88780}.theme-horror .btn-ghost:before{background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #e0483c33, transparent 70%)}.theme-empire .btn-ghost:before{background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #e3c8872e, transparent 70%)}.gc-clock{z-index:3;top:clamp(1.25rem,3vw,2.5rem);width:clamp(7.5rem,16vw,13rem);transition:transform .9s var(--ease-cinematic);position:absolute;inset-inline-end:clamp(1.25rem,3vw,2.5rem)}.gc-compass{z-index:3;top:clamp(1.25rem,3vw,2.5rem);opacity:.7;width:clamp(4rem,8vw,6rem);transition:transform 1.6s var(--ease-cinematic), opacity .6s;position:absolute;inset-inline-end:clamp(1.25rem,3vw,2.5rem)}.gc-compass svg{fill:none;width:100%;height:auto;stroke:var(--color-gold-300);stroke-width:1px}.gc-compass path{fill:#e3c8871f}.gc-compass text{fill:var(--color-gold-300);stroke:none;font-size:11px;font-family:var(--font-sans);letter-spacing:.1em}@media (width>=1024px){.game-card{align-items:end;min-height:min(84vh,780px)}.gc-art{aspect-ratio:auto;position:absolute;inset:0}.gc-shade{background:linear-gradient(to top, #050807f5 0%, #0508078c 42%, transparent 75%), linear-gradient(to var(--shade-dir,right), #050807bf, transparent 60%)}[dir=rtl] .gc-shade{--shade-dir:left}.gc-content{max-width:50rem}}@media (hover:hover) and (pointer:fine){.game-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 40px 120px -40px color-mix(in srgb, var(--accent) 35%, transparent)}.game-card:hover .gc-art-inner{transform:scale(1.07) translate3d(calc(var(--px,0) * -18px), calc(var(--py,0) * -12px), 0)}.game-card:hover .gc-light{opacity:1}.game-card:hover .gc-title-text{background-size:100% 2px}.game-card:hover .gc-clock{transform:translate3d(calc(var(--px,0) * 10px), calc(var(--py,0) * 8px), 0)}.game-card:hover .gc-compass{opacity:1;transform:rotate(35deg)}.theme-horror:hover .gc-title-text{animation:2.6s infinite title-glitch}}
