/* Shared community lighting; homepage-only composition keeps other headers intact. */
body.community-background{background:#0b101b;position:relative;isolation:isolate}
body.community-background::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 70%,#41348455,transparent 52%),radial-gradient(ellipse at 90% 83%,#2f65533b,transparent 48%),radial-gradient(ellipse at 68% 100%,#73407132,transparent 50%),radial-gradient(circle,#ffffff0a 1px,transparent 1.5px);background-size:auto,auto,auto,23px 23px}
.home-page .site-header{background:transparent;border:0;max-width:1290px;width:100%;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 24px;gap:20px}
.home-page .header-top{display:flex;grid-column:2;grid-row:1;padding:0;gap:0;margin:0}
.home-page .header-top .site-brand{display:none}
.home-page .site-nav{grid-column:1;grid-row:1;padding:0;margin:0;gap:28px}
.home-page .site-nav>a{padding:14px 0}
.home-page main{max-width:1290px;width:100%;padding:12px 24px 8px;min-height:0}
.home-page footer{display:none}
.home{position:relative;display:flex;flex-direction:column;gap:26px;min-height:0}
.home-hero{text-align:center;padding:15px 0 4px;position:relative;z-index:2}
.home-hero>.eyebrow{font-size:10px;letter-spacing:3px;color:#99addb}
.home-brand{display:flex;align-items:center;justify-content:center;gap:15px;width:fit-content;margin:10px auto 3px;font-size:60px;font-weight:850;letter-spacing:2px;line-height:1.15;color:#f2f5ff;text-shadow:0 0 40px #8aa1ff20}
.home-brand .site-brand-mark{width:55px;height:60px;border-radius:17px 17px 17px 5px;font-size:43px;box-shadow:0 0 35px #719bff33}
.home-hero>p{color:#8f9db7;font-size:13px;margin:7px 0 19px}
.home-search-slot{max-width:650px;margin:auto;text-align:left}
.home-search-slot .header-search{background:#1b2032b3;border-color:#56658255;box-shadow:0 8px 36px #0002}
.home-search-slot input{padding:14px;font-size:15px}
.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.home-card{position:relative;background:linear-gradient(150deg,#20253a95,#121925d9);border:1px solid #697c9f30;border-radius:8px;min-width:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14px 35px #0002;transition:transform .18s,border-color .18s}
.home-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--accent);box-shadow:0 -3px 17px var(--accent)}
.live-card{--accent:#8e91ff}.champions-card{--accent:#b795ed}.ranks-card{--accent:#8bdbd2}
.home-card:hover{transform:translateY(-3px);border-color:#8b9ebc70}
.home-card-head{height:51px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #a2b8db13}
.home-card-head h2{font-size:15px;font-weight:700;white-space:nowrap}
.home-card-head>span,.home-card-head>a{font-size:9px;letter-spacing:.7px;color:#a5b6d2}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66d5b1;box-shadow:0 0 10px #66d5b1;margin-right:8px}
.home-columns,.home-stat-row{display:grid;grid-template-columns:minmax(0,1fr) 94px 58px;align-items:center;gap:8px}
.home-columns{font-size:9px;color:#8c9db7;padding:10px 15px 6px}.home-columns>span:not(:first-child){text-align:right}
.home-list{min-height:225px;padding:0 13px;flex:1}
.home-stat-row{height:43px;border-bottom:1px solid #ffffff0a;font-size:12px;color:#c9d5e9}
.home-stat-row:last-child{border:0}
.home-stat-row>span:not(:first-child),.home-stat-row>strong{text-align:right}
.home-player{display:flex;align-items:center;gap:9px;min-width:0;font-weight:600}
.home-player>span,.home-player-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-player small,.home-player-name>small{display:block;color:#8291ac;font-size:9px;font-weight:400}
.home .portrait{width:31px;height:31px;border-radius:5px;font-size:11px}
.home-win{color:#88d7be;font-weight:700}
.home-rank{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap;color:#a6cbf4;font-size:11px}
.home-rank small{font-size:8px}.home .riot-emblem.small{width:28px;height:28px;object-fit:contain}
.home-card-note{font-size:9px;padding:9px 14px 13px;color:#7f90ac;margin-top:auto;line-height:1.4}
.home-live-row{display:grid;grid-template-columns:32px minmax(0,1fr) 26px 75px 34px;align-items:center;gap:7px;min-height:46px;border-bottom:1px solid #ffffff0a;font-size:11px}
.home-live-row:last-child{border:0}.home-queue{font-size:9px;line-height:1.3;color:#a0acc1;overflow-wrap:anywhere}.home-live-row>strong{color:#88d7be;text-align:right}
.home-empty{margin:auto;text-align:center;font-size:12px;color:#b3bfd3;min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;line-height:1.6;padding:12px}
.home-empty>small{font-size:10px;color:#7c8ba5}.home-empty-symbol{font-size:40px;color:#8c91cd;line-height:1.2}
.home-arcade{display:flex;align-items:center;gap:23px;border:1px solid #a7b1d12b;border-radius:8px;padding:16px 23px;background:linear-gradient(115deg,#1b2c4566,#44325455,#24483c55);box-shadow:0 8px 28px #0002;transition:border-color .2s,transform .2s}
.home-arcade:hover{border-color:#aaa3ed;transform:translateY(-2px)}
.home-arcade>span:nth-child(2){display:grid;gap:3px}.home-arcade small{font-size:9px;letter-spacing:1.4px;color:#a9adea}.home-arcade strong{font-size:17px;letter-spacing:-.3px}.home-arcade>span:nth-child(2)>span{font-size:10px;color:#94a6c1}
.home-arcade>b{margin-left:auto;font-size:12px;border:1px solid #aca1eb70;background:#8d80cf25;color:#dbd2ff;border-radius:6px;padding:11px 16px;white-space:nowrap}.home-arcade>b>span{margin-left:15px}
.arcade-art{font-size:34px;color:#79c6c1;text-shadow:0 0 20px #7cd2b855;white-space:nowrap}.arcade-art i{display:inline-grid;place-items:center;border:1px solid #b9a7ed80;background:#8f77cf23;border-radius:12px;width:46px;height:48px;font:bold 31px Georgia;color:#c9b5ff;transform:rotate(-10deg);margin:0 9px}
.home-status{font-size:9px;color:#72839c;text-align:center;margin:0}.home-status button{padding:5px 12px;font-size:11px}
@media(min-width:1000px) and (min-height:700px){body.home-page{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.home-page .site-header{flex-shrink:0}.home-page main{flex:1;min-height:0;display:flex;flex-direction:column}.home{flex:1;justify-content:center;gap:clamp(12px,2.7vh,28px)}.home-hero{padding-top:0}.home-brand{font-size:clamp(42px,6vh,65px)}.home-search-slot input{padding:11px 14px}.home-list{min-height:215px}.home-empty{min-height:205px}}
@media(min-width:1000px) and (max-height:800px){.home-hero>p{margin:3px 0 12px}.home-brand{margin-top:6px}.home-arcade{padding:12px 20px}.home-card-head{height:43px}.home-card-note{padding-top:7px;padding-bottom:10px}.home-columns{padding-top:7px}.home{gap:15px}}
@media(max-width:1100px){.home-cards{gap:16px}.home-card-head{padding:0 12px}.home-columns,.home-stat-row{grid-template-columns:minmax(0,1fr) 77px 48px;gap:4px}.home-player{gap:6px}.home-live-row{grid-template-columns:27px minmax(0,1fr) 22px 60px 30px;gap:4px}.home .portrait{width:27px;height:27px}.home .riot-emblem.small{width:24px;height:24px}.home-card-head h2{font-size:13px}}
@media(max-width:999px){.home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card:last-child{grid-column:1/-1}.home{gap:24px}.home-hero{padding-top:22px}.home-arcade{gap:14px}.home-arcade strong{font-size:15px}}
@media(max-width:700px){.home-page .site-header{grid-template-columns:minmax(0,1fr);gap:0;padding:10px 16px 0}.home-page .header-top{grid-column:1;grid-row:1;justify-content:flex-end}.home-page .site-nav{grid-column:1;grid-row:2;gap:22px}.home-page main{padding:10px 16px 24px}.home-brand{font-size:43px;gap:10px}.home-brand .site-brand-mark{width:43px;height:47px;font-size:34px}.home-hero>p{font-size:11px}.home-cards{grid-template-columns:minmax(0,1fr)}.home-card:last-child{grid-column:auto}.home-arcade{flex-wrap:wrap;padding:17px}.home-arcade>b{margin:4px 0 0;width:100%;text-align:center}.arcade-art{font-size:22px}.arcade-art i{width:35px;height:40px;font-size:25px;margin:0 3px}.home-arcade strong{font-size:13px}.home-arcade small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-card,.home-arcade{transition:none}.home-card:hover,.home-arcade:hover{transform:none}}

.home-title{margin:0;line-height:1.15}

.home-live-row>span[title]{display:flex;align-items:center;justify-content:center;line-height:1}
.home-live-row .riot-emblem.small{display:block;margin:0;vertical-align:middle}

/* Decorative side stars belong to the homepage, not the shared background. */
.home-page .home-orb{position:fixed;pointer-events:none;z-index:-1;color:#74d5b8;filter:blur(.3px);text-shadow:0 0 26px #87e8ba;opacity:.55;font-size:45px;transform:rotate(15deg)}.home-page .orb-one{left:5%;top:32%}.home-page .orb-two{right:5%;bottom:17%;font-size:65px;color:#b49aed;text-shadow:0 0 30px #9b74da}
@media(max-width:700px){.home-page .home-orb{display:none}}