/* Local launcher Home; styles are isolated from window controls. */
#gaming-home { --bg:#18191f; --surface:#22232c; --raised:#2a2c37; --line:#363945; --muted:#a0a3b5; --text:#eceef7; --accent:#8e96ff; --gold:#ddb772; --rail:64px; --footer:76px; }
#gaming-home * { box-sizing:border-box; }
#gaming-home button, #gaming-home input { font:inherit; }
#gaming-home button { color:inherit; background:none; border:0; padding:0; cursor:pointer; -webkit-appearance:none; }
#gaming-home button:focus { outline:none; }
#gaming-home.keyboard-navigation button:focus { outline:2px solid var(--accent); outline-offset:3px; }
#gaming-home button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#gaming-home button:disabled { cursor:default; opacity:.45; }
#gaming-home svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
#gaming-home [data-icon] { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
#gaming-home [hidden] { display:none !important; }
#gaming-home h1, #gaming-home h2, #gaming-home h3, #gaming-home p { margin:0; }
#gaming-home ::-webkit-scrollbar { width:6px; height:6px; }
#gaming-home ::-webkit-scrollbar-thumb { background:#484b5b; border-radius:5px; }
#gaming-home .home-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
#gaming-home .wordmark { display:flex; align-items:center; }
#gaming-home .wordmark > strong { font:38px/1 Georgia,serif; margin-right:13px; letter-spacing:-3px; color:#d8ddf3; }
#gaming-home .wordmark > div { font:600 14px Georgia,serif; letter-spacing:4px; }
#gaming-home .wordmark small { display:block; font:8px "Segoe UI",sans-serif; letter-spacing:2.6px; margin-top:5px; color:#83889d; }
#gaming-home .demo-notice { display:flex; align-items:center; font-size:11px; color:#a7a9ba; padding:6px 11px; border-radius:20px; background:#252632; }
#gaming-home .demo-dot { width:5px; height:5px; background:#a5aaff; border-radius:50%; margin-right:7px; }
#gaming-home .home-tabs { display:flex; border-bottom:1px solid #30323d; margin-bottom:20px; }
#gaming-home .home-tabs button { padding:0 0 11px; margin-right:28px; color:#9a9fb1; font-size:12px; position:relative; white-space:nowrap; }
#gaming-home .home-tabs button[aria-current="page"] { color:#eceeff; }
#gaming-home .home-tabs button[aria-current="page"]:after { content:""; height:2px; border-radius:2px; background:#8e96ff; position:absolute; left:0; right:0; bottom:-1px; }
#gaming-home .home-tabs button:hover { color:#dce0ff; }
#gaming-home .overview-top { display:flex; align-items:stretch; margin-bottom:22px; }
#gaming-home .feature { position:relative; flex:1; min-width:0; min-height:294px; padding:28px; border-radius:12px; overflow:hidden; background:#181b25; box-shadow:inset 0 0 0 1px #353845; }
#gaming-home .feature-art { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; object-position:70% 45%; transition:transform .35s ease; }
#gaming-home .feature:hover .feature-art { transform:scale(1.015); }
#gaming-home .feature:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(90deg,rgba(14,17,25,.97),rgba(14,17,25,.78) 30%,rgba(14,17,25,.05) 75%),linear-gradient(0deg,rgba(14,17,25,.5),transparent 45%); pointer-events:none; }
#gaming-home .feature-copy { position:relative; z-index:1; max-width:56%; display:flex; flex-direction:column; height:100%; min-height:238px; }
#gaming-home .eyebrow { text-transform:uppercase; font-size:10px; letter-spacing:1.8px; color:#c0c5e7; font-weight:600; }
#gaming-home .eyebrow.gold { color:var(--gold); }
#gaming-home .feature h1 { font:600 38px/1.08 "Segoe UI",sans-serif; letter-spacing:-1.4px; margin:14px 0 12px; }
#gaming-home .feature p { font-size:12px; line-height:1.65; color:#c2c7d5; max-width:290px; }
#gaming-home .feature-actions { margin-top:auto; padding-top:20px; display:flex; align-items:center; flex-wrap:wrap; }
#gaming-home .primary, #gaming-home .secondary { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:9px 14px; border-radius:6px; font-size:12px; line-height:1.5; transition:background-color .15s,transform .15s; }
#gaming-home .primary { background:#626bed; color:white; }
#gaming-home .primary:hover { background:#767ff7; transform:translateY(-1px); }
#gaming-home .primary svg, #gaming-home .secondary svg { width:16px; height:16px; margin-left:9px; }
#gaming-home .secondary { box-shadow:inset 0 0 0 1px #424756; color:#c7cddd; }
#gaming-home .secondary:hover { background:#303442; }
#gaming-home .feature-pager { display:flex; align-items:center; margin-left:16px; }
#gaming-home .feature-pager button { width:26px; height:30px; color:#a4a9be; font-size:18px; }
#gaming-home .feature-pager span { font-size:10px; color:#9ca2b6; margin:0 5px; font-variant-numeric:tabular-nums; }
#gaming-home .up-next { width:260px; flex:0 0 260px; margin-left:18px; padding:22px; background:#22242d; border-radius:12px; display:flex; flex-direction:column; box-shadow:inset 0 0 0 1px #353947; }
#gaming-home .module-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
#gaming-home .module-header h2 { font-size:14px; font-weight:600; }
#gaming-home .text-action { display:inline-flex; align-items:center; color:#abb2d7; font-size:11px; min-height:26px; }
#gaming-home .text-action:hover { color:#e1e5ff; }
#gaming-home .text-action svg { width:14px; height:14px; margin-left:5px; }
#gaming-home .event-sigil { width:46px; height:46px; display:flex; align-items:center; justify-content:center; margin:16px 0 12px; color:#b6bcfc; background:#2e3248; border-radius:10px; }
#gaming-home .event-sigil svg { width:25px; height:25px; }
#gaming-home .up-next h2 { font-size:23px; font-weight:600; letter-spacing:-.6px; }
#gaming-home .up-next .subtle { font-size:11px; }
#gaming-home .countdown { font-size:31px; letter-spacing:1px; font-weight:300; font-variant-numeric:tabular-nums; margin:13px 0 0; line-height:1.15; color:#eceffe; }
#gaming-home .countdown-caption { font-size:10px; color:#959ab0; margin:5px 0 16px; }
#gaming-home .up-next .secondary { width:100%; margin-top:auto; }
#gaming-home .subtle { color:#9da3b8; font-size:12px; }
#gaming-home .lower-grid { display:flex; align-items:stretch; }
#gaming-home .agenda-module { flex:1.1; min-width:0; margin-right:22px; }
#gaming-home .ranking-module { flex:1; min-width:0; }
#gaming-home .mini-tabs { display:flex; align-items:center; }
#gaming-home .mini-tabs button { font-size:11px; padding:5px 9px; border-radius:5px; color:#8e95ac; }
#gaming-home .mini-tabs button[aria-pressed="true"] { background:#303448; color:#d2d8ff; }
#gaming-home .agenda-list { display:flex; flex-direction:column; }
#gaming-home .event-row { display:flex; align-items:center; min-height:68px; padding:10px 12px; margin-bottom:7px; border-radius:8px; background:#20222b; box-shadow:inset 0 0 0 1px #303441; transition:background-color .15s,transform .15s; }
#gaming-home .event-row:hover { background:#282c38; transform:translateX(2px); }
#gaming-home .event-main { flex:1; min-width:0; display:flex; align-items:center; text-align:left; }
#gaming-home .event-time { flex:0 0 54px; font-size:16px; color:#cfd4e7; font-variant-numeric:tabular-nums; }
#gaming-home .event-row-copy { min-width:0; }
#gaming-home .event-row-copy strong { display:block; font-size:12px; font-weight:600; }
#gaming-home .event-row-copy small { display:block; font-size:10px; color:#929aaf; margin-top:3px; }
#gaming-home .event-dot { display:block; margin-right:13px; width:3px; height:27px; background:#737ea6; border-radius:3px; }
#gaming-home .pin-button { flex:0 0 32px; width:32px; height:32px; margin-left:8px; color:#7d849e; display:flex; align-items:center; justify-content:center; border-radius:6px; }
#gaming-home .pin-button svg { width:17px; height:17px; }
#gaming-home .pin-button:hover { background:#34394b; color:#d5dafb; }
#gaming-home .pin-button[aria-pressed="true"] { background:#333952; color:#adb8ff; }
#gaming-home .rank-list { box-shadow:inset 0 0 0 1px #303441; background:#20222b; border-radius:9px; overflow:hidden; }
#gaming-home .rank-row { width:100%; min-height:53px; display:flex; align-items:center; padding:8px 14px; text-align:left; box-shadow:inset 0 -1px 0 #2e313e; transition:background-color .15s; }
#gaming-home .rank-row:last-child { box-shadow:none; }
#gaming-home .rank-row:hover { background:#2c3040; }
#gaming-home .rank-number { width:28px; flex:0 0 28px; font-size:12px; color:#868da2; font-variant-numeric:tabular-nums; }
#gaming-home .rank-row:first-child .rank-number { color:#e0be79; }
#gaming-home .rank-emblem { display:flex; align-items:center; justify-content:center; width:31px; height:34px; flex:0 0 31px; background:#32374c; color:#b9c3ed; border-radius:7px; font:600 12px Georgia,serif; margin-right:11px; }
#gaming-home .rank-identity { flex:1; min-width:0; }
#gaming-home .rank-identity strong { display:block; font-size:12px; font-weight:600; }
#gaming-home .rank-identity small { display:block; font-size:10px; color:#8993ab; }
#gaming-home .rank-value { text-align:right; font-size:13px; font-variant-numeric:tabular-nums; color:#d3d9ed; margin-left:12px; }
#gaming-home .rank-value small { display:block; font-size:9px; color:#7f88a2; }
#gaming-home .guide-strip { margin-top:20px; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; background:#222630; box-shadow:inset 0 0 0 1px #373e50; border-radius:9px; }
#gaming-home .guide-strip h3 { font-size:14px; font-weight:600; margin-top:3px; }
#gaming-home .guide-strip .secondary { flex:0 0 auto; margin-left:16px; }
#gaming-home .section-heading { margin:4px 0 22px; display:flex; align-items:flex-end; justify-content:space-between; }
#gaming-home .section-heading h1 { font-size:27px; font-weight:600; letter-spacing:-.7px; }
#gaming-home .section-heading p { margin-top:5px; color:#949bb0; font-size:12px; }
#gaming-home .section-heading > button { margin-left:18px; }
#gaming-home .agenda-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:18px; }
#gaming-home .segmented { display:flex; padding:4px; border-radius:8px; background:#222531; }
#gaming-home .segmented button { padding:7px 13px; min-height:34px; font-size:12px; color:#929db6; border-radius:5px; }
#gaming-home .segmented button[aria-pressed="true"] { background:#393f58; color:#e0e7ff; }
#gaming-home .agenda-full .event-row { min-height:82px; padding:12px 20px; }
#gaming-home .agenda-full .event-time { flex-basis:88px; font-size:23px; }
#gaming-home .agenda-full .event-row-copy strong { font-size:16px; }
#gaming-home .agenda-full .event-row-copy small { font-size:12px; }
#gaming-home .agenda-full .event-dot { margin-right:20px; }
#gaming-home .timezone-note { font-size:11px; color:#7e89a3; margin:16px 0; }
#gaming-home .ranking-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px; }
#gaming-home .ranking-tools .segmented { margin-bottom:10px; }
#gaming-home .ranking-tools input { width:220px; max-width:100%; padding:10px 13px; margin-bottom:10px; color:#dde2f3; background:#222531; border:1px solid transparent; box-shadow:inset 0 0 0 1px #3e455b; border-radius:7px; outline-color:#8e96ff; }
#gaming-home .rank-full .rank-row { min-height:71px; padding:12px 24px; }
#gaming-home .rank-full .rank-identity strong { font-size:15px; }
#gaming-home .rank-full .rank-identity small { font-size:12px; }
#gaming-home .rank-full .rank-emblem { width:39px; height:43px; flex-basis:39px; margin-right:18px; }
#gaming-home .rank-full .rank-number { flex-basis:42px; font-size:15px; }
#gaming-home .rank-full .rank-value { font-size:18px; }
#gaming-home .rank-full .rank-value small { font-size:10px; }
#gaming-home .empty { padding:32px 20px; text-align:center; color:#a0abc6; background:#232735; border-radius:9px; }
#gaming-home .class-tabs { display:flex; flex-wrap:wrap; margin-bottom:20px; }
#gaming-home .class-tabs button { margin:0 8px 8px 0; padding:10px 14px; color:#a3afca; background:#252a37; border-radius:6px; font-size:12px; }
#gaming-home .class-tabs button[aria-pressed="true"] { background:#414968; color:#f0f3ff; box-shadow:inset 0 0 0 1px #8b97d2; }
#gaming-home .class-feature { display:flex; background:#20242f; border-radius:12px; overflow:hidden; min-height:350px; }
#gaming-home .class-visual { width:47%; flex:0 0 47%; position:relative; background:#181c28; overflow:hidden; }
#gaming-home .class-visual img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:86% 50%; }
#gaming-home .class-visual:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(0deg,#141922,transparent 70%); }
#gaming-home .class-insignia { position:absolute; z-index:1; left:26px; bottom:25px; font:48px Georgia,serif; color:#dbe4ff; }
#gaming-home .class-copy { flex:1; padding:32px; min-width:0; }
#gaming-home .class-copy h2 { font-size:32px; font-weight:600; margin:10px 0 16px; }
#gaming-home .class-copy p { color:#a7b4cb; font-size:13px; line-height:1.8; }
#gaming-home .trait-list { display:flex; flex-wrap:wrap; margin:22px 0; }
#gaming-home .trait-list span { margin:0 6px 6px 0; font-size:11px; padding:5px 9px; border-radius:4px; background:#30384a; color:#c8d4eb; }
#gaming-home .module-note { padding:14px 0; font-size:11px; color:#8896b1; }
#gaming-home .overlay { position:fixed; z-index:20; top:36px; right:0; bottom:var(--footer); left:64px; background:rgba(8,10,16,.72); display:flex; align-items:stretch; justify-content:flex-end; }
#gaming-home .detail-panel { position:relative; width:420px; max-width:100%; background:#20242f; box-shadow:-12px 0 38px rgba(0,0,0,.28),inset 1px 0 0 #40485b; overflow-y:auto; animation:detail-in .18s ease-out; }
#gaming-home .close-button { display:flex; align-items:center; justify-content:center; position:absolute; right:15px; top:15px; z-index:2; width:32px; height:32px; border-radius:50%; background:#1b202c; color:#bec8e3; }
#gaming-home .close-button:hover { background:#444e66; }
#gaming-home .detail-art { width:100%; height:174px; object-fit:cover; object-position:75% 45%; display:block; }
#gaming-home .detail-body { padding:26px; }
#gaming-home .detail-body h2 { font-size:29px; font-weight:600; line-height:1.15; margin:12px 0 16px; letter-spacing:-.6px; }
#gaming-home .detail-body p { font-size:13px; line-height:1.7; color:#b3bed4; }
#gaming-home .detail-facts { display:flex; flex-wrap:wrap; margin:22px 0; padding:17px 0; border-top:1px solid #3b4457; border-bottom:1px solid #3b4457; }
#gaming-home .detail-facts > div { flex:1; min-width:110px; padding-right:12px; }
#gaming-home .detail-facts small { display:block; font-size:10px; color:#8999b6; }
#gaming-home .detail-facts strong { display:block; font-size:17px; color:#d7e0f3; margin-top:6px; font-weight:500; }
#gaming-home .detail-body h3 { font-size:13px; margin:24px 0 9px; font-weight:600; }
#gaming-home .detail-body ul { padding-left:18px; color:#a6b4ce; font-size:12px; line-height:1.9; }
#gaming-home .detail-body .primary { width:100%; margin-top:20px; }
#gaming-home .detail-footnote { margin-top:14px; font-size:10px !important; color:#8291ad !important; }
#gaming-home .toast { position:fixed; z-index:30; left:50%; bottom:90px; transform:translateX(-50%); max-width:calc(100% - 40px); padding:11px 17px; color:#d8e3fa; background:#343e55; box-shadow:0 4px 20px rgba(0,0,0,.3); border-radius:7px; font-size:12px; }
@keyframes detail-in { from { transform:translateX(14px); } to { transform:translateX(0); } }
#gaming-home.reduce-motion * { animation:none !important; transition:none !important; }
#gaming-home.reduce-motion .feature:hover .feature-art { transform:none; }
#gaming-home.paused * { animation-play-state:paused !important; }
@media(prefers-reduced-motion:reduce) {
#gaming-home * { animation:none !important; transition:none !important; }
#gaming-home .feature:hover .feature-art { transform:none; }
}
@media(min-width:1450px) {
#gaming-home .feature { min-height:350px; }
#gaming-home .feature-copy { min-height:294px; }
#gaming-home .feature h1 { font-size:48px; }
#gaming-home .up-next { flex-basis:300px; width:300px; padding:28px; }
#gaming-home .overview-top { margin-bottom:28px; }
#gaming-home .event-row { min-height:77px; }
#gaming-home .rank-row { min-height:60px; }
}
@media(max-width:1060px) {
#gaming-home .up-next { width:230px; flex-basis:230px; margin-left:14px; padding:18px; }
#gaming-home .feature { padding:24px; }
#gaming-home .feature h1 { font-size:33px; }
#gaming-home .feature-copy { max-width:65%; }
#gaming-home .feature-actions { display:block; }
#gaming-home .feature-pager { margin:10px 0 0; }
#gaming-home .feature { min-height:310px; }
#gaming-home .lower-grid { flex-direction:column; }
#gaming-home .agenda-module { margin:0 0 22px; }
#gaming-home .event-row { min-height:62px; }
}
@media(max-width:740px) {
#gaming-home { --footer:68px; }
#gaming-home .home-heading { align-items:flex-start; }
#gaming-home .wordmark > div { font-size:11px; letter-spacing:2px; }
#gaming-home .wordmark small { display:none; }
#gaming-home .wordmark > strong { font-size:30px; }
#gaming-home .demo-notice { font-size:9px; padding:5px 7px; }
#gaming-home .home-tabs { overflow-x:auto; }
#gaming-home .home-tabs button { margin-right:20px; font-size:11px; }
#gaming-home .overview-top { flex-direction:column; }
#gaming-home .feature { min-height:280px; }
#gaming-home .feature-copy { min-height:228px; max-width:68%; }
#gaming-home .up-next { width:100%; flex-basis:auto; margin:16px 0 0; padding:18px; }
#gaming-home .up-next .event-sigil { display:none; }
#gaming-home .up-next .countdown { font-size:26px; }
#gaming-home .up-next .secondary { margin-top:12px; }
#gaming-home .guide-strip { align-items:flex-start; flex-direction:column; }
#gaming-home .guide-strip .secondary { margin:14px 0 0; }
#gaming-home .section-heading { display:block; }
#gaming-home .section-heading > button { margin:12px 0 0; }
#gaming-home .agenda-toolbar > * { margin-bottom:10px; }
#gaming-home .class-feature { flex-direction:column; }
#gaming-home .class-visual { width:100%; height:200px; flex-basis:200px; }
#gaming-home .class-copy { padding:24px; }
}
@media(max-width:430px) {
#gaming-home { --rail:52px; }
#gaming-home .overlay { left:52px; }
#gaming-home .home-heading { flex-direction:column; }
#gaming-home .demo-notice { margin-top:10px; }
#gaming-home .feature { padding:20px; }
#gaming-home .feature h1 { font-size:28px; }
#gaming-home .feature-copy { max-width:100%; }
#gaming-home .feature:after { background:rgba(14,17,25,.68); }
#gaming-home .feature-pager { display:none; }
#gaming-home .agenda-full .event-row { padding:12px; }
#gaming-home .agenda-full .event-time { flex-basis:56px; font-size:17px; }
#gaming-home .agenda-full .event-row-copy strong { font-size:13px; }
#gaming-home .agenda-full .event-dot { margin-right:10px; }
#gaming-home .rank-full .rank-row { padding:12px; }
#gaming-home .rank-full .rank-number { flex-basis:24px; }
#gaming-home .rank-full .rank-emblem { display:none; }
#gaming-home .rank-full .rank-identity strong { font-size:13px; }
#gaming-home .detail-body { padding:22px; }
}
