/* Fonts load from index.html (preconnected, Barlow Condensed with display=block so no stand-in face flashes). */
:root{--bg:#0b1012;--ink:#eef2ed;--muted:#88928e;--lime:#b5ef55;--line:#ffffff17}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#47703c20,transparent 55%)}header,footer{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:28px 0}header{border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:25px;line-height:.88;letter-spacing:-1px;font-weight:800;color:var(--ink);text-decoration:none}.brand span{display:block}.brand i{color:var(--lime);font-style:normal;margin-left:5px}.topnote,.version,footer,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:100%;margin-right:9px}main{position:relative;max-width:1400px;margin:auto;padding:64px 5%;min-height:77vh}footer{border-top:1px solid var(--line);font-size:9px}footer b{color:var(--lime);padding:0 10px}.home{display:grid;grid-template-columns:38% 62%;min-height:540px;align-items:center}.eyebrow{color:var(--lime);margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1,h2,.huge,.teamname{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(65px,7vw,104px);line-height:.93;letter-spacing:-2px;margin-bottom:24px}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);font-size:14px;line-height:1.8}.intro{max-width:330px}button,input{font:inherit}button{cursor:pointer;border:0;transition:background .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.4}.primary{background:var(--lime);color:#15220b;font-weight:800;padding:18px 24px;border-radius:3px}.menu{display:grid;gap:10px;max-width:340px;margin-top:32px}.menu button{text-align:left;display:flex;justify-content:space-between;align-items:center}.secondary{background:#ffffff08;color:var(--ink);padding:16px 22px;border:1px solid var(--line);border-radius:3px}.subnav{display:flex;gap:30px;margin-top:20px}.textbtn{background:none;color:var(--muted);padding:10px 0;font-size:12px}.hero{position:relative;text-align:center;padding:50px 0}.hero:before{content:'';position:absolute;border:1px solid #a9d98013;inset:0 12%;transform:rotate(-12deg);border-radius:50%;box-shadow:0 0 0 60px #a9d98004,0 0 0 120px #a9d98003;z-index:-1}.duel{display:flex;justify-content:center;align-items:center;gap:25px}.crest{width:112px;height:138px;display:grid;place-items:center;background:linear-gradient(135deg,#b7ec5633,#1c2922);border:1px solid #c1ed6366;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:800;color:var(--lime)}.crest.away{background:linear-gradient(135deg,#c4c8e522,#202532);color:#bec8e5;border-color:#bec8e566}.versus{font-style:italic;color:var(--muted);font-weight:800}.hero .caption{margin-top:28px;font-size:12px;letter-spacing:2px}.answer-preview{margin:40px auto 20px;background:#111b17;border:1px solid #b5ef5530;padding:18px 30px;width:max-content;border-radius:4px;color:var(--lime)}.stats{display:flex;justify-content:center;gap:40px;margin-top:45px}.stats strong{display:block;font-size:22px}.stats small{font-size:10px;color:var(--muted)}.pitch{position:fixed;left:50%;top:26%;width:550px;height:380px;border:1px solid #ffffff03;transform:perspective(500px) rotateX(40deg) rotateZ(-12deg);pointer-events:none}.pitch:after{content:'';display:block;width:140px;height:140px;border:1px solid #ffffff05;border-radius:100%;margin:110px auto}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.score{font-size:28px;font-weight:800;letter-spacing:10px}.timer{font-family:'Barlow Condensed',sans-serif;font-size:64px;color:var(--lime);line-height:1}.center{text-align:center}.arena{display:grid;grid-template-columns:1fr 90px 1fr;gap:20px;align-items:start;max-width:900px;margin:32px auto}.side{padding:28px;background:linear-gradient(150deg,#ffffff04,transparent);min-height:240px;border-top:1px solid var(--line)}.side .crest{margin:25px auto;width:80px;height:94px;font-size:28px}.label{font-size:10px;letter-spacing:2px;color:var(--muted)}.teamname{font-size:30px;margin:16px 0}.mid{align-self:center;text-align:center;color:var(--muted);font-style:italic}.searchbox{position:relative;max-width:540px;margin:20px auto}input{width:100%;background:#151d20;border:1px solid #ffffff25;border-radius:3px;padding:17px;color:var(--ink);outline:none}input:focus{border-color:var(--lime)}.results{background:#172023;border:1px solid var(--line);max-height:240px;overflow:auto}.results:empty{display:none}.option{display:block;text-align:left;width:100%;padding:13px 16px;background:transparent;color:var(--ink);border-bottom:1px solid var(--line);font-size:13px}.option:hover,.option:focus{background:#b5ef5515}.option small{float:right;color:var(--muted)}.locked{color:var(--lime);padding:24px 0}.error{color:#ff8e91}.good{color:var(--lime)}.result{max-width:700px;margin:40px auto;text-align:center;animation:reveal .35s ease}.result h2{font-size:60px;margin:20px 0}.result .check{font-size:55px;color:var(--lime)}.actions{display:flex;justify-content:center;gap:14px;margin-top:25px}.panel{max-width:650px;margin:20px auto}.panel h2{font-size:48px}.code{font-size:32px;letter-spacing:7px;color:var(--lime);margin:20px 0}.reveal{animation:reveal .5s ease}.progress{height:2px;background:#ffffff12;margin:20px 0}.progress div{height:100%;background:var(--lime);transition:width .2s}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#44292b;color:#ffe6e7;padding:14px 24px;border-radius:5px;font-size:13px;z-index:10}#toast:empty{display:none} @keyframes reveal{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:760px){.topnote,.version{display:none}.home{grid-template-columns:1fr}.hero{padding-top:65px}.home h1{font-size:76px}.menu,.intro{max-width:none}.arena{grid-template-columns:1fr 25px 1fr;gap:3px}.side{padding:12px;min-height:190px}.teamname{font-size:22px}.pagehead{gap:12px}.score{font-size:20px;letter-spacing:4px}.result h2{font-size:40px}main{padding-top:35px}.actions{flex-wrap:wrap}footer{letter-spacing:1px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.invite{display:flex;gap:10px;margin:20px auto;max-width:650px}.invite input{min-width:0;font-size:13px}.invite button{white-space:nowrap;font-size:12px}.fineprint{font-size:11px;margin-top:22px}.connection{color:#e7bd73;font-size:12px;text-align:center;min-height:20px}.connection:empty{min-height:0}.side{min-width:0}.option{min-height:44px}input{font-size:16px}@media(max-width:760px){.invite{flex-direction:column}.arena{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.side input{padding:12px 7px}.option{padding:12px 7px;font-size:12px}.option small{float:none;display:block}.pagehead{flex-wrap:wrap}.result{margin:20px auto}.result h2{overflow-wrap:anywhere}.code{font-size:28px}}
/* Stage 2: restrained broadcast-style motion and player identity. */
.header-actions{display:flex;align-items:center;gap:22px}.sound-toggle{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:30px;padding:9px 14px;font-size:11px}.sound-toggle[aria-pressed=true]{color:var(--lime);border-color:#b5ef5540}.field-label{display:block;font-size:12px;color:var(--ink);margin:22px 0 10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:32px 0}.setting-row h3{margin-bottom:8px}.setting-row p{margin:0}input[type=range]{accent-color:var(--lime);padding:0}.scoreboard{display:flex;align-items:center;gap:24px}.scoreboard>span{font-size:12px;max-width:145px;overflow-wrap:anywhere}.scoreboard .score{letter-spacing:5px;white-space:nowrap}.result{animation:none}.scene-enter{animation:reveal .35s ease both}.lobby{max-width:760px;margin:12px auto}.lobby h2{font-size:52px;margin:12px 0}.lobby .code{font-size:22px;margin:10px}.lobby .invite{margin:18px auto}.consent-panel{margin:28px auto 0;max-width:570px}.player-readiness{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.readiness{display:flex;align-items:center;flex-direction:column;gap:9px;padding:20px 10px;border-top:1px solid var(--line);transition:background .2s,border-color .2s}.readiness.is-ready{border-color:var(--lime);background:linear-gradient(#b5ef550b,transparent)}.readiness strong{font-size:13px;overflow-wrap:anywhere}.readiness small{color:var(--muted);font-size:11px}.readiness.is-ready small{color:var(--lime)}.avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#ffffff09;color:var(--muted)}.is-ready .avatar{background:#b5ef551b;color:var(--lime)}.result-emblem{margin:auto;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#ffffff06;color:var(--muted);font-size:40px}.winner .result-emblem{background:#b5ef5510;color:var(--lime);border:1px solid #b5ef5540}.scene-enter .result-emblem{animation:check-pop .4s ease-out both}.result h2{font-size:clamp(36px,4.5vw,62px);line-height:1.04;overflow-wrap:anywhere}.answer-proof{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.answer-proof strong{display:block;font-size:23px;margin-bottom:14px;color:var(--ink)}.answer-proof>div{display:flex;justify-content:center;gap:25px;color:var(--lime);font-size:12px}.winner .answer-proof{border-color:#b5ef5530}.final-score{display:flex;justify-content:center;align-items:center;gap:25px;margin:18px 0}.final-score span{font-size:12px;max-width:160px;overflow-wrap:anywhere}.final-score b{font-family:'Barlow Condensed',sans-serif;font-size:52px;line-height:1}.final-score i{color:var(--muted);font-style:normal;margin:0 16px}.winner.scene-enter .final-score b{animation:score-in .45s ease}.team-reveal .side{animation:team-in-left .55s cubic-bezier(.2,.7,.3,1) both;border-top-color:var(--lime)}.team-reveal .side:last-child{animation-name:team-in-right;border-top-color:#bec8e5}.team-reveal .mid{animation:check-pop .5s ease both;font-size:30px;color:var(--ink)}.team-reveal .crest{filter:drop-shadow(0 0 20px #b5ef5522)}.wrong-answer{animation:answer-shake .32s ease}.wrong-answer input{border-color:#ff7379;background:#2c191e}.wrong-answer #feedback{padding:12px 14px;background:#ff73790c;border-left:2px solid #ff7379;font-size:12px}.timer.urgent{color:#ffbe73;animation:count-pulse 1s ease infinite}@keyframes check-pop{0%{opacity:0;transform:scale(.65)}70%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes team-in-left{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:none}}@keyframes team-in-right{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:none}}@keyframes answer-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@keyframes score-in{from{opacity:.3;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes count-pulse{0%,100%{opacity:1}50%{opacity:.65}}@media(max-width:760px){.scoreboard{gap:10px}.scoreboard>span{max-width:80px;font-size:10px}.header-actions{gap:8px}.player-readiness{gap:12px}.setting-row{align-items:flex-start}.final-score{gap:12px}.final-score span{max-width:90px}.answer-proof>div{gap:14px}.lobby h2{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep the score and consent controls together on shorter desktop displays. */
@media(min-width:761px) and (max-height:850px){
 main:has(.pagehead){padding-top:24px;padding-bottom:24px}
 .pagehead{margin-bottom:18px}
 .result{margin:12px auto}
 .result h2{font-size:40px;margin:12px 0}
 .result .eyebrow{margin-bottom:12px}
 .result-emblem{width:44px;height:44px;font-size:28px}
 .answer-proof{padding:12px 0;margin:12px 0}
 .answer-proof strong{font-size:20px;margin-bottom:8px}
 .consent-panel{margin-top:16px}
 .player-readiness{margin-bottom:12px}
 .readiness{padding:10px;gap:6px}
 .readiness .avatar{width:28px;height:28px}
 .consent-panel .fineprint{margin-top:12px;margin-bottom:0}
 .result .actions{margin-top:12px}
 .final-score{margin:12px 0}
 .final-score b{font-size:38px}
}
/* Home: lightweight stadium lobby. Scoped to keep the other screens intact. */
body:has(.home-redesign){background:#071116}
body:has(.home-redesign)>header,body:has(.home-redesign)>footer,body:has(.home-redesign)>.pitch{display:none}
body:has(.home-redesign)>main{max-width:none;padding:0;min-height:100svh}
.home-redesign{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(380px,39%) 1fr;min-height:100svh;overflow:hidden;align-items:stretch}
.home-stadium{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#061014 8%,#071116e8 30%,#08131c35 75%),linear-gradient(0deg,#040e14b0,transparent 50%),url('/stadium.svg') center right/cover no-repeat}
.home-redesign:before{content:'';position:absolute;inset:0 53% 0 0;z-index:-1;background:linear-gradient(120deg,#071117e8,#07121788);clip-path:polygon(0 0,100% 0,77% 100%,0 100%);border-right:1px solid #ffffff10}
.home-sidebar{padding:56px 0 30px  clamp(28px,5.5vw,90px);max-width:560px;display:flex;flex-direction:column;justify-content:center}
.home-wordmark{display:flex;align-items:center;gap:14px;margin:0 0 12px 22px}
.home-wordmark h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,6vw,92px);font-weight:800;font-style:italic;line-height:.8;letter-spacing:-2px;margin:0;transform:rotate(-5deg)}
.home-wordmark h1 em{color:#b9e976;padding-left:16px}
.home-ball{font-size:52px;filter:grayscale(1);transform:rotate(-18deg)}
.home-tagline{font-size:9px;letter-spacing:3.3px;margin:23px 0 34px 18px;color:#a8b3b7}
.home-navigation{display:grid;gap:12px}
.home-multiplayer{padding:20px;border:1px solid #b9e97677;border-radius:10px;background:linear-gradient(120deg,#1b302899,#0d1c23d9);box-shadow:0 0 30px #b9e97606}
.home-mode-heading{display:flex;align-items:center;gap:16px}
.home-mode-heading h2{font:700 16px Manrope,Arial,sans-serif;text-transform:none;margin:0 0 5px}
.home-mode-heading p{font-size:11px;margin:0;line-height:1.5;color:#9ba9ae}
.home-icon{display:grid;place-items:center;width:30px;flex-shrink:0;color:#b8c6cb}
.home-icon svg,.guest-avatar svg{width:28px;height:28px}
.home-mode-heading .home-icon,.home-live{color:#b9e976}
.home-live{margin-left:auto;font-size:9px}
.home-play-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.home-play-actions button{padding:14px 12px;text-align:left;background:#b9e976;color:#152414;border-radius:5px}
.home-play-actions button+button{background:#102129;color:#e0e9e8;border:1px solid #81979d33}
.home-play-actions strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.home-play-actions small{display:block;margin-top:6px;font-size:9px;opacity:.7}
.home-menu-row{display:flex;align-items:center;gap:18px;padding:18px 20px;text-align:left;color:#e1e9ec;background:linear-gradient(105deg,#12232dd9,#0c1c25cf);border:1px solid #7294a42b;border-radius:8px;min-height:77px}
.home-menu-row>span:nth-child(2){flex:1}
.home-menu-row strong{display:block;font-size:14px;font-weight:600}
.home-menu-row small{display:block;font-size:10px;color:#8f9fa7;margin-top:5px}
.home-menu-row:hover{background:#172d37;border-color:#96b5be65}
.home-arrow{font-size:25px;font-weight:400;color:#aabac1}
.home-soon{font-size:12px;letter-spacing:1px;color:#92a1a9;border:1px solid #ffffff15;padding:5px;border-radius:3px}
.home-bottom{display:flex;align-items:center;gap:16px;color:#8d9ea5;font-size:12px;letter-spacing:2px;margin-top:34px;white-space:nowrap}
.home-bottom>span{height:1px;flex:1;background:#758b934d}
.home-scene{position:relative;display:flex;flex-direction:column;min-width:0;padding:40px clamp(30px,5vw,80px) 36px 50px}
.home-guest{align-self:flex-end;display:flex;align-items:center;gap:12px;background:#071218b3;border:1px solid #c5d6de14;border-radius:40px;padding:10px 18px 10px 12px;min-width:176px}
.guest-avatar{width:33px;height:33px;display:grid;place-items:center;border:1px solid #a2b1b955;border-radius:50%;overflow:hidden;color:#c1ccd1}
.guest-avatar svg{width:23px;height:23px}
.home-guest strong{font-size:12px;display:block}.home-guest small{font-size:9px;color:#8fa0a9}.guest-dot{width:6px;height:6px;border-radius:50%;background:#b9e976;margin-left:auto}
.home-slogan{margin:75px 0 auto 15%;transform:rotate(-7deg)}
.home-slogan>p:first-child{font-size:9px;letter-spacing:4px;color:#adbbc5;margin-bottom:14px}
.home-slogan h2{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:800;line-height:.92;font-size:clamp(65px,7.5vw,118px);letter-spacing:-1px;margin:0;color:#dbe3e7}
.home-slogan h2 em{font-style:inherit;color:#b9e976}
.slogan-stroke{display:block;width:210px;height:4px;background:#d3dce0;transform:skewX(-40deg);margin:19px 0 20px}
.home-slogan-copy{font:500 17px/1.4 Manrope,Arial,sans-serif;letter-spacing:.2px;color:#c3cfd4;margin-top:14px}
.home-scene-footer{display:flex;justify-content:flex-end;gap:28px;color:#cad4d5;font-family:'Barlow Condensed',sans-serif;font-size:25px;margin-top:70px}
.home-scene-footer small{font:12px Manrope,Arial,sans-serif;letter-spacing:1.5px;display:block;margin-top:4px;color:#9caaa9}
@media(min-width:761px) and (max-height:760px){.home-sidebar{padding-top:28px;padding-bottom:24px}.home-wordmark h1{font-size:68px}.home-tagline{margin-bottom:24px}.home-menu-row{min-height:67px;padding:14px 18px}.home-bottom{margin-top:25px}.home-slogan{margin-top:55px}}
@media(max-width:900px){.home-redesign{grid-template-columns:minmax(350px,48%) 1fr}.home-sidebar{padding-left:28px}.home-scene{padding:28px}.home-slogan{margin-left:0}.home-slogan h2{font-size:64px}.home-scene-footer{gap:14px}}
@media(max-width:760px){.home-redesign{grid-template-columns:1fr}.home-sidebar{padding:38px 24px 28px;max-width:520px;width:100%;margin:auto;order:1}.home-scene{padding:18px 24px 0;display:block}.home-guest{width:max-content;margin-left:auto}.home-slogan,.home-scene-footer{display:none}.home-redesign:before{inset:0;background:#06101685;clip-path:none}.home-wordmark{margin-left:10px}.home-wordmark h1{font-size:72px}.home-tagline{font-size:12px;letter-spacing:2.5px}.home-stadium{background-position:65% center}.home-bottom{letter-spacing:1.2px}}
/* Room discovery and creation share the home stadium palette. */
body:has(.room-layout)>header,body:has(.room-layout)>footer,body:has(.room-layout)>.pitch{display:none}
body:has(.room-layout)>main{max-width:none;padding:0;min-height:100svh}
.room-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100svh;background:linear-gradient(90deg,#061117e8,#08151cd9),url('/stadium.svg') center/cover fixed}
.room-sidebar{display:flex;flex-direction:column;padding:30px 12px 26px;background:#051017e8;border-right:1px solid #7697a21c}
.room-logo{background:none;color:#e7edef;text-align:center;padding:0 8px 34px;width:100%}
.room-logo>span,.room-logo>em{display:block;font:italic 800 47px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;transform:rotate(-5deg)}
.room-logo>em{color:#b9e976;margin-left:22px;margin-top:4px}
.room-logo small{display:block;font-size:11px;letter-spacing:1.5px;margin-top:20px;color:#a3b2b8}
.room-sidebar nav{display:grid;gap:9px;margin-top:20px}
.room-sidebar nav button{display:flex;align-items:center;gap:13px;padding:16px 13px;min-height:54px;background:transparent;color:#b7c3c9;text-align:left;border:1px solid transparent;border-radius:7px;font-size:12px}
.room-sidebar nav button:hover{background:#142a33;color:#e8f0ed}
.room-sidebar nav button[aria-current=page]{background:linear-gradient(110deg,#b9e97613,#101e2077);border-color:#b9e976aa;color:#b9e976;box-shadow:0 0 20px #b9e97606}
.room-nav-icon{width:25px;text-align:center;font:26px/1 Arial,sans-serif}
.room-sidebar-motto{font-size:9px;line-height:2;letter-spacing:3px;margin:80px 18px 0;color:#aab9c0}
.room-main{padding:24px clamp(22px,3vw,56px) 30px;max-width:1530px;width:100%;margin:auto}
.room-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}
.room-topline .home-guest{padding:8px 15px 8px 10px;min-width:174px}
.room-breadcrumb{font-size:12px;letter-spacing:2px;color:#81969f}
.room-title{text-align:center;margin:26px 0 30px}
.room-title h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,4.8vw,66px);line-height:1.05;letter-spacing:-.5px;margin:0 0 12px;text-transform:none}
.room-title h1 em{font-style:normal;color:#b9e976}
.room-title p{font-size:13px;color:#aebbc2;margin:0}
.room-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px}
.room-card{background:linear-gradient(135deg,#0c1d25eb,#07151cee);border:1px solid #65828e4d;border-radius:10px;padding:22px;min-width:0;box-shadow:0 12px 30px #00000015}
.room-card h2{font:700 17px/1.4 Manrope,Arial,sans-serif;text-transform:none;letter-spacing:0;margin:0}
.room-card p{font-size:11px;line-height:1.8;color:#9bafb9}
.room-card-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #67838e30}
.room-card-heading p{margin:5px 0 0}
.room-symbol{font:32px/1 Manrope,Arial,sans-serif;color:#b9e976;flex-shrink:0}
.room-symbol svg{width:29px;height:29px;display:block}
.room-support{display:grid;gap:18px}
.room-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:20px}
.room-tabs button{padding:14px 8px;color:#a7bac3;border:1px solid #7697a22a;border-radius:6px;background:#0b1a21;font-size:12px}
.room-tabs button[aria-selected=true]{color:#b9e976;border-color:#b9e976a6;background:linear-gradient(135deg,#b9e9760c,#0a171b)}
.room-list-toolbar{display:flex;gap:10px;align-items:stretch;margin:0 0 17px}
.room-list-toolbar label{flex:1;min-width:0}
.room-layout select{background:#0a1921;border:1px solid #68838e4d;border-radius:6px;color:#c0cdd3;font:11px Manrope,Arial,sans-serif;padding:13px 10px;width:100%;min-height:45px;color-scheme:dark}
.room-layout select:focus-visible{outline:2px solid #b9e976;outline-offset:3px}
.room-refresh{background:#0b1e27;border:1px solid #68838e4d;border-radius:6px;color:#c6d7dd;font-size:25px;width:45px;flex-shrink:0}
.room-demo-note{display:flex;align-items:center;gap:10px;font-size:9px;color:#8499a4;margin:2px 0 16px;flex-wrap:wrap}
.room-preview-badge{font-size:12px;letter-spacing:.5px;white-space:nowrap;color:#b1bfc5;background:#8ba4b51a;border:1px solid #88a1b42b;border-radius:4px;padding:4px 7px;font-weight:500}
.room-table-wrap{overflow-x:auto;border:1px solid #68838e30;border-radius:7px}
.room-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;white-space:nowrap}
.room-table th{font-weight:500;color:#95aab5;padding:15px 10px;background:#06131a88}
.room-table td{padding:17px 10px;border-top:1px solid #68838e25;color:#bdcbd2}
.room-table td:first-child{color:#e0e8ec}
.room-table td:last-child{text-align:right}
.room-lock{display:inline-block;color:#80959e;width:23px;font-size:15px}
.room-full{color:#7e909b}.room-available{color:#c4d7c4}
.room-join-sample{min-width:57px;padding:8px 9px;border:1px solid #b9e97680;background:#b9e9760c;color:#b9e976;border-radius:5px;font-size:10px}
.room-join-sample:disabled{border-color:#78909d60;background:#0c1b24;color:#8195a0;opacity:.65}
.room-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}
.room-pagination button{min-width:32px;height:33px;border:1px solid #78909d42;border-radius:5px;background:#0b1921;color:#b7c8d0;font-size:11px}
.room-pagination button[aria-current=page]{border-color:#b9e9769e;color:#b9e976;background:#b9e9760b}
.room-layout .field-label{font-size:11px;margin:16px 0 8px;color:#c1ced4}
.room-layout input{padding:13px;font-size:12px;background:#071820;border-color:#68838e4d;border-radius:6px;min-width:0}
.room-layout input:focus{border-color:#b9e976}
.room-layout .fineprint{margin:7px 0 16px;font-size:9px;color:#8198a4;line-height:1.6}
.room-submit{width:100%;padding:15px;margin-top:20px;background:#b9e976;border-radius:6px;font-size:14px}
.room-submit span{float:right}
.room-code-card>p{margin-bottom:20px}
.room-friends-card .secondary{width:100%;border:1px solid #b9e97680;color:#b9e976;padding:13px;font-size:12px}
.room-invite-art{margin:22px auto;color:#aebfc5;width:70px;height:65px}
.room-invite-art svg{width:100%;height:100%}
.room-page-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
.room-page-bottom button{font-size:11px;padding:13px 23px;background:#0a1b24}
.room-page-bottom p{font:italic 22px/1.2 'Barlow Condensed',Impact,sans-serif;margin:0;text-align:right;transform:rotate(-5deg);color:#bccbd0}
.room-page-bottom em{color:#b9e976;font-style:inherit}
.room-directory{padding:18px}
.room-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px}
.room-section-label h3{font-size:12px;font-weight:600;margin:0}
.room-config{margin:25px 0 0;padding-top:20px;border-top:1px solid #68838e30}
.room-config-note{margin:10px 0 0}
.room-config fieldset{border:0;margin:0;padding:0}
.room-config :disabled{cursor:not-allowed;color:#8398a1;opacity:.8}
.room-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.room-form-footnote{text-align:center;font-size:9px!important;margin:12px 0 0}
.room-steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.room-steps li{display:flex;gap:14px;align-items:flex-start}
.room-steps li>span{font-family:'Barlow Condensed',sans-serif;color:#b9e976;font-size:25px;line-height:1.1}
.room-steps strong{font-size:11px;font-weight:600}
.room-steps p{font-size:10px;margin:4px 0 0}
.room-rules-summary>div{display:flex;justify-content:space-between;margin:20px 0}
.room-rules-summary strong{font:32px 'Barlow Condensed',sans-serif;color:#b9e976}
.room-rules-summary small{display:block;font:9px Manrope,Arial,sans-serif;color:#8fa5af;margin-top:4px}
.room-rules-summary>p{margin-bottom:0}
#code-panel{text-align:center;padding:65px 20px 90px}
#code-panel[hidden],#directory-panel[hidden]{display:none}
.room-code-art{font:80px 'Barlow Condensed',sans-serif;color:#b9e976;margin-bottom:20px}
#code-panel h2{font-size:22px}#code-panel p{margin:18px auto;max-width:290px}
#code-panel button{font-size:12px;color:#b9e976}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.room-columns{grid-template-columns:minmax(0,1fr) 320px}.room-table{font-size:12px}.room-table td{padding:20px 14px}.room-sidebar{padding-top:45px}.room-main{padding-top:30px}.room-title{margin:32px 0 40px}}
@media(max-width:1100px){.room-layout{grid-template-columns:175px minmax(0,1fr)}.room-main{padding:22px}.room-columns{grid-template-columns:minmax(0,1fr)}.room-support{grid-template-columns:1fr 1fr}.room-sidebar nav button{padding:13px 8px;font-size:10px;gap:8px}.room-logo>span,.room-logo>em{font-size:41px}.room-table{font-size:12px}.room-title{margin:20px 0}.room-sidebar-motto{margin-left:12px}}
@media(max-width:650px){.room-layout{grid-template-columns:1fr}.room-sidebar{padding:14px 16px;display:block;border-right:0;border-bottom:1px solid #68838e30}.room-logo{width:140px;padding-bottom:0}.room-logo>span,.room-logo>em{font-size:32px}.room-logo small,.room-sidebar-motto{display:none}.room-sidebar nav{display:flex;overflow-x:auto;margin-top:20px;gap:6px}.room-sidebar nav button{white-space:nowrap;padding:10px;font-size:11px;min-height:42px}.room-nav-icon{font-size:20px;width:20px}.room-main{padding:20px 14px}.room-title h1{font-size:43px}.room-title p{font-size:11px}.room-support{grid-template-columns:1fr}.room-topline .home-guest{min-width:150px}.room-breadcrumb{font-size:12px}.room-card{padding:17px}.room-table{font-size:10px}.room-table th,.room-table td{padding:14px 8px}.room-page-bottom p{font-size:18px}.room-field-grid{gap:0 12px}.room-list-toolbar{gap:7px}.room-layout select{font-size:10px}}
/* In-match team selection: scoped so reveal/search retain their current layouts. */
.team-selection-layout .room-title{margin:18px 0 20px}
.team-selection-layout .room-main{margin:0 auto;padding-top:20px}
.team-selection-layout .room-page-bottom{display:none}
.team-selection-layout .room-sidebar nav button:disabled{opacity:.5}
.team-selection-layout .room-sidebar nav button[aria-current=page]{opacity:1}
.selection-matchbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.selection-rounds{display:flex;gap:24px;align-items:flex-start}
.round-step{position:relative;display:grid;justify-items:center;gap:8px;color:#718792;min-width:45px}
.round-step:not(:last-child):after{content:'';position:absolute;width:30px;height:1px;background:#78909d55;left:calc(100% - 2px);top:16px}
.round-step b{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #7996a366;font-size:13px;background:#0b1a22}
.round-step small{font-size:12px;white-space:nowrap}
.round-step.current,.round-step.complete{color:#b9e976}
.round-step.current b{border:2px solid #b9e976;background:#b9e97610;box-shadow:0 0 18px #b9e97613}
.round-step.complete b{border-color:#b9e97680}
.selection-score{display:flex;align-items:center;gap:15px;color:#b2c2ca;font-size:10px;min-width:0}
.selection-score>span{max-width:110px;overflow-wrap:anywhere}
.selection-score strong{font:32px 'Barlow Condensed',Impact,sans-serif;color:#e3e9ea;white-space:nowrap}
.selection-score i{color:#6e8794;font-style:normal;margin:0 4px}
.selection-clock{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.selection-clock>span{font-size:12px;letter-spacing:1.5px;color:#8ba2ad}
.selection-clock .timer{font-size:37px}.selection-clock small{font-size:10px;color:#8ba2ad}
.selection-progress{margin:12px 0 22px;background:#6c879230}
.selection-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:start}
.selection-browser{padding:18px}
.selection-categories{display:flex;gap:5px;margin-bottom:16px}
.selection-categories button{flex:1;padding:10px 5px;font-size:9px;background:#071720;color:#99acb6;border:1px solid #62838f30;border-radius:5px;white-space:nowrap}
.selection-categories button[aria-pressed=true]{background:#b9e9760d;border-color:#b9e97699;color:#b9e976}
.selection-categories button:disabled{opacity:.5}
.selection-search{display:flex;align-items:center;gap:10px;border:1px solid #68838e4d;border-radius:6px;background:#071820;padding-left:14px}
.selection-search>span{font:30px Arial;color:#b9c8cf}
.selection-search #teaminput{background:none;border:none;outline-offset:0;padding:15px 10px}
.selection-list-caption{display:flex;justify-content:space-between;gap:10px;color:#8299a4;font-size:12px;margin:18px 2px 10px;letter-spacing:.5px}
.selection-team-list{max-height:410px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6e8894 #0a1921;padding-right:5px}
.selection-team-row{width:100%;display:flex;align-items:center;gap:15px;padding:12px;border:1px solid transparent;border-bottom-color:#7996a322;background:transparent;border-radius:6px;color:#d5e0e5;text-align:left;min-height:62px}
.selection-team-row>span:nth-child(2){font-size:13px;flex:1}
.selection-team-row small{color:#819da9;font-size:10px}
.selection-team-row:hover:not(:disabled){background:#102a31;border-color:#68838e60}
.selection-team-row.is-selected{border-color:#b9e976;background:linear-gradient(90deg,#b9e97614,#b9e97605);opacity:1}
.selection-team-row.is-selected small{display:grid;place-items:center;width:22px;height:22px;background:#b9e976;border-radius:50%;color:#11210f;font-size:14px}
.selection-team-row:disabled:not(.is-selected){opacity:.4}
.selection-mini-crest{display:grid;place-items:center;width:34px;height:39px;flex-shrink:0;clip-path:polygon(5% 0,95% 0,95% 72%,50% 100%,5% 72%);border-top:2px solid #b9e97690;background:linear-gradient(135deg,#3e5655,#172b32);color:#c4dfb0;font:700 11px 'Barlow Condensed',sans-serif}
.selection-detail{display:grid;gap:13px}
.selection-team-card{text-align:center;padding:24px}
.selection-team-card h2{color:#b9e976;font-size:19px}
.selection-big-crest{display:grid;place-items:center;width:115px;height:135px;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:linear-gradient(135deg,#2f474b,#102630);color:#809da8;border-top:2px solid #6c8a9655;font:700 55px 'Barlow Condensed',Impact,sans-serif;margin:24px auto 18px}
.selection-big-crest.chosen{background:linear-gradient(135deg,#b9e97625,#183236);color:#b9e976;border-color:#b9e976}
.selection-team-card h3{font-size:24px;margin:0 0 8px;color:#e2eaed}
.selection-card-status{font-size:10px!important;margin:0 0 22px!important}
.selection-team-info{margin:0;border:1px solid #6b89932b;border-radius:6px;text-align:left;padding:0 15px}
.selection-team-info>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:11px;border-bottom:1px solid #6b899326}
.selection-team-info>div:last-child{border:none}.selection-team-info dt{color:#819ba7}.selection-team-info dd{color:#b9c8cf;margin:0}
.selection-data-note{font-size:12px!important;margin:9px 0 0!important;color:#75909d!important}
.selection-lock-status{padding:17px;text-align:center;border-radius:6px;border:1px solid #718e9955;background:#12262f;color:#a7bec7;font-size:13px;font-weight:700}
.selection-lock-status.locked{background:#b9e976;color:#152614;border-color:#b9e976}
.selection-opponent{display:flex;align-items:center;gap:13px;padding:15px}
.selection-opponent-icon svg{width:26px;height:26px;color:#b4c7d0}
.selection-opponent strong{font-size:11px;font-weight:600}
.selection-opponent p{font-size:10px;margin:4px 0 0}
.selection-footnote{font-size:9px;line-height:1.7;margin:0 2px;color:#8aa1ad}
.selection-empty{padding:22px 12px;color:#99acb6;font-size:12px}
@media(min-width:1101px) and (max-height:850px){.team-selection-layout .room-title h1{font-size:44px}.team-selection-layout .room-title{margin:12px 0 18px}.selection-team-list{max-height:300px}.selection-team-card{padding:18px}.selection-big-crest{width:78px;height:92px;font-size:37px;margin:14px auto}.selection-team-card h3{font-size:21px}.selection-team-info>div{padding:9px 0}.selection-card-status{margin-bottom:14px!important}.selection-team-card h2{font-size:17px}.selection-progress{margin-bottom:15px}}
@media(max-width:1100px){.selection-columns{grid-template-columns:1fr 1fr;gap:15px}.selection-matchbar{flex-wrap:wrap}.selection-clock{margin-left:auto}.selection-rounds{gap:16px}.round-step:not(:last-child):after{width:20px}.selection-categories{flex-wrap:wrap}.selection-team-row{gap:10px;padding:10px 6px}.selection-team-row>span:nth-child(2){font-size:11px}.selection-team-card{padding:18px}.selection-score{gap:8px}}
@media(max-width:650px){.selection-columns{grid-template-columns:1fr}.selection-score{order:3;width:100%;justify-content:center}.selection-team-list{max-height:290px}.selection-rounds{gap:16px}.selection-clock>span{display:none}.selection-categories{flex-wrap:nowrap}.selection-team-card h3{font-size:23px}.selection-big-crest{width:90px;height:110px}}
.team-selection-layout{overflow-anchor:none}
.team-selection-layout .room-topline .home-guest{margin-left:auto}
.team-selection-layout .room-topline{gap:12px}
@media(max-width:650px){.team-selection-layout .room-breadcrumb{display:none}.team-selection-layout .room-topline .home-guest{margin-left:0}.team-selection-layout .room-topline .sound-toggle{margin-left:auto}}
/* Personal result colors: muted charcoal-green/red, neutral when nobody scores. */
body:has(.result-victory){background:#141e1b}
body:has(.result-victory):before{background:radial-gradient(ellipse at 50% 45%,#58756430,transparent 70%)}
body:has(.result-defeat){background:#211b1d}
body:has(.result-defeat):before{background:radial-gradient(ellipse at 50% 45%,#86585e28,transparent 70%)}
.result-victory,.result-defeat{padding:26px 30px;border-radius:12px;border:1px solid #88b39a38;box-shadow:0 18px 70px #00000018;background:linear-gradient(145deg,#293c3280,#17211d80)}
.result-defeat{background:linear-gradient(145deg,#44303370,#231d2080);border-color:#ba858a35}
.result-victory .result-emblem{color:#bfdec9;background:#6c9c7b1c;border-color:#a6c9b340}
.result-victory h2,.result-victory>.eyebrow{color:#c5dfcd}
.result-defeat .result-emblem{color:#d1aaae;background:#a06b741c;border:1px solid #c3959b40}
.result-defeat h2,.result-defeat>.eyebrow{color:#dfbfc3}
.result-perspective{font-size:12px;margin:0 auto 20px;max-width:450px;color:#aebbb4}
.result-defeat .result-perspective{color:#bdaeb2}
.result-defeat .answer-proof{border-color:#bd8c9333}
.result-defeat .answer-proof>div{color:#bdc8c5}
.result-defeat .final-score b{color:#e1c8cb}
.result-victory .final-score b{color:#d2e7d9}
@media(min-width:761px) and (max-height:850px){.result-victory,.result-defeat{padding:20px 28px}.result-perspective{margin-bottom:12px;font-size:11px}}
@media(max-width:760px){.result-victory,.result-defeat{padding:22px 16px}}
/* Full match finale; round results keep their personal green/red treatment. */
body:has(.match-finale)>header,body:has(.match-finale)>footer,body:has(.match-finale)>.pitch{display:none}
body:has(.match-finale)>main{max-width:none;padding:0}
.match-finale{--final-accent:#bad7c1;--final-glow:#64867633;min-height:100svh;overflow-anchor:none;background:radial-gradient(ellipse at 50% 32%,var(--final-glow),transparent 70%),linear-gradient(#101d1aed,#101d1aeb),url('/stadium.svg') center/cover fixed;padding:30px 5% 24px}
.match-finale.finale-defeat{--final-accent:#d7b3b8;--final-glow:#8d666c30;background:radial-gradient(ellipse at 50% 32%,var(--final-glow),transparent 70%),linear-gradient(#241d20ed,#211c20eb),url('/stadium.svg') center/cover fixed}
.match-finale.finale-neutral{--final-accent:#b1c2cb;background:linear-gradient(#0d1b23eb,#0b1820ef),url('/stadium.svg') center/cover fixed}
.match-finale .finale-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;max-width:1180px;margin:0 auto;padding:0;border:0;gap:20px}
.finale-header .room-logo{width:170px;padding-bottom:0}
.finale-header .room-logo>span,.finale-header .room-logo>em{font-size:43px}
.finale-header .home-guest{justify-self:end;min-width:170px;max-width:240px}
.finale-header .home-guest strong{overflow-wrap:anywhere}
.finale-mode{text-align:center;padding-top:2px}
.finale-mode>strong{display:block;font:italic 700 58px/.9 'Barlow Condensed',Impact,sans-serif;color:#edf0ee}
.finale-mode>strong:after{content:'';display:block;background:#b9e976;height:3px;width:70px;margin:10px auto 8px;transform:rotate(-5deg)}
.finale-mode>span{font-size:14px;color:#b4c2c4}
.finale-content{max-width:960px;margin:25px auto 0}
.finale-heading{text-align:center;margin-bottom:25px}
.finale-heading h1{font:700 clamp(36px,4vw,58px)/1.05 'Barlow Condensed',Impact,sans-serif;margin:5px 0 12px;letter-spacing:0;text-transform:none}
.finale-heading h1 em{font-style:normal;color:var(--final-accent)}
.finale-heading>p{font-size:12px;color:#aababb;margin-bottom:0}
.finale-crown{color:var(--final-accent);font:34px/1 Georgia,serif}
.finale-duel{display:grid;grid-template-columns:1fr .85fr 1fr;gap:25px;align-items:center}
.finale-player-card{position:relative;text-align:center;background:#07151c80;border:1px solid #9cafb342;border-radius:10px;padding:18px}
.finale-player-card.is-winner{border-color:var(--final-accent);box-shadow:0 0 28px #a0c99b0a}
.finale-player-label{display:block;font-size:12px;letter-spacing:2px;color:#a6b9bc}
.is-winner .finale-player-label{color:var(--final-accent)}
.finale-avatar{display:grid;place-items:center;width:76px;height:85px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:linear-gradient(135deg,#829c9833,#1b343b);color:#c4d7d4;font:700 31px 'Barlow Condensed',Impact,sans-serif;margin:15px auto 12px}
.is-winner .finale-avatar{background:linear-gradient(135deg,#b9e97628,#1e3c38);color:#c7dfb8}
.finale-player-card h2{font:700 21px Manrope,Arial,sans-serif;text-transform:none;overflow-wrap:anywhere;margin:0 0 7px}
.finale-player-card p{font-size:10px;margin:0;color:#91a7ad}
.finale-score{text-align:center;min-width:0}
.finale-score>strong{display:flex;align-items:center;justify-content:center;gap:20px;font:700 clamp(60px,7vw,100px)/1 'Barlow Condensed',Impact,sans-serif}
.finale-score i{font-style:normal;color:#8d9d9f;font-size:60px}
.finale-score .score-winner{color:var(--final-accent)}
.finale-score p{font-size:12px;color:#b9c8c7;margin:12px 0 7px;overflow-wrap:anywhere}
.finale-score p b{color:var(--final-accent)}
.finale-score>small{font-size:12px;letter-spacing:2px;color:#788f96}
.finale-rating{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#08171d75;border:1px solid #79929b32;border-radius:7px;padding:12px 14px;margin:9px 18px 0}
.finale-rating>span{font-size:9px;color:#95aaaf}
.finale-rating strong{font-size:14px;color:#8d9fa5}.finale-rating i{font-style:normal;margin:0 10px;color:#637d87}
.finale-rating small{font-size:12px;color:#82979f}
.finale-rounds{margin-top:26px;background:#07171cd9;padding:20px}
.finale-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.finale-section-heading h2{font-size:14px}.finale-section-heading>span{font-size:12px;letter-spacing:1.5px;color:#839da5}
.finale-rounds .room-table{font-size:11px}.finale-rounds .room-table td{padding:17px 12px}
.finale-rounds .room-table td.finale-round-outcome{color:var(--final-accent);font-weight:700}
.finale-history-note{font-size:9px!important;margin:14px 0 0!important;color:#7e969f!important}
.finale-reward{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 30px;border:1px solid #8cac9740;border-radius:8px;background:#0a171a66;margin:20px 5% 0}
.finale-reward>div{display:flex;align-items:center;gap:16px}
.finale-reward>div>span{font-size:40px;color:var(--final-accent)}
.finale-reward p{font-size:12px;letter-spacing:1px;margin:0;color:#9ab0b2}
.finale-reward strong{display:block;font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:0;color:var(--final-accent);margin-top:4px}
.finale-reward blockquote{font-size:12px;line-height:1.8;font-style:italic;color:#a2b3b7;margin:0}
.finale-ready-players{display:flex;justify-content:center;gap:50px;margin:25px 0 17px}
.finale-ready-players>span{text-align:center;max-width:210px;overflow-wrap:anywhere}
.finale-ready-players b{font-size:10px;font-weight:600;color:#b6c9ca}.finale-ready-players small{display:block;margin-top:5px;color:#8da5ac;font-size:9px}
.finale-actions{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px}
.finale-actions button{padding:16px 12px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px}
.finale-actions .secondary{background:#071820bd;border-color:#78949d50}
.finale-actions .primary{background:#b9e976}
.finale-actions svg{width:22px;height:22px}
.finale-consent>p{text-align:center;font-size:10px;margin:12px 0 0}
.match-finale .finale-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 0;margin:25px 0 0;border-color:#81979b20;font-size:12px;letter-spacing:2px}
.finale-footer em{font:italic 19px 'Barlow Condensed',sans-serif;letter-spacing:0;color:var(--final-accent)}
@media(max-width:700px){.match-finale{padding:24px 16px}.finale-header .room-logo{width:115px}.finale-header .room-logo>span,.finale-header .room-logo>em{font-size:31px}.finale-header .room-logo small{display:none}.finale-header .home-guest{min-width:0;padding:8px}.finale-header .guest-avatar{display:none}.finale-header .home-guest small{font-size:12px}.finale-mode>strong{font-size:43px}.finale-mode>span{font-size:11px}.finale-duel{gap:10px;grid-template-columns:1fr .65fr 1fr}.finale-player-card{padding:13px 8px}.finale-player-card h2{font-size:13px}.finale-avatar{width:56px;height:65px;font-size:24px}.finale-score>strong{font-size:48px;gap:6px}.finale-score i{font-size:35px}.finale-score p{font-size:9px}.finale-rating{margin:8px 0 0;padding:10px}.finale-rating small{width:100%}.finale-reward{margin:18px 0 0;padding:16px;flex-wrap:wrap}.finale-actions{gap:8px}.finale-actions button{font-size:10px;padding:14px 8px}.finale-actions svg{display:none}.finale-rounds{padding:14px}.finale-heading>p{font-size:11px}}
.finale-sound{display:block;margin:10px auto 0;padding:6px 12px;font-size:9px}
/* Settings: shared stadium palette, quiet controls and explicit previews. */
body:has(.settings-page)>header,body:has(.settings-page)>footer,body:has(.settings-page)>.pitch{display:none}
body:has(.settings-page)>main{max-width:none;padding:0}
.settings-page{min-height:100svh;padding:28px 5% 22px;background:radial-gradient(ellipse at 50% 40%,#45656a18,transparent 65%),linear-gradient(#071219b8,#071417b5),url('/stadium.svg') center/cover fixed}
.settings-page .settings-header{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0;border:0}
.settings-header .room-logo{width:160px;padding:0}.settings-header .room-logo>span,.settings-header .room-logo>em{font-size:42px}.settings-header .home-guest{position:static;max-width:240px}.settings-header .home-guest strong{overflow-wrap:anywhere}
.settings-content{max-width:900px;margin:auto}.settings-title{text-align:center;margin:-48px 200px 28px}.settings-title>span{display:inline-flex;color:#b9e976;padding:12px;border:1px solid #b9e97630;border-radius:16px;background:#b9e97608}.settings-title svg{width:27px;height:27px}.settings-title h1{font:700 48px/1.1 'Barlow Condensed',Impact,sans-serif;margin:10px 0}.settings-title p{font-size:12px;color:#a9babd;white-space:nowrap;margin:0}
.settings-card{padding:8px 28px;background:linear-gradient(130deg,#0b1b23ed,#06151bec);border:1px solid #65828e50;border-radius:13px;box-shadow:0 20px 60px #0003}
.settings-section{padding:23px 0}.settings-section+.settings-section{border-top:1px solid #77939a24}.settings-section-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.settings-section-heading>svg{width:31px;height:31px;color:#dce7e5;flex-shrink:0}.settings-section-heading h2{font-size:19px;margin:0 0 4px}.settings-section-heading p{font-size:11px;color:#94a8af;margin:0}.settings-section-heading>.sound-toggle,.settings-section-heading>.room-preview-badge{margin-left:auto;flex-shrink:0}
.settings-languages{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.settings-languages button{display:flex;align-items:center;gap:10px;border:1px solid #64839040;background:#091921;padding:14px 12px;border-radius:9px;color:#c3d0d2;text-align:left;font-size:12px}.settings-languages button[aria-pressed=true]{border-color:#b9e976;background:#b9e9760b;color:#d4edae;box-shadow:0 0 15px #b9e9760c}.settings-languages button:disabled{opacity:.6;cursor:not-allowed}.settings-languages small{display:block;font-size:12px;margin-top:4px;color:#95a8ae}.settings-languages b{font-size:11px;margin-left:auto}.settings-flag{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.flag-tr{background:#ce2635}.flag-tr svg{width:100%;height:100%;display:block}.flag-en{background:linear-gradient(90deg,transparent 40%,#d44050 40% 60%,transparent 60%),linear-gradient(transparent 40%,#d44050 40% 60%,transparent 60%),linear-gradient(45deg,transparent 43%,#eee 43% 57%,transparent 57%),linear-gradient(-45deg,#243d76 43%,#eee 43% 57%,#243d76 57%)}.flag-fr{background:linear-gradient(90deg,#345ca3 33%,#eee 33% 66%,#d5424c 66%)}.flag-de{background:linear-gradient(#222 33%,#c5383e 33% 66%,#dfb34a 66%)}.flag-es{background:linear-gradient(#c43b42 25%,#e4bc51 25% 75%,#c43b42 75%)}
.settings-slider-row{display:grid;grid-template-columns:24px 140px 1fr 48px;align-items:center;gap:16px;padding:14px 18px;margin-top:5px;border:1px solid #688a9924;border-radius:8px;background:#06141b66}.settings-slider-row>svg,.settings-switch-row>svg{width:21px;height:21px;color:#b7cbcf}.settings-slider-row label{font-size:12px;color:#d9e1e0}.settings-slider-row label small{display:block;font-size:12px;color:#889ca3;margin-top:4px}.settings-slider-row output{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#c1d4d4}.settings-slider-row input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:6px;margin:0;padding:0;border:0;border-radius:10px;background:linear-gradient(to right,#b9e976 var(--level),#1b303a var(--level));cursor:pointer;min-width:0}.settings-slider-row input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#b9e976;border:0;box-shadow:0 0 14px #b9e97625}.settings-slider-row input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#b9e976;border:0}.settings-slider-row input:focus-visible{outline:2px solid #d8edb6;outline-offset:7px}.settings-slider-row.is-preview{opacity:.5}.settings-slider-row input:disabled{cursor:not-allowed;background:linear-gradient(to right,#76917f var(--level),#1b303a var(--level))}.settings-slider-row input:disabled::-webkit-slider-thumb{background:#76917f;box-shadow:none}.settings-slider-row input:disabled::-moz-range-thumb{background:#76917f}
.settings-switch-row{display:flex;align-items:center;gap:18px;padding:15px 18px;margin-top:6px;background:#06141b66;border:1px solid #688a9924;border-radius:8px;cursor:not-allowed}.settings-switch-row strong{display:block;font-size:12px;color:#a8babe;font-weight:500}.settings-switch-row small{display:block;font-size:10px;color:#7e949e;margin-top:5px}.settings-switch-row input{position:absolute;opacity:0;width:1px;height:1px}.settings-switch{margin-left:auto;width:42px;height:24px;border:1px solid #69818a60;border-radius:20px;background:#24353d;flex-shrink:0}.settings-switch:before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#879c9f;margin:3px}.settings-note{font-size:9px!important;color:#8199a2!important;margin:12px 0 0!important;line-height:1.6}.settings-back{display:flex;align-items:center;justify-content:center;gap:20px;margin:26px auto 0;width:320px;max-width:100%;border-radius:7px;background:#b9e976;padding:17px;font-size:20px}.settings-back span{font-size:14px}.settings-motion-note{text-align:center;font-size:9px;color:#849b9f;margin:12px 0}.settings-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:12px;letter-spacing:2px;color:#8fa6ac}.settings-footer em{font:italic 18px 'Barlow Condensed',sans-serif;letter-spacing:0;color:#b9e976}
@media(max-width:1000px){.settings-title{margin:22px 0 28px}.settings-languages button{padding:12px 8px;gap:7px}.settings-languages b{display:none}}
@media(max-width:650px){.settings-page{padding:22px 16px}.settings-header .room-logo{width:115px}.settings-header .room-logo>span,.settings-header .room-logo>em{font-size:32px}.settings-header .room-logo small{font-size:11px}.settings-header .home-guest{min-width:0;padding:8px 12px}.settings-header .guest-avatar{display:none}.settings-title h1{font-size:42px}.settings-title p{white-space:normal}.settings-card{padding:0 16px}.settings-languages{grid-template-columns:repeat(2,1fr)}.settings-slider-row{grid-template-columns:20px 100px 1fr 34px;gap:8px;padding:14px 10px}.settings-slider-row label{font-size:11px}.settings-switch-row{padding:14px 10px;gap:10px}.settings-switch-row small{line-height:1.6}.settings-section-heading{gap:12px}.settings-section-heading p{font-size:10px}.settings-section-heading>.sound-toggle{font-size:9px}.settings-footer{letter-spacing:1px}.settings-footer em{font-size:14px}}
/* Six-step game guide; illustrations are static explanations. */
.guide-content{max-width:1100px;margin:auto}.guide-title{text-align:center;margin:14px 0 30px}.guide-title h1{font:700 48px/1.1 'Barlow Condensed',Impact,sans-serif;margin:0 0 12px}.guide-title em{font-style:normal;color:#b9e976}.guide-title p{font-size:13px;color:#a7b9bd;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{padding:20px;background:linear-gradient(135deg,#0c1c23ed,#05151bee);border:1px solid #a4c47950;border-radius:12px;display:flex;flex-direction:column;min-width:0}.guide-card-title{display:flex;align-items:center;gap:12px}.guide-card-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b9e976;color:#122010;font:700 25px 'Barlow Condensed',sans-serif;flex-shrink:0}.guide-card-title h2{font:700 23px/1.1 'Barlow Condensed',sans-serif;letter-spacing:0;margin:0;text-transform:none}.guide-card>p{font-size:12px;line-height:1.8;color:#adbdc1;margin:14px 0 18px}.guide-example{margin-top:auto;padding:15px;border:1px solid #66889736;border-radius:9px;background:#04111870;font-size:12px;min-height:225px;display:flex;flex-direction:column;justify-content:center}.guide-lobby{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.guide-lobby>b{font:italic 700 38px 'Barlow Condensed',sans-serif;color:#dce5de}.guide-lobby>svg{width:46px;height:46px;color:#94acaf}.guide-lobby strong{font-size:13px}.guide-lobby>small{font-size:9px;color:#8ba0a6}.guide-ready{display:flex;gap:10px;font-size:9px;color:#b9e976}.guide-search{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #66889740;border-radius:6px;color:#b9c8cd}.guide-search>span{font-size:11px;flex:1;color:#8da2aa}.guide-search>b{font-size:10px;color:#b9e976}.guide-team{display:flex;align-items:center;gap:10px;padding:9px;margin-top:6px;border-bottom:1px solid #66889726}.guide-team>span,.guide-versus>span{display:grid;place-items:center;width:30px;height:34px;background:#243e44;border:1px solid #81999160;border-radius:7px 7px 12px 12px;font:700 16px 'Barlow Condensed',sans-serif}.guide-team strong{font-size:11px;font-weight:500}.guide-team>b{margin-left:auto;color:#b9e976}.guide-team.selected{border:1px solid #b9e97688;border-radius:6px;background:#b9e9760a}.guide-mini-note{font-size:9px!important;line-height:1.7!important;color:#839ba5!important;margin:13px 0 0!important;text-align:center}.guide-versus{display:flex;align-items:flex-start;justify-content:space-around;margin:5px 0 35px}.guide-versus>span{position:relative;width:45px;height:50px;font-size:22px}.guide-versus small{position:absolute;top:57px;white-space:nowrap;font:9px Manrope,sans-serif;color:#a6b8bc}.guide-versus>b{font:italic 700 22px 'Barlow Condensed',sans-serif;margin-top:12px;color:#819ba6}.guide-answer{display:flex;align-items:center;gap:10px;padding:12px 8px;margin-top:8px;border:1px solid #b9e97666;border-radius:6px;color:#bbd29e}.guide-answer svg{width:24px;height:24px}.guide-answer>b{margin-left:auto}.guide-correct{display:flex;flex-direction:column;align-items:center;gap:10px;color:#b9e976}.guide-correct>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9e976;border-radius:50%;font-size:25px;background:#b9e9760d}.guide-correct>strong{font-size:16px}.guide-correct>b{font:700 38px 'Barlow Condensed',sans-serif}.guide-correct small{font:9px Manrope,sans-serif;letter-spacing:2px}.guide-score{display:flex;align-items:center;justify-content:center;gap:18px}.guide-score>span{font-size:12px;color:#98acb1;letter-spacing:1px}.guide-score strong{font:700 46px 'Barlow Condensed',sans-serif;color:#b9e976}.guide-score i{font-style:normal;color:#94a7ae;margin:0 8px}.guide-points{display:flex;justify-content:center;gap:15px;margin:20px 0}.guide-points span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#b9e976;color:#102018}.guide-points span:last-child{background:transparent;border:1px solid #b9e976;color:#b9e976}.guide-goal{padding:12px 6px;border:1px solid #b9e97655;border-radius:6px;text-align:center;color:#b9e976}.guide-goal strong{font-size:11px;font-weight:500}.guide-rematch{text-align:center;font-size:42px;color:#b9e976}.guide-rematch strong{display:block;font-size:15px;margin:8px 0;color:#d4e0df}.guide-rematch>span{display:block;font-size:10px;color:#93a8ad}.guide-coming{border-top:1px solid #66889736;margin-top:20px;padding-top:16px}.guide-coming p{font-size:10px;line-height:1.8;color:#8ea6ae;margin:9px 0 0}.guide-details{margin-top:20px;border:1px solid #66889736;border-radius:9px;background:#07171bd9;font-size:12px;color:#b6c8cb}.guide-details summary{padding:16px 20px;cursor:pointer}.guide-details>div{padding:0 20px 12px}.guide-details p{font-size:11px;line-height:1.8;color:#94aab3}.guide-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.guide-actions button{border-radius:7px;padding:17px 28px;font-size:13px}.guide-actions .primary{min-width:280px;background:#b9e976}.guide-actions .secondary{background:#07171bad}.guide-page .settings-footer{margin-top:30px}
@media(max-width:950px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-title{margin-top:28px}}
@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.guide-title h1{font-size:40px}.guide-title p{font-size:11px;line-height:1.7}.guide-card{padding:18px}.guide-example{min-height:200px}.guide-actions{flex-direction:column-reverse}.guide-actions .primary{min-width:0}}
/* Shared match shell: lobby, reveal, answer and exceptional states. */
.match-content{max-width:1050px;margin:auto}.match-status{text-align:center}.match-status span{display:block;font-size:12px;letter-spacing:2px;color:#92a9ad}.match-status b{display:block;margin-top:8px;font:700 24px 'Barlow Condensed',sans-serif;color:#b9e976}.match-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;padding:14px 0;border-block:1px solid #77959b26}.match-topbar>span{font-size:9px;letter-spacing:1px;color:#8fa7ae}.match-topbar>span b{color:#c2d2d3;margin-left:8px}.match-topbar .score{font:700 30px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#b9e976}.match-heading{text-align:center;margin:30px 0}.match-heading .eyebrow{display:block;font-size:12px;margin-bottom:12px;letter-spacing:3px}.match-heading h1{font-size:clamp(36px,4vw,56px);margin:0 0 12px;letter-spacing:-.5px}.match-heading h1 em{color:#b9e976}.match-heading p{font-size:12px;color:#9fb4bb;margin:0}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lobby-grid .room-card{padding:28px}.match-kicker{font-size:12px;letter-spacing:2px;color:#9fb6bd}.lobby-grid h2{font-size:30px;margin:14px 0 8px}.lobby-grid p{font-size:12px}.lobby-invite .code{padding:20px;text-align:center;font:700 48px 'Barlow Condensed',sans-serif;letter-spacing:10px;border:1px dashed #b9e97665;border-radius:9px;background:#b9e97608;color:#b9e976;margin:24px 0}.lobby-invite .invite{margin:0}.lobby-invite .invite input{font-size:11px;background:#06171e}.lobby-invite .invite button{font-size:11px;padding:12px}.lobby-rules{display:flex;justify-content:space-around;border-top:1px solid #77959b26;margin-top:26px;padding-top:20px}.lobby-rules span{text-align:center;font-size:9px;color:#8ea6ac}.lobby-rules b{display:block;font:700 30px 'Barlow Condensed',sans-serif;color:#cfdecf;margin-bottom:5px}.lobby-players .consent-panel{text-align:center;margin-top:24px}.lobby-players .readiness{border:1px solid #77959b30;border-radius:9px;padding:22px 10px;background:#06171e66;min-height:145px}.lobby-players .readiness.is-ready{border-color:#b9e97677;background:#b9e97608}.lobby-players .avatar{width:46px;height:46px}.lobby-players #confirm{width:100%;border-radius:7px;background:#b9e976;color:#142010}.lobby-players .fineprint{text-align:center;font-size:10px}.play-duel{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;gap:24px;max-width:850px;margin:0 auto}.play-duel .side{text-align:center;background:linear-gradient(140deg,#10232cec,#08171dec);border:1px solid #71919740;border-radius:12px;padding:24px;min-height:240px}.play-duel .side .crest{margin:20px auto;width:75px;height:86px}.play-duel .teamname{font-size:30px;margin:10px 0;overflow-wrap:anywhere}.play-duel .side p{font-size:10px;margin:0;color:#9cb0b7}.play-clock{text-align:center}.play-clock>span,.play-clock>small{font-size:12px;letter-spacing:2px;color:#95aeb6}.play-clock .timer{margin:15px 0;font-size:70px;color:#b9e976}.play-clock .timer.urgent{color:#e4aa87}.play-progress{max-width:850px;margin:20px auto 26px;height:3px;background:#20333b}.play-progress>div{background:#b9e976}.answer-panel{max-width:700px;margin:auto;padding:20px 24px;background:#07171de8;border:1px solid #72919840;border-radius:11px}.answer-panel-heading{display:flex;justify-content:space-between;gap:10px}.answer-panel-heading>span:last-child{font-size:12px;color:#a7c88a;letter-spacing:1px}.answer-panel .searchbox{max-width:none;margin:16px 0 0}.answer-panel input{background:#0d2029;border-radius:7px;padding:17px;font-size:14px}.answer-panel .results{background:#0b1e26;border-color:#6b899a40;border-radius:7px;margin-top:7px;max-height:220px}.answer-panel .option{padding:14px 16px;font-size:13px}.answer-panel .option small{color:#b9e976}.answer-panel>p{font-size:10px;margin:14px 0 0}.answer-panel #feedback:empty{display:none}.reveal-caption{text-align:center;color:#b9e976;font-size:11px;letter-spacing:1px}.match-room .match-notice{max-width:740px;margin:28px auto;padding:30px;background:#0c2028ed;border:1px solid #75909745;border-radius:14px}.match-room .result-victory{background:linear-gradient(140deg,#22332dec,#111e1aee);border-color:#88aa8c70}.match-room .result-defeat{background:linear-gradient(140deg,#35282bec,#211b1fee);border-color:#ad808560}.match-notice .result-emblem{margin-bottom:20px}.match-notice .eyebrow{margin-top:16px}.match-notice .timer{margin:24px;color:#b9e976}.match-room .connection:not(:empty),.team-selection-layout .connection:not(:empty),.match-finale .connection:not(:empty){background:#30271fe8;border:1px solid #b4935c60;border-radius:8px;padding:14px 18px;margin:16px 0;color:#e3c59b;line-height:1.7}.match-room .settings-footer{margin-top:32px}.match-room .scoreboard>span{max-width:160px;overflow-wrap:anywhere}
@media(max-width:760px){.lobby-grid{grid-template-columns:1fr}.match-topbar{flex-wrap:wrap;gap:10px}.match-topbar .scoreboard{order:3;width:100%;justify-content:center}.match-status span{font-size:11px}.match-status b{font-size:19px}.match-room .settings-header{gap:12px}.match-room .sound-toggle{font-size:9px;padding:8px}.play-duel{grid-template-columns:1fr 60px 1fr;gap:8px}.play-duel .side{padding:15px 8px;min-height:200px}.play-duel .teamname{font-size:22px}.play-clock .timer{font-size:46px}.play-clock>span,.play-clock>small{font-size:11px;letter-spacing:0}.play-duel .side .crest{width:55px;height:68px}.play-duel .match-kicker{font-size:11px;letter-spacing:1px}.answer-panel{padding:18px 14px}.match-room .match-notice{padding:24px 16px}.lobby-grid .room-card{padding:22px}}
@media(min-width:761px) and (max-height:850px){.match-room{padding-top:18px}.match-room .settings-header .room-logo>span,.match-room .settings-header .room-logo>em{font-size:30px}.match-room .settings-header .room-logo small{font-size:11px}.match-topbar{margin:16px 0;padding:10px 0}.match-heading{margin:20px 0}.match-heading h1{font-size:38px}.play-duel .side{padding:16px;min-height:180px}.play-duel .side .crest{width:54px;height:62px;margin:12px auto}.play-duel .teamname{font-size:25px}.play-progress{margin:14px auto}.match-room .settings-footer{margin-top:18px}.lobby-grid .room-card{padding:22px}.lobby-invite .code{margin:16px 0;padding:12px}.lobby-players .readiness{min-height:110px;padding:14px 8px}.lobby-rules{margin-top:16px;padding-top:12px}}
.favorite-team-row{display:flex;gap:6px;align-items:stretch}.favorite-team-row .selection-team-row{flex:1;min-width:0}.favorite-toggle{background:#10232b;color:#b9e976;border:1px solid #627e8540;border-radius:7px;width:38px;flex-shrink:0}.favorite-toggle[aria-pressed=true]{background:#b9e97618}.history-attempts{display:block;margin-top:9px;color:#9db3ba;font-size:9px;line-height:1.8}.selection-lock-status{width:100%}
.match-tools{background:#0c2029;color:#e4ece6;border:1px solid #94b78060;border-radius:12px;max-width:500px;width:90%;padding:25px}.match-tools::backdrop{background:#0009}.match-tools h2{font-size:30px;margin-top:20px}.match-tools p{font-size:13px}.match-tools #close-tools{float:right}
.bot-setup{max-width:650px;margin:auto}.bot-setup select{width:100%;padding:14px;background:#0a1c24;color:#dce8de;border:1px solid #7c969a50;border-radius:7px}.bot-setup p{margin:20px 0;font-size:12px}#match-tool-bar{position:fixed;right:18px;bottom:12px;z-index:8;display:flex;gap:6px}#match-tool-bar button{padding:9px 14px;border-radius:20px;background:#10242fec;color:#c7d9cd;border:1px solid #89a88e50;font-size:10px}
.settings-switch-row:has(input:not(:disabled)){cursor:pointer}.settings-switch-row input:checked+.settings-switch{background:#739b50}.settings-switch-row input:checked+.settings-switch:before{transform:translateX(17px);background:#eff8e7}.settings-switch-row:has(input:focus-visible){outline:2px solid #b9e976;outline-offset:3px}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.confetti-layer i{position:absolute;top:-25px;width:8px;height:15px;background:#b9e976;animation:confetti-fall 3s ease-in both}.confetti-layer i:nth-child(3n){background:#d4ddc9}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(var(--turn));opacity:0}}

.team-detail-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.team-detail-filters select{width:100%;min-width:0;font-size:12px;padding:10px;background:#0b1c24;color:var(--ink);border:1px solid #29404b;border-radius:8px}.team-detail-filters label{min-width:0}
.crest,.selection-mini-crest,.selection-big-crest,.player-thumb{position:relative;overflow:hidden;flex-shrink:0}.catalog-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b1920;padding:3px}.player-thumb{display:inline-flex;width:32px;height:36px;border-radius:7px;background:#142b35;align-items:center;justify-content:center;font-size:10px;color:#a7bdc7;margin-right:8px;vertical-align:middle}.option{display:flex;align-items:center;gap:6px}.option small{margin-left:auto}.history-answer{display:flex;align-items:center}.answer-proof>.player-thumb{width:52px;height:58px}.badge-fallback{font-size:inherit}
.give-up-panel { margin-top: 24px; text-align: center; }
.give-up-panel p { color: var(--muted, #aab0bb); font-size: .9rem; margin: 12px 0; }
.give-up-panel button[aria-pressed="true"] { outline: 2px solid #eea94c; }

/* Selection layout only: existing palette, names and artwork are unchanged. */
.team-selection-layout .team-detail-filters[hidden]{display:none}
.team-selection-layout .selection-browser:has(.nation-strip){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto}
.nation-strip{display:flex;align-items:center;gap:4px;min-width:0;grid-column:1/-1;height:30px;width:100%;max-width:760px}
.nation-strip button{background:#071720;color:#99acb6;border:1px solid #62838f30;border-radius:5px;padding:2px;min-width:0;height:28px}
.nation-strip button[aria-pressed=true]{background:#b9e9760d;border-color:#b9e97699;color:#b9e976}
.nation-strip .nation-all{flex:none;width:35px;font-size:9px}
.nation-strip .nation-favorites{flex:none;width:70px;font-size:9px}
#nations-prev,#nations-next{flex:none;width:20px;font-size:18px}
.nation-window{display:flex;gap:4px;flex:1;min-width:0;overflow:hidden}
.nation-choice{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:0 0 60px;gap:3px;overflow:hidden}
.nation-choice img{object-fit:contain;flex-shrink:0}
.nation-choice span{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}
.selection-mobile-home{display:none}
body:has(.team-selection-layout){overflow:hidden}
.team-selection-layout{height:100dvh;min-height:0;grid-template-columns:180px minmax(0,1fr);overflow:hidden}
.team-selection-layout .room-main{display:flex;flex-direction:column;min-height:0;max-width:none;padding:12px 22px 14px;height:100%;overflow:hidden}
.team-selection-layout .room-sidebar{min-height:0;padding:22px 10px}
.team-selection-layout .room-sidebar nav{gap:4px;margin-top:12px}
.team-selection-layout .room-sidebar nav button{padding:11px 8px;min-height:42px}
.team-selection-layout .room-sidebar-motto{margin-top:auto;padding-top:16px}
.team-selection-layout .room-topline{flex-shrink:0;height:36px}
.team-selection-layout .room-topline .home-guest{padding:3px 8px}
.team-selection-layout .room-title{flex-shrink:0;margin:8px 0 10px}
.team-selection-layout .room-title h1{font-size:clamp(28px,3vw,46px);margin-bottom:5px}
.team-selection-layout .room-title p{font-size:11px}
.team-selection-layout .selection-matchbar{flex-shrink:0;flex-wrap:nowrap;gap:12px;margin:0}
.team-selection-layout .selection-rounds{gap:16px}
.team-selection-layout .selection-progress{flex-shrink:0;margin:8px 0 10px;height:3px}
.team-selection-layout .connection:not(:empty){flex-shrink:0;padding:5px;margin:0 0 5px;font-size:10px}
.team-selection-layout .selection-columns{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) clamp(210px,20vw,290px);gap:16px;align-items:stretch}
.team-selection-layout .selection-browser{display:grid;grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:auto auto auto minmax(0,1fr) auto;min-height:0;padding:12px;gap:8px}
.team-selection-layout .selection-categories{margin:0;gap:4px;flex-wrap:nowrap;min-width:0;align-items:center}
.team-selection-layout .selection-categories button{padding:8px 4px;font-size:9px}
.team-selection-layout .team-detail-filters{display:block;margin:0;min-width:0}
.team-selection-layout .team-detail-filters select{min-height:32px;height:32px;padding:4px 8px;font-size:10px}
.team-selection-layout .selection-search{grid-column:1/-1;min-height:34px}
.team-selection-layout .selection-search #teaminput{width:100%;padding:8px 10px}
.team-selection-layout .selection-list-caption{grid-column:1/-1;margin:0;line-height:12px}
.team-selection-layout .selection-team-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-height:0;max-height:none;padding:0;overflow:visible}
.team-selection-layout .favorite-team-row{position:relative;display:block;min-height:0;min-width:0}
.team-selection-layout .selection-team-row{height:100%;min-height:0;padding:5px 4px;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;border:1px solid #7996a322}
.team-selection-layout .selection-team-row.is-selected{border-color:#b9e976}
.team-selection-layout .selection-mini-crest{width:clamp(26px,3vw,44px);height:clamp(30px,3.4vw,50px);max-height:48%;min-height:20px}
.team-selection-layout .selection-team-row>.selection-tile-label{flex:0;min-width:0;width:100%;font-size:clamp(9px,.85vw,12px);line-height:1.15}
.team-selection-layout .selection-tile-label>[translate]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.team-selection-layout .selection-tile-label .fineprint{display:block;margin:3px 0 0;font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-selection-layout .selection-team-row>small:empty{display:none}
.team-selection-layout .selection-team-row>small:not(:empty){position:absolute;bottom:3px;right:3px;font-size:12px}
.team-selection-layout .favorite-toggle{position:absolute;top:1px;right:1px;width:23px;height:23px;border:0;background:transparent;font-size:13px}
.team-selection-layout .selection-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:28px;font-size:10px;color:var(--muted)}
.team-selection-layout .selection-pagination button{padding:3px 12px;min-height:28px}
.team-selection-layout .selection-empty{grid-column:1/-1;margin:0}
.team-selection-layout .selection-detail{display:flex;flex-direction:column;gap:10px;min-height:0}
.team-selection-layout .selection-team-card{padding:14px;min-height:0;flex-shrink:0}
.team-selection-layout .selection-team-card h2{font-size:16px}
.team-selection-layout .selection-big-crest{width:75px;height:88px;margin:12px auto}
.team-selection-layout .selection-team-card h3{font-size:20px;overflow-wrap:anywhere}
.team-selection-layout .selection-card-status{margin-bottom:10px!important;line-height:1.4}
.team-selection-layout .selection-team-info>div{padding:8px 0;font-size:10px;gap:8px}
.team-selection-layout .selection-lock-status{padding:12px}
.team-selection-layout .selection-opponent{padding:10px;gap:8px}
.team-selection-layout .selection-opponent p{font-size:9px;line-height:1.4}
.team-selection-layout .selection-footnote{font-size:9px;line-height:1.4}
body:has(.team-selection-layout) #match-tool-bar{display:none} /* Same tools remain in the sidebar. */
@media(max-height:800px){
 .team-selection-layout .room-topline{display:none}
 .team-selection-layout .room-title{margin:0 0 7px}
 .team-selection-layout .selection-browser{gap:6px;padding:10px}
 .team-selection-layout .selection-team-list{gap:5px}
 .team-selection-layout .selection-big-crest{width:60px;height:70px;margin:8px auto}
 .team-selection-layout .selection-team-card{padding:10px}
 .team-selection-layout .selection-team-card h3{font-size:17px}
 .team-selection-layout .room-logo{padding-bottom:20px}
}
@media(max-width:1199px){
 .team-selection-layout{grid-template-columns:140px minmax(0,1fr)}
 .team-selection-layout .room-main{padding:10px 12px}
 .team-selection-layout .room-sidebar nav button{font-size:10px;gap:6px}
 .team-selection-layout .room-logo>span,.team-selection-layout .room-logo>em{font-size:36px}
 .team-selection-layout .selection-columns{gap:10px;grid-template-columns:minmax(0,1fr) 205px}
 .team-selection-layout .selection-browser{grid-template-columns:1fr 110px}
 .team-selection-layout .selection-categories button{font-size:12px;padding:8px 2px}
}
@media(max-height:650px) and (min-width:601px){
 .team-selection-layout .room-title h1{font-size:28px}
 .team-selection-layout .room-title p{font-size:9px}
 .team-selection-layout .selection-rounds small{display:none}
 .team-selection-layout .selection-clock .timer{font-size:28px}
 .team-selection-layout .selection-big-crest{height:54px;width:46px;margin:5px auto}
 .team-selection-layout .selection-team-card h2{font-size:14px}
 .team-selection-layout .selection-team-info>div{padding:5px 0}
 .team-selection-layout .selection-data-note{line-height:1.3}
 .team-selection-layout .room-sidebar nav button{min-height:34px;padding:8px}
 .team-selection-layout .room-sidebar-motto{font-size:12px;padding-top:8px}
}
@media(max-width:999px){
 .team-selection-layout .selection-mobile-home{display:block;position:fixed;top:4px;left:10px;z-index:9;padding:8px 0;font-size:10px}
 .team-selection-layout{grid-template-columns:1fr}
 .team-selection-layout .room-sidebar{display:none}
 .team-selection-layout .selection-team-list{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
 .team-selection-layout .room-topline{display:none}
 body:has(.team-selection-layout) #match-tool-bar{display:flex;position:fixed;top:5px;bottom:auto;right:8px}
 .team-selection-layout .room-main{padding-top:38px}
}
@media(max-width:600px){
 .team-selection-layout .room-main{padding:35px 8px 8px}
 .team-selection-layout .room-title h1{font-size:26px}
 .team-selection-layout .room-title p{font-size:9px;line-height:1.25}
 .team-selection-layout .selection-rounds{display:none}
 .team-selection-layout .selection-score{order:0;width:auto;gap:6px;font-size:9px}
 .team-selection-layout .selection-clock{margin-left:auto}
 .team-selection-layout .selection-columns{display:flex;flex-direction:column;gap:6px}
 .team-selection-layout .selection-browser{flex:1;grid-template-columns:1fr 105px;padding:7px;gap:5px}
 .team-selection-layout .selection-team-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
 .team-selection-layout .selection-detail{flex:none;display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:5px;align-items:center}
 .team-selection-layout .selection-team-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 8px;text-align:left;padding:6px}
 .team-selection-layout .selection-team-card h2,.team-selection-layout .selection-team-info,.team-selection-layout .selection-data-note,.team-selection-layout .selection-opponent,.team-selection-layout .selection-footnote{display:none}
 .team-selection-layout .selection-big-crest{grid-row:1/3;width:30px;height:36px;margin:0;font-size:20px}
 .team-selection-layout .selection-team-card h3{font-size:13px;margin:0}
 .team-selection-layout .selection-card-status{font-size:12px!important;margin:0!important}
 .team-selection-layout .selection-lock-status{font-size:10px;padding:9px 4px}
}

/* Difficulty tiers (Kolay / Orta / Zor / Çok zor) */
/* Every tier the same way: a solid colour with black text. */
.tier-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;color:#0a0f0c;border:1px solid #0000;background:var(--tier)}
.tier-easy{--tier:#3ee07a}.tier-medium{--tier:#ffd21f}.tier-hard{--tier:#ff6a1f}.tier-very-hard{--tier:#d42a4f}
.play-duel .side{position:relative}
.side-tier{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2}
.side-tier .tier-pill{font-size:12px;padding:4px 14px;box-shadow:0 4px 14px #0008;backdrop-filter:blur(6px)}
.country-with-flag{display:flex;align-items:center;gap:8px}
.country-flag{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff26}
.draw-intro{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,#1c2a2a,#071116 70%)}
.draw-intro-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:620px;padding:40px 44px;border-radius:18px;border:1px solid #d9e2e433;background:linear-gradient(160deg,#10222be8,#08161ce8);box-shadow:0 20px 60px #0008;animation:reveal .4s ease}
.draw-intro-mark{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#d9e2e414;border:1px solid #d9e2e455;color:#e6edef}
.draw-intro-mark svg{width:40px;height:40px}
.draw-intro-kicker{font-size:12px;letter-spacing:3px;font-weight:800;color:#b9e976}
body:has(.draw-intro)>header,body:has(.draw-intro)>footer,body:has(.draw-intro)>.pitch{display:none}
body:has(.draw-intro)>main{max-width:none;padding:0}
.draw-intro h1{margin:0;font-size:clamp(44px,6vw,72px);letter-spacing:-1px;line-height:1}.draw-intro h1 em{color:#b9e976;font-style:normal}
.draw-intro-score{display:flex;align-items:center;gap:18px;font-size:14px;color:#b9c8cf}
.draw-intro-score strong{font:800 56px/1 'Barlow Condensed',Impact,sans-serif;color:#eef3f1}.draw-intro-score i{font-style:normal;margin:0 8px;color:#6f8a93}
.draw-intro p{margin:0;font-size:13px;color:#9fb6bf}.draw-intro small{font-size:11px;letter-spacing:1px;color:#6f8a93}
/* The pair's difficulty above the answer clock. */
.pair-badge{--tier:#ffd21f;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 auto 18px;padding:8px 16px 9px;min-width:118px;border-radius:12px;background:var(--tier);color:#0a0f0c;box-shadow:0 0 22px color-mix(in srgb,var(--tier) 35%,transparent)}
.pair-badge small{font-size:10px;letter-spacing:2.5px;font-weight:800;opacity:.75}
.pair-badge b{font:800 26px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;text-transform:uppercase}
.tier-box-easy{--tier:#3ee07a}.tier-box-medium{--tier:#ffd21f}.tier-box-hard{--tier:#ff6a1f}.tier-box-very-hard{--tier:#d42a4f}
.matchmaking-estimate{margin:4px 0 0;font-size:12px;color:#9fb6bf}

/* Günün eşleşmesi */
.home-daily{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 14px;text-align:left;border:1px solid #b9e97666;border-radius:10px;background:linear-gradient(120deg,#1b302899,#0d1c23d9);color:#e0e9e8}
.home-daily:hover{border-color:#b9e976}
.home-daily .home-tile-icon{color:#b9e976;width:26px;height:26px;flex:none}
.home-daily-text{flex:1;min-width:0}.home-daily-text strong{display:block;font-size:12px}.home-daily-text small{display:block;margin-top:3px;font-size:9px;opacity:.7}
.home-daily-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.home-daily-meta small{font-size:9px;opacity:.75}
.daily-screen{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.daily-card{display:flex;flex-direction:column;gap:14px}
.daily-card h2{margin:0}.daily-card p{margin:0}
.daily-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.daily-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.daily-rule{display:flex;gap:16px;align-items:center;padding:18px;border-radius:14px;background:linear-gradient(135deg,#16302ae6,#0b1a21 70%);border:1px solid #b9e97666;box-shadow:0 0 22px #b9e97612}
.daily-rule-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:14px;background:#b9e976;color:#10200a;box-shadow:0 0 18px #b9e97640}
.daily-rule-icon svg{width:28px;height:28px}
.daily-rule b{display:block;font:italic 800 26px/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#b9e976}
.daily-rule p{margin:6px 0 0!important;font-size:15px;line-height:1.45;color:#e6edef}
.daily-breakdown{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;color:#9fb6bf}.daily-breakdown b{color:#b9e976}
@media (max-width:760px){.daily-rules{grid-template-columns:1fr}}
.daily-pair{display:flex;align-items:center;justify-content:center;gap:18px}
.daily-team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0;flex:1}
.daily-crest{position:relative;width:88px;height:88px;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#ffffff12,#ffffff03 70%);border:1px solid #ffffff17;box-shadow:0 10px 28px #0006;font:800 26px 'Barlow Condensed',sans-serif;color:#b9e976}
.daily-crest .catalog-image{background:transparent;padding:12px}.daily-team b{font-size:15px}.daily-team small{font-size:11px;color:#819ba7}
.daily-vs{font-weight:800;color:#819ba7}
.daily-clock{display:flex;flex-direction:column;align-items:center;gap:2px}.daily-clock small{font-size:10px;color:#819ba7;letter-spacing:.1em}
.daily-result em{color:#b9e976;font-style:normal}
.daily-answers-title{font-size:11px;color:#819ba7;text-transform:uppercase;letter-spacing:.08em}
.daily-answers{font-size:13px;line-height:1.6}
.daily-actions{display:flex;justify-content:flex-end}
.daily-board-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.daily-board-heading h2{margin:0;font-size:16px}
.daily-board-heading small{color:#819ba7;font-size:11px}
@media (max-width:760px){.daily-screen{grid-template-columns:1fr}.daily-crest{width:64px;height:64px;border-radius:16px}}
.daily-card .searchbox{max-width:none;width:100%;margin:0}.daily-card .searchbox input{width:100%;padding:15px;font-size:14px}
.daily-card .results{border-radius:7px;margin-top:6px;max-height:240px}
.daily-board .board-row{grid-template-columns:34px minmax(0,1fr) auto}

/* Günün eşleşmesi: sonuç kartı */
.daily-hero{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:14px;border:1px solid #b9e97655;background:linear-gradient(110deg,#b9e97622,#0d1c2300 70%)}
.daily-hero.is-missed{border-color:#e4aa8755;background:linear-gradient(110deg,#e4aa871c,#0d1c2300 70%)}
.daily-hero-mark{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:50%;background:#b9e976;color:#10200a;font-size:28px;font-weight:900;box-shadow:0 0 26px #b9e97655}
.daily-hero.is-missed .daily-hero-mark{background:#3a2a22;color:#e4aa87;box-shadow:none;font-size:24px}
.daily-hero-text{flex:1;min-width:0}
.daily-hero-text>span{display:block;font-size:12px;letter-spacing:3px;font-weight:800;color:#b9e976}
.daily-hero.is-missed .daily-hero-text>span{color:#e4aa87}
.daily-hero-text strong{display:block;font:800 52px/1 'Barlow Condensed',Impact,sans-serif;color:#eef3f1;margin-top:4px}
.daily-hero-text strong small{font-size:22px;margin-left:6px;color:#9fb6bf}
.daily-hero-text .daily-hero-note{font:600 15px/1.4 Manrope,Arial,sans-serif;color:#b9c8cf;margin-top:6px}
.daily-rank{display:flex;flex-direction:column;align-items:center;padding:10px 18px;border-radius:12px;background:#0b1a21;border:1px solid #ffffff17}
.daily-rank b{font:800 38px/1 'Barlow Condensed',Impact,sans-serif;color:#ffd35a}
.daily-rank small{font-size:10px;letter-spacing:1.5px;color:#8fa7ae}
.daily-pair-done{padding:6px 0}
.daily-vs{font:800 italic 22px 'Barlow Condensed',sans-serif;color:#6f8a93;letter-spacing:1px}
.daily-my-answer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;background:#0b1a21;border:1px solid #ffffff12}
.daily-my-answer span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8fa7ae}
.daily-my-answer b{font-size:16px;color:#eef3f1}
.daily-answers-block{display:grid;gap:10px}
.daily-chips{display:flex;flex-wrap:wrap;gap:8px}
.daily-chip{padding:7px 12px;border-radius:999px;font-size:12.5px;background:#ffffff0a;border:1px solid #ffffff17;color:#d5e0e3}
.daily-chip.is-mine{background:#b9e97622;border-color:#b9e976;color:#dff5c0;font-weight:700}
.daily-chip.is-more{border-style:dashed;color:#8fa7ae}
.daily-next{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #ffffff10;font-size:12.5px;color:#9fb6bf}
.daily-next span{display:grid;width:18px;height:18px;color:#b9e976}.daily-next svg{width:18px;height:18px}
.daily-next b{color:#eef3f1}
@media (max-width:760px){.daily-hero{gap:12px;padding:14px}.daily-hero-mark{width:44px;height:44px;font-size:22px}.daily-hero-text strong{font-size:40px}.daily-rank{padding:8px 12px}.daily-rank b{font-size:30px}}
.guide-notes{display:grid;gap:10px;margin:22px 0 6px;padding:18px 20px;border-radius:12px;border:1px solid #b9e97655;background:linear-gradient(135deg,#16302ae6,#0b1a21 70%)}
.guide-notes p{margin:0;font-size:14px;line-height:1.55;color:#e6edef}.guide-notes b{color:#b9e976}

/* İstatistiklerim: oyun tarzı, modlar, günün eşleşmesi, kazandıran takımlar */
.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-tile small{display:block;margin-top:6px;font-size:11px;color:#8fa7ae}
.tile-gurme strong{color:#ffd21f}
.insight-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.insight-card h2{margin:0 0 12px;font-size:16px}
.kind-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff10}
.kind-row:last-child{border:0}
.kind-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#b9e9761a;color:#b9e976}.kind-icon svg{width:18px;height:18px}
.kind-row strong{flex:1;font-size:13px}
.kind-record{display:flex;gap:6px}.kind-record b{min-width:34px;text-align:center;padding:3px 6px;border-radius:6px;font-size:12px}
.kind-record .w{background:#3ee07a26;color:#3ee07a}.kind-record .d{background:#ffffff14;color:#cfd8dc}.kind-record .l{background:#ff6b6f26;color:#ff8b8e}
.kind-record small{font-size:11px;color:#8fa7ae}
.daily-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.daily-stats div{padding:10px;border-radius:10px;background:#0b1a21;border:1px solid #ffffff10}
.daily-stats div:last-child{grid-column:1/-1}
.daily-stats strong{display:block;font:800 26px/1 'Barlow Condensed',Impact,sans-serif;color:#eef3f1}
.daily-stats span{font-size:11px;color:#8fa7ae}
.winner-club{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff10}.winner-club:last-child{border:0}
.winner-crest{position:relative;width:34px;height:34px;flex:none;border-radius:8px;overflow:hidden;display:grid;place-items:center;font-size:11px}
.winner-crest .catalog-image{background:transparent;padding:2px}
.winner-club strong{flex:1;font-size:13px}
.winner-rate{text-align:right;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;color:#b9e976}.winner-rate small{display:block;font:11px Manrope,Arial,sans-serif;color:#8fa7ae}
@media(max-width:1100px){.insight-columns{grid-template-columns:1fr}}
@media(max-width:760px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Başarılarım */
.badges-summary{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,#16302ae6,#0b1a21 70%);border:1px solid #b9e97655}
.badges-summary>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#b9e976;color:#10200a}.badges-summary>span svg{width:28px;height:28px}
.badges-summary strong{font:italic 800 38px/1 'Barlow Condensed',Impact,sans-serif;color:#eef3f1}.badges-summary strong small{font-size:20px;color:#8fa7ae;margin-left:4px}
.badges-summary .badge-progress{flex:1}
.badges-screen{width:100%;max-width:1180px;margin:0 auto}
.badge-tabs{margin-bottom:14px;flex-wrap:wrap}.badge-tabs small{opacity:.7;margin-left:4px}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;min-height:250px;align-content:start}
.badge-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 14px;text-align:center;border-radius:14px;background:#0b1a21;border:1px solid #ffffff12}
.badge-text{font-size:12px;line-height:1.4;color:#9fb6bf;min-height:34px}
.badge-card.is-earned{background:linear-gradient(160deg,#12272fe6,#0b1a21);border-color:#b9e97655}
.badge-card strong{font:italic 500 21px/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.3px;color:#eef3f1}
.badge-art{display:block;flex:none;filter:drop-shadow(0 6px 14px #0008)}
.badge-art.is-locked{filter:grayscale(1) brightness(.55);opacity:.55}
.badge-tier{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:2px 10px;border-radius:999px;color:#10200a;background:#b9e976}
.tier-name-1{background:#e0a063}.tier-name-2{background:#dfe7ee}.tier-name-3{background:#ffd54a}
.badge-progress{width:100%;height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.badge-progress span{display:block;height:100%;background:linear-gradient(90deg,#b9e976,#6fcf3f)}
.badge-count{font-size:11px;color:#b9c8cf}
.public-badges h2 small{font-size:13px;color:#8fa7ae}
.public-badge-list{display:flex;flex-wrap:wrap;gap:14px}
.public-badge{display:flex;flex-direction:column;align-items:center;gap:4px;width:86px;text-align:center}.public-badge small{font-size:10.5px;line-height:1.25;color:#b9c8cf}

/* Genel istatistikler ve İstatistiklerim: seçenek değişince sayfa boyu aynı kalsın */
.general-stats{width:100%}
.general-stats .podium-card{height:262px;overflow:hidden}
.general-stats .insight-card{height:340px;overflow:hidden}
.profile-tabs{justify-content:center}

.profile-tab-body{display:grid;gap:14px;align-content:start;min-height:680px}
.saver-count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;text-align:center;font:800 22px/1 'Barlow Condensed',Impact,sans-serif;color:#b9e976}
.saver-count small{display:block;margin-top:2px;font:11px Manrope,Arial,sans-serif;color:#8fa7ae}

.home-slogan-copy canvas{display:block}