@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#050b08;--panel:rgba(10,25,17,.9);--panel2:rgba(16,39,27,.76);--line:rgba(163,255,91,.17);--line2:rgba(255,255,255,.08);--text:#f7fff9;--muted:#94aa9d;--accent:#b7ff47;--accent2:#58dc86;--dark:#0b170f;--danger:#ff6b6b}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--text);overflow-x:hidden;background:#05100a;background-image:linear-gradient(rgba(3,10,6,.7),rgba(3,10,6,.93)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(145,255,85,.23),transparent 34%),linear-gradient(90deg,rgba(13,87,43,.16) 50%,transparent 50%);background-size:auto,120px 100%;opacity:.8}
.stadium-lights{position:fixed;inset:0;pointer-events:none;overflow:hidden}.stadium-lights:before,.stadium-lights:after{content:"";position:absolute;top:-220px;width:430px;height:720px;background:linear-gradient(180deg,rgba(222,255,203,.16),transparent 72%);filter:blur(8px);transform:rotate(25deg)}.stadium-lights:before{left:-80px}.stadium-lights:after{right:-80px;transform:rotate(-25deg)}
.pitch-lines{position:fixed;left:50%;bottom:-520px;transform:translateX(-50%);width:1000px;height:1000px;border:2px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none}.pitch-lines:before{content:"";position:absolute;left:50%;top:-500px;height:1500px;border-left:2px solid rgba(255,255,255,.04)}.pitch-lines span{position:absolute;left:50%;top:50%;width:180px;height:180px;border:2px solid rgba(255,255,255,.04);border-radius:50%;transform:translate(-50%,-50%)}
button,input{font:inherit}.app-shell{position:relative;z-index:2;width:min(1260px,94%);margin:26px auto 40px;display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px}.game-panel,.score-panel{background:linear-gradient(145deg,rgba(11,31,20,.93),rgba(5,15,10,.92));border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px)}.game-panel{padding:28px}.score-panel{padding:22px;height:max-content;position:sticky;top:20px;overflow:hidden}.score-panel:after{content:"";position:absolute;right:-85px;bottom:-85px;width:190px;height:190px;border:24px solid rgba(183,255,71,.035);border-radius:50%}
.hero{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:17px;padding:3px 3px 26px;border-bottom:1px solid var(--line2);margin-bottom:24px}.brand-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#07140c;font-family:'Barlow Condensed';font-size:28px;font-weight:900;box-shadow:0 14px 28px rgba(114,255,83,.17);transform:skew(-6deg)}.hero h1{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(35px,5vw,59px);letter-spacing:-1.5px;margin:0;line-height:.88}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{color:var(--muted);margin:10px 0 0;font-size:14px}.eyebrow{font-weight:800;letter-spacing:3px;color:#d6ebdd!important;font-size:10px;margin:0 0 7px}.live-badge{align-self:start;margin-top:6px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#b9cbbf;font-size:10px;letter-spacing:1.5px;font-weight:800;background:rgba(5,16,10,.55)}.live-badge i,.difficulty-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent);margin-right:7px}
.screen{display:none}.screen.active{display:block}.setup-title{display:flex;align-items:center;gap:13px;margin:4px 0 17px}.setup-title>span{font-family:'Barlow Condensed';font-size:39px;color:rgba(183,255,71,.23);font-weight:900}.setup-title small,.round-topbar small,.answers-title small,.score-heading small{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:800}.setup-title h2{font-family:'Barlow Condensed';font-size:28px;text-transform:uppercase;margin:0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{position:relative;background:linear-gradient(145deg,rgba(17,43,29,.84),rgba(8,24,15,.72));border:1px solid var(--line2);border-radius:21px;padding:19px;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:105px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--accent);font-size:19px;background:rgba(183,255,71,.08);border:1px solid rgba(183,255,71,.13)}.card h2,.score-panel h2{margin:0;font-family:'Barlow Condensed';font-size:24px;text-transform:uppercase}.card-heading p{margin:2px 0 0;color:var(--muted);font-size:11px}.player-inputs{display:grid;gap:9px}.player-row{display:flex;gap:9px;position:relative}.player-row:before{content:"";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(183,255,71,.5)}.player-row input{flex:1;min-width:0;background:rgba(2,12,7,.62);border:1px solid var(--line2);color:white;padding:13px 13px 13px 30px;border-radius:11px;outline:none;transition:.2s}.player-row input:focus{border-color:rgba(183,255,71,.55);box-shadow:0 0 0 3px rgba(183,255,71,.07)}.remove-btn{background:rgba(74,20,20,.45);color:#ffbaba;border:1px solid rgba(255,107,107,.23);border-radius:10px;padding:0 13px;cursor:pointer}.ghost-btn,.primary-btn,.option{cursor:pointer}.ghost-btn{width:100%;margin-top:10px;padding:11px;border-radius:11px;background:rgba(183,255,71,.03);color:var(--accent);border:1px dashed rgba(183,255,71,.3);font-weight:700}.ghost-btn span{font-size:18px}.card label{display:block;margin:14px 0 8px;color:#b6c9bd;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented.difficulty{grid-template-columns:repeat(2,1fr)}.option{padding:10px;border-radius:10px;background:rgba(2,12,7,.58);color:#cbe0d2;border:1px solid var(--line2);transition:.2s}.option:hover{transform:translateY(-1px);border-color:rgba(183,255,71,.32)}.option strong,.option small{display:block}.option strong{font-family:'Barlow Condensed';font-size:23px}.option small{font-size:8px;color:var(--muted);margin-top:1px}.option.active{background:linear-gradient(145deg,var(--accent),#7fea58);color:#10200f;border-color:transparent;font-weight:900;box-shadow:0 8px 18px rgba(134,255,82,.15)}.option.active small{color:#315022}.start-zone{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:18px;padding:16px 18px;border-radius:17px;background:rgba(2,13,8,.38);border:1px solid var(--line2)}.tip{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:11px}.tip span{font-size:20px}.tip p{margin:0}.primary-btn{border:0;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0b190f;font-weight:900;border-radius:13px;padding:13px 22px;box-shadow:0 12px 26px rgba(104,255,83,.15);transition:.2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(104,255,83,.23)}.primary-btn:disabled{opacity:.65;cursor:wait;transform:none}.primary-btn b{font-size:23px}.primary-btn.big{min-width:230px;font-size:15px}.round-topbar{display:flex;justify-content:space-between;align-items:center}.round-topbar>div:first-child{display:flex;flex-direction:column}.round-topbar strong{font-family:'Barlow Condensed';font-size:26px;text-transform:uppercase}.difficulty-pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#c9d9cf;font-size:11px;font-weight:800;background:rgba(4,14,8,.55)}
.matchup-card{position:relative;margin:18px 0;overflow:hidden;background:linear-gradient(180deg,rgba(20,55,35,.86),rgba(5,17,10,.92));border:1px solid rgba(183,255,71,.16);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.matchup-card:before{content:"";position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.025) 80px)}.match-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line2);font-size:9px;letter-spacing:1.7px;color:var(--muted)}.match-header span{color:var(--accent);font-weight:900}.match-body{position:relative;z-index:1;min-height:260px;display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;gap:13px;padding:22px}.match-body:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(255,255,255,.06)}.team-box{text-align:center;min-width:0}.logo-placeholder{position:relative;width:128px;height:128px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(1,12,6,.85));border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 32px rgba(0,0,0,.34),inset 0 0 0 8px rgba(255,255,255,.025);overflow:hidden}.logo-placeholder:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(183,255,71,.11)}.logo-placeholder img{position:relative;z-index:2;width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.32));animation:logoIn .35s ease}.logo-placeholder span{font-family:'Barlow Condensed';font-size:33px;font-weight:900;color:var(--accent)}@keyframes logoIn{from{opacity:0;transform:scale(.75) rotate(-7deg)}to{opacity:1;transform:none}}.team-box p{margin:0 0 4px;color:var(--muted);font-size:8px;letter-spacing:1.6px;font-weight:800}.team-box h3{font-family:'Barlow Condensed';font-size:23px;text-transform:uppercase;letter-spacing:.2px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versus{position:relative;z-index:2;text-align:center}.versus small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px}.versus strong{display:block;font-family:'Barlow Condensed';font-size:42px;font-style:italic;color:var(--accent);line-height:1}.versus i{display:block;width:35px;height:3px;margin:9px auto 0;border-radius:99px;background:var(--accent);box-shadow:0 0 13px var(--accent)}.status-box,.answers-box{background:rgba(15,39,26,.67);border:1px solid var(--line2);padding:14px 16px;border-radius:15px;color:#d6e8dc}.status-box{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:12px}.status-icon{width:29px;height:29px;display:grid;place-items:center;background:rgba(183,255,71,.08);border-radius:9px}.answers-box{margin-top:11px}.answers-title{display:flex;align-items:center;gap:10px;margin-bottom:9px}.answers-title>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#0a190e;font-weight:900}.answers-title h3{margin:1px 0 0;font-family:'Barlow Condensed';font-size:21px;text-transform:uppercase}.answer-chip{display:inline-block;background:rgba(183,255,71,.08);border:1px solid rgba(183,255,71,.2);padding:7px 10px;border-radius:999px;margin:3px;font-size:11px;color:#e7f5eb}.hidden{display:none!important}.spin-button{margin:16px auto 0}.spin-button b{font-size:17px}
.score-heading{display:flex;align-items:center;justify-content:space-between}.score-heading h2{font-size:27px}.score-ball{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(183,255,71,.08);border:1px solid rgba(183,255,71,.12)}.score-rule{display:flex;align-items:center;gap:8px;margin:14px 0;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px}.score-rule span{height:1px;flex:1;background:var(--line2)}.score-rule p{white-space:nowrap}.score-item{position:relative;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(18,47,31,.8),rgba(7,22,13,.65));border:1px solid var(--line2);padding:13px 13px 13px 38px;border-radius:13px;margin-bottom:8px;overflow:hidden}.score-item:before{content:attr(data-rank);position:absolute;left:11px;color:rgba(183,255,71,.55);font-family:'Barlow Condensed';font-size:17px;font-weight:900}.score-item strong{font-size:12px}.score-points{padding:5px 8px;border-radius:8px;color:var(--accent);background:rgba(183,255,71,.08);font-family:'Barlow Condensed';font-size:16px;font-weight:900}.winner-buttons{position:relative;z-index:2;margin-top:16px;padding-top:14px;border-top:1px solid var(--line2)}.winner-buttons p{color:#c5d6cb;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.winner-buttons button{width:100%;margin-bottom:7px;background:rgba(183,255,71,.06);color:white;border:1px solid rgba(183,255,71,.16);padding:11px;border-radius:10px;cursor:pointer;font-weight:700;transition:.2s}.winner-buttons button:hover{background:var(--accent);color:#09150d}.muted{color:var(--muted);font-size:12px;line-height:1.5}.side-footer{margin-top:24px;padding-top:17px;border-top:1px solid var(--line2);display:flex;gap:5px;font-family:'Barlow Condensed';font-size:12px;letter-spacing:1.8px;color:#7b9183}.side-footer b{color:var(--accent)}.winner-screen{position:relative;text-align:center;padding:55px 20px;overflow:hidden}.winner-rays{position:absolute;inset:-80%;background:repeating-conic-gradient(from 0deg,rgba(183,255,71,.04) 0deg 9deg,transparent 9deg 18deg);animation:spin 24s linear infinite}.winner-screen>*:not(.winner-rays){position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.winner-screen .trophy{font-size:78px;filter:drop-shadow(0 12px 24px rgba(255,217,61,.28))}.winner-screen p{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:900}.winner-screen h2{font-family:'Barlow Condensed';font-size:58px;text-transform:uppercase;margin:4px 0}.champion-note{display:block;color:var(--muted);font-size:12px;margin-bottom:23px}.winner-screen .primary-btn{margin:auto}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.score-panel{position:static}.setup-grid{grid-template-columns:1fr}.score-panel{order:2}.start-zone{grid-template-columns:1fr}.start-zone .primary-btn{width:100%}}
@media(max-width:590px){.app-shell{width:min(96%,1260px);margin-top:10px}.game-panel{padding:16px}.hero{grid-template-columns:52px 1fr}.brand-mark{width:48px;height:48px;border-radius:14px;font-size:22px}.live-badge{display:none}.hero h1{font-size:36px}.hero-copy{font-size:11px}.match-body{grid-template-columns:1fr 54px 1fr;min-height:220px;padding:16px 10px}.logo-placeholder{width:88px;height:88px}.team-box h3{font-size:17px}.versus strong{font-size:31px}.match-header b{display:none}.segmented.difficulty{grid-template-columns:1fr 1fr}.tip{display:none}.start-zone{padding:10px}.primary-btn.big{min-width:100%}}

.data-status{margin-top:8px;font-size:12px;color:#8effb4;font-weight:700;letter-spacing:.04em}.team-meta{display:block;margin-top:8px;color:#91a79b;font-size:10px;text-transform:uppercase;letter-spacing:.08em;min-height:24px}.pool-label{font-size:11px;color:#a8beb0;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:999px}.logo-placeholder img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}.logo-placeholder.is-spinning{transform:scale(.94);filter:blur(.15px)}.logo-placeholder{transition:transform .12s ease,filter .12s ease}.team-box h3{min-height:52px;display:flex;align-items:center;justify-content:center}.matchup-card{overflow:hidden}.matchup-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.035) 50%,transparent 65%);transform:translateX(-100%);animation:sweep 6s infinite}@keyframes sweep{to{transform:translateX(100%)}}

.header-actions{display:flex;align-items:center;gap:10px}.language-select{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line2);border-radius:12px;background:rgba(2,12,7,.56)}.language-select select{appearance:none;border:0;outline:0;background:transparent;color:var(--text);font-size:11px;font-weight:800;cursor:pointer}.language-select option{background:#0b1a11;color:white}.logo-fallback{display:none!important;position:relative;z-index:2;font-family:'Barlow Condensed';font-size:24px;font-weight:900;color:var(--accent)}.fallback-active .logo-fallback{display:block!important}.mobile-score-toggle{display:none}.install-btn{position:relative;z-index:2;width:100%;margin-top:14px;padding:11px;border-radius:11px;border:1px solid rgba(183,255,71,.2);background:rgba(183,255,71,.08);color:var(--text);font-weight:800;cursor:pointer}.install-btn span{margin-right:7px;color:var(--accent)}
@media(max-width:900px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-shell{display:block;width:min(100%,760px);margin:0 auto;padding:10px 10px 0}.game-panel{border-radius:22px}.score-panel{position:fixed;z-index:30;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));max-height:68vh;overflow:auto;transform:translateY(calc(100% + 100px));opacity:0;pointer-events:none;transition:.28s ease;border-radius:22px}.score-panel.mobile-open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-score-toggle.visible{display:flex}.mobile-score-toggle{position:fixed;z-index:40;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:56px;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(183,255,71,.25);border-radius:17px;background:linear-gradient(135deg,#b7ff47,#58dc86);color:#09150d;box-shadow:0 16px 35px rgba(0,0,0,.45);font-weight:900}.mobile-score-toggle em{margin-left:auto;margin-right:14px;font-style:normal;background:rgba(5,20,10,.15);padding:5px 9px;border-radius:9px}.mobile-score-toggle span{margin-left:14px}.header-actions{grid-column:1/-1;justify-content:space-between}.hero{grid-template-columns:58px 1fr}.live-badge{display:flex}.language-select select{font-size:12px}.primary-btn,.ghost-btn,.winner-buttons button,.option{min-height:46px;touch-action:manipulation}.player-row input{min-height:48px;font-size:16px}.match-body{min-height:250px}.logo-placeholder{width:104px;height:104px}.team-box h3{white-space:normal;min-height:45px;line-height:1.05}.team-meta{min-height:32px}.answers-box{max-height:180px;overflow:auto}.round-topbar{gap:7px;flex-wrap:wrap}.pool-label{width:100%;text-align:center}.score-panel:after{display:none}
}
@media(max-width:420px){
  .game-panel{padding:13px}.hero{padding-bottom:17px;margin-bottom:17px}.hero h1{font-size:31px}.hero-copy{display:none}.data-status{font-size:9px}.header-actions{margin-top:4px}.live-badge{font-size:8px;padding:7px 9px}.language-select{padding:7px 9px}.setup-title h2{font-size:30px}.card{padding:15px}.match-header{padding:10px}.match-body{grid-template-columns:1fr 42px 1fr;padding:15px 5px;min-height:220px}.logo-placeholder{width:82px;height:82px}.team-box h3{font-size:15px;min-height:48px}.team-meta{font-size:8px}.versus strong{font-size:27px}.status-box{font-size:11px}.primary-btn.big{font-size:13px}.winner-screen h2{font-size:45px}.segmented{gap:5px}.option{padding:8px 4px}.option strong{font-size:21px}
}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}}

.hero{grid-template-columns:68px minmax(0,1fr);align-items:start}
.header-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:16px}
.language-switcher{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid rgba(183,255,71,.15);border-radius:17px;background:linear-gradient(135deg,rgba(183,255,71,.075),rgba(2,12,7,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.language-title{display:flex;align-items:center;gap:7px;padding:0 9px;color:#cfe0d4;font-size:11px;white-space:nowrap}.language-title b{font-weight:800}
.lang-btn{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 12px;border-radius:11px;border:1px solid transparent;background:transparent;color:#a8b9ae;cursor:pointer;transition:.2s}
.lang-btn span{width:27px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.055);font-family:'Barlow Condensed';font-weight:900;font-size:13px}.lang-btn small{font-size:10px;font-weight:800}
.lang-btn:hover{background:rgba(255,255,255,.04);color:white}.lang-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#09160d;box-shadow:0 8px 22px rgba(101,255,91,.13)}.lang-btn.active span{background:rgba(4,18,9,.13)}
.sound-toggle{min-height:54px;display:flex;align-items:center;gap:9px;padding:0 15px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(2,12,7,.58);color:#dce9df;cursor:pointer;transition:.2s}.sound-toggle:hover{border-color:rgba(183,255,71,.3);transform:translateY(-1px)}.sound-toggle span{font-size:18px}.sound-toggle b{font-size:10px;text-transform:uppercase;letter-spacing:.7px}.sound-toggle[aria-pressed="false"]{opacity:.68}
.header-actions .live-badge{align-self:stretch;margin:0;display:flex;align-items:center}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.feature-strip article{display:flex;align-items:center;gap:11px;min-height:72px;padding:13px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(145deg,rgba(16,41,27,.72),rgba(4,17,10,.67));position:relative;overflow:hidden}
.feature-strip article:after{content:"";position:absolute;right:-18px;bottom:-18px;width:55px;height:55px;border:10px solid rgba(183,255,71,.035);border-radius:50%}.feature-strip article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(183,255,71,.08);font-size:17px}.feature-strip strong,.feature-strip small{display:block}.feature-strip strong{font-family:'Barlow Condensed';font-size:19px;text-transform:uppercase;color:white}.feature-strip small{margin-top:1px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.how-it-works{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:15px 17px;margin-bottom:17px;border:1px solid rgba(183,255,71,.13);border-radius:17px;background:linear-gradient(90deg,rgba(183,255,71,.055),rgba(7,23,14,.35))}.how-title small{color:var(--accent);font-size:8px;letter-spacing:1.6px;font-weight:900}.how-title h3{font-family:'Barlow Condensed';font-size:19px;text-transform:uppercase;margin:3px 0 0;white-space:nowrap}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.steps div{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;background:rgba(0,0,0,.18)}.steps b{font-family:'Barlow Condensed';font-size:17px;color:var(--accent)}.steps span{font-size:9px;font-weight:700;color:#d3e0d7}.steps i{color:rgba(183,255,71,.45);font-style:normal;font-size:20px}
.setup-grid{align-items:stretch}.card{min-height:100%}.start-zone{margin-top:16px}
@media(min-width:901px){.game-panel{min-height:calc(100vh - 66px)}.score-panel{top:26px}.setup-screen{min-height:600px}}
@media(max-width:900px){.header-actions{grid-template-columns:1fr auto}.language-switcher{overflow-x:auto;scrollbar-width:none}.language-switcher::-webkit-scrollbar{display:none}.header-actions .live-badge{display:none}.feature-strip{grid-template-columns:1fr 1fr}.how-it-works{grid-template-columns:1fr}.steps{gap:5px}.how-title h3{white-space:normal}}
@media(max-width:590px){.hero{grid-template-columns:52px 1fr}.header-actions{grid-column:1/-1;grid-template-columns:1fr}.language-switcher{width:100%;justify-content:space-between}.language-title{display:none}.lang-btn{flex:1;justify-content:center;padding:7px 5px}.lang-btn small{font-size:9px}.sound-toggle{min-height:44px;justify-content:center}.feature-strip{grid-template-columns:1fr 1fr;gap:7px}.feature-strip article{min-height:61px;padding:10px}.feature-strip article>span{width:32px;height:32px;font-size:15px}.feature-strip strong{font-size:16px}.how-it-works{padding:12px;margin-bottom:14px}.steps{grid-template-columns:1fr}.steps i{display:none}.steps div{justify-content:flex-start}.how-title h3{font-size:18px}.setup-title{margin-top:14px}}
@media(max-width:390px){.feature-strip{grid-template-columns:1fr}.feature-strip article{min-height:55px}.lang-btn small{display:none}.lang-btn span{width:34px}.language-switcher{gap:4px}}

.round-actions{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:11px;align-items:stretch;margin-top:14px}
.round-actions .spin-button{margin-top:0;min-width:0;width:100%}
.skip-btn{min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(54,62,57,.55),rgba(21,27,23,.72));color:rgba(224,232,227,.46);font-family:'Barlow Condensed';font-size:15px;font-weight:900;letter-spacing:1.1px;cursor:not-allowed;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.22s ease}
.skip-btn b{font-size:22px;opacity:.55}.skip-btn.is-ready{border-color:rgba(255,183,71,.46);background:linear-gradient(135deg,#ffbd47,#ff7f50);color:#241205;cursor:pointer;box-shadow:0 12px 28px rgba(255,139,71,.18)}.skip-btn.is-ready:hover{transform:translateY(-2px);filter:brightness(1.04)}.skip-btn.is-ready:active{transform:translateY(0)}
@media(max-width:590px){.round-actions{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.skip-btn{min-height:54px;padding:0 10px;font-size:12px;gap:7px}.skip-btn b{font-size:18px}}
@media(max-width:370px){.round-actions{grid-template-columns:1fr}.skip-btn{min-height:48px}}

.player-search-section{margin:26px 0;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(135deg,rgba(9,28,20,.96),rgba(8,16,13,.88));box-shadow:0 22px 50px rgba(0,0,0,.28);display:grid;grid-template-columns:minmax(210px,.75fr) minmax(320px,1.25fr);gap:22px;position:relative;overflow:visible}.player-search-copy h2{margin:6px 0;font-size:clamp(26px,3vw,40px)}.player-search-copy p{margin:0;color:#aebdb5;line-height:1.6}.database-kicker{font-size:11px;letter-spacing:.18em;color:#59e391;font-weight:900}.player-search-box{position:relative}.search-input-wrap{height:58px;border-radius:16px;background:#fff;display:flex;align-items:center;padding:0 16px;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.search-input-wrap>span{color:#07120d;font-size:28px}.search-input-wrap input{border:0;outline:0;flex:1;font:inherit;font-weight:700;font-size:16px;background:transparent;color:#07120d;min-width:0}.search-input-wrap kbd{color:#617067;background:#e9efeb;border-radius:7px;padding:4px 7px;font-size:10px}.player-search-results{position:absolute;z-index:30;left:0;right:0;top:66px;background:#0c1a14;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:7px;max-height:320px;overflow:auto;box-shadow:0 25px 55px rgba(0,0,0,.45)}.player-result{width:100%;border:0;background:transparent;color:white;padding:12px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;text-align:left}.player-result:hover,.player-result.active{background:rgba(89,227,145,.12)}.player-result strong{display:block}.player-result small{color:#8da399}.player-result em{font-style:normal;color:#59e391;font-size:12px}.player-profile-card{grid-column:1/-1;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);padding:20px}.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.profile-head h3{font-size:28px;margin:3px 0}.profile-head p{margin:0;color:#9eb0a6}.profile-badge{padding:8px 11px;border-radius:999px;background:rgba(89,227,145,.14);color:#59e391;font-size:11px;font-weight:900}.profile-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.profile-fact{padding:13px;border-radius:14px;background:rgba(0,0,0,.2)}.profile-fact small{display:block;color:#82958b;margin-bottom:5px}.profile-fact b{font-size:14px}.career-title{margin:20px 0 10px}.career-list{display:grid;gap:8px}.career-row{display:grid;grid-template-columns:90px 1.2fr 1fr .8fr;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.045);font-size:13px}.data-note{margin-top:14px;color:#81948a;font-size:11px;line-height:1.5}.hidden{display:none!important}@media(max-width:760px){.player-search-section{grid-template-columns:1fr;padding:17px}.player-profile-card{grid-column:auto}.profile-facts{grid-template-columns:repeat(2,1fr)}.career-row{grid-template-columns:78px 1fr}.career-row span:nth-child(3),.career-row span:nth-child(4){color:#82958b}.profile-head{flex-direction:column}}

.side-column{display:flex;flex-direction:column;gap:20px;min-width:0;align-self:stretch}.side-column .score-panel{width:100%;box-sizing:border-box}.side-player-database{margin:0;flex:1;min-height:520px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;grid-template-columns:none;gap:0;padding:22px;border-radius:28px;background:linear-gradient(155deg,rgba(10,31,21,.96),rgba(4,15,10,.95));border:1px solid var(--line);box-shadow:0 25px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04);overflow:visible}.side-player-database:after{content:"";position:absolute;right:-70px;bottom:-75px;width:180px;height:180px;border:22px solid rgba(183,255,71,.025);border-radius:50%;pointer-events:none}.archive-head{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.archive-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:rgba(183,255,71,.09);border:1px solid rgba(183,255,71,.13);color:var(--accent);font-size:27px;font-weight:900}.side-player-database .player-search-copy h2{font-family:'Barlow Condensed';font-size:27px;text-transform:uppercase;margin:3px 0 0}.side-player-database .database-kicker{font-size:9px;letter-spacing:1.8px}.archive-copy{position:relative;z-index:2;margin:15px 0 17px;color:var(--muted);font-size:12px;line-height:1.55}.side-player-database .player-search-box{position:relative;z-index:5}.side-player-database .search-input-wrap{height:50px;border-radius:13px;padding:0 12px;gap:8px}.side-player-database .search-input-wrap>span{font-size:23px}.side-player-database .search-input-wrap input{font-size:14px}.side-player-database .search-input-wrap kbd{font-size:8px;padding:4px 6px}.side-player-database .player-search-results{top:57px;max-height:285px}.archive-empty-state{position:relative;z-index:1;flex:1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(183,255,71,.13);user-select:none}.archive-empty-state span{font-size:42px;filter:grayscale(1);opacity:.35}.archive-empty-state strong{font-family:'Barlow Condensed';font-size:80px;line-height:.9;letter-spacing:-3px}.archive-empty-state small{margin-top:9px;color:rgba(202,221,210,.26);font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.side-player-database:has(.player-profile-card:not(.hidden)) .archive-empty-state{display:none}.side-player-database .player-profile-card{grid-column:auto;position:relative;z-index:2;margin-top:14px;padding:15px;border-radius:16px;overflow:hidden}.side-player-database .profile-head{gap:10px;margin-bottom:13px}.side-player-database .profile-head h3{font-size:22px;line-height:1.05}.side-player-database .profile-head p{font-size:11px}.side-player-database .profile-badge{font-size:9px;padding:6px 8px;white-space:nowrap}.side-player-database .profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.side-player-database .profile-fact{padding:10px;min-width:0}.side-player-database .profile-fact small{font-size:9px}.side-player-database .profile-fact b{display:block;font-size:11px;overflow-wrap:anywhere}.side-player-database .career-title{margin:15px 0 8px;font-size:13px}.side-player-database .career-list{max-height:300px;overflow:auto;padding-right:3px}.side-player-database .career-row{grid-template-columns:62px 1fr;gap:7px;padding:9px;font-size:10px}.side-player-database .career-row span:nth-child(3),.side-player-database .career-row span:nth-child(4){color:#82958b}.side-player-database .data-note{font-size:9px;margin-top:10px}.side-player-database .player-result{padding:10px}.side-player-database .player-result strong{font-size:12px}.side-player-database .player-result small,.side-player-database .player-result em{font-size:9px}
@media(min-width:901px){.side-column{min-height:calc(100vh - 66px)}.side-column .score-panel{position:sticky;top:26px}.side-player-database{min-height:calc(100vh - 330px)}}
@media(max-width:900px){.side-column{display:block}.side-player-database{margin-top:20px;min-height:480px}.side-column .score-panel{width:auto}.archive-empty-state{min-height:200px}}
@media(max-width:520px){.side-player-database{padding:18px;border-radius:22px}.side-player-database .profile-facts{grid-template-columns:1fr 1fr}.side-player-database .career-row{grid-template-columns:58px 1fr}.archive-empty-state strong{font-size:66px}}

.side-player-database .profile-identity{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}.side-player-database .profile-identity>img{width:66px;height:78px;border-radius:13px;object-fit:cover;object-position:top;background:#10251a;border:1px solid rgba(255,255,255,.12);flex:0 0 auto}.side-player-database .profile-identity .profile-head{flex:1;margin:0;min-width:0}.side-player-database .profile-badge.is-retired{background:rgba(255,190,70,.12);color:#ffc66a}.profile-highlight{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.profile-highlight>div{padding:11px;border-radius:13px;background:linear-gradient(145deg,rgba(183,255,71,.09),rgba(0,0,0,.18));border:1px solid rgba(183,255,71,.1);min-width:0}.profile-highlight small,.profile-highlight span{display:block;color:#82958b;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.profile-highlight strong{display:block;color:var(--accent);font-family:'Barlow Condensed';font-size:23px;margin:2px 0}.profile-highlight b{display:block;font-size:11px;overflow-wrap:anywhere;margin-top:5px}.side-player-database .career-row span{min-width:0}.side-player-database .career-row span strong{display:block;font-size:10px;overflow-wrap:anywhere}.side-player-database .career-row span small{display:block;margin-top:3px;color:#82958b;font-size:8px}.side-player-database .career-list{max-height:410px;scrollbar-width:thin}.side-player-database .player-profile-card{background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(0,0,0,.12))}@media(max-width:520px){.side-player-database .profile-identity>img{width:58px;height:70px}.profile-highlight{grid-template-columns:1fr}.side-player-database .career-list{max-height:360px}}

.answers-box.final-reveal{animation:finalPulse .8s ease-in-out infinite alternate;box-shadow:0 0 0 2px rgba(36,227,122,.45),0 0 34px rgba(36,227,122,.28)}
@keyframes finalPulse{from{transform:scale(1)}to{transform:scale(1.012)}}
.player-profile.retired-profile .player-market-value,.player-profile.retired-profile .player-national-team,.player-profile.retired-profile .player-position,.player-profile.retired-profile .player-foot,.player-profile.retired-profile .player-height,.player-profile.retired-profile .player-world-cups{display:none!important}

.team-card,.team-logo,.answer-chip,.score-item,.winner-buttons button,.primary-action{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease,box-shadow .28s ease,filter .28s ease}
.round-spinning .team-card{transform:translateY(-2px) scale(.985);filter:saturate(.8)}
.round-spinning .team-logo{filter:blur(2.8px) saturate(.6);transform:scale(.94)}
.round-revealed .team-card{animation:clubLand .7s cubic-bezier(.18,.89,.32,1.28)}
@keyframes clubLand{0%{transform:scale(.9);opacity:.55}65%{transform:scale(1.035)}100%{transform:scale(1);opacity:1}}
.answer-chip{animation:chipIn .38s both}.answer-chip:nth-child(2){animation-delay:.06s}.answer-chip:nth-child(3){animation-delay:.12s}.answer-chip:nth-child(4){animation-delay:.18s}
@keyframes chipIn{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}
.score-item{animation:scoreIn .35s both}@keyframes scoreIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.primary-action:active,.winner-buttons button:active{transform:scale(.975)}
@media(max-width:760px){
 body{overflow-x:hidden}.app-shell{padding-left:12px!important;padding-right:12px!important}.game-layout{display:block!important}.main-stage,.side-column{width:100%!important;min-width:0!important}.versus-grid{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important;gap:6px!important}.team-card{padding:14px 8px!important;min-width:0}.team-logo{width:82px!important;height:82px!important}.team-name{font-size:20px!important;line-height:1.05;overflow-wrap:anywhere}.team-meta{font-size:9px!important}.versus-mark{font-size:24px!important}.winner-buttons{position:sticky;bottom:8px;z-index:20;padding:10px;border-radius:18px;background:rgba(4,15,10,.94);backdrop-filter:blur(14px)}.winner-buttons button{min-height:48px}.game-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.game-actions .primary-action{grid-column:1/-1}.side-player-database{min-height:420px!important}.score-panel.mobile-open{max-height:75vh;overflow:auto}.answers-box{scroll-margin-top:12px}}
@media(max-width:390px){.team-logo{width:68px!important;height:68px!important}.team-name{font-size:17px!important}.versus-grid{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important}.app-shell{padding-left:8px!important;padding-right:8px!important}}

.pro-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto;padding:12px 24px;background:rgba(3,14,9,.88);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.nav-brand span,.footer-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent);color:#061009;font-family:'Barlow Condensed',sans-serif;font-weight:900}.nav-brand b{font-size:14px}.nav-links{display:flex;gap:6px}.nav-links a,.theme-toggle{padding:10px 12px;border-radius:12px;color:var(--muted);text-decoration:none;background:transparent;border:0;font:inherit;font-weight:800;cursor:pointer}.nav-links a:hover,.theme-toggle:hover{color:var(--text);background:rgba(255,255,255,.07)}
.portal-shell{max-width:1480px;margin:0 auto;padding:20px 24px 70px}.portal-section,.portal-card{margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,rgba(10,31,21,.96),rgba(4,15,10,.95));box-shadow:0 22px 70px rgba(0,0,0,.3)}.section-heading small,.weekly-card small,.achievement-panel small,.modal-card>small{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:2px}.section-heading h2,.weekly-card h2{margin:4px 0 6px;font-family:'Barlow Condensed',sans-serif;font-size:38px;text-transform:uppercase}.section-heading p,.weekly-card p{margin:0;color:var(--muted)}.weekly-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,rgba(183,255,71,.14),rgba(4,15,10,.96) 55%)}.weekly-pair{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:18px;background:rgba(0,0,0,.25);border:1px solid rgba(183,255,71,.18);font-size:18px}.weekly-pair span{font-size:30px}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.stats-grid article{padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.stats-grid span{font-size:23px}.stats-grid strong{display:block;margin-top:12px;font-family:'Barlow Condensed';font-size:34px;color:var(--accent)}.stats-grid small{color:var(--muted)}.achievement-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px;border-radius:18px;background:rgba(0,0,0,.18)}.achievement-panel h3{margin:4px 0 0}.achievement-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.achievement{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.05);color:#75877d;border:1px solid rgba(255,255,255,.06);font-size:12px}.achievement.unlocked{color:var(--text);background:rgba(183,255,71,.1);border-color:rgba(183,255,71,.2)}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.download-card{padding:22px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.download-card.featured{background:linear-gradient(145deg,rgba(183,255,71,.13),rgba(255,255,255,.035));border-color:rgba(183,255,71,.25)}.download-card>span{font-size:34px}.download-card h3{margin:14px 0 7px}.download-card p{min-height:44px;color:var(--muted);font-size:13px}.download-card button{width:100%;padding:12px;border:0;border-radius:12px;background:var(--accent);color:#07120d;font-weight:900;cursor:pointer}.download-card button:disabled{background:rgba(255,255,255,.08);color:var(--muted);cursor:not-allowed}.changelog-card{position:relative;margin-top:20px;padding:22px;border-radius:20px;background:rgba(255,255,255,.04)}.changelog-card>b{font-size:20px}.changelog-card time{float:right;color:var(--accent)}.changelog-card li{margin:8px 0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:18px;border-radius:18px;text-align:left;text-decoration:none;color:var(--text);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);cursor:pointer}.contact-action:hover{transform:translateY(-2px);border-color:rgba(183,255,71,.3)}.contact-action span{font-size:25px}.contact-action small{color:var(--muted)}.social-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.social-row a{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.05);color:var(--muted);text-decoration:none}.pro-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(24px,calc((100vw - 1432px)/2));border-top:1px solid rgba(255,255,255,.08);background:#030d08}.pro-footer>div{display:flex;align-items:center;gap:12px}.pro-footer small{display:block;color:var(--muted);margin-top:4px}.pro-footer p{color:var(--muted);font-size:12px}.floating-feedback{position:fixed;right:18px;bottom:18px;z-index:120;padding:13px 16px;border:0;border-radius:999px;background:var(--accent);color:#061009;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.4);cursor:pointer}.portal-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px}.portal-modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:1;width:min(540px,100%);display:grid;gap:12px;padding:28px;border-radius:24px;background:#07160f;border:1px solid var(--line);box-shadow:0 30px 100px #000}.modal-card h2{margin:0 0 6px;font-family:'Barlow Condensed';font-size:32px}.modal-card input,.modal-card select,.modal-card textarea{width:100%;box-sizing:border-box;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:var(--text);font:inherit}.modal-card select option{color:#111}.modal-submit{padding:14px;border:0;border-radius:12px;background:var(--accent);color:#07120d;font-weight:900}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:var(--text);font-size:28px;cursor:pointer}.form-note{margin:0;color:var(--muted);font-size:11px}
body.light-mode{--bg:#eef4f0;--panel:#fff;--text:#102018;--muted:#627169;--line:rgba(14,42,27,.14);background:#eef4f0;color:var(--text)}body.light-mode .pro-nav{background:rgba(255,255,255,.9)}body.light-mode .portal-section,body.light-mode .portal-card,body.light-mode .modal-card{background:linear-gradient(155deg,#fff,#f4f8f5)}body.light-mode .pro-footer{background:#e5ede8}body.light-mode .download-card,body.light-mode .contact-action,body.light-mode .stats-grid article,body.light-mode .changelog-card,body.light-mode .achievement-panel{background:rgba(15,52,31,.05)}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(3,1fr)}.download-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media(max-width:620px){.pro-nav{padding:10px 14px}.nav-brand b{display:none}.portal-shell{padding:8px 12px 50px}.portal-section,.portal-card{padding:20px;border-radius:22px}.weekly-card,.achievement-panel,.pro-footer{align-items:flex-start;flex-direction:column}.weekly-pair{width:100%;box-sizing:border-box}.stats-grid{grid-template-columns:repeat(2,1fr)}.download-grid,.contact-grid{grid-template-columns:1fr}.achievement-list{justify-content:flex-start}.pro-footer{padding:22px 14px}.floating-feedback span{display:none}}