.flopModalOverlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#140c06bf;place-items:center;padding:16px;animation:.22s ease-out flopFadeIn;display:grid;position:fixed;inset:0}@keyframes flopFadeIn{0%{opacity:0}to{opacity:1}}.flopModalContainer{scrollbar-width:none;-ms-overflow-style:none;color:#241b12;background:linear-gradient(172deg,#fffef9 0%,#faf3e6 100%);border:2px solid #b8860b61;border-radius:26px;flex-direction:column;gap:20px;width:100%;max-width:680px;max-height:92vh;padding:clamp(20px,4vw,32px);animation:.25s cubic-bezier(.16,1,.3,1) flopSlideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #2d1b0a61,inset 0 0 0 1px #ffffffe6}.flopModalContainer::-webkit-scrollbar{display:none}@keyframes flopSlideUp{0%{opacity:0;transform:translateY(18px)scale(.97)}to{transform:translateY(0)scale(1)}}.flopModalCloseBtn{color:#3b2818;cursor:pointer;z-index:10;background:#ffffffbf;border:1px solid #95601d40;border-radius:50%;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.flopModalCloseBtn:hover{color:#b91c1c;background:#dc262626;border-color:#dc262666;transform:rotate(90deg)}.flopModalHeader{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 28px;display:flex}.flopModalTitle{font-family:var(--font-display), serif;color:#1a1208;letter-spacing:-.015em;text-shadow:0 1px 2px #fffc;margin:0;font-size:clamp(22px,3.2vw,29px);font-weight:850;line-height:1.18}.flopModalSubtitle{color:#241b12c2;max-width:460px;margin:0;font-size:13.5px;line-height:1.45}.flopModalBody,.flopModalVotingPhase{flex-direction:column;gap:16px;display:flex}.flopModalPromptText{color:#78490e;text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:800}.flopModalCardsGrid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;width:100%;max-width:620px;margin:0 auto;display:flex}.flopModalQueenCard{cursor:pointer;text-align:left;background:linear-gradient(#fffffff2 0%,#fcf8eefa 100%);border:1.5px solid #95601d47;border-radius:18px;flex-direction:column;flex:170px;width:100%;min-width:155px;max-width:215px;padding:0;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #4a341c14}.flopModalQueenCard:hover{border-color:#b8860b;transform:translateY(-3px);box-shadow:0 12px 28px #4a341c26}.flopModalQueenCard.isSelected{border-color:#104635;transform:translateY(-4px);box-shadow:0 0 0 3px #10463547,0 14px 34px #10463538}.flopModalPortraitFrame{aspect-ratio:.74;background:#10463514;width:100%;position:relative;overflow:hidden}.flopModalPortraitImg{object-fit:cover;object-position:center 25%;width:100%;height:100%;transition:transform .4s;display:block}.flopModalQueenCard:hover .flopModalPortraitImg{transform:scale(1.05)}.flopModalPortraitGradient{pointer-events:none;background:linear-gradient(#0000 55%,#181006bf 100%);position:absolute;inset:0}.flopModalQueenNameBanner{z-index:2;position:absolute;bottom:10px;left:10px;right:10px}.flopModalQueenNameBanner strong{font-family:var(--font-display), serif;color:#fff9ed;text-shadow:0 2px 6px #000000d9;font-size:18px;line-height:1.1;display:block}.flopModalCheckBadge{color:#ffe0a0;z-index:3;background:#104635;border:1.5px solid #ffe0a0cc;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:900;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.flopModalQueenBottom{flex-direction:column;padding:10px 10px 12px;display:flex}.flopModalSelectBadge{color:#382e25;background:#0000000d;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11.5px;font-weight:800;transition:all .2s;display:inline-flex}.flopModalSelectBadge.isSelected{color:#ffe0a0;background:#104635}.flopModalActions{flex-direction:column;align-items:center;gap:10px;padding-top:6px;display:flex}.flopModalConfirmBtn{color:#ffe0a0;cursor:pointer;background:linear-gradient(135deg,#104635,#1e7054);border:1.5px solid #ffe0a099;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:13px 26px;font-size:15px;font-weight:850;transition:all .24s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #1046354d}.flopModalConfirmBtn:hover:not(:disabled){background:linear-gradient(135deg,#0d382b,#155540);transform:translateY(-2px);box-shadow:0 6px 24px #10463566}.flopModalConfirmBtn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.flopModalSecurityNote{color:#241b129e;text-align:center;font-size:11.5px}.flopModalResultsPhase{flex-direction:column;gap:14px;display:flex}.flopModalVotedBanner{background:#10463514;border:1px solid #10463533;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.flopModalVotedBanner.isClosedBanner{background:#dc262614;border-color:#dc262640}.flopModalVotedBanner.isClosedBanner .flopModalVotedIcon{color:#fff9ed;background:#b91c1c}.flopModalVotedBanner.isClosedBanner strong{color:#b91c1c}.flopModalOfficialBox{background:linear-gradient(135deg,#fef2f2f2 0%,#ffffffd9 100%);border:1.5px solid #dc262659;border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 4px 16px #dc262614}.flopModalOfficialBadgeRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.flopModalOfficialTag{color:#b91c1c;letter-spacing:.04em;background:#dc262624;border:1px solid #dc262659;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:850}.flopModalAccuracyTag{color:#104635;background:#1046351a;border:1px solid #1046354d;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:850}.flopModalOfficialContent{align-items:center;gap:12px;display:flex}.flopModalOfficialThumb{background:#dc262614;border:2px solid #dc262666;border-radius:12px;flex-shrink:0;width:58px;height:76px;overflow:hidden}.flopModalOfficialImg{object-fit:cover;object-position:center 25%;width:100%;height:100%}.flopModalOfficialInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.flopModalOfficialInfo strong{font-family:var(--font-display), serif;color:#241b12;font-size:18px;font-weight:850;line-height:1.1}.flopModalOfficialInfo span{color:#241b12a6;font-size:11.5px}.flopModalOfficialInfo p{color:#241b12cc;margin:4px 0 0;font-size:11.5px;line-height:1.35}.isOfficialOutRow{background:#fef2f2f2!important;border-color:#dc262673!important;box-shadow:0 4px 16px #dc26261a!important}.isOfficialOutFill{background:linear-gradient(90deg,#dc2626 0%,#991b1b 100%)!important}.flopModalElimOfficialBadge{color:#b91c1c;background:#dc262624;border:1px solid #dc262666;border-radius:999px;align-items:center;padding:2px 6px;font-size:10px;font-weight:850;display:inline-flex}.flopModalVotedIcon{color:#ffe0a0;background:#104635;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:grid}.flopModalVotedBanner strong{color:#104635;font-size:14.5px;display:block}.flopModalVotedBanner span{color:#241b12b8;font-size:12.5px}.flopModalResultsList{flex-direction:column;gap:12px;display:flex}.flopModalResultRow{background:#ffffffb8;border:1.5px solid #95601d38;border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.flopModalResultRow.isFlopLeader{background:#fff8ebf2;border-color:#c48b2280;box-shadow:0 4px 16px #c48b221f}.flopModalResultInfo{justify-content:space-between;align-items:center;gap:10px;display:flex}.flopModalResultThumb{background:#10463514;border:1.5px solid #95601d40;border-radius:10px;flex-shrink:0;width:44px;height:58px;overflow:hidden}.flopModalResultPortrait{object-fit:cover;object-position:center 25%;width:100%;height:100%}.flopModalResultNameCol{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.flopModalNameLine{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flopModalResultName{font-family:var(--font-display), serif;color:#241b12;font-size:16px;font-weight:800}.flopModalLeaderTag{color:#b91c1c;background:#dc26261f;border:1px solid #dc262659;border-radius:999px;align-items:center;padding:2px 6px;font-size:10px;font-weight:850;display:inline-flex}.flopModalUserPickTag{color:#104635;background:#1046351f;border:1px solid #1046354d;border-radius:999px;align-items:center;padding:2px 6px;font-size:10px;font-weight:850;display:inline-flex}.flopModalVoteCountLabel{color:#241b1299;font-size:11.5px}.flopModalPercentValue{font-family:var(--font-display), serif;color:#241b12;font-size:22px;font-weight:900}.flopModalProgressTrack{background:#00000014;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.flopModalProgressFill{background:linear-gradient(90deg,#104635 0%,#246e56 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);position:relative}.flopModalProgressFill.isLeaderFill{background:linear-gradient(90deg,#b91c1c 0%,#ea580c 100%)}.flopModalBarGlow{background:linear-gradient(90deg,#0000,#ffffff73);width:16px;position:absolute;top:0;bottom:0;right:0}.flopModalResultsFooter{border-top:1px solid #95601d26;flex-direction:column;gap:8px;padding-top:10px;display:flex}.flopModalTotalVotesSummary{color:#241b12bf;font-size:13px}.flopModalTotalVotesSummary strong{color:#104635}.flopModalOfficialDisclaimer{color:#241b12a6;margin:0;font-size:11.5px;line-height:1.4}.flopModalTestResetRow{justify-content:center;padding-top:4px;display:flex}.flopModalTestResetBtn{color:#78490e;cursor:pointer;background:#c48b2229;border:1px solid #c48b2273;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.flopModalTestResetBtn:hover{background:#c48b2242}.flopModalFooter{border-top:1.5px solid #95601d2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.flopModalPageLink{color:#104635;font-size:13px;font-weight:800;text-decoration:none;transition:color .2s}.flopModalPageLink:hover{color:#0d382b;text-decoration:underline}.flopModalPageLinkShort{display:none}.flopModalDismissBtn{color:#3b2818;cursor:pointer;background:#0000000f;border:1px solid #95601d33;border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:800;transition:all .2s}.flopModalDismissBtn:hover{color:#1a1208;background:#0000001a}@media (width<=640px){.flopModalContainer{border-radius:20px;gap:14px;max-height:94vh;padding:18px 10px 16px}.flopModalHeader{gap:4px;padding:0 16px}.flopModalTitle{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;max-width:100%;margin:0 auto;font-size:clamp(13px,4.3vw,17px);line-height:1.2;overflow:hidden}.flopModalSubtitle{font-size:12px;line-height:1.35}.flopModalCardsGrid{grid-template-columns:repeat(var(--flop-count,3), minmax(0, 1fr))!important;gap:6px!important;width:100%!important;display:grid!important}.flopModalQueenCard{border-width:1px;border-radius:14px;flex:unset!important;width:100%!important;min-width:0!important;max-width:none!important}.flopModalPortraitFrame{aspect-ratio:.74!important;width:100%!important;height:auto!important;max-height:none!important;position:relative!important;overflow:hidden!important}.flopModalPortraitImg{object-fit:cover!important;object-position:center 20%!important;width:100%!important;height:100%!important}.flopModalQueenNameBanner{bottom:6px;left:5px;right:5px}.flopModalQueenNameBanner strong{font-size:clamp(10px,2.7vw,12.5px);line-height:1.1}.flopModalQueenBottom{padding:5px 3px 6px}.flopModalSelectBadge{letter-spacing:-.01em;padding:4px 2px;font-size:9px}.flopModalCheckBadge{width:20px;height:20px;font-size:11px;top:5px;right:5px}.flopModalConfirmBtn{padding:10px 14px;font-size:13.5px}.flopModalSecurityNote{font-size:11px}.flopModalPageLinkFull{display:none}.flopModalPageLinkShort{display:inline}.flopModalFooter{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.flopModalPageLink{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.flopModalDismissBtn{white-space:nowrap;flex-shrink:0;width:auto;padding:6px 12px;font-size:11.5px}}