@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap";@layer base{:root{--color-primary: #ff5c00;--color-primary-accent: #FF8000;--color-primary-glow: rgba(255, 92, 0, .5);--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-border: #2c2c2c;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0}body{background-color:var(--color-background);color:var(--color-text-primary)}}@layer components{.neon-text-primary{text-shadow:0 0 5px var(--color-primary-glow),0 0 10px var(--color-primary-glow),0 0 15px var(--color-primary)}header{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.filter-btn{background-color:var(--color-surface);border:1px solid var(--color-border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:all .2s ease}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background);font-weight:700;box-shadow:0 0 15px var(--color-primary-glow)}.card-wrapper{position:relative;overflow:hidden;border:1px solid var(--color-border)}.card-wrapper:before,.card-wrapper:after{content:"";position:absolute;background-color:var(--color-primary);opacity:0;transition:opacity .3s ease,transform .1s ease-out;pointer-events:none;z-index:5}.card-wrapper:before{width:1px;height:100%;top:0;left:var(--mouse-x, -100%);transform:translate(-50%)}.card-wrapper:after{width:100%;height:1px;left:0;top:var(--mouse-y, -100%);transform:translateY(-50%)}.card-wrapper:hover:before,.card-wrapper:hover:after,.card-wrapper:hover .crosshair-hexagon{opacity:.5}.crosshair-hexagon{position:absolute;width:12px;height:14px;background-color:var(--color-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);left:var(--mouse-x, -100%);top:var(--mouse-y, -100%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease,transform .1s ease-out;z-index:6;pointer-events:none}.game-card{position:relative;width:100%;height:100%;aspect-ratio:3 / 4.2;background-color:var(--color-surface);transition:transform .3s ease-out}.card-wrapper:hover .game-card{transform:translateY(-8px) scale(1.02)}.card-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.card-content-layer{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,1) 25%,rgba(0,0,0,.9) 55%,transparent 80%)}.hud-corner{position:absolute;width:30px;height:30px;opacity:.6;transition:opacity .3s ease;z-index:2}.card-wrapper:hover .hud-corner{opacity:1}.hud-corner:before{content:"";position:absolute;width:42.42px;height:1px;background-color:var(--color-primary)}.hud-corner-tl{top:0;left:0}.hud-corner-tl:before{top:0;left:0;transform:rotate(45deg);transform-origin:0 0}.hud-corner-tr{top:0;right:0}.hud-corner-tr:before{top:0;right:0;transform:rotate(-45deg);transform-origin:100% 0}.hud-corner-bl{bottom:0;left:0}.hud-corner-bl:before{bottom:0;left:0;transform:rotate(-45deg);transform-origin:0 100%}.hud-corner-br{bottom:0;right:0}.hud-corner-br:before{bottom:0;right:0;transform:rotate(45deg);transform-origin:100% 100%}.live-tag{position:absolute;top:1rem;right:1rem;background-color:#e53e3e;color:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;z-index:10;animation:pulse 1.8s infinite;border-radius:4px}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 3px #e53e3e}50%{opacity:.8;box-shadow:0 0 8px #e53e3e}}