.settings-screen{display:block;background:#090e23f2;overflow:auto;padding:95px 5% 35px;z-index:3}.settings-wrap{max-width:1050px;margin:auto}.settings-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px}.settings-top h2{margin:11px 0;font-size:clamp(35px,4vw,54px)}.settings-top p{font-size:11px;color:#8da6cf;margin:10px 0 0}.settings-top button{border:1px solid #34476a;background:none;color:#b5c7e9;font-size:9px;padding:12px;letter-spacing:.7px}.settings-body{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.rules-section{border:1px solid #2a3a5b;background:#10192f;padding:22px}.rules-section h3{font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 21px;color:#d5e5ff;display:flex;gap:13px}.rules-section h3>span{color:#688bb7;font-size:10px}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px}.rule-field label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b5c8e9;margin-bottom:8px;line-height:1.5}.rule-field output{font-size:10px;color:var(--cyan);font-variant-numeric:tabular-nums}.rule-field input:not([type="checkbox"]),.rule-field select{width:100%;min-width:0;border:1px solid #35496e;background:#0c1429;color:#d9e7ff;padding:9px 11px;font:12px 'DM Sans',Arial,sans-serif;border-radius:0}.rule-field input[type="range"]{padding:7px 0;border:0;accent-color:var(--cyan);cursor:pointer}.rule-field small{display:block;font-size:8px;color:#768fb9;line-height:1.7;margin-top:7px}.rule-field input:disabled,.rule-field select:disabled{opacity:.4}.rule-field select option{background:#10192f}.checkbox-field{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.checkbox-field label{margin:0}.checkbox-field input,.power-ban input{accent-color:var(--cyan);width:15px;height:15px;flex-shrink:0}.rules-advanced{margin-top:20px}.rules-advanced>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:#c8dafa;font-size:12px;font-weight:500;gap:15px}.rules-advanced>summary::after{content:'+';font-size:17px;color:var(--cyan)}.rules-advanced[open]>summary::after{content:'−'}.rules-advanced>summary small{color:#7e96bc;font-size:9px;font-weight:400;letter-spacing:.4px;align-self:center;margin-left:auto}.rules-advanced[open]>summary{margin-bottom:25px}.rules-advanced .rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ban-header{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2b3c5e;margin-top:25px;padding-top:25px}.ban-header h4{font-size:12px;margin:0 0 8px;font-weight:500}.ban-header p{font-size:9px;line-height:1.7;color:#849ec6;margin:0 0 16px}.ban-header>span{font-size:9px;color:var(--cyan);white-space:nowrap}.power-bans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.power-ban{display:flex;align-items:flex-start;gap:9px;border:1px solid #324467;padding:13px;cursor:pointer}.power-ban b{display:block;font-size:10px;font-weight:500;color:#c2d4f3;margin-bottom:6px}.power-ban small{font-size:8px;color:#7891bc;line-height:1.6;display:block}.power-ban:has(input:checked){border-color:#8d395f;background:#ff39ac07}.power-ban:has(input:checked) b{color:#fa99cc;text-decoration:line-through}.power-ban input{accent-color:var(--pink);margin-top:0}.rules-bottom{display:flex;align-items:center;gap:20px;position:sticky;bottom:-35px;background:#090e23f5;border-top:1px solid #2e4267;margin-top:25px;padding:18px 0;z-index:3}.rules-bottom>div{flex:1;font-size:9px;color:#7c96bf;line-height:1.7}.rules-bottom .primary{width:240px}.rules-error{color:#ff8fbc!important;margin:5px 0 0;min-height:0}.settings-screen~.app-footer{pointer-events:none}body[data-screen="settings"] .app-footer{display:none}.players-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.players-hud[data-count="2"]{grid-template-columns:1fr 1fr}.players-hud .player-hud{min-width:0;gap:8px}.players-hud .player-hud:last-child{justify-content:flex-end}.players-hud .score-number{color:#d3e3ff;font-size:11px;font-variant-numeric:tabular-nums}.game-hud{display:block}.game-hud>.round-label{margin-bottom:17px}.color-0{color:#28edff}.color-1{color:#ff39ac}.color-2{color:#ffe66d}.color-3{color:#aa7aff}.player-dot.color-0{background:#28edff}.player-dot.color-1{background:#ff39ac}.player-dot.color-2{background:#ffe66d}.player-dot.color-3{background:#aa7aff}.cards{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.cards .upgrade-card{min-width:0;max-width:260px;width:100%;justify-self:center}.cards .upgrade-card b{font-size:24px}.cards .upgrade-card p{font-size:10px}.settings-screen button:focus-visible,.settings-screen input:focus-visible,.settings-screen select:focus-visible,.settings-screen summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:760px){.settings-screen{padding:88px 5% 25px}.settings-body{grid-template-columns:1fr}.rules-advanced .rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.power-bans{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-top{align-items:flex-start;gap:15px}.settings-top button{font-size:8px;padding:9px}.rules-section{padding:18px}.rules-bottom{bottom:-25px;gap:12px}.rules-bottom .primary{width:190px;padding:15px 9px;font-size:9px}.rules-advanced>summary small{display:none}.players-hud{gap:10px}.players-hud .player-hud{font-size:7px;gap:5px;flex-wrap:wrap}.players-hud .score-number{font-size:9px}.players-hud .player-dot{width:5px;height:5px}.game-hud{top:70px}.cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.cards .upgrade-card b{font-size:21px}}
@media(max-width:480px){.power-bans{grid-template-columns:1fr}.rule-grid,.rules-advanced .rule-grid{gap:16px 13px}.rules-bottom>div{font-size:8px}.rules-bottom .primary{width:160px;font-size:8px}.settings-top h2{font-size:36px}.settings-top .overline{font-size:8px}.players-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-hud>.round-label{display:block;font-size:7px;margin-bottom:10px}.players-hud .player-hud:nth-child(even){justify-content:flex-end}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

body[data-screen="settings"] .topbar{background:#090e23;border-bottom:1px solid #24334f;height:75px}.upgrade-screen{overflow:auto;padding:85px 0 65px;align-items:flex-start}.upgrade-panel{margin:auto}.setup-content[data-player="3"] .setup-progress,.setup-content[data-player="3"] h2 span{color:#ffe66d}.setup-content[data-player="4"] .setup-progress,.setup-content[data-player="4"] h2 span{color:#aa7aff}