/* DECKRISE Design Bible — global product language */
:root{--void:#050505;--obsidian:#0a0a0a;--carbon:#141414;--edge:#303033;--snow:#f5f5f7;--mist:#a1a1a6;--rise:#c9f227;--rise-dark:#8aa814;--ink:var(--void);--panel:var(--carbon);--panel2:#191919;--line:var(--edge);--cream:var(--snow);--muted:var(--mist);--acid:var(--rise);--violet:var(--edge);--orange:var(--rise);--radius-module:16px;--radius-control:12px;--page-gutter:clamp(20px,3.35vw,48px);--font-display:"Inter Tight","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif}
*{scrollbar-color:var(--edge) var(--void)}html{background:var(--void);scroll-padding-top:90px}body{background:var(--void);color:var(--snow);font-family:var(--font-body);font-size:16px;line-height:1.6}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 4%,rgba(201,242,39,.055),transparent 27rem)}.noise{opacity:.018;mix-blend-mode:screen}::selection{background:var(--rise);color:var(--void)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--rise)!important;outline-offset:2px}a,button,.tier-row,.deck-card{transition:color 140ms ease,border-color 140ms ease,background-color 140ms ease,transform 140ms ease,opacity 140ms ease}h1,h2,h3,.dialog-title,.rank-card strong,.deck-card h3{font-family:var(--font-display);font-weight:650;letter-spacing:-.035em}h1,h2{text-transform:none;line-height:1.03}p{max-width:68ch}.page{width:min(100%,1440px);margin-inline:auto}
.site-header{height:76px;padding:0 var(--page-gutter);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);border-bottom:1px solid var(--edge);background:rgba(5,5,5,.88);backdrop-filter:blur(16px);box-shadow:none}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--snow);font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.12em;line-height:1;text-decoration:none}.brand span{color:inherit}.brand i{display:none}.brand-mark{width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand:hover .brand-mark{color:var(--rise);transform:translateY(-1px)}.site-header nav{gap:28px}.site-header nav a{color:var(--mist);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:none;border-bottom:2px solid transparent}.site-header nav a:hover{color:var(--snow)}.site-header nav a.active{color:var(--snow);border-color:var(--rise)}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.header-search-trigger,.auth-button,.dashboard-button{min-height:44px;border:1px solid var(--edge);border-radius:var(--radius-control);background:transparent;color:var(--snow);padding:0 14px;font:600 13px var(--font-body);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.header-search-trigger{color:var(--mist);cursor:pointer}.header-search-trigger:hover,.auth-button:hover,.dashboard-button:hover{border-color:#555;color:var(--snow);background:var(--carbon)}.beta-tag{color:var(--rise);font-size:8px;letter-spacing:.08em;border:1px solid var(--rise-dark);border-radius:999px;padding:2px 5px;margin-left:3px}
.hero{min-height:680px;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);border-bottom:1px solid var(--edge)}.hero-copy{padding:96px var(--page-gutter);justify-content:center}.hero h1,.meta-hero h1{font-size:clamp(54px,6.2vw,88px);margin:0 0 24px;max-width:850px}.hero h1 em,.meta-hero h1 em,.archive-hero h1 em{font-style:normal;color:var(--snow);-webkit-text-stroke:0}.hero-description{color:var(--mist);font-size:17px;line-height:27px;margin:0 0 24px;max-width:58ch}.universal-search{width:min(100%,610px);height:58px;border:1px solid var(--edge);border-radius:var(--radius-control);background:var(--carbon);display:flex;align-items:center;gap:12px;padding:0 16px;color:var(--mist)}.universal-search:focus-within{border-color:var(--rise);box-shadow:0 0 0 2px var(--void),0 0 0 4px var(--rise-dark)}.universal-search input{flex:1;border:0;outline:0;background:transparent;color:var(--snow);font:500 15px var(--font-body);min-width:0}.universal-search input::placeholder{color:#777}.universal-search kbd{font:500 11px var(--font-body);border:1px solid var(--edge);border-radius:6px;padding:2px 7px;color:var(--mist)}.hero-actions{margin-top:24px;gap:24px}.button{min-height:44px;border-radius:var(--radius-control);padding:13px 18px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700}.button-primary{background:var(--rise);color:var(--void)}.button-primary:hover{background:#dbff4e;transform:translateY(-2px)}.button-outline{border-color:var(--edge);color:var(--snow)}.button-outline:hover{border-color:#555;background:var(--carbon);transform:translateY(-2px)}.text-link{color:var(--snow);font-size:13px;border:0;padding:10px 0}.text-link:hover{color:var(--rise)}
.hero-art{min-height:680px;background:radial-gradient(circle at 52% 48%,#242a14 0,var(--carbon) 38%,var(--void) 72%);border-left:1px solid var(--edge)}.hero-art:after{background:linear-gradient(90deg,var(--void),transparent 20%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.orbit{border-color:rgba(201,242,39,.18)}.rank-card{border-radius:var(--radius-module);border-color:#ffffff25;box-shadow:0 16px 48px #0009}.rank-1{background:linear-gradient(145deg,#3a451d,#101207)}.rank-2{background:linear-gradient(145deg,#292929,#0d0d0d)}.rank-3{background:linear-gradient(145deg,#33351f,#111)}
.stat-ribbon{background:var(--obsidian);color:var(--snow);border-bottom:1px solid var(--edge);padding:24px var(--page-gutter)}.stat-ribbon div{border-color:var(--edge)}.stat-ribbon strong{font:600 24px var(--font-display);font-variant-numeric:tabular-nums}.stat-ribbon span{color:var(--mist);text-transform:none;letter-spacing:0;font-size:12px}.home-summary,.home-journal{padding:96px var(--page-gutter)}.home-summary h2,.section-heading h2,.journal-heading h2{font-size:clamp(36px,4.2vw,60px);margin-top:16px}.eyebrow,.section-index{font-size:11px;letter-spacing:.12em;color:var(--mist);font-weight:600}.eyebrow span{background:var(--rise);height:1px}.finish-list{border-color:var(--edge)}.finish-list div{border-color:var(--edge);padding:20px 12px}.finish-list b{color:var(--rise);font:600 15px var(--font-display)}.finish-list strong{text-transform:none}.finish-list span{color:var(--mist)}
.meta-hero{padding:96px var(--page-gutter) 56px;background:transparent;border-bottom:1px solid var(--edge)}.meta-hero p:last-child{color:var(--mist)}.format-badge,.method-note{background:var(--carbon)!important;border:1px solid var(--edge)!important;border-radius:var(--radius-module)!important}.format-badge strong,.format-badge em{color:var(--snow)!important}.format-badge span{color:var(--mist)!important}.method-note{margin:24px var(--page-gutter);padding:16px;color:var(--mist)}.method-note b{color:var(--rise);border-color:var(--edge)}.tier-controls,.deck-toolbar{margin:24px var(--page-gutter)}.tier-tabs{gap:8px}.tier-tabs button{width:44px;height:44px;border-radius:var(--radius-control);border-color:var(--edge);background:var(--carbon);color:var(--mist)}.tier-tabs button.active{background:var(--rise);color:var(--void);border-color:var(--rise)}.search{height:44px;border-color:var(--edge);border-radius:var(--radius-control);background:var(--carbon)}.search input{color:var(--snow)}
.tier-list{margin:0 var(--page-gutter) 96px}.tier-block{grid-template-columns:64px 1fr;margin-bottom:16px}.tier-label{font:650 30px var(--font-display);background:var(--carbon)!important;color:var(--snow)!important;border:1px solid var(--edge);border-right:0;border-radius:var(--radius-module) 0 0 var(--radius-module)}.tier-a .tier-label{color:var(--rise)!important}.tier-rows{background:var(--carbon);border:1px solid var(--edge);border-radius:0 var(--radius-module) var(--radius-module) 0;overflow:hidden}.tier-row{border-color:var(--edge)}.tier-row:hover{background:#1a1a1a;transform:translateY(-2px)}.tier-head{color:var(--mist)}.archetype strong{text-transform:none}.archetype small,.metric span{color:var(--mist)}.sig-art{border-radius:10px;background:var(--obsidian);border:1px solid var(--edge)}.sig-art span{color:var(--rise);font:600 20px var(--font-display)}.view-decks{min-height:44px;border:1px solid var(--edge);border-radius:var(--radius-control);color:var(--snow);background:transparent;text-transform:none}.view-decks:hover{border-color:var(--rise);color:var(--rise)}
.deck-explorer{padding:96px 0;background:var(--obsidian);border-color:var(--edge)}.section-heading{margin:0 var(--page-gutter)}.deck-grid{margin:0 var(--page-gutter);gap:16px}.deck-card{background:var(--carbon);border-color:var(--edge);border-radius:var(--radius-module);padding:20px}.deck-card:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 16px 48px #0006}.deck-card h3{text-transform:none}.deck-player{color:var(--rise)}.card-tags span{background:var(--obsidian);border:1px solid var(--edge);border-radius:999px;color:var(--mist)}
.archive-hero,.pilots-page,.blog-page,.dashboard-page,.public-profile-page,.simulator-page,.archetype-detail,.pilot-detail{background:var(--void)!important}.archive-hero h1{font-size:clamp(48px,7vw,84px)!important;text-transform:none!important}.archive-toolbar select,.deck-toolbar select{min-height:44px;background:var(--carbon);border:1px solid var(--edge);border-radius:var(--radius-control);color:var(--snow)}dialog{background:var(--carbon);border:1px solid var(--edge);border-radius:var(--radius-module);color:var(--snow);box-shadow:0 16px 48px #0009}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}
.site-footer{display:block;width:min(100%,1440px);margin:auto;padding:40px var(--page-gutter);border-color:var(--edge);color:var(--mist)}.footer-top{border:0!important}.footer-links a{color:var(--mist)}.footer-links a:hover{color:var(--snow)}.legal-disclaimer{border-top:1px solid var(--edge);margin-top:28px;padding-top:24px;font-size:12px;line-height:1.7}.legal-disclaimer p{max-width:90ch}
.brand>img{display:block;width:clamp(138px,12vw,184px);height:52px;object-fit:contain;object-position:left center}.site-footer .brand>img{width:168px}.brand:hover>img{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(201,242,39,.25))}.brand-mark{display:none}.auth-brand .brand{width:170px;height:58px;background:url("assets/deckrise-logo.png") left center/contain no-repeat;font-size:0}.auth-brand .brand span,.auth-brand .brand i{display:none}
:where(h1,h2,h3,h4,h5,h6,.brand,.dialog-title,.rank-card strong,.deck-card h3,.sim-empty strong,.sim-kpi strong,.sim-champion h3,.pilot-directory-summary strong,.directory-rank,.pilot-profile-stats strong,.preference-grid strong,.rating-summary strong,.played-toggle b,.played-toggle span,.community-subhead h3){font-family:var(--font-display)!important}:where(button,input,select,textarea,.auth-button b,.simulator-page,.community-form){font-family:var(--font-body)!important}
.home-journal,.blog-page,.blog-hero,.archive-hero,.pilot-profile-art,.deck-community{background-color:var(--void)!important;background-image:none!important}.blog-tile,.pilot-directory-grid>a,.preference-grid>a,.history-row,.community-feed,.substitution-feed,.moderation,.community-pulse,.sim-panel,.sim-kpi,.sim-champion,.dashboard-panel{background-color:var(--carbon)!important;border-color:var(--edge)!important;border-radius:var(--radius-module)!important}.blog-tile:hover,.pilot-directory-grid>a:hover,.preference-grid>a:hover{border-color:#555!important;transform:translateY(-2px)}.auth-dialog{background:var(--carbon)!important;border-color:var(--edge)!important}.auth-dialog h2 em,.blog-hero h1 em{color:var(--snow)!important;-webkit-text-stroke:0!important}.account-avatar,.auth-avatar{background:var(--rise)!important;color:var(--void)!important;border-radius:10px}.admin-badge{background:var(--rise)!important;color:var(--void)!important}.simulator-page{--accent:var(--rise)!important}.sim-hero h1{font-size:clamp(52px,7vw,90px)!important;line-height:1!important;letter-spacing:-.035em!important}.sim-hero h1 em{color:var(--snow)!important}.sim-field input,.sim-field select,.community-form textarea,.community-form input{background:var(--obsidian)!important;border-color:var(--edge)!important;border-radius:var(--radius-control)!important}.reaction-buttons button,.community-form button{background:var(--carbon)!important;border-color:var(--edge)!important;border-radius:var(--radius-control)!important}.reaction-buttons button.active,.reaction-buttons button:hover{border-color:var(--rise)!important}.stars button.active,.stars button:hover{color:var(--rise)!important}
@media(max-width:1080px){.site-header nav{gap:16px}.header-search-trigger span{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:520px;border-left:0;border-top:1px solid var(--edge)}}@media(max-width:760px){.site-header{height:auto;min-height:68px;grid-template-columns:1fr auto;padding-block:10px}.site-header nav{grid-column:1/-1;order:3;overflow:auto;width:100%;height:40px;justify-content:flex-start}.header-actions{grid-column:2}.header-search-trigger{display:none}.brand{font-size:14px}.brand-mark{width:24px;height:24px}.hero-copy{padding-top:72px;padding-bottom:64px}.hero h1,.meta-hero h1{font-size:clamp(44px,13vw,64px)}.hero-art{min-height:450px}.home-summary,.home-journal,.meta-hero{padding-top:64px;padding-bottom:64px}.tier-block{grid-template-columns:46px 1fr}.tier-label{font-size:23px}.legal-disclaimer{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rank-card,.deck-card,.tier-row,.button{transform:none!important}}