.tile-flags{background:radial-gradient(ellipse at 35% 20%,#ffd5b3,#efb895)}
.tile-flags .game-tile-art{width:67.6%;height:78%;top:4%}
.flags-setup .pexeso-intro{padding-bottom:clamp(24px,4cqh,40px)}
.flags-setup .pexeso-intro img{height:auto;width:min(460px,55cqh,70cqw);margin-bottom:clamp(-36px,-4cqh,-12px)}
.flags-setup .pexeso-intro p{margin-bottom:12px}
.flags-setup .pexeso-note{margin-top:24px}
.flags-setup{--flags-choice-height:59px}
.flags-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(720px,100%);margin-bottom:16px;pointer-events:auto}
.flags-regions button{display:flex;align-items:center;justify-content:center;gap:7px;height:var(--flags-choice-height);min-height:var(--flags-choice-height);border:2px solid transparent;border-radius:12px;background:#edf0f3;color:#193657;padding:7px 12px;font:inherit;font-size:clamp(13px,1.3vw,20px);font-weight:700;line-height:1.15}
.flags-regions button[aria-pressed=true]{background:#ffcf72;border-color:#193657}
.flags-regions button{position:relative;text-align:center;white-space:nowrap}
.flags-regions [data-flag-region] span{visibility:hidden;position:absolute;left:8px;top:50%;transform:translateY(-50%)}
.flags-regions [aria-pressed=true] span{visibility:visible}
@media(min-width:1367px){.flags-regions{width:min(819px,100%)}}
.flags-regions .flags-select-all{background:#193657;color:white}
.flags-regions .flags-select-all:disabled{opacity:.45;cursor:default}
.flags-times{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 16px}
.flags-times button{height:var(--flags-choice-height);min-height:var(--flags-choice-height);border:0;border-radius:14px;background:#edf0f3;color:#193657;padding:12px 24px;font-size:clamp(18px,2vw,26px);font-weight:800}
.flags-times button[aria-pressed=true]{background:#ffcf72;box-shadow:inset 0 0 0 2px #193657}
.flags-times button[data-flag-time="0"],.counting-setup .flags-times button[data-time="0"]{font-size:clamp(26px,2.8vw,36px);line-height:1}
.flags-modes button:first-child{background:#193657;color:white}.flags-modes button:nth-child(2){background:#ffcf72;color:#193657}
.flags-modes button:disabled{opacity:.4}
.flags-panel{height:100%;min-height:0;gap:clamp(8px,1.5vh,24px)}
.flags-clock{display:flex;align-items:center;gap:12px;color:#193657;font-size:clamp(16px,1.5vw,26px)}
.flags-clock strong{font-size:clamp(24px,2.5vw,42px);font-variant-numeric:tabular-nums}
.flags-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.5vw,72px);flex:1;min-height:0}
.flags-columns.flags-single{grid-template-columns:minmax(0,1fr);width:min(100%,760px);align-self:center}
.flags-player{display:flex;flex-direction:column;min-height:0;min-width:0;gap:clamp(5px,1vh,18px);text-align:center}
.flags-player:not(.counting-player){width:min(100%,33.333333vw);justify-self:center}
.flags-player h2{margin:0;align-self:center;padding:5px 24px;border:3px solid var(--player-color);border-radius:14px;background:var(--player-color);color:#fff;font-size:clamp(16px,1.5vw,28px);font-weight:800}
.flags-player:nth-child(2) h2{color:#193657}
.flags-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;color:#193657;font-size:clamp(18px,1.8vw,34px)}
.flags-score small{display:block;font-size:clamp(10px,.9vw,18px);font-weight:600}
.flags-correct{color:#338245}.flags-wrong{color:#b7403e}
.flags-picture{position:relative;flex:1;min-height:65px;background:#f0eee9;border:3px solid #e2ded6;border-radius:20px;padding:clamp(8px,1.2vh,24px);transition:border-color .1s}
.flags-player:not(.counting-player) .flags-picture{flex:.5;width:50%;align-self:center}
.flags-picture img{position:absolute;inset:clamp(8px,1.2vh,24px);width:calc(100% - 2 * clamp(8px,1.2vh,24px));height:calc(100% - 2 * clamp(8px,1.2vh,24px));object-fit:contain}
.is-correct .flags-picture{border-color:#338245}.is-wrong .flags-picture{border-color:#cf5551}
.flags-answers{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(5px,.8vh,16px);flex-shrink:0}
.flags-player:not(.counting-player) .flags-answers{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.flags-answers button{border:3px solid transparent;border-radius:14px;background:#edf0f3;color:#193657;padding:clamp(5px,.8vh,16px) 12px;font:inherit;font-size:clamp(14px,1.55vw,29px);font-weight:700;min-height:clamp(35px,5.7vh,110px);line-height:1.1;overflow-wrap:anywhere}
.flags-answers button:disabled{opacity:1;cursor:default}
.flags-answers .answer-correct{border-color:#338245;background:#dcefdc}.flags-answers .answer-wrong{border-color:#cf5551;background:#f9dfdb}
.flags-feedback{min-height:1.2em;font-size:clamp(11px,1.1vw,20px);line-height:1.2;color:#193657}
.flags-results{display:flex;justify-content:center;gap:24px;margin:24px 0;flex-wrap:wrap}
.flags-results>div{border:3px solid var(--player-color);border-radius:20px;padding:20px 28px;background:#fffaf7}
.flags-results h4{font-size:24px;margin:0 0 8px}.flags-results strong{font-size:42px}.flags-results p{font-size:18px!important;margin:8px 0 0}
.flags-result-actions{display:flex;justify-content:center;gap:14px}.flags-result-actions button{margin:0;width:220px;min-height:64px}
@media(min-width:1800px){.flags-columns.flags-single{width:min(60%,1400px)}}
@media(max-width:800px){.flags-times{margin-bottom:14px}.flags-times button{padding:10px 18px}.flags-score{font-size:18px}.flags-player h2{padding:4px 12px}.flags-picture{border-radius:14px}.flags-columns{gap:12px}.flags-answers button{padding:5px;font-size:13px}.flags-result-actions button{min-width:130px;font-size:20px;padding:12px}.flags-clock{gap:5px}}
@media(max-width:800px){.flags-setup{--flags-choice-height:44px}.flags-regions{width:min(720px,100%);gap:6px;margin-bottom:12px}.flags-regions button{padding:6px;font-size:13px}.flags-setup .pexeso-intro img{width:min(320px,42cqh,65cqw)}}
@media(max-height:560px){.flags-panel{overflow:auto}.flags-columns{min-height:310px}.flags-setup .pexeso-intro{overflow:auto;padding-bottom:0;justify-content:flex-start;padding-top:48px}.flags-setup .pexeso-intro img{height:auto;width:min(220px,30cqh,65cqw);flex-shrink:0;margin-bottom:-12px}.flags-setup .pexeso-intro h2{font-size:28px}.flags-setup .pexeso-intro p{font-size:18px;margin-bottom:12px}.flags-regions{flex-shrink:0}}