:root{--warm:#ffbe65;--coral:#ff8b80;--aqua:#8ce4ed;--lilac:#cbb1ff}
.preview-note{padding:9px 15px;text-align:center;color:#cbb7e7;background:#21172e;border-bottom:1px solid #67477f;font-size:11px;letter-spacing:1px}
header{padding:14px clamp(18px,3.5vw,70px);gap:clamp(14px,2vw,38px);min-height:92px;z-index:10}
header .brand{flex-shrink:0}header nav{order:0;flex:1;width:auto;gap:clamp(8px,1.25vw,26px);flex-wrap:nowrap;font-size:15px;align-items:center}
header nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 5px;color:#eee7fa;border-bottom:2px solid transparent;border-radius:5px;font-weight:700;white-space:nowrap;transition:background .15s,color .15s}
header nav a svg{width:21px;height:21px;fill:none;stroke:var(--nav-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
header nav a:hover,header nav a[aria-current="page"]{color:var(--nav-color);border-bottom-color:var(--nav-color);background:#c39af511;padding-bottom:9px}
header nav a:focus-visible{outline:2px solid var(--nav-color);outline-offset:3px}
.live-dropdown{position:relative;flex-shrink:0}.live-trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;min-width:126px;padding:12px 17px;border:1px solid #ff9a9a;border-radius:8px;background:linear-gradient(120deg,#b52751,#d33e3c);color:#fff;font:800 14px Arial,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 20px #c3273525}
.live-trigger>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.trigger-dot{width:8px;height:8px;border-radius:50%;background:#ffc5ca}.live-dropdown[data-any-live="true"] .trigger-dot{background:#fff;animation:live-pulse 2s infinite}.live-trigger:focus-visible{outline:3px solid #ffc3cf;outline-offset:4px}
.live-choices{position:absolute;top:calc(100% + 10px);right:0;width:300px;padding:14px;border:1px solid #9470b2;border-radius:12px;background:#1b122bf7;box-shadow:0 15px 45px #0009;z-index:20}.live-choices:before{content:'';position:absolute;left:0;right:0;top:-13px;height:14px}.live-choices[hidden]{display:none}.live-choices>p{font-size:10px;letter-spacing:2px;color:#b9a7cd;margin:0 0 10px;padding-left:6px}.live-choices .live-badge{display:grid;grid-template-columns:25px 1fr 7px auto;gap:8px;padding:14px 8px;border:0;border-radius:6px;background:transparent;min-height:50px;letter-spacing:0;font-size:10px}.live-choices .live-badge strong{font-size:14px}.live-choices .live-badge:hover{background:#b68bec19}.live-choices .live-dot{width:6px;height:6px}.live-choices .live-badge>svg{width:24px;height:24px;stroke-width:1.8;stroke-linejoin:round}.youtube-icon{fill:#ff6973;stroke:#ff6973}.youtube-icon path{fill:#fff;stroke:none}.twitch-icon{fill:none;stroke:#c39bff}.live-choices [data-live-provider="youtube"] strong{color:#ff858b}.live-choices [data-live-provider="twitch"] strong{color:#c8a6ff}
.tone-video,.tone-video h2{color:#ffbc77;text-shadow:1px 2px #5c183f,0 0 17px #f67a3330}
@supports(background-clip:text){.tone-video{background:linear-gradient(105deg,#ffd080 5%,#ffb079 45%,#ff8395 95%);background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(1px 2px 0 #45203e)}}
.tone-gallery{color:#8ce4ed;text-shadow:1px 2px #23446a}.tone-addons{color:#ffd38d;text-shadow:1px 2px #613c55}.tone-about{color:#d0b4ff;text-shadow:1px 2px #5f347c}.tone-community{color:#aabaff;text-shadow:1px 2px #473677}.tone-news{color:#d1b4ff}.tone-news .word-wow{color:#ffd080}.tone-news .word-news{color:#c9afff}.tone-community-copy{color:#aabbff}.word-youtube{color:#ff8b8b}.word-twitch{color:#c5a0ff}.word-warcraft{color:#ffd18b}.word-wowhead{color:#ff9d90}.word-discord{color:#a8b8ff}
.last-title{color:#f0d8c4}.feed-card h3,.video-card h3,.addon-card h3{color:#f2e9ff}.feed-meta{color:#c6b4dc}.feed-more{color:#d2b1ff}.addon-card .badge{color:#ffdb9e;border-color:#9b7557}.details-panel dt{color:#e9c080}.details-panel h2{color:#ffd18b}.button{border-color:#b89ad8}.button:hover{border-color:#ded0f5;box-shadow:0 0 20px #9c69d82b}
@media(min-width:1600px){header nav{font-size:17px;gap:clamp(18px,1.8vw,36px)}header nav a{padding:10px 9px;min-height:50px}header nav a svg{width:23px;height:23px}.brand span{font-size:14px}}
@media(max-width:1240px){header{flex-wrap:wrap;gap:10px 20px}header nav{order:3;flex:0 0 100%;width:100%;justify-content:center;gap:clamp(10px,2vw,26px);font-size:15px}.live-dropdown{margin-left:auto}}
@media(max-width:700px){header{padding:10px 14px}header nav{gap:5px 12px;flex-wrap:wrap;font-size:14px}header nav a{gap:6px;min-height:44px;padding:7px 5px}header nav a svg{width:19px;height:19px}.live-trigger{min-height:44px;min-width:110px;font-size:13px}.live-choices{width:min(300px,calc(100vw - 28px))}.preview-note{font-size:10px}html{scroll-padding-top:190px}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none}.live-dropdown[data-any-live="true"] .trigger-dot{animation:none}}
/* Metallic colour study: shared by every preview page. */
:root{--metal-light:#e1c3ff;--metal-mid:#b36cf6;--metal-low:#603581;--metal-edge:#321643}
.tone-video,.nav-video{--metal-light:#ffd79a;--metal-mid:#ff842b;--metal-low:#a42a35;--metal-edge:#5b182b}
.tone-gallery,.nav-gallery{--metal-light:#b0f8ff;--metal-mid:#22d9f0;--metal-low:#18728f;--metal-edge:#103d58}
.tone-addons,.nav-addons,.word-wow,.word-warcraft{--metal-light:#fff0ac;--metal-mid:#ffc640;--metal-low:#a65b12;--metal-edge:#624014}
.tone-about,.nav-about,.nav-home,.tone-news,.word-twitch,.word-news{--metal-light:#f0d7ff;--metal-mid:#bb75ff;--metal-low:#7041aa;--metal-edge:#3c1d61}
.tone-community,.nav-community,.word-discord{--metal-light:#d9e6ff;--metal-mid:#7b9dff;--metal-low:#4655b2;--metal-edge:#28325a}
.nav-stream,.word-youtube,.word-wowhead{--metal-light:#ffcfbf;--metal-mid:#ff6664;--metal-low:#a82041;--metal-edge:#5b1632}
.word-youtube{color:#ff737b}.word-twitch{color:#c27aff}.word-warcraft{color:#ffc74f}.word-wowhead{color:#ff8774}.word-discord{color:#95adff}
main .page-heading h1,main h2,main h3,header nav a>span{color:var(--metal-light);text-shadow:0 1px 0 var(--metal-edge),0 2px 0 var(--metal-edge);padding-inline:.07em}
main .feed-card h3,main .video-card h3,main .last-title,main .news-list h3,main .offline-copy h3{--metal-light:#f5ecff;--metal-mid:#c5b5e0;--metal-low:#827694;--metal-edge:#34253e}
main .addon-card h3,main .details-panel h2{--metal-light:#ffe6a6;--metal-mid:#ffc340;--metal-low:#ad6c22;--metal-edge:#57351b}
@supports(background-clip:text){
 main .page-heading h1,main h2,main h3,header nav a>span,main h2 [class*="word-"],main h3 [class*="word-"],.live-choices strong{background-image:linear-gradient(180deg,#fff 0%,var(--metal-light) 21%,var(--metal-mid) 43%,var(--metal-low) 49%,#fff 51%,var(--metal-light) 58%,var(--metal-mid) 78%,var(--metal-light) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 var(--metal-edge)) drop-shadow(0 2px 0 var(--metal-edge));}
 main .tone-video{background-image:linear-gradient(180deg,#fff4d6 0%,#ffd79a 21%,#ff9e39 43%,#b43922 49%,#fff3d3 51%,#ffd68b 58%,#ff704d 78%,#ffd894 100%)}
}
header nav a{border-radius:7px}header nav a:hover,header nav a[aria-current="page"]{background:linear-gradient(180deg,#47314e8c,#170f24c9);box-shadow:inset 0 1px 0 #ffffff27,inset 0 -1px 0 #0009;border-bottom-color:var(--nav-color)}
header nav a svg{filter:drop-shadow(0 1px 0 #1d0e32) drop-shadow(0 1px 1px #000);stroke-width:2}
.live-trigger{background:linear-gradient(180deg,#f88989 0%,#d33d53 34%,#8e193b 49%,#d54156 52%,#b82745 80%,#dd5267 100%);border:1px solid #ffb8a9;box-shadow:inset 0 1px 0 #ffdfcb99,inset 0 -2px 0 #690f2f,0 4px 12px #0005;text-shadow:0 1px 1px #500f29}
.live-choices [data-live-provider="youtube"] strong{--metal-light:#ffd6cd;--metal-mid:#ff7375;--metal-low:#ad2545;--metal-edge:#591f32}.live-choices [data-live-provider="twitch"] strong{--metal-light:#efccff;--metal-mid:#bb75ff;--metal-low:#713fa2;--metal-edge:#351b4a}
.button{background:linear-gradient(180deg,#e0c3ff 0%,#bb8bf5 35%,#8655c4 49%,#b381ef 52%,#a476e4 80%,#c59ff1 100%);border:1px solid #e0baff;box-shadow:inset 0 1px 0 #ffffff60,inset 0 -2px 0 #5a327c,0 4px 12px #0004;color:#160c28;text-shadow:0 1px 0 #ffffff30}
.button:hover{background:linear-gradient(180deg,#ecd8ff,#cc9dff 45%,#a57bd8 49%,#d9b9ff 53%,#c193fa);box-shadow:inset 0 1px 0 #ffffff80,0 0 16px #a968e53a}
.feed-meta,.feed-state,.empty,.about-copy{filter:none;text-shadow:none}
@media(forced-colors:active){main .page-heading h1,main h2,main h3,header nav a>span,main h2 [class*="word-"],main h3 [class*="word-"],.live-choices strong{background:none;color:CanvasText;filter:none}header nav a svg{stroke:LinkText!important}}
/* Keep the compact navigation crisp; retain the full metal effect on headings. */
header nav a>span{background-image:linear-gradient(180deg,#fff 0%,var(--metal-light) 38%,var(--metal-mid) 100%);filter:drop-shadow(0 1px 0 var(--metal-edge));text-shadow:none}
header nav a svg{filter:drop-shadow(0 1px 0 #21112e);stroke-width:1.9}
.tone-gaming,.nav-gaming{--metal-light:#d5fff2;--metal-mid:#4ae4c0;--metal-low:#267c80;--metal-edge:#163f4b}
.gaming-heading{display:flex;align-items:center;justify-content:flex-start;gap:25px;text-align:left;padding-top:55px;padding-bottom:40px;border-bottom:1px solid #52717066}.gaming-monitor{width:110px;flex:0 0 110px}.gaming-monitor svg,.gaming-empty-icon svg{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 10px #0005)}.gaming-heading h1{font-size:42px;font-weight:900;font-style:italic;letter-spacing:1px;margin:6px 0 15px;color:#b2ffe7;background-image:linear-gradient(180deg,#fff 0%,#d5fff2 21%,#4ae4c0 43%,#267c80 49%,#fff 51%,#d5fff2 58%,#4ae4c0 78%,#d5fff2 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #163f4b);padding:0 .07em}.gaming-heading p{max-width:760px;color:#d0c8dc;line-height:1.8;font-size:16px;margin:0}.gaming-heading .gaming-kicker{font-size:10px;letter-spacing:2px;color:#8ed6c6}.gaming-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;margin-bottom:24px}.gaming-section-heading h2{margin:0}.gaming-section-heading>span{font-size:10px;letter-spacing:1px;color:#b3a8c5}.gaming-empty{padding:40px 30px;border:1px solid #526a775c;border-radius:12px;background:linear-gradient(135deg,#1b1833e8,#10242ce0);text-align:center}.gaming-empty-icon{width:85px;margin:0 auto 20px}.gaming-empty h3{font-size:22px;line-height:1.5;margin:0 0 18px}.gaming-empty p{max-width:720px;margin:0 auto;color:#cbbfd9;line-height:1.9;font-size:15px}.gaming-topics{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px auto}.gaming-topics span{padding:7px 11px;border:1px solid #548e8a;border-radius:20px;color:#b0edda;font-size:10px;letter-spacing:1px}.gaming-empty .gaming-empty-note{font-size:13px;color:#afa1c1}
@media(max-width:1400px){header{flex-wrap:wrap;gap:10px 20px}header nav{order:3;flex:0 0 100%;width:100%;justify-content:center;gap:clamp(9px,1.7vw,24px);font-size:15px}.live-dropdown{margin-left:auto}}
@media(max-width:700px){header nav{gap:5px 10px;font-size:14px}.gaming-heading{gap:15px;padding-top:35px;align-items:flex-start}.gaming-monitor{width:70px;flex-basis:70px}.gaming-heading h1{font-size:32px}.gaming-heading p{font-size:14px}.gaming-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.gaming-empty{padding:30px 20px}.gaming-empty h3{font-size:20px}}
.gaming-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;text-align:left}.gaming-post-card{overflow:hidden;border:1px solid #76608a;border-radius:13px;background:linear-gradient(145deg,#302044ed,#181126f2);display:flex;flex-direction:column}.gaming-post-cover{display:block;background:#14101f}.gaming-post-cover img{display:block;width:100%;height:auto;aspect-ratio:1.56;object-fit:contain}.gaming-post-copy{padding:24px;display:flex;flex-direction:column;flex:1}.article-tags{display:flex;flex-wrap:wrap;gap:7px}.article-tags span{font-size:10px;color:#f6d69e;line-height:1.4;border:1px solid #9d765a;background:#c69a4f12;border-radius:20px;padding:5px 9px}.gaming-post-copy h2{font-size:23px;line-height:1.4;letter-spacing:0;margin:18px 0 12px;--metal-light:#f7e1b6;--metal-mid:#e7bd71;--metal-low:#937044;--metal-edge:#492c37}.gaming-post-copy>p{font-size:15px;line-height:1.8;color:#e0d5e8;margin:0 0 22px}.gaming-post-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto}.gaming-post-bottom time{font-size:11px;color:#b9a9ca}.gaming-post-bottom a{font-size:12px;font-weight:800;color:#ffce80;padding:12px 0}.gaming-post-card:focus-within{outline:2px solid #dbc2ff;outline-offset:4px}.gaming-post-cover:hover{filter:brightness(1.08)}
.game-article{max-width:1040px;margin:0 auto;padding:35px 24px 60px}.article-back{display:inline-block;padding:10px 0;color:#c7afeb;font-size:12px;letter-spacing:1px}.game-article>.article-heading{position:static;display:block;min-height:0;padding:28px 0 24px;margin:0;background:transparent;border:0;box-shadow:none;text-align:left}.article-heading .article-meta{color:#e0b778;font-size:11px;letter-spacing:2px;margin:0 0 15px}.article-heading h1{font-size:clamp(28px,3.5vw,43px);line-height:1.22;letter-spacing:-.5px;font-style:italic;margin:0 0 20px;padding-right:.1em;background:linear-gradient(180deg,#fff 0%,#f5dbaf 33%,#b48a51 49%,#ffefd4 52%,#d6b77e 80%,#ffebc5);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #503544)}.article-deck{font-size:18px;line-height:1.7;color:#e5d9ed;max-width:820px}.article-byline{font-size:12px;color:#b7a5c8;margin:20px 0}.article-cover{margin:0 0 35px;border:1px solid #80618e;border-radius:12px;overflow:hidden;background:#130e1d}.article-cover img{display:block;width:100%;height:auto}.article-body{max-width:800px;margin:auto;text-align:left}.article-body p{font-size:17px;line-height:1.95;color:#dfd5e9;margin:0 0 25px}.article-body .article-lead{font-size:21px;line-height:1.7;color:#f2e9f7}.article-body h2{font-size:23px;line-height:1.4;margin:42px 0 18px;text-align:left;--metal-light:#ffe5b4;--metal-mid:#edc17a;--metal-low:#956329;--metal-edge:#412a3a}.article-body figure{margin:30px 0}.article-body figure img{display:block;width:100%;height:auto;border:1px solid #644779;border-radius:8px}.article-body figcaption{font-size:12px;color:#b7a6c9;line-height:1.7;margin-top:10px}.article-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.article-image-pair figure{margin:10px 0 25px}.article-body blockquote{margin:38px 0;padding:24px 28px;border-left:3px solid #dfb773;background:linear-gradient(120deg,#422d4166,#1d132c99);color:#ffdfae;font-size:20px;font-style:italic;font-weight:700;line-height:1.8;border-radius:0 9px 9px 0}.article-body .article-image-note{font-size:12px;color:#a99ab9;margin:30px 0}.article-body .button{margin-top:10px}
@media(max-width:700px){.gaming-post-grid{grid-template-columns:1fr}.gaming-post-copy{padding:20px}.game-article{padding:25px 18px 45px}.article-heading h1{font-size:29px}.article-deck{font-size:16px}.article-body p{font-size:16px;line-height:1.85}.article-body .article-lead{font-size:19px}.article-body h2{font-size:21px}.article-image-pair{grid-template-columns:1fr;gap:0}.article-body blockquote{padding:20px;font-size:18px}}
.article-related{margin:28px 0 20px;padding:20px 22px;border:1px solid #71577f;border-radius:9px;background:#231831b5}.article-related a{display:block;color:#f5d59f;font-size:15px;line-height:1.7}.article-related a:hover,.article-sources a:hover{text-decoration:underline}.article-sources{margin:40px 0;padding:24px;border:1px solid #634d74;border-radius:9px;background:#150f23b8}.article-sources h2{font-size:18px;margin:0 0 15px}.article-sources p,.article-sources li{font-size:14px;color:#c9b8da;line-height:1.9}.article-sources ul{margin:12px 0 0;padding-left:20px}.article-sources a{color:#c6a4f1}

.valorant-cover{background:radial-gradient(ellipse,#6b2339,#130e1d 75%)}.valorant-cover img{max-height:560px;object-fit:contain}.valorant-card-cover img{object-fit:contain;background:linear-gradient(120deg,#351526,#130e1d)}.article-body li{margin:12px 0;line-height:1.8}