@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg:#080a0e;--color-bg2:#0d1017;--color-bg3:#111520;--color-surface:#141820;--color-surface2:#1a1f2e;--color-border:#1e2535;--color-border2:#252d40;--color-text:#c8d0e0;--color-text-dim:#dae7ff;--color-text-bright:#eef2ff;--overlay-opacity:0}:root,[data-game=cyberpunk]{--color-accent:#f5c518;--color-accent2:#00d4ff;--color-accent3:#f97316;--color-danger:#ff003c;--color-success:#00ff94;--color-special:#a855f7;--color-accent-border:rgba(245,197,24,.3);--color-accent-bg:rgba(245,197,24,.06);--color-accent2-border:rgba(0,212,255,.3);--color-accent2-bg:rgba(0,212,255,.06);--color-danger-border:rgba(255,0,60,.3);--color-danger-bg:rgba(255,0,60,.04);--color-success-border:rgba(0,255,148,.3);--color-success-bg:rgba(0,255,148,.04);--color-special-border:rgba(168,85,247,.3);--color-special-bg:rgba(168,85,247,.06);--color-rarity-1:#f5c518;--color-rarity-2:#f97316;--color-rarity-3:#a855f7;--color-rarity-4:#00d4ff;--color-rarity-5:#22c55e;--color-rarity-6:#6b7280;--font-sans:var(--font-rajdhani),"Rajdhani",sans-serif;--font-mono:var(--font-share-tech-mono),"Share Tech Mono",monospace;--font-display:var(--font-barlow-condensed),"Barlow Condensed",sans-serif}[data-game=cyberpunk]{--overlay-opacity:1}[data-game=fallout4]{--color-bg:#ebdec2;--color-bg2:#e2d4b2;--color-bg3:#d6c5a0;--color-surface:#f2e9d0;--color-surface2:#e5d6b6;--color-border:#b49c72;--color-border2:#9c8456;--color-text:#2a1a10;--color-text-dim:#6b4a2e;--color-text-bright:#170a04;--color-accent:#8c2820;--color-accent2:#4d3015;--color-accent3:#b85328;--color-danger:#962020;--color-success:#4f6b2a;--color-special:#6b3c1e;--color-accent-border:rgba(140,40,32,.35);--color-accent-bg:rgba(140,40,32,.07);--color-accent2-border:rgba(77,48,21,.35);--color-accent2-bg:rgba(77,48,21,.07);--color-danger-border:rgba(150,32,32,.35);--color-danger-bg:rgba(150,32,32,.05);--color-success-border:rgba(79,107,42,.35);--color-success-bg:rgba(79,107,42,.05);--color-special-border:rgba(107,60,30,.35);--color-special-bg:rgba(107,60,30,.06);--color-rarity-1:#8c2820;--color-rarity-2:#b85328;--color-rarity-3:#6b3c1e;--color-rarity-4:#4d3015;--color-rarity-5:#6b5430;--color-rarity-6:#8c7e5c;--font-sans:var(--font-courier-prime),"Courier Prime",monospace;--font-mono:var(--font-courier-prime),"Courier Prime",monospace;--font-display:var(--font-special-elite),"Special Elite",cursive;--overlay-opacity:0}[data-game=witcher3]{--color-bg:#1a1410;--color-bg2:#1f1813;--color-bg3:#261d16;--color-surface:#2a1f18;--color-surface2:#33271e;--color-border:#4a3826;--color-border2:#6b4f35;--color-text:#e8dcc8;--color-text-dim:#a89878;--color-text-bright:#f5ebd8;--color-accent:#c9a04c;--color-accent2:#6b8aae;--color-accent3:#8b3a2a;--color-danger:#a02020;--color-success:#5c8c3e;--color-special:#7c4a8f;--color-accent-border:rgba(201,160,76,.35);--color-accent-bg:rgba(201,160,76,.07);--color-accent2-border:rgba(107,138,174,.35);--color-accent2-bg:rgba(107,138,174,.06);--color-danger-border:rgba(160,32,32,.35);--color-danger-bg:rgba(160,32,32,.05);--color-success-border:rgba(92,140,62,.35);--color-success-bg:rgba(92,140,62,.05);--color-special-border:rgba(124,74,143,.35);--color-special-bg:rgba(124,74,143,.06);--color-rarity-1:#c9a04c;--color-rarity-2:#b85328;--color-rarity-3:#7c4a8f;--color-rarity-4:#6b8aae;--color-rarity-5:#5c8c3e;--color-rarity-6:#8c7e5c;--font-sans:var(--font-eb-garamond),"EB Garamond",serif;--font-mono:var(--font-courier-prime),"Courier Prime",monospace;--font-display:var(--font-cinzel),"Cinzel",serif;--overlay-opacity:0}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:16px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}.game-shell,body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.game-shell{min-height:100vh}.font-display{font-family:var(--font-display),"Barlow Condensed",sans-serif}.font-sans{font-family:var(--font-sans),"Rajdhani",sans-serif}.font-mono{font-family:var(--font-mono),"Share Tech Mono",monospace}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-tight{line-height:1.25}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-game]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 4px);opacity:var(--overlay-opacity)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg2)}::-webkit-scrollbar-thumb{background:var(--color-border2)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}:focus-visible{outline:1px solid var(--color-accent2);outline-offset:2px}::selection{background:var(--color-accent2-bg);color:var(--color-text-bright)}[data-game]:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:8999;opacity:calc(var(--overlay-opacity) * .4)}.custom-cursor,.custom-cursor *{cursor:none!important}.nav-desktop-group{display:none}.nav-hamburger-btn{display:flex;flex-direction:column;gap:4px;padding:8px}@media (min-width:768px){.nav-desktop-group{display:flex}.nav-hamburger-btn{display:none}}@keyframes glitch{0%,92%,to{-webkit-clip-path:none;clip-path:none;transform:none}93%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translate(-2px)}94%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(2px)}95%{-webkit-clip-path:none;clip-path:none;transform:none}96%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(-1px)}97%{-webkit-clip-path:none;clip-path:none;transform:none}}.nav-logo:hover{animation:glitch .3s step-end}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(60px)}}.hero-grid-anim{animation:gridMove 20s linear infinite}.hero-grid-mask{-webkit-mask-image:radial-gradient(ellipse at 60% 50%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 60% 50%,#000 20%,transparent 70%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-fade-1{animation:fadeInUp .6s ease 0s both}.anim-fade-2{animation:fadeInUp .6s ease .1s both}.anim-fade-3{animation:fadeInUp .6s ease .2s both}.anim-fade-4{animation:fadeInUp .6s ease .3s both}.anim-fade-5{animation:fadeInUp .6s ease .4s both}.hero-layout{min-height:clamp(540px,75vh,780px);position:relative;overflow:hidden;display:flex}.hero-inner{position:relative;z-index:1;flex:1 1;grid-template-columns:1fr 1fr;width:100%}.hero-inner,.main-layout{display:grid;max-width:1200px;margin:0 auto}.main-layout{grid-template-columns:minmax(0,1fr) 320px;grid-gap:3rem;gap:3rem}.home-builds-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px}@media (max-width:1024px){.hero-inner,.main-layout{grid-template-columns:1fr}}@media (max-width:640px){.home-builds-grid{grid-template-columns:1fr}}.top-page-grid{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;display:grid;grid-template-columns:1fr 280px;grid-gap:2rem;gap:2rem}@media (max-width:1024px){.top-page-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.top-page-grid{padding:1.25rem .75rem 3rem!important}.top-page-header-inner{padding:1.25rem .75rem!important}.top-update-badge{display:none!important}.top-tabs-inner{padding:0!important}.podium-wrapper{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.podium-grid{min-width:380px}.lb-grid{grid-template-columns:48px 1fr 70px!important}.lb-hide-mobile{display:none!important}}.lb-row{position:relative;overflow:hidden}.lb-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .18s}.lb-row:hover:before{transform:scaleY(1)}@media (max-width:640px){.wizard-step-bar-pad{padding-left:.5rem!important;padding-right:.5rem!important}.wizard-step-text{display:none!important}.wizard-content-pad{padding-left:.75rem!important;padding-right:.75rem!important;padding-top:1.25rem!important}.wizard-card-body{padding:1.25rem 1rem!important}.wizard-footer-pad{padding-left:.75rem!important;padding-right:.75rem!important}}.build-detail-grid{grid-template-columns:1fr 300px;grid-gap:2.5rem;gap:2.5rem}.build-detail-grid,.build-hero-inner{max-width:1200px;margin:0 auto;padding:2.5rem 2rem;display:grid;align-items:start}.build-hero-inner{grid-template-columns:1fr auto;grid-gap:2rem;gap:2rem}@media (max-width:1024px){.build-detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.build-detail-grid{padding:1.5rem .75rem;gap:1.5rem}.build-hero-inner{grid-template-columns:1fr;padding:1.5rem .75rem;gap:1rem}.items-cat-grid{grid-template-columns:1fr!important}}.builds-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;align-items:start}@media (max-width:1024px){.builds-content-grid{grid-template-columns:1fr}}.search-body-grid{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;display:grid;grid-template-columns:1fr 260px;grid-gap:2rem;gap:2rem}@media (max-width:1024px){.search-body-grid{grid-template-columns:1fr}}@media (max-width:640px){.search-body-grid{padding:1.25rem 1rem 3rem}.search-esc-badge{display:none}.featured-build-card{grid-template-columns:1fr!important}.build-list-right-col,.featured-build-right{display:none!important}}.build-list-item{position:relative;overflow:hidden}.build-list-item:after{content:"";position:absolute;bottom:0;left:0;width:3px;height:0;background:var(--color-accent);transition:height .25s ease}.build-list-item:hover:after{height:100%}.prose-content{font-family:var(--font-sans);font-size:1rem;color:var(--color-text);line-height:1.8}.prose-content h2{font-size:1.4rem;color:var(--color-text-bright);margin:2rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.prose-content h2,.prose-content h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.prose-content h3{font-size:1.1rem;color:var(--color-accent);margin:1.5rem 0 .5rem}.prose-content p{margin:.75rem 0}.prose-content strong{color:var(--color-accent2);font-weight:700}.prose-content em{color:var(--color-text-dim);font-style:italic}.prose-content ul{margin:.75rem 0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.35rem}.prose-content li{list-style:none;position:relative;padding-left:1rem}.prose-content li:before{content:"—";position:absolute;left:0;color:var(--color-accent);opacity:.6}.prose-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.prose-content a{color:var(--color-accent2);text-decoration:underline}.filter-chip-btn:hover,.sort-btn-elem:hover{border-color:var(--color-accent2)!important;color:var(--color-accent2)!important}.search-chip:hover{border-color:var(--color-accent)!important;color:var(--color-accent)!important;background:var(--color-accent-bg)!important}.home-card{position:relative;overflow:hidden;background:var(--color-surface);transition:background .15s;cursor:pointer;display:block;text-decoration:none}.home-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--color-accent);transition:height .2s}.home-card:hover{background:var(--color-bg3)}.home-card:hover:before{height:100%}.dash-section-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-bright);display:flex;align-items:center;gap:.6rem}.dash-section-title:before{content:"";display:block;width:3px;height:1em;background:var(--color-accent);flex-shrink:0}.dash-section-title.cyan-bar:before{background:var(--color-accent2)}.dash-section-title.green-bar:before{background:var(--color-success)}.dash-section-title.purple-bar:before{background:var(--color-special)}.dash-build-row{background:var(--color-surface);display:grid;grid-template-columns:52px 1fr auto auto auto auto;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem 1.25rem;transition:background .15s;position:relative;overflow:hidden;cursor:pointer}.dash-build-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .2s}.dash-build-row:hover{background:var(--color-bg3)}.dash-build-row:hover:before{transform:scaleY(1)}.dash-mini-card{background:var(--color-surface);padding:1rem;cursor:pointer;transition:background .15s;position:relative;overflow:hidden}.dash-mini-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-border2);transition:background .2s}.dash-mini-card:hover{background:var(--color-bg3)}.dash-mini-card:hover:before{background:var(--color-accent2)}.dash-row-action{background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .6rem;cursor:pointer;transition:border-color .15s,color .15s;text-decoration:none;display:inline-block;white-space:nowrap}.dash-row-action:hover{border-color:var(--color-accent2);color:var(--color-accent2)}.dash-row-action.danger:hover{border-color:var(--color-danger);color:var(--color-danger)}@media (max-width:900px){.dash-build-row{grid-template-columns:52px 1fr auto}.dash-stat-col{display:none!important}}@media (max-width:680px){.dash-build-row{grid-template-columns:52px 1fr}.dash-actions-col{display:none!important}}