.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.flags-game{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);grid-template-areas:"stats modes controls""board board board";display:grid}.flags-hud__bar{display:contents}.flags-hud__stats,.flags-hud__modes,.flags-hud__controls{font-size:var(--game-unit);align-self:center}.flags-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;align-items:center;gap:1.25em;display:flex}.flags-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;align-items:center;gap:.5em;display:flex}.flags-hud__modes{grid-area:modes;justify-self:center;gap:.25em;display:flex}.flags-hud__mode{border-radius:calc(var(--game-unit) * .75);color:var(--cream);font-family:var(--display);white-space:nowrap;padding:.25em .75em;font-weight:600;text-decoration:none}.flags-hud__mode:hover{background:#0000001f}.flags-hud__mode[aria-current=page]{color:var(--cream);background:#00000038}.flags-hud__stat{align-items:baseline;gap:.25em;display:flex}.flags-hud__stat-label{color:var(--cream);font-size:.875em}.flags-hud__stat-value{min-width:var(--reading);font-size:1.0625em;font-weight:700;display:inline-block}.flags-hud__time{position:relative}.flags-hud__time-track{inset-inline:0;background:#00000047;border-radius:.125em;height:.25em;position:absolute;bottom:-.45em;overflow:hidden}.flags-hud__time-left{border-radius:inherit;background:var(--cream);height:100%;transform:scaleX(var(--left));transform-origin:0;display:block}@media (prefers-reduced-motion:no-preference){.flags-hud__time-left[data-draining]{animation:flags-time-drain var(--drain) linear forwards}}@keyframes flags-time-drain{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}.flags-hud__time[data-low] .flags-hud__time-left{background:var(--accent)}.flags-hud__time[data-low] .flags-hud__stat-value{color:var(--accent)}.flags-difficulty .setting{flex-direction:column;align-items:stretch;gap:.5em}.flags-difficulty .segmented{grid-template-columns:repeat(3,1fr);display:grid}.flags-difficulty .segmented span{text-align:center;padding-inline:.5em}.flags{justify-content:center;align-items:center;gap:calc(var(--game-unit) * 1.25);width:100%;height:100%;min-height:0;padding:calc(var(--game-unit) * .5);isolation:isolate;flex-direction:column;grid-area:board;display:flex;position:relative;overflow:hidden}.flags__card{padding:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * 1.125);background:var(--panel);box-shadow:var(--shadow-panel);place-items:center;display:grid}.flags__flag{width:calc(var(--game-unit) * 24);aspect-ratio:1;border:.0625rem solid var(--panel-edge);max-width:100%;height:auto;display:block}.flags__choices{gap:calc(var(--game-unit) * .625);width:100%;max-width:calc(var(--game-unit) * 46);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.flags__choice{justify-content:flex-start;align-items:center;gap:calc(var(--game-unit) * .5);height:auto;min-height:calc(var(--game-unit) * 3.25);padding:calc(var(--game-unit) * .5) calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--panel-edge);font-size:calc(var(--game-unit) * 1.0625);text-align:left;display:flex}.flags__choice:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--panel-edge);transition-duration:0s}.flags__choice[data-pressed][aria-disabled=true]{transform:translateY(calc(var(--game-unit) * .1875));background:var(--panel);box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--panel-edge);color:var(--ink)}.flags__choice-key{width:calc(var(--game-unit) * 1.5);height:calc(var(--game-unit) * 1.5);border-radius:calc(var(--game-unit) * .375);background:var(--panel-edge);color:var(--ink-soft);flex:none;place-items:center;font-size:.8125em;font-weight:700;display:grid}.flags__choice-name{min-width:0}.flags__choice-mark{margin-left:auto;font-size:1.125em;font-weight:700}.flags__choice[data-answer=right]:disabled,.flags__choice[data-answer=right][aria-disabled=true],.flags__choice[data-answer=right]{background:var(--accent);box-shadow:none;color:var(--accent-ink);opacity:1}.flags__choice[data-answer=wrong]:disabled,.flags__choice[data-answer=wrong][aria-disabled=true],.flags__choice[data-answer=wrong]{background:var(--danger);box-shadow:none;color:var(--cream);opacity:1}.flags__choice[data-answer] .flags__choice-key{color:inherit;background:#0000002e}.flags__type{align-items:center;gap:calc(var(--game-unit) * .375);width:100%;max-width:calc(var(--game-unit) * 34);flex-direction:column;display:flex}.flags__type-label{color:var(--cream-soft);font-size:calc(var(--game-unit) * .9375);font-weight:600}.flags__type-row{gap:calc(var(--game-unit) * .5);width:100%;display:flex}.flags__type-field{min-width:0;height:calc(var(--game-unit) * 2.75);padding-inline:calc(var(--game-unit) * .75);border:calc(var(--game-unit) * .125) solid var(--panel-edge);border-radius:calc(var(--game-unit) * .75);background:var(--panel);color:var(--ink);font-family:var(--body);font-size:calc(var(--game-unit) * 1.0625);flex:auto}.flags__type-submit{height:calc(var(--game-unit) * 2.75);padding-inline:calc(var(--game-unit) * 1.25);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--accent-edge);font-size:calc(var(--game-unit) * 1);flex:none}.flags__type-result{min-height:1.5em;margin:0;font-weight:700}.flags__type-result[data-answer=right]{color:var(--accent)}.flags__type-result[data-answer=wrong]{color:var(--danger)}.flags__skip{min-width:calc(var(--game-unit) * 14);height:calc(var(--game-unit) * 2.875);padding-inline:calc(var(--game-unit) * 1.5);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--panel-edge);font-size:calc(var(--game-unit) * 1.0625)}.flags__skip:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--panel-edge);transition-duration:0s}.flags__refusal{color:var(--danger);font-size:calc(var(--game-unit) * .9375);margin:0;font-weight:700}.flags__countdown{z-index:var(--layer-overlay);place-content:center;justify-items:center;gap:calc(var(--game-unit) * .5);text-align:center;background:#00000073;display:grid;position:absolute;inset:0}.flags__countdown-label{color:var(--cream-soft);font-family:var(--display);font-size:calc(var(--game-unit) * 1.5);margin:0}.flags__countdown-count{color:var(--cream);font-family:var(--display);font-size:calc(var(--game-unit) * 6);margin:0;font-weight:600;line-height:1}.flags-seats{font-size:var(--game-unit);flex-wrap:wrap;justify-content:center}.flags-seats__list{justify-content:center;gap:calc(var(--game-unit) * .75);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.flags-seats__seat{border-radius:calc(var(--game-unit) * .75);background:#0000002e;align-items:baseline;gap:.375em;padding:.25em .75em;display:flex}.flags-seats__seat[data-you]{background:color-mix(in srgb, var(--cream) 16%, transparent)}.flags-seats__name{font-weight:600}.flags-seats__badge,.flags-seats__state{color:var(--cream-soft);font-size:.8125em}.flags-seats__score{font-weight:700}.flags-seats__multiplier{color:var(--accent);font-size:.875em;font-weight:700}.flags-seats__note{width:100%;color:var(--cream-soft);text-align:center;margin:0;font-size:.875em}.flags-over{background:#00000073;padding:1rem}.flags-over__panel{text-align:center;max-width:28rem}.flags-over__title{margin:0 0 .75rem}.flags-over__score{color:var(--ink);font-family:var(--display);margin:0;font-size:3rem;font-weight:600;line-height:1}.flags-over__score-label{color:var(--ink-soft);margin:0 0 1.25rem;font-size:.875rem}.flags-over__readings{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0 0 1.25rem;display:grid}.flags-over__reading dt{color:var(--ink-soft);font-size:.875rem}.flags-over__reading dd{color:var(--ink);font-family:var(--display);margin:0;font-size:1.5rem}.flags-over__best{border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent) 28%, var(--panel));color:var(--ink);margin:0 0 1.25rem;padding:.25rem .75rem;font-weight:700}.flags-over__places{counter-reset:place;gap:.25rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.flags-over__place{border-radius:var(--radius-control);color:var(--ink);counter-increment:place;align-items:baseline;gap:.75rem;padding:.25rem .75rem;display:flex}.flags-over__place:before{content:counter(place) ".";color:var(--ink-soft);font-weight:700}.flags-over__place[data-you]{background:color-mix(in srgb, var(--accent) 28%, var(--panel))}.flags-over__place-name{text-align:left;min-width:0}.flags-over__place-score{font-family:var(--display);margin-left:auto;font-weight:600}.flags-over__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=40rem) and (height>=24rem){.flags-game{grid-template:"stats""board"minmax(0,1fr)"controls"/minmax(0,1fr)}.flags-hud__bar{flex-wrap:wrap;grid-area:stats;justify-content:center;align-items:center;column-gap:.75rem;padding-inline:.5rem;display:flex}.flags-hud__bar>.flags-hud__stats,.flags-hud__bar>.flags-hud__modes{width:auto}.flags-hud__stats,.flags-hud__modes,.flags-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:stretch;width:100%;margin:0;padding-block:.5rem;font-size:1rem}.flags-hud__stats{gap:.75em}.flags-hud__controls{justify-content:space-evenly;gap:1.5rem .5rem;padding-block:.5rem 1.5rem;padding-inline:.5rem}.flags-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.flags-hud__icon{display:block}.flags-hud__button--icon .flags-hud__icon{width:1.5rem;height:1.5rem}.flags-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.flags-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.flags{gap:.75rem;padding:.25rem}.flags__card{aspect-ratio:1;border-radius:var(--radius-panel);flex:0 16rem;grid-template:minmax(0,1fr)/minmax(0,1fr);max-width:100%;min-height:0;padding:.75rem}.flags__flag{object-fit:contain;width:100%;height:100%}.flags__choices,.flags__type,.flags__skip{flex-shrink:0}.flags__choices{grid-template-columns:minmax(0,1fr);gap:.625rem;max-width:22rem}.flags__choice{border-radius:var(--radius-control);min-height:2.75rem;box-shadow:0 .25rem 0 var(--panel-edge);gap:.5rem;padding:.5rem .75rem;font-size:1rem}.flags__choice:active:not(:disabled,[aria-disabled=true]),.flags__choice[data-pressed][aria-disabled=true]{box-shadow:0 .0625rem 0 var(--panel-edge);transform:translateY(.1875rem)}.flags__choice-key{border-radius:.375rem;width:1.5rem;height:1.5rem}.flags__type{max-width:22rem}.flags__type-field,.flags__type-submit{border-radius:var(--radius-control);height:2.75rem;font-size:1rem}.flags__type-field{border-width:.125rem}.flags__skip{border-radius:var(--radius-control);min-width:11rem;height:2.75rem;box-shadow:0 .25rem 0 var(--panel-edge);padding-inline:1.5rem;font-size:1rem}.flags__skip:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--panel-edge);transform:translateY(.1875rem)}.flags__countdown-count{font-size:4rem}.flags-seats{font-size:.875rem}.flags-over__readings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem) and (height>=24rem) and (height<=47rem){.flags{gap:.5rem}.flags__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}