@keyframes flIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.flags-page .fl-board{border:1px solid var(--g-line);box-shadow:var(--g-shadow);background:#0b2438;flex-direction:column;gap:12px;height:min(68dvh,640px);min-height:460px;padding:16px 18px 18px;display:flex;position:relative;overflow:hidden}.flags-page .fl-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.flags-page .fl-head .wr-progress{flex:1;max-width:240px}.flags-page .fl-stage{flex:1;min-height:0;position:relative}.flags-page .fl-flag{object-fit:contain;filter:drop-shadow(0 0 1px #f5f0e399)drop-shadow(0 16px 28px #0000008c);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:520px;height:100%;max-height:320px;margin:auto;animation:.22s ease-out flIn;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.flags-page .fl-flag{animation:none}}.flags-page .wr-input{width:100%;max-width:560px;margin:0 auto}.flags-page .wr-feedback{text-align:center;min-height:24px;padding:0 4px}.flags-page .fl-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.flags-page .fl-score{color:var(--g-muted);font-variant-numeric:tabular-nums;font-size:15px;margin:-8px 0 18px!important}.flags-page .fl-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.flags-page .fl-list{flex:1;overflow:auto}.flags-page .fl-list h2{font:inherit;color:var(--g-ink);border-bottom:1px solid #80acce1a;justify-content:space-between;gap:8px;margin:0;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.flags-page .fl-list h2 em{color:var(--g-muted);font-variant-numeric:tabular-nums;font-style:normal;font-weight:400}.flags-page .fl-list h2.full,.flags-page .fl-list h2.full em{color:var(--g-accent-hover)}.flags-page .fl-list ul{border-bottom:1px solid #80acce1a;margin:0;padding:6px 0 8px;list-style:none}.flags-page .fl-list li{align-items:center;gap:10px;padding:5px 16px;font-size:13.5px;line-height:1.3;display:flex}.flags-page .fl-list li img{object-fit:contain;flex:none;width:24px;height:16px}.flags-page .fl-list li.ok{color:var(--g-accent-hover)}.flags-page .fl-list li.miss{color:#e5a59f}@media (width<=900px){.flags-page .fl-board{gap:10px;height:auto;min-height:0;padding:12px 12px 14px}.flags-page .fl-stage{flex:none;height:clamp(130px,26dvh,240px)}.flags-page .fl-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:min(60dvh,520px)}.flags-page .fl-list ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}}@media (width<=600px){.flags-page .fl-actions .wr-btn{flex:1;min-height:42px}.flags-page .fl-actions .wr-btn.confirming{padding:4px 6px;font-size:12px;line-height:1.2}.flags-page .fl-result-actions .wr-btn{flex:28%;min-height:44px;padding:8px 6px}.flags-page .fl-score{margin-top:-4px!important}.flags-page .fl-list li{padding:7px 14px}}@media (width<=720px){.flags-page[data-phase=idle] :is(.fl-head,.fl-stage,.wr-input,.wr-feedback,.fl-actions){display:none}.flags-page[data-phase=idle] .fl-board{height:max(420px,100dvh - 96px)}.flags-page:is([data-phase=playing],[data-phase=ended]) .fl-board{height:auto;min-height:0;box-shadow:none;border:0;flex:1 1 0;order:1;gap:0;padding:0}.flags-page:is([data-phase=playing],[data-phase=ended]) :is(.fl-head,.fl-actions){display:none}.flags-page:is([data-phase=playing],[data-phase=ended]) .fl-stage{flex:1 1 0;height:auto;min-height:0;margin:58px 18px 14px}.flags-page:is([data-phase=playing],[data-phase=ended]) .wr-input{max-width:none;margin:0}.flags-page:is([data-phase=playing],[data-phase=ended]) .wr-input .wr-btn{min-height:46px;padding:0 16px}.flags-page:is([data-phase=playing],[data-phase=ended]) .wr-toast{bottom:0}.flags-page[data-phase=ended] .fl-result-actions .wr-btn.primary{flex-basis:100%}}