/* SCRUMBLE V76 — Twist of Fate visual system. Classic Online remains isolated. */
:root{
  --fate-bg:#090706;--fate-panel:#160f0b;--fate-panel2:#26170f;--fate-gold:#c9994d;--fate-gold2:#f6d690;
  --fate-ink:#fff0c7;--fate-muted:#b99b72;--fate-red:#9a261f;--fate-green:#247631;--fate-purple:#6a2d8d;--fate-navy:#0c1f3a
}

/* Entry card inside the ordinary Online modal */
.fateMenuCard{appearance:none;width:100%;position:relative;margin:16px 0 2px;padding:14px;border:1px solid #c89b55;border-radius:16px;background:radial-gradient(circle at 18% 15%,#4b2a19 0,#24150f 32%,#100b08 100%);box-shadow:inset 0 0 0 2px #402619,0 14px 30px #0007;color:var(--fate-ink);display:grid;grid-template-columns:54px 1fr 20px;gap:12px;align-items:center;text-align:left;overflow:hidden}
.fateMenuCard:before{content:"";position:absolute;inset:3px;border:1px solid #f5d7952a;border-radius:12px;pointer-events:none}.fateMenuCard>i{font:900 28px Georgia,serif;color:#e9c57b;text-align:right}.fateMenuSigil{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#140d09;border:2px solid #e4c77f;box-shadow:0 0 18px #d9a74e55}.fateMenuSigil img{width:100%;height:100%;object-fit:cover}.fateMenuCard small{display:block;font:800 8px/1.1 system-ui,sans-serif;letter-spacing:.18em;color:#c99954}.fateMenuCard h3{margin:2px 0 4px;font:800 23px/1 Georgia,serif;color:#ffe6aa;text-shadow:0 2px 7px #000}.fateMenuCard p{margin:0;color:#cfb690;font-size:10px;line-height:1.35}

/* Full-screen Fate lobby — never shows the game board behind it */
.fateLobby{position:fixed;inset:0;z-index:13000;display:none;align-items:stretch;justify-content:center;background:#080605;color:var(--fate-ink);font-family:system-ui,-apple-system,sans-serif;overflow:auto}.fateLobby.show{display:flex}.fateLobbyBackdrop{position:fixed;inset:0;background:radial-gradient(circle at 50% 10%,#3a2115 0,#140d09 35%,#050403 78%);pointer-events:none}.fateLobbyBackdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008 0,transparent 18%,transparent 82%,#0008 100%),repeating-linear-gradient(90deg,transparent 0 76px,#c4944010 77px 78px);mix-blend-mode:screen;opacity:.55}.fateLobbyPanel{position:relative;width:min(100%,520px);min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 22%,#2a180f55,transparent 43%);overflow:hidden}.fateLobbyPanel:before,.fateLobbyPanel:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d5a454aa 12%,#d5a45488 88%,transparent)}.fateLobbyPanel:before{left:5px}.fateLobbyPanel:after{right:5px}.fateLobbyBack{position:absolute;z-index:3;left:15px;top:max(14px,env(safe-area-inset-top));width:38px;height:38px;border-radius:50%;border:1px solid #a7793f;background:#100b08dd;color:#f1d493;font:700 28px/32px Georgia,serif}.fateLobbyTopline{margin-top:2px;font:900 20px/1 Georgia,serif;color:#ffca64;text-shadow:0 2px 6px #000,0 0 8px #a55420}.fateLobbyTopline span{display:block;margin-top:2px;font:700 7px/1.2 system-ui,sans-serif;letter-spacing:.22em;color:#e1be78}.fateLobbyPanel>h2{margin:22px 0 3px;font:900 clamp(36px,10vw,52px)/.95 Georgia,serif;color:#ffd777;text-shadow:0 3px 0 #6d3519,0 5px 12px #000;letter-spacing:-.02em}.fateLobbyTag{margin:0 0 7px;font:700 12px/1.2 Georgia,serif;color:#e7c77f}.fateLobbyHero{position:relative;width:min(70vw,278px);height:180px;margin:4px auto 2px;overflow:hidden}.fateLobbyHero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 7%;filter:saturate(1.08) contrast(1.04);mask-image:linear-gradient(#000 0 74%,transparent 100%)}.fateHeroHalo{position:absolute;z-index:-1;left:50%;top:42%;width:170px;height:170px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #d7aa5e;box-shadow:0 0 34px #ca823f66,inset 0 0 25px #000}.fateHeroQuestion{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid #ffd784;background:radial-gradient(circle,#c77a2d,#5b2b14 72%);box-shadow:0 0 18px #ffb84c88;color:#fff1bf;font:900 28px Georgia,serif}.fateLobbyContent{width:100%;margin-top:-2px;display:grid;gap:10px}.fateRiskTitle{font:900 27px/1 Georgia,serif;color:#f6d18a;text-shadow:0 2px 8px #000}.fateRiskText{max-width:380px;margin:0 auto;color:#cdb18b;font:11px/1.45 system-ui,sans-serif}.fateMiniPreview{display:flex;justify-content:center;gap:7px;margin:3px 0}.fateMiniPreview img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #d1a258;box-shadow:0 2px 7px #000a}.fateLobbyForm{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px}.fateLobbyForm label{text-align:left;font-size:8px;font-weight:900;letter-spacing:.12em;color:#c9a36a}.fateLobbyForm input{width:100%;height:43px;margin-top:4px;padding:0 11px;border-radius:9px;border:1px solid #8d6439;background:#0d0907;color:#ffecc0;font:800 15px system-ui,sans-serif;outline:none;box-shadow:inset 0 0 12px #000}.fateLobbyForm input:focus{border-color:#f0c477;box-shadow:0 0 0 2px #c38b3a33,inset 0 0 12px #000}.fateLobbyActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fateLobbyPrimary,.fateLobbySecondary,.fateLobbyResume,.fateLobbyGhost{min-height:47px;border-radius:9px;font-weight:950;letter-spacing:.04em}.fateLobbyPrimary{border:1px solid #ffe197;background:linear-gradient(#d49b45,#7e451d);color:#160b05;box-shadow:inset 0 1px #ffe8ae,0 5px 14px #0008}.fateLobbySecondary{border:1px solid #c18e48;background:linear-gradient(#2c1b12,#17100c);color:#f1d59a;box-shadow:inset 0 0 0 1px #57351f}.fateLobbyResume{border:1px solid #6f5335;background:#100b08;color:#dcb879}.fateLobbyGhost{border:0;background:transparent;color:#9f845f;text-decoration:underline}.fateFourRule{margin-top:2px;padding:9px 11px;border-top:1px solid #7f5b35;border-bottom:1px solid #7f5b35;color:#d5bb91}.fateFourRule b{display:block;color:#f3cd80;font:900 10px/1.2 system-ui,sans-serif;letter-spacing:.14em}.fateFourRule small{display:block;margin-top:3px;font-size:9px;line-height:1.35}.fateRoomSeal small{display:block;font-size:8px;letter-spacing:.18em;color:#b98c50}.fateRoomCode{margin:5px 0 2px;font:900 42px/1 Georgia,serif;letter-spacing:.12em;color:#ffe09b;text-shadow:0 2px 8px #000}.fateRoomSeal p{margin:0;color:#c8ad88;font-size:11px}.fateWaitingLine{display:flex;align-items:center;gap:8px;margin:6px 0 2px}.fateWaitingLine span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#bf8b48)}.fateWaitingLine span:last-child{background:linear-gradient(90deg,#bf8b48,transparent)}.fateWaitingLine b{font-size:9px;letter-spacing:.12em;color:#e3bf7a}

/* Spin / result gate */
.fateOverlay{position:fixed;inset:0;z-index:13100;display:none;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));font-family:system-ui,-apple-system,sans-serif;background:#050403}.fateOverlay.show{display:flex}.fateBackdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 24%,#3a2114 0,#100a07 50%,#030302 100%)}.fateBackdrop:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #000;pointer-events:none}.fatePanel{position:relative;width:min(96vw,455px);max-height:96dvh;overflow:auto;padding:12px 13px 14px;border-radius:3px;border:1px solid #b98542;background:radial-gradient(circle at 50% 6%,#3a2114 0,#1b100b 31%,#0c0806 100%);box-shadow:0 30px 100px #000,inset 0 0 0 2px #3b2418,inset 0 0 34px #c38b2d16;color:#f8e6bd;text-align:center}.fatePanel:before{content:"";position:absolute;inset:4px;border:1px solid #d7ad5d33;pointer-events:none}.fateBrand small{display:block;font-size:8px;letter-spacing:.22em;color:#c3914d}.fateBrand h2{margin:2px 0 2px;font:900 35px/.98 Georgia,serif;letter-spacing:.015em;color:#ffd77c;text-shadow:0 3px 0 #6b3417,0 5px 10px #000}.fateBrand p{margin:0 0 6px;color:#e1bd75;font:700 11px Georgia,serif}.fateSpinProgress{display:inline-block;margin:2px auto 7px;padding:5px 11px;border-top:1px solid #805b34;border-bottom:1px solid #805b34;color:#ddb777;font-size:8px;font-weight:900;letter-spacing:.12em}.fateOverlayBody{min-height:326px;display:block}.fateDuelHeader{display:grid;grid-template-columns:1fr 34px 1fr;gap:6px;align-items:center;padding:5px 1px 7px;border-bottom:1px solid #8a603b55}.fateDuelPlayer{display:flex;align-items:center;gap:7px;min-width:0}.fateDuelPlayer.op{justify-content:flex-end}.fateDuelPlayer img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #d4a658;box-shadow:0 0 0 2px #2d1a10}.fateDuelPlayer div{min-width:0;text-align:left}.fateDuelPlayer.op div{text-align:right}.fateDuelPlayer small{display:block;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f7e0af;font-size:8px;font-weight:900;letter-spacing:.05em}.fateDuelPlayer b{display:block;color:#fff2c7;font:900 17px/1 Georgia,serif}.fateVs{font:900 16px Georgia,serif;color:#e8b84f;text-shadow:0 2px 5px #000}.fateWheelWrap{position:relative;width:min(72vw,286px);aspect-ratio:1;margin:8px auto 3px}.fatePointer{position:absolute;left:50%;top:-9px;transform:translateX(-50%);z-index:8;color:#ffd570;font-size:30px;filter:drop-shadow(0 3px 2px #000)}.fateWheel{position:absolute;inset:8px;border-radius:50%;border:8px double #d1a04e;background:repeating-conic-gradient(from -15deg,#64201f 0 30deg,#2d6c33 30deg 60deg,#7b5523 60deg 90deg,#512d68 90deg 120deg);box-shadow:0 0 0 3px #492714,0 0 28px #d3933e55,inset 0 0 36px #000b;transition:transform 1.25s cubic-bezier(.08,.72,.12,1)}.fateWheel:before{content:"";position:absolute;inset:9%;border-radius:50%;border:2px solid #f2d28a99;background:repeating-conic-gradient(from 0deg,transparent 0 28deg,#e7bf7040 28deg 30deg)}.fateWheelIcon{position:absolute;z-index:2;left:50%;top:50%;width:31px;height:31px;margin:-15px;transform:rotate(var(--a)) translateY(-99px);transform-origin:15px 15px}.fateWheelIcon img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid #f0cf8c99;box-shadow:0 2px 5px #000}.fateWheelSkull{position:absolute;inset:29%;z-index:4;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#130b08;border:4px double #f2d086;box-shadow:0 5px 16px #000c}.fateWheelSkull img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;transform:scale(1.03)}.fateOverlay.spinning .fateWheel{filter:saturate(1.25) brightness(1.04);box-shadow:0 0 0 3px #5a3219,0 0 50px #e0a14277,inset 0 0 36px #000b}.fateWheelHint{max-width:330px;margin:0 auto;color:#bda27b;font-size:9px;line-height:1.35}.fateSpinButton{width:100%;min-height:48px;margin-top:8px;border:1px solid #ffe19b;border-radius:7px;background:linear-gradient(#dca54c,#88501f);color:#170c07;font-weight:950;font-size:14px;letter-spacing:.07em;box-shadow:inset 0 1px #ffe6ad,0 5px 14px #0008}.fateSpinButton:disabled{opacity:.48;filter:saturate(.5)}

/* Result cards mirror the approved green/red/gold/purple screens */
.fateResultCard{position:relative;margin:9px auto 0;width:min(100%,332px);min-height:250px;padding:22px 15px 17px;border:1px solid #a47a43;background:linear-gradient(160deg,#23150f,#0f0907);box-shadow:inset 0 0 40px #0008}.fateResultCard:before{content:"";position:absolute;inset:5px;border:1px solid #f3cf7d44;pointer-events:none}.fateResultCard>img{width:108px;height:108px;margin-top:8px;border-radius:50%;object-fit:cover;border:2px solid #e7c578;box-shadow:0 0 26px #c99c5170}.fateResultCard small{display:block;margin:10px 0 3px;color:#f4dfad;font-size:8px;font-weight:950;letter-spacing:.14em}.fateResultCard h3{margin:0 0 5px;font:900 29px/.98 Georgia,serif;color:#fff1c1;text-shadow:0 2px 7px #000}.fateResultCard p{margin:0;color:#f2dfbf;font-size:11px}.fateResultCard.good{border-color:#2fa447;background:radial-gradient(circle at 50% 42%,#0f8d2b 0,#075719 42%,#042c0d 82%)}.fateResultCard.bad{border-color:#d14a3b;background:radial-gradient(circle at 50% 42%,#9c221e 0,#5c1110 45%,#2b0707 85%)}.fateResultCard.jackpot{border-color:#f1b52d;background:radial-gradient(circle at 50% 42%,#a66a0e 0,#573307 48%,#211303 88%);box-shadow:0 0 28px #d4932e55,inset 0 0 40px #0008}.fateResultCard.chaos{border-color:#b856e5;background:radial-gradient(circle at 50% 42%,#6a218d 0,#3a124e 48%,#1a0824 88%)}

.fateWaiting{padding:28px 12px 8px}.fateMiniSkull,.fateSealReaper{width:98px;height:98px;margin:0 auto 12px;border-radius:50%;overflow:hidden;background:#100907;border:3px double #e9c67d;box-shadow:0 0 26px #b97a3855}.fateMiniSkull img,.fateSealReaper img{width:100%;height:100%;object-fit:cover;display:block}.fateWaiting h3,.fateSealed h3{margin:0 0 5px;font:900 25px Georgia,serif;color:#f7dda2}.fateWaiting p,.fateSealed p{margin:0;color:#bda37c;font-size:11px}.fateOpponentProgress{margin:13px auto 0;display:inline-block;padding:7px 12px;border:1px solid #74502f;background:#160e0a;color:#d4b270;font-weight:900;font-size:10px}.fateSaveExit{display:block;margin:12px auto 0;border:0;background:transparent;color:#a98b64;text-decoration:underline;font-size:10px}.fateSealed{padding:16px 4px 0}.fateSummary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.fateSummaryCol{padding:8px 6px;border:1px solid #7c5633;background:#100b08}.fateSummaryCol.mine{border-color:#8b3e32}.fateSummaryCol.player{border-color:#29466d}.fateSummaryCol h4{margin:0 0 7px;font:900 12px Georgia,serif;color:#f6d99a}.fateSummaryCol>div{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.fateSummaryIcon{width:31px;height:31px;border-radius:50%;overflow:hidden;border:1px solid #cfaa64;background:#0a0705}.fateSummaryIcon img{width:100%;height:100%;object-fit:cover}.fateSummaryIcon.good{border-color:#50b95f}.fateSummaryIcon.bad{border-color:#d25248}.fateSummaryIcon.jackpot{border-color:#f2c64d}.fateSummaryIcon.chaos{border-color:#b45bda}

/* Fate labels under the two in-game profiles */
.fateMeta{color:#f1ce83!important;text-shadow:0 1px 7px #000}.fateScoreCard{border-color:#d6a95c73!important}.profileFate{margin-top:5px}.profileFate>small{display:inline-block!important;padding:2px 5px;border:1px solid #8f5d3c;font-size:6.5px!important;letter-spacing:.11em!important;color:#f3d396!important;margin-bottom:3px;background:#4f1815}.profileFate.playerFate>small{background:#101f36;border-color:#35537b}.profileFateIcons{display:flex;gap:3px;min-height:18px;align-items:center;flex-wrap:wrap;max-width:118px}.profileFateIcons>i{width:15px;height:15px;border-radius:50%;border:1px dashed #d7ad6255}.fateMiniIcon{appearance:none;padding:0!important;margin:0!important;width:20px;height:20px;min-width:20px;border:1px solid #f0d18aaa!important;border-radius:50%!important;background:#17100c!important;overflow:hidden;box-shadow:0 1px 4px #0008;display:grid!important;place-items:center!important}.fateMiniIcon img{width:100%;height:100%;object-fit:cover;display:block}.fateMiniIcon.bad{border-color:#cf645b!important}.fateMiniIcon.good{border-color:#6fc77a!important}.fateMiniIcon.jackpot{border-color:#ffd36b!important;box-shadow:0 0 6px #d6a63599}.fateMiniIcon.chaos{border-color:#b66bd0!important}.scoreStrip.fateDuo{margin-bottom:28px;overflow:visible}.scoreStrip.fateDuo .fateScoreCard{overflow:visible}.scoreStrip.fateDuo .profileFate{position:absolute;top:calc(100% + 2px);left:7px;margin:0;z-index:7;text-align:left}.scoreStrip.fateDuo .scoreCard:nth-child(2) .profileFate{left:auto;right:7px;text-align:right}.scoreStrip.fateDuo .profileFateIcons{justify-content:flex-start;max-width:38vw;overflow:hidden}.scoreStrip.fateDuo .scoreCard:nth-child(2) .profileFateIcons{justify-content:flex-end}

/* Moving special squares on the board */
.fateBoardCell{position:relative!important}.fateBoardMark{position:absolute;inset:2px;display:grid;place-items:center;border-radius:5px;z-index:1;pointer-events:none;animation:fateTilePulse 2.1s ease-in-out infinite}.fateBoardMark img{width:88%;height:88%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 1px 2px #000b)}.fateBoardCell.fate-boost{box-shadow:inset 0 0 0 2px #55a94baa,0 0 6px #55a94a44}.fateBoardCell.fate-curse{box-shadow:inset 0 0 0 2px #c7433cbb,0 0 6px #c7433c44}.fateBoardCell.fate-coin{box-shadow:inset 0 0 0 2px #e1b34dcc,0 0 6px #e1b34d44}.fateBoardCell.fate-shield{box-shadow:inset 0 0 0 2px #6ca6c4bb,0 0 6px #6ca6c444}@keyframes fateTilePulse{0%,100%{transform:scale(.9);opacity:.84}50%{transform:scale(1.03);opacity:1}}

/* Admin QA previews */
.adminFatePreview{display:grid;gap:12px}.adminFateIconGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.adminFateIconGrid figure{margin:0;text-align:center}.adminFateIconGrid img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid #c79d58}.adminFateIconGrid figcaption{font-size:8px;margin-top:3px}.adminFateBoardDemo{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.adminFateBoardDemo span{padding:9px 4px;border:1px solid #93703e;border-radius:8px;background:#21140f;font-size:9px}.adminFateBoardDemo img{display:block;width:36px;height:36px;border-radius:50%;margin:0 auto 4px}

@media(max-width:430px){
 .fateLobbyPanel{padding-left:13px;padding-right:13px}.fateLobbyPanel>h2{font-size:38px;margin-top:20px}.fateLobbyHero{height:165px}.fateLobbyForm{grid-template-columns:1fr 1fr}.fatePanel{width:97vw;padding:10px 10px 12px}.fateBrand h2{font-size:31px}.fateOverlayBody{min-height:308px}.fateWheelWrap{width:min(71vw,270px)}.fateWheelIcon{transform:rotate(var(--a)) translateY(-92px)}.profileFateIcons{gap:2px}.fateMiniIcon{width:18px;height:18px;min-width:18px}.adminFateIconGrid{grid-template-columns:repeat(4,1fr)}
}
@media(max-height:720px){.fateLobbyHero{height:135px;width:220px}.fateLobbyPanel>h2{font-size:34px;margin-top:12px}.fateWheelWrap{width:235px}.fateOverlayBody{min-height:275px}.fateResultCard{min-height:220px;padding-top:12px}.fateResultCard>img{width:88px;height:88px}}
@media(orientation:landscape){.fateLobbyPanel{width:min(100%,640px)}.fateLobbyHero{height:120px;width:230px}.fateLobbyPanel>h2{font-size:34px;margin-top:6px}.fateOverlay{align-items:flex-start;overflow:auto}.fatePanel{width:min(94vw,720px)}.fateOverlayBody{min-height:250px}.fateWheelWrap{width:225px}.fateDuelHeader{max-width:470px;margin:0 auto}.scoreStrip.fateDuo{margin-bottom:0}.scoreStrip.fateDuo .profileFate{top:calc(100% + 3px)}}

/* SCRUMBLE V78 — exact Fate-reference polish and full-icon fix */
.fateMiniPreview img,
.fateResultCard>img,
.fateSummaryIcon img,
.fateMiniIcon img,
.fateBoardMark img,
.adminFateIconGrid img,
.adminFateBoardDemo img{object-fit:contain!important;object-position:center!important;background:#0b0806;padding:1px;box-sizing:border-box}

.fateMiniPreview img{overflow:visible;padding:0;border:0;background:transparent;filter:drop-shadow(0 2px 5px #000)}
.fateMiniIcon,.fateSummaryIcon{overflow:visible!important;background:transparent!important}
.fateMiniIcon img,.fateSummaryIcon img{border-radius:50%;overflow:hidden}
.fateBoardMark{inset:1px}.fateBoardMark img{width:96%;height:96%;padding:0;background:transparent}

/* The spinning wheel itself is cut directly from the approved reference artwork. */
.fateWheelWrap{width:min(86vw,338px);margin:7px auto 4px;filter:drop-shadow(0 10px 18px #000c)}
.fatePointer{top:-12px;font-size:34px;color:#ffd777;text-shadow:0 2px 0 #5a2d12,0 0 8px #e3a440}
.fateWheel{inset:4px;border:0;background:transparent;box-shadow:none;overflow:visible;transition:transform 1.55s cubic-bezier(.08,.72,.12,1)}
.fateWheel:before{display:none}
.fateWheelReference{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;filter:saturate(1.05) contrast(1.03);pointer-events:none}
.fateWheelIcon,.fateWheelSkull{display:none!important}
.fateOverlay.spinning .fateWheel{box-shadow:none;filter:drop-shadow(0 0 20px #e0a14288) saturate(1.12) brightness(1.03)}
.fateWheelHint{margin-top:3px;color:#e0bd78;font:700 11px/1.3 Georgia,serif}

/* Match the approved dark-brown / gold Fate screens more closely. */
.fateOverlay{background:#050302}
.fateBackdrop{background:radial-gradient(circle at 50% 22%,#442314 0,#170c08 40%,#050302 78%)}
.fatePanel{width:min(98vw,470px);border:1px solid #d2a455;background:radial-gradient(circle at 50% 7%,#432416 0,#1a0e09 33%,#080503 100%);box-shadow:0 30px 100px #000,inset 0 0 0 2px #5b341e,inset 0 0 45px #c38b2d20}
.fateBrand h2{font-size:clamp(34px,9vw,43px);color:#ffdd8a;text-shadow:0 3px 0 #6b3417,0 5px 13px #000,0 0 14px #d39437aa}
.fateBrand p{font-size:12px;color:#f1cd82}
.fateSpinProgress{font-size:9px;color:#f3ca7c}
.fateOverlayBody{min-height:376px}
.fateSpinButton{min-height:54px;border-radius:9px;font-size:16px;background:linear-gradient(#e7ae55,#945323 55%,#683818);box-shadow:inset 0 1px #fff0be,0 5px 16px #000b}

/* Lobby image blends into the panel instead of looking like a pasted rectangle. */
.fateLobbyHero{width:min(82vw,330px);height:235px;margin-top:6px;border-radius:3px;overflow:hidden;filter:drop-shadow(0 8px 18px #000b)}
.fateLobbyHero img{object-fit:cover;object-position:center 8%;mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%)}
.fateHeroHalo{display:none}.fateHeroQuestion{bottom:28px;width:48px;height:48px;font-size:31px}
.fateRiskTitle{font-size:32px}.fateRiskText{font-size:11.5px;max-width:420px}
.fateLobbyPanel>h2{color:#ffda82;text-shadow:0 3px 0 #6c3519,0 5px 13px #000,0 0 14px #c78130aa}

/* Exact icon compendium style in Admin QA. */
.adminPreviewModal .modalCard:has(.adminFatePreview){background:radial-gradient(circle at 50% 0,#24150e 0,#0d0806 48%,#050403 100%)!important;border-color:#c79a4c!important;box-shadow:0 22px 70px #000,inset 0 0 0 2px #4c2a18!important}
.adminPreviewModal .modalCard:has(.adminFatePreview)>h2{font-family:Georgia,serif!important;color:#f5cf7d!important;text-shadow:0 2px 8px #000}
.adminFatePreview{width:100%;gap:13px;color:#ead3a6}
.adminFateDuelSample{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:8px;border:1px solid #72502f;background:#090604}
.adminFateDuelSample>div{min-width:0;padding:7px;border:1px solid #6c482b;background:linear-gradient(120deg,#3b140f,#160b08)}
.adminFateDuelSample>div:last-child{background:linear-gradient(120deg,#0d1c31,#080d15)}
.adminFateDuelSample b{display:block;font:800 15px Georgia,serif;color:#f4d48f;margin-bottom:6px}
.adminFateDuelSample span{display:flex;justify-content:center;gap:4px}
.adminFateDuelSample img{width:34px;height:34px;object-fit:contain;background:transparent;border-radius:50%}
.adminFateIconGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}
.adminFateIconGrid figure{min-width:0}
.adminFateIconGrid img{display:block;width:64px;height:64px;max-width:100%;margin:0 auto;border:0!important;background:transparent!important;padding:0!important;border-radius:50%;filter:drop-shadow(0 2px 5px #000)}
.adminFateIconGrid figcaption{font:400 8px/1.15 Georgia,serif;color:#e9d0a0;text-transform:capitalize}
.adminFateBoardDemo span{background:#130c08;border-color:#8f6639;color:#ecd7ab}
.adminFateBoardDemo img{width:52px;height:52px;padding:0!important;background:transparent!important;border-radius:50%;filter:drop-shadow(0 2px 5px #000)}

@media(max-width:430px){
 .fateWheelWrap{width:min(84vw,324px)}
 .fateOverlayBody{min-height:360px}
 .fateLobbyHero{height:220px}
 .adminFateIconGrid img{width:58px;height:58px}
}
@media(max-height:720px){
 .fateWheelWrap{width:270px}
 .fateOverlayBody{min-height:305px}
 .fateLobbyHero{height:150px;width:245px}
}
/* In the choose screen, show the approved TAKE THE RISK artwork as the focal panel. */
.fateLobby:not(.waiting) .fateLobbyHero{height:330px;width:min(86vw,345px)}
.fateLobby:not(.waiting) .fateLobbyHero img{object-fit:cover;object-position:center top;mask-image:none;-webkit-mask-image:none}
.fateLobby:not(.waiting) .fateHeroQuestion{display:none}
.fateLobby:not(.waiting) .fateRiskTitle{display:none}
.fateLobby.waiting .fateLobbyHero{height:205px}
@media(max-height:760px){.fateLobby:not(.waiting) .fateLobbyHero{height:260px;width:290px}}


/* SCRUMBLE V80 — larger reaper hero, purple/orange Fate backdrop, Admin wheel/animation preview */
.fateLobbyBackdrop{background:radial-gradient(circle at 50% 16%,#52206f 0,#2b1238 22%,#170d14 45%,#120907 58%,#050403 100%)}
.fateLobbyBackdrop:before{content:"";position:absolute;inset:0;background:url("./fate-risk-hero.jpg") center 18%/cover no-repeat;filter:blur(28px) saturate(1.2) brightness(.58);opacity:.72;transform:scale(1.12);pointer-events:none}
.fateLobbyBackdrop:after{opacity:.35;background:linear-gradient(90deg,#140908cc 0,transparent 18%,transparent 82%,#140908cc 100%),repeating-linear-gradient(90deg,transparent 0 76px,#f3b24e14 77px 78px)}
.fateLobbyPanel{background:linear-gradient(180deg,#2f132244 0%,#1a0e0a3d 32%,transparent 78%)}
.fateLobby:not(.waiting) .fateLobbyHero{height:420px;width:min(92vw,392px);margin-top:6px}
.fateLobby:not(.waiting) .fateLobbyHero img{object-position:center 6%;filter:saturate(1.12) contrast(1.03)}
.fateLobby.waiting .fateLobbyHero{height:255px;width:min(86vw,356px)}
.fateLobby.waiting .fateLobbyHero img{object-position:center 8%}

.adminFateWheelPreview{display:grid;gap:12px;justify-items:center;color:#ead3a6}
.adminFateWheelPreview .fateWheelWrap{width:min(82vw,320px);margin:2px auto}
.adminFateWheelPreview .fateWheelHint{margin-top:0}
.adminFatePreviewActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.adminFatePreviewActions button{min-width:130px;padding:10px 14px;border-radius:10px;border:1px solid #d1a24f;background:linear-gradient(#e7ae55,#945323 55%,#683818);color:#160b05;font-weight:900;box-shadow:inset 0 1px #fff0be,0 5px 16px #0009}
.adminFatePreviewActions button.secondary{background:linear-gradient(#2b1b12,#17100c);color:#f1d59a;border-color:#b98a48;box-shadow:inset 0 0 0 1px #57351f}
.adminFateResultStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.adminFateResultStrip .fateResultCard{min-height:228px}
.adminFateAnimPreview{display:grid;gap:12px;justify-items:center;color:#ead3a6}
.adminFateAnimPreview .fateResultCard{width:min(100%,360px)}
@media(max-width:430px){
 .fateLobby:not(.waiting) .fateLobbyHero{height:372px;width:min(92vw,350px)}
 .fateLobby.waiting .fateLobbyHero{height:228px;width:min(86vw,320px)}
 .adminFateResultStrip{grid-template-columns:1fr}
 .adminFateWheelPreview .fateWheelWrap{width:min(84vw,294px)}
}
@media(max-height:760px){
 .fateLobby:not(.waiting) .fateLobbyHero{height:310px;width:min(88vw,315px)}
 .fateLobby.waiting .fateLobbyHero{height:205px;width:260px}
}

/* SCRUMBLE V81 — performance-safe Fate UI, full reaper background, exact full wheel, stronger animations */
.fateLobby{background:#160b18}
.fateLobbyBackdrop{
  background:
    radial-gradient(circle at 20% 18%,rgba(100,32,142,.72) 0,rgba(73,24,102,.42) 24%,transparent 50%),
    radial-gradient(circle at 82% 30%,rgba(226,82,34,.54) 0,rgba(124,44,28,.30) 26%,transparent 52%),
    linear-gradient(180deg,#22102f 0%,#28101f 34%,#211016 68%,#160b18 100%)!important;
}
.fateLobbyBackdrop:before{
  content:"";position:absolute;inset:-7%;
  background:url("./fate-risk-hero.jpg") center 10%/cover no-repeat;
  filter:blur(34px) saturate(1.38) brightness(.52);
  opacity:.72;transform:scale(1.12);pointer-events:none;
}
.fateLobbyBackdrop:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(24,8,35,.14),rgba(25,10,27,.16) 45%,rgba(25,9,24,.42) 100%),
    linear-gradient(90deg,rgba(18,7,20,.42),transparent 16%,transparent 84%,rgba(25,9,20,.42));
  opacity:1!important;mix-blend-mode:normal!important;
}
.fateLobbyPanel{background:linear-gradient(180deg,rgba(55,20,68,.28) 0%,rgba(45,16,31,.22) 43%,rgba(31,12,25,.36) 100%)!important;backdrop-filter:blur(1.5px)}
.fateLobbyPanel:before,.fateLobbyPanel:after{background:linear-gradient(transparent,#f3c46ebd 9%,#c7813f9c 90%,transparent)}
.fateLobby:not(.waiting) .fateLobbyHero{
  width:min(96vw,420px)!important;height:355px!important;margin-top:8px!important;overflow:visible!important;filter:drop-shadow(0 16px 24px rgba(0,0,0,.76));
}
.fateLobby:not(.waiting) .fateLobbyHero img{
  inset:auto!important;left:50%!important;top:0!important;transform:translateX(-50%) scale(1.18)!important;
  width:116%!important;height:100%!important;object-fit:contain!important;object-position:center top!important;
  mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%)!important;
  filter:saturate(1.2) contrast(1.08) brightness(1.04)!important;
}
.fateLobby.waiting .fateLobbyHero{width:min(92vw,380px)!important;height:270px!important;overflow:visible!important}
.fateLobby.waiting .fateLobbyHero img{transform:scale(1.13);object-fit:contain!important;object-position:center top!important;mask-image:linear-gradient(to bottom,#000 0,#000 86%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 86%,transparent 100%)!important}
.fateLobby:not(.waiting) .fateRiskTitle{display:block!important;margin-top:-5px;font-size:34px!important}
.fateLobby:not(.waiting) .fateHeroQuestion{display:none!important}
.fateRiskText{color:#ead2bb!important;text-shadow:0 2px 8px #0008}
.fateFourRule{background:linear-gradient(90deg,transparent,rgba(63,21,55,.52),transparent);border-color:#b27752}

/* Exact wheel crop from the approved reference: complete circle, no cut lower edge. */
.fateWheelWrap{width:min(88vw,350px)!important;aspect-ratio:1/1!important;margin:8px auto 4px!important;overflow:visible!important;filter:drop-shadow(0 12px 23px #000d)}
.fateWheel{inset:0!important;border-radius:50%!important;overflow:visible!important;transition:transform 2.8s cubic-bezier(.12,.72,.08,1),filter .28s ease!important;will-change:transform,filter}
.fateWheelReference{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border-radius:50%!important;filter:saturate(1.12) contrast(1.05)!important}
.fatePointer{top:-16px!important;font-size:38px!important;z-index:9!important;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 9px #ffba47)}
.fateOverlay.spinning .fateWheel,.adminPreviewModal.spinning .fateWheel{
  animation:fateWheelRush 2.8s cubic-bezier(.12,.72,.08,1) both;
  filter:drop-shadow(0 0 34px rgba(255,177,57,.9)) saturate(1.25) brightness(1.13)!important;
}
@keyframes fateWheelRush{
  0%{transform:scale(.96);filter:blur(0) saturate(1.1) brightness(1)}
  16%{transform:scale(1.045);filter:blur(.4px) saturate(1.26) brightness(1.12)}
  48%{transform:scale(1.025);filter:blur(1.35px) saturate(1.35) brightness(1.15)}
  78%{transform:scale(1.01);filter:blur(.35px) saturate(1.2) brightness(1.08)}
  100%{transform:scale(1);filter:blur(0) saturate(1.12) brightness(1.03)}
}
.fateOverlay.spinning .fatePointer,.adminPreviewModal.spinning .fatePointer{animation:fatePointerTick .16s linear infinite alternate}
@keyframes fatePointerTick{from{transform:translateX(-50%) rotate(-5deg)}to{transform:translateX(-50%) rotate(5deg)}}

/* Result reveal closer to the reference: full-color burst + icon impact + shimmer. */
.fateResultCard{overflow:hidden;transform-origin:center;animation:fateCardReveal .68s cubic-bezier(.18,.85,.18,1.15) both}
.fateResultCard:after{content:"";position:absolute;inset:-35%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 12deg,rgba(255,255,255,.32) 13deg 15deg,transparent 16deg 42deg);mix-blend-mode:screen;animation:fateRaySpin 2.2s linear infinite;opacity:.38}
.fateResultCard>img{position:relative;z-index:2;animation:fateIconImpact .78s cubic-bezier(.18,.9,.18,1.2) both;box-shadow:0 0 38px currentColor,0 0 18px #fff5!important}
.fateResultCard h3,.fateResultCard p,.fateResultCard small{position:relative;z-index:3}
.fateOverlay.result-good .fatePanel,.adminPreviewModal.result-good .modalCard{animation:fateFlashGreen .72s ease both}
.fateOverlay.result-bad .fatePanel,.adminPreviewModal.result-bad .modalCard{animation:fateFlashRed .72s ease both}
.fateOverlay.result-jackpot .fatePanel,.adminPreviewModal.result-jackpot .modalCard{animation:fateFlashGold .82s ease both}
.fateOverlay.result-chaos .fatePanel,.adminPreviewModal.result-chaos .modalCard{animation:fateFlashPurple .82s ease both}
@keyframes fateCardReveal{0%{opacity:0;transform:scale(.72) translateY(18px)}55%{opacity:1;transform:scale(1.055) translateY(-3px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes fateIconImpact{0%{opacity:0;transform:scale(.35) rotate(-18deg)}60%{opacity:1;transform:scale(1.16) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes fateRaySpin{to{transform:rotate(360deg)}}
@keyframes fateFlashGreen{0%,100%{box-shadow:0 30px 100px #000,inset 0 0 0 2px #5b341e}35%{box-shadow:0 0 70px #18e85b88,inset 0 0 95px #0cff4a30}}
@keyframes fateFlashRed{0%,100%{box-shadow:0 30px 100px #000,inset 0 0 0 2px #5b341e}35%{box-shadow:0 0 70px #ff382f99,inset 0 0 95px #ff261f30}}
@keyframes fateFlashGold{0%,100%{box-shadow:0 30px 100px #000,inset 0 0 0 2px #5b341e}35%{box-shadow:0 0 90px #ffc43cae,inset 0 0 110px #ffd64a35}}
@keyframes fateFlashPurple{0%,100%{box-shadow:0 30px 100px #000,inset 0 0 0 2px #5b341e}35%{box-shadow:0 0 90px #be47ff9c,inset 0 0 110px #9a31ff35}}

.adminFateWheelPreview .fateWheelWrap{width:min(82vw,324px)!important}
.adminFateAnimPreview .fateResultCard{min-height:286px!important}

@media(max-width:430px){
 .fateLobby:not(.waiting) .fateLobbyHero{width:min(96vw,382px)!important;height:330px!important}
 .fateLobby.waiting .fateLobbyHero{width:min(90vw,340px)!important;height:245px!important}
 .fateWheelWrap{width:min(88vw,332px)!important}
}
@media(max-height:760px){
 .fateLobby:not(.waiting) .fateLobbyHero{height:270px!important;width:min(88vw,330px)!important}
 .fateLobby.waiting .fateLobbyHero{height:200px!important;width:270px!important}
 .fateWheelWrap{width:275px!important}
}

/* V81 rotation fix: keep the wheel's inline rotate transform free for the 2.8 s spin. */
.fateOverlay.spinning .fateWheel,.adminPreviewModal.spinning .fateWheel{animation:none!important}
.fateOverlay.spinning .fateWheelWrap,.adminPreviewModal.spinning .fateWheelWrap{animation:fateWheelPulse 2.8s cubic-bezier(.12,.72,.08,1) both}
@keyframes fateWheelPulse{0%{transform:scale(.97)}18%{transform:scale(1.045)}52%{transform:scale(1.025)}82%{transform:scale(1.01)}100%{transform:scale(1)}}

/* V81 exact reference pointer stays inside the approved wheel artwork. */
.fatePointer{display:none!important}
.fateWheelWrap:after{content:"";position:absolute;inset:-5%;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0 18deg,rgba(255,190,65,.72) 19deg 22deg,transparent 23deg 47deg,rgba(162,68,255,.55) 48deg 51deg,transparent 52deg 77deg);filter:blur(3px);mix-blend-mode:screen}
.fateOverlay.spinning .fateWheelWrap:after,.adminPreviewModal.spinning .fateWheelWrap:after{opacity:1;animation:fateHaloSpin .42s linear infinite}
.fateOverlay.spinning .fateWheelReference,.adminPreviewModal.spinning .fateWheelReference{animation:fateWheelImagePulse .36s ease-in-out infinite alternate}
@keyframes fateHaloSpin{to{transform:rotate(360deg)}}
@keyframes fateWheelImagePulse{from{filter:saturate(1.15) contrast(1.04) brightness(1)}to{filter:saturate(1.35) contrast(1.08) brightness(1.16) blur(.6px)}}


/* V82: closer-to-approved lobby, exact wheel fit, stronger result presentation, safer admin layout. */
.fateLobbyBackdrop{background:#040303 url(./fate-lobby-bg.jpg) center top/cover no-repeat !important;filter:saturate(1.06) contrast(1.04)}
.fateLobbyBackdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(114,35,88,.42),rgba(34,12,12,.48) 40%,rgba(3,2,2,.9) 86%);backdrop-filter:blur(2px)}
.fateLobbyPanel{background:linear-gradient(180deg,rgba(16,8,7,.28),rgba(7,4,4,.72) 18%,rgba(7,4,4,.78) 100%) !important; width:min(100%,540px) !important}
.fateLobby.choose .fateLobbyTopline,.fateLobby.choose .fateLobbyPanel>h2,.fateLobby.choose .fateLobbyTag{display:none !important}
.fateLobby.choose .fateLobbyHero{width:min(94vw,430px)!important;height:auto!important;aspect-ratio:841/870!important;margin:54px auto 10px!important;overflow:visible!important;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.fateLobby.choose .fateLobbyHero img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;border-radius:14px;mask-image:none!important;-webkit-mask-image:none!important;box-shadow:0 0 0 1px rgba(255,221,144,.28),0 0 40px rgba(201,109,255,.10)}
.fateLobby.choose .fateHeroHalo,.fateLobby.choose .fateHeroQuestion,.fateLobby.choose .fateRiskTitle,.fateLobby.choose .fateRiskText,.fateLobby.choose .fateMiniPreview{display:none !important}
.fateLobby.choose .fateLobbyContent{margin-top:4px!important;gap:12px}
.fateLobby.choose .fateLobbyForm{margin-top:0!important}
.fateLobby.choose .fateLobbyForm label{font-size:11px!important;letter-spacing:.18em;text-shadow:0 2px 8px #000}
.fateLobby.choose .fateLobbyForm input{height:54px!important;font-size:18px!important;border-radius:12px!important;border-color:#b5834f!important;box-shadow:inset 0 0 14px #000,0 0 0 1px rgba(255,215,140,.08)}
.fateLobby.choose .fateLobbyActions{gap:12px!important}
.fateLobby.choose .fateLobbyPrimary,.fateLobby.choose .fateLobbySecondary,.fateLobby.choose .fateLobbyResume{min-height:58px!important;font-size:18px!important;border-radius:12px!important}
.fateLobby.choose .fateFourRule{margin-top:4px!important;padding:12px 10px!important;background:linear-gradient(90deg,transparent,rgba(81,18,73,.36),transparent)!important}
.fateLobby.choose .fateFourRule b{font-size:13px!important}
.fateLobby.choose .fateFourRule small{font-size:12px!important;line-height:1.45!important;color:#e6d1b0}

.fateLobby.waiting .fateLobbyHero{width:min(84vw,320px)!important;height:220px!important}
.fateLobby.waiting .fateLobbyHero img{object-fit:contain!important;object-position:center top!important}

.fateWheelWrap{width:min(78vw,312px)!important;margin:10px auto 8px!important}
.fateWheelReference{object-fit:contain!important}
.fateResultCard{width:min(100%,344px)!important;min-height:300px!important;padding:20px 18px 24px!important;border-width:2px!important}
.fateResultCard>img{width:106px!important;height:106px!important;object-fit:contain!important;padding:6px;background:rgba(0,0,0,.16);box-sizing:border-box}
.fateResultCard h3{font-size:34px!important;letter-spacing:.01em}
.fateResultCard p{font-size:18px!important;line-height:1.35!important;max-width:250px;margin:0 auto!important}
.fateResultCard small{font-size:13px!important;letter-spacing:.18em;margin:12px 0 8px!important}
.fateResultCard.good{background:radial-gradient(circle at 50% 36%,#25a53f 0,#116b25 44%,#062e0f 100%)!important}
.fateResultCard.bad{background:radial-gradient(circle at 50% 36%,#cf3a2c 0,#791514 44%,#2a0706 100%)!important}
.fateResultCard.jackpot{background:radial-gradient(circle at 50% 36%,#bf7d18 0,#6b430c 45%,#2a1705 100%)!important}
.fateResultCard.chaos{background:radial-gradient(circle at 50% 36%,#7b2bd6 0,#4c1791 45%,#190824 100%)!important}

.adminFateWheelPreview .fateWheelWrap{width:min(72vw,280px)!important;margin:4px auto 10px!important}
@media(max-width:430px){
  .adminFatePreviewActions{flex-direction:column!important;align-items:stretch!important}
  .adminFatePreviewActions button{min-width:0!important;width:100%!important}
  .fateLobby.choose .fateLobbyHero{width:min(95vw,406px)!important;margin-top:48px!important}
  .fateLobby.choose .fateLobbyForm input{height:50px!important;font-size:17px!important}
  .fateWheelWrap{width:min(76vw,286px)!important}
}


/* V83 — native Fate lobby + native sharp wheel + cinematic result reveal. */
.fateLobbyBackdrop{
  background:
    radial-gradient(circle at 50% 18%,rgba(118,34,137,.34),transparent 32%),
    radial-gradient(circle at 50% 45%,rgba(244,104,36,.22),transparent 36%),
    linear-gradient(180deg,#16091f 0%,#2a102b 26%,#1b0b12 56%,#070405 100%) !important;
  filter:none!important;
}
.fateLobbyBackdrop:before{content:"";position:absolute;inset:0;background:url(./fate-risk-reaper.jpg) center 140px/min(100vw,620px) auto no-repeat;filter:blur(34px) saturate(1.35) brightness(.38);opacity:.42;transform:scale(1.14)}
.fateLobbyBackdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 16%,transparent 84%,rgba(0,0,0,.42)),radial-gradient(circle at 50% 80%,rgba(233,136,43,.13),transparent 38%);opacity:1}
.fateLobbyPanel{background:transparent!important;width:min(100%,540px)!important;padding-left:18px!important;padding-right:18px!important}
.fateLobby.choose .fateLobbyTopline{display:block!important;margin-top:4px!important;font-size:22px!important}
.fateLobby.choose .fateLobbyPanel>h2{display:block!important;margin:18px 0 3px!important;font-size:clamp(42px,11vw,60px)!important;text-transform:uppercase}
.fateLobby.choose .fateLobbyTag{display:block!important;font-size:14px!important;margin-bottom:8px!important}
.fateLobby.choose .fateLobbyHero{width:min(94vw,430px)!important;height:410px!important;aspect-ratio:auto!important;margin:4px auto 0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.fateLobby.choose .fateLobbyHero img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important;mask-image:linear-gradient(to bottom,#000 0,#000 82%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 82%,transparent 100%)!important;box-shadow:none!important;filter:saturate(1.18) contrast(1.06) brightness(1.04)}
.fateLobby.choose .fateHeroHalo,.fateLobby.choose .fateHeroQuestion{display:none!important}
.fateLobby.choose .fateRiskTitle{display:block!important;margin:-14px 0 4px!important;font:900 37px/.98 Georgia,serif!important;color:#ffd98b!important;text-shadow:0 3px 0 #703717,0 0 18px rgba(246,142,45,.55)!important;position:relative;z-index:3}
.fateLobby.choose .fateRiskText{display:block!important;font-size:12px!important;line-height:1.45!important;max-width:430px!important;color:#f0dec4!important}
.fateLobby.choose .fateMiniPreview{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:5px!important;margin:8px 0 7px!important;align-items:start}
.fateLobby.choose .fateMiniPreview figure{margin:0!important;min-width:0;text-align:center}
.fateLobby.choose .fateMiniPreview img{width:46px!important;height:46px!important;max-width:100%!important;object-fit:contain!important;border:0!important;background:transparent!important;filter:drop-shadow(0 3px 7px #000)}
.fateLobby.choose .fateMiniPreview figcaption{margin-top:3px;font:700 7px/1.08 Georgia,serif;color:#f1d8a9;text-transform:uppercase;letter-spacing:.04em}
.fateLobby.choose .fateLobbyContent{margin-top:0!important;gap:10px!important}
.fateLobby.choose .fateLobbyForm{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.fateLobby.choose .fateLobbyForm label{font-size:9px!important;letter-spacing:.14em!important;color:#e6bf7a!important}
.fateLobby.choose .fateLobbyForm input{height:52px!important;font-size:17px!important;border:1px solid #c58c42!important;background:linear-gradient(180deg,rgba(11,6,7,.96),rgba(19,8,11,.96))!important}
.fateLobby.choose .fateLobbyActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.fateLobby.choose .fateLobbyPrimary,.fateLobby.choose .fateLobbySecondary{height:58px!important;font-size:17px!important;border-radius:10px!important}
.fateLobby.choose .fateFourRule{margin-top:2px!important;padding:12px 8px!important;border-color:#9a6641!important;background:linear-gradient(90deg,transparent,rgba(88,30,72,.4),transparent)!important}
.fateLobby.choose .fateFourRule b{font-size:11px!important}.fateLobby.choose .fateFourRule small{font-size:10px!important}

/* Native wheel: no screenshot, no image crop. */
.fateWheelWrap{position:relative!important;width:min(78vw,306px)!important;aspect-ratio:1!important;margin:12px auto 8px!important;overflow:visible!important;filter:drop-shadow(0 13px 20px rgba(0,0,0,.68))}
.fatePointer{display:block!important;position:absolute!important;left:50%!important;top:-8px!important;width:0!important;height:0!important;border-left:17px solid transparent!important;border-right:17px solid transparent!important;border-top:0!important;border-bottom:28px solid #ffd878!important;transform:translateX(-50%) rotate(180deg)!important;z-index:30!important;filter:drop-shadow(0 3px 2px #6c3518) drop-shadow(0 0 8px #ffbd52)}
.fatePointer:after{content:"";position:absolute;left:-11px;top:5px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:18px solid #7b421d}
.fateWheel.fateWheelNative{position:absolute!important;inset:0!important;border-radius:50%!important;border:8px solid #b66f22!important;background:transparent!important;box-shadow:0 0 0 3px #f7d47b,0 0 0 8px #5e2e11,0 0 34px rgba(255,166,47,.55),inset 0 0 30px #000!important;overflow:hidden!important;transition:transform 2.8s cubic-bezier(.08,.74,.1,1)!important;will-change:transform}
.fateWheel.fateWheelNative:before{display:block!important;content:""!important;position:absolute!important;inset:5px!important;border-radius:50%!important;border:2px solid rgba(255,224,146,.72)!important;background:none!important;z-index:12!important;pointer-events:none}
.fateWheelSectors{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -15deg,#967025 0deg 30deg,#16733c 30deg 60deg,#b93d2d 60deg 90deg,#793492 90deg 120deg,#21804c 120deg 150deg,#b66b2b 150deg 180deg,#772a86 180deg 210deg,#2b8448 210deg 240deg,#b72f2b 240deg 270deg,#7a3792 270deg 300deg,#218348 300deg 330deg,#a67828 330deg 360deg);box-shadow:inset 0 0 40px #0009}
.fateWheelSectors:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -15deg,transparent 0deg 29deg,rgba(255,222,142,.72) 29deg 30deg);mix-blend-mode:screen}
.fateWheelIconNative{--a:calc(var(--i)*30deg);position:absolute;z-index:8;left:50%;top:50%;width:38px;height:38px;margin:-19px;transform:rotate(var(--a)) translateY(-106px) rotate(calc(-1*var(--a)));transform-origin:19px 19px;display:grid;place-items:center}
.fateWheelIconNative img{width:36px;height:36px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 4px #000);background:rgba(0,0,0,.12)}
.fateWheelCenter{position:absolute;z-index:15;inset:28%;border-radius:50%;overflow:hidden;border:5px double #f0cd7d;background:#120a08;box-shadow:0 0 0 3px #5d3218,0 7px 22px #000c}
.fateWheelCenter img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.45)}
.fateOverlay.spinning .fateWheel.fateWheelNative,.adminPreviewModal.spinning .fateWheel.fateWheelNative{filter:brightness(1.13) saturate(1.22) drop-shadow(0 0 18px rgba(255,186,66,.65))}
.fateOverlay.spinning .fateWheelWrap:after,.adminPreviewModal.spinning .fateWheelWrap:after{display:block}
.fateWheelReference{display:none!important}

/* Cinematic result screen — full icon, no crop. */
.fateResultCard{position:relative!important;width:min(100%,352px)!important;min-height:330px!important;padding:28px 18px 26px!important;overflow:hidden!important;border-width:2px!important;isolation:isolate}
.fateResultBurst{position:absolute;inset:-20%;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.2) 0 1deg,transparent 1deg 17deg);opacity:.3;animation:fateRaySpin 5s linear infinite}
.fateResultIconStage{width:148px;height:148px;margin:8px auto 2px;display:grid;place-items:center;position:relative;z-index:2;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),rgba(255,255,255,.05) 46%,transparent 68%);filter:drop-shadow(0 0 18px currentColor);animation:fateIconImpact .8s cubic-bezier(.14,.9,.2,1.22) both}
.fateResultIconStage>img{width:128px!important;height:128px!important;max-width:128px!important;max-height:128px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 6px 11px #0008)}
.fateResultCard>img{display:none!important}
.fateResultCard small{font-size:12px!important;margin:4px 0 7px!important}.fateResultCard h3{font-size:38px!important;line-height:.95!important;margin:0 0 10px!important}.fateResultCard p{font-size:17px!important;line-height:1.35!important;max-width:270px!important}
.fateResultCard.good .fateResultIconStage{box-shadow:0 0 52px rgba(60,255,103,.35)}.fateResultCard.bad .fateResultIconStage{box-shadow:0 0 52px rgba(255,57,44,.35)}.fateResultCard.jackpot .fateResultIconStage{box-shadow:0 0 58px rgba(255,197,57,.46)}.fateResultCard.chaos .fateResultIconStage{box-shadow:0 0 58px rgba(194,73,255,.42)}
.adminFateWheelPreview .fateWheelWrap{width:min(70vw,274px)!important}.adminFateAnimPreview .fateResultCard{width:min(100%,350px)!important;min-height:330px!important}

@media(max-width:430px){
 .fateLobby.choose .fateLobbyPanel>h2{font-size:46px!important}
 .fateLobby.choose .fateLobbyHero{height:360px!important;width:min(94vw,405px)!important}
 .fateLobby.choose .fateMiniPreview img{width:42px!important;height:42px!important}
 .fateLobby.choose .fateMiniPreview figcaption{font-size:6.4px!important}
 .fateWheelWrap{width:min(76vw,286px)!important}
 .fateWheelIconNative{width:34px;height:34px;margin:-17px;transform:rotate(var(--a)) translateY(-98px) rotate(calc(-1*var(--a)));transform-origin:17px 17px}.fateWheelIconNative img{width:32px;height:32px}
 .fateResultIconStage{width:134px;height:134px}.fateResultIconStage>img{width:116px!important;height:116px!important}
}
@media(max-height:760px){
 .fateLobby.choose .fateLobbyHero{height:300px!important}.fateLobby.choose .fateLobbyPanel>h2{margin-top:10px!important;font-size:40px!important}.fateLobby.choose .fateLobbyTag{margin-bottom:3px!important}
 .fateWheelWrap{width:260px!important}.fateWheelIconNative{transform:rotate(var(--a)) translateY(-88px) rotate(calc(-1*var(--a)))}
}

.fateResultValue{position:relative;z-index:3;margin:2px auto 9px;font:900 38px/.95 Georgia,serif;color:#fff3c3;text-shadow:0 3px 0 rgba(0,0,0,.32),0 0 18px currentColor;animation:fateValuePop .7s .12s cubic-bezier(.14,.9,.18,1.3) both}
.fateResultCard.good .fateResultValue{color:#8dff9f}.fateResultCard.bad .fateResultValue{color:#ff9a8f}.fateResultCard.jackpot .fateResultValue{color:#ffdf71}.fateResultCard.chaos .fateResultValue{color:#e3a1ff}
@keyframes fateValuePop{0%{opacity:0;transform:scale(.45)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}

/* V84 native mock-based Twist of Fate fixes */
.fateLobby.choose .fateLobbyTopline,
.fateLobby.choose .fateLobbyPanel>h2,
.fateLobby.choose .fateLobbyTag,
.fateLobby.choose .fateLobbyHero{display:none!important}
.fateLobby.choose .fateLobbyPanel{width:min(100%,560px)!important;align-items:stretch!important;padding-top:max(14px,env(safe-area-inset-top))!important}
.fateLobby.choose .fateLobbyContent{width:100%!important;margin-top:0!important;gap:12px!important}
.fateLobbyNativeFrame{position:relative;width:min(100%,500px);margin:0 auto;aspect-ratio:864/1536;border-radius:0;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.45)}
.fateLobbyNativeBg{display:block;width:100%;height:100%;object-fit:cover}
.fateNativeInput,.fateNativeButton{position:absolute;z-index:3}
.fateNativeInput{height:8%;border:0;outline:none;border-radius:14px;background:rgba(10,7,8,.08);color:#f5e3b8;font:700 clamp(18px,2.9vw,24px)/1.1 Georgia,serif;box-shadow:none;padding:0 18px}
.fateNativeInput::placeholder{color:#d0c0ac;opacity:.72}
.fateNativeName{left:4.4%;top:72.4%;width:39.8%}
.fateNativeCode{left:53.7%;top:72.4%;width:40.8%;text-align:center;letter-spacing:.08em}
.fateNativeButton{height:6.9%;border:0;border-radius:16px;background:transparent;color:transparent;font-size:0;cursor:pointer}
.fateNativeHost{left:4.4%;top:81.9%;width:44.8%}
.fateNativeJoin{left:51%;top:81.9%;width:44.6%}
.fateFourRuleNative{margin:0 auto!important;width:min(100%,500px)!important;background:transparent!important;border-top:1px solid #8d6135!important;border-bottom:1px solid #8d6135!important;padding-top:10px!important;padding-bottom:10px!important}
.fateLobbyResume{display:block;margin:0 auto;width:min(100%,500px)}

.adminPreviewModalImage .spiceNotice{padding:0!important;background:transparent!important;box-shadow:none!important}
.adminFateImagePreview{text-align:center}
.adminFateImagePreview img{display:block;width:min(100%,420px);margin:0 auto 12px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.adminFateWheelImagePreview img{transform-origin:50% 44%}
.adminPreviewModalImage .modalActions{margin-top:12px}
@media (max-width:430px){
  .fateLobby.choose .fateLobbyPanel{padding-left:10px!important;padding-right:10px!important}
  .fateLobbyNativeFrame,.fateFourRuleNative,.fateLobbyResume{width:min(100%,390px)!important}
  .fateNativeInput{font-size:18px;padding:0 14px}
}


/* V85 — Twist of Fate native lobby/waiting/admin preview fixes */
.fateLobby.choose .fateLobbyTopline,
.fateLobby.choose .fateLobbyPanel>h2,
.fateLobby.choose .fateLobbyTag,
.fateLobby.choose .fateLobbyHero,
.fateLobby.waiting .fateLobbyTopline,
.fateLobby.waiting .fateLobbyPanel>h2,
.fateLobby.waiting .fateLobbyTag,
.fateLobby.waiting .fateLobbyHero{display:none!important}
.fateLobby.choose .fateLobbyContent,
.fateLobby.waiting .fateLobbyContent{width:100%;max-width:460px;margin:0 auto!important;gap:12px!important}
.fateModeScreen{display:grid;gap:12px;padding:6px 0 max(10px,env(safe-area-inset-bottom))}
.fateModeHero{position:relative;width:100%;border-radius:28px;overflow:hidden;border:1px solid rgba(247,205,122,.35);box-shadow:0 18px 38px rgba(0,0,0,.42),0 0 0 1px rgba(83,41,20,.5) inset;background:#140a11}
.fateModeHero img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center top}
.fateModeHero:after{content:'';position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,rgba(10,5,8,0),rgba(10,5,8,.92));pointer-events:none}
.fateMiniPreviewNative{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;margin:0!important;align-items:start}
.fateMiniPreviewNative figure{margin:0;text-align:center}
.fateMiniPreviewNative img{width:48px!important;height:48px!important;object-fit:contain!important;border:0!important;background:transparent!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}
.fateMiniPreviewNative figcaption{margin-top:4px;font:700 7px/1.15 Georgia,serif;color:#f1d8a7;text-transform:uppercase;letter-spacing:.04em}
.fateLobbyFormNative,.fateLobbyActionsNative{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.fateLobbyFormNative label{display:grid;gap:6px;text-align:left;font-size:10px;font-weight:900;letter-spacing:.16em;color:#e3bf79}
.fateLobbyFormNative input{width:100%;height:54px;padding:0 14px;border-radius:14px;border:1px solid #c38941;background:linear-gradient(180deg,rgba(10,7,11,.98),rgba(22,10,15,.96));color:#ffefc3;font:800 18px/1.1 Georgia,serif;outline:none;box-shadow:inset 0 0 16px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.16)}
.fateLobbyFormNative input:focus{border-color:#f3cd7f;box-shadow:0 0 0 2px rgba(211,150,59,.2),inset 0 0 16px rgba(0,0,0,.4)}
.fateLobbyActionsNative .fateLobbyPrimary,
.fateLobbyActionsNative .fateLobbySecondary,
.fateModeActions .fateLobbyPrimary{min-height:58px!important;border-radius:14px!important;font-size:17px!important}
.fateLobbyResume{display:block;width:100%;padding:14px 16px;border-radius:14px;border:1px solid #855833;background:linear-gradient(180deg,rgba(15,10,12,.96),rgba(27,13,18,.94));color:#e7c888;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,224,157,.08)}
.fateFourRuleNative{margin-top:0!important;padding:12px 10px!important;border-color:#9d6943!important;background:linear-gradient(90deg,transparent,rgba(82,27,68,.42),transparent)!important}
.fateModeScreenWaiting .fateModeHeroWaiting img{aspect-ratio:1.08/1;object-position:center top}
.fateRoomSealNative{padding:10px 12px;border-radius:18px;border:1px solid rgba(227,186,101,.35);background:linear-gradient(180deg,rgba(18,11,13,.82),rgba(19,10,16,.92));box-shadow:0 8px 22px rgba(0,0,0,.22)}
.fateRoomSealNative small{font-size:10px;letter-spacing:.18em;color:#d5af69}
.fateRoomSealNative .fateRoomCode{font-size:clamp(32px,9vw,52px);letter-spacing:.12em}
.fateModeActionsSingle{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.fateModeExit{display:block;margin:0 auto;text-align:center;font-size:12px!important}
.adminPreviewModalNative .spiceNotice{display:grid;gap:14px;background:radial-gradient(circle at 50% 0,#26150f 0,#110907 46%,#060304 100%)!important;border:1px solid #c3944a!important;box-shadow:inset 0 0 0 1px rgba(255,223,156,.1)}
.adminPreviewModalNative .modalCard>h2{font-family:Georgia,serif!important;color:#f6d48a!important;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.adminFateNativePreview{display:grid;gap:14px;justify-items:center;color:#ecd6ad}
.adminFateAnimPreview small{color:#cfb68d;text-align:center}
@media(max-width:430px){
  .fateModeHero img{aspect-ratio:0.95/1}
  .fateMiniPreviewNative img{width:42px!important;height:42px!important}
  .fateMiniPreviewNative figcaption{font-size:6px}
  .fateLobbyFormNative,.fateLobbyActionsNative{grid-template-columns:1fr!important}
  .fateLobbyFormNative input{height:52px;font-size:17px}
  .fateRoomSealNative .fateRoomCode{font-size:34px}
}


/* V86 — exact approved Twist of Fate mockups, with live controls layered on top. */
.fateLobby{overflow:hidden!important;background:#050205!important}
.fateLobbyBackdrop{display:none!important}
.fateLobbyPanel{width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;padding:0!important;background:#050205!important;overflow:hidden!important;display:block!important}
.fateLobbyPanel:before,.fateLobbyPanel:after,.fateLobbyTopline,.fateLobbyPanel>h2,.fateLobbyTag,.fateLobbyHero{display:none!important}
.fateLobbyContent{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;display:block!important}
.fateLobbyBack{z-index:50!important;left:1.8%!important;top:max(1.2%,env(safe-area-inset-top))!important;width:10.5vw!important;max-width:54px!important;height:10.5vw!important;max-height:54px!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important}
.fateApprovedStage{position:relative;width:100%;height:100dvh;overflow:hidden;background:#050205}
.fateApprovedBg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;pointer-events:none}
.fateApprovedInput{position:absolute;z-index:5;border:0!important;outline:none!important;background:rgba(8,4,6,.93)!important;color:#f7e5bb!important;font:800 clamp(18px,5vw,27px)/1 Georgia,serif!important;box-shadow:none!important;border-radius:4px!important;padding:0 2.7%!important;margin:0!important;min-width:0!important}
.fateApprovedInput:focus{box-shadow:inset 0 0 0 1px rgba(255,216,130,.25),0 0 15px rgba(255,166,52,.18)!important}
.fateApprovedName{left:7.1%;top:72.8%;width:39.7%;height:4.45%}
.fateApprovedRoomCode{left:54.4%;top:72.8%;width:37.4%;height:4.45%;text-align:center;letter-spacing:.08em}
.fateApprovedHotspot{position:absolute;z-index:8;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
.fateApprovedHost{left:5.2%;top:79.15%;width:44.2%;height:7.1%}
.fateApprovedJoin{left:50.8%;top:79.15%;width:44%;height:7.1%}
.fateApprovedResume{position:absolute;z-index:12;left:28%;bottom:1.2%;width:44%;padding:8px 10px;border:1px solid rgba(246,196,103,.58);border-radius:999px;background:rgba(10,5,8,.84);color:#f4d48f;font:800 10px/1.1 system-ui,sans-serif;letter-spacing:.07em}
.fateApprovedCodeMask{position:absolute;z-index:5;left:17%;top:51.15%;width:66%;height:7.4%;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(10,4,7,.98) 0,rgba(12,5,9,.93) 60%,rgba(13,5,9,.35) 82%,transparent 100%)}
.fateApprovedCodeMask b{font:900 clamp(42px,14vw,76px)/1 Georgia,serif;letter-spacing:.12em;color:#ffe097;text-shadow:0 0 10px #e87822,0 3px 4px #000}
.fateApprovedCopy{left:12%;top:76.75%;width:76%;height:8.1%}
.fateApprovedExit{left:30%;top:87.2%;width:40%;height:5.6%}

/* Exact approved wheel inside the real Fate spin screen. */
.fateApprovedWheelWrap{width:min(86vw,380px)!important;aspect-ratio:1!important;margin:10px auto 8px!important;position:relative!important;overflow:visible!important}
.fateApprovedWheel{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;border:0!important;background:transparent!important;box-shadow:0 12px 28px rgba(0,0,0,.55)!important;transition:transform 2.8s cubic-bezier(.08,.74,.1,1)!important;will-change:transform}
.fateApprovedWheelWrap .fatePointer{display:block!important;position:absolute!important;left:50%!important;top:-10px!important;z-index:30!important;width:0!important;height:0!important;border-left:19px solid transparent!important;border-right:19px solid transparent!important;border-bottom:0!important;border-top:31px solid #ffd36d!important;transform:translateX(-50%)!important;filter:drop-shadow(0 3px 2px #6d3215) drop-shadow(0 0 8px #ffbd52)!important}
.fateApprovedResultCard{width:min(92%,360px);margin:12px auto 0;border-radius:12px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.6),0 0 24px rgba(90,255,91,.28);animation:fateApprovedReveal .72s cubic-bezier(.18,.85,.18,1.12) both}
.fateApprovedResultCard img{display:block;width:100%;height:auto}
@keyframes fateApprovedReveal{0%{transform:scale(.84);opacity:0;filter:blur(8px) brightness(1.6)}70%{transform:scale(1.05);opacity:1;filter:blur(0) brightness(1.18)}100%{transform:scale(1);opacity:1;filter:none}}

/* Admin previews: no nested screenshot/card. The approved artwork is the preview itself. */
.adminApprovedFateModal .modalCard{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;width:min(100vw,520px)!important;max-height:96dvh!important}
.adminApprovedFateModal .modalCard>h2,.adminApprovedFateModal .modalCard>.modalActions{display:none!important}
.adminApprovedFateModal .spiceNotice.adminPreviewBody{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block!important;overflow:hidden!important}
.fateApprovedPreview{position:relative;width:100%;aspect-ratio:941/1672;overflow:hidden;background:#050205}
.fateApprovedPreviewBg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;user-select:none}
.fateApprovedWheelSpin{position:absolute;z-index:4;left:11.16%;top:27.21%;width:77.68%;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,165,38,.45));transition:transform 2.8s cubic-bezier(.08,.74,.1,1);will-change:transform}
.previewSpinHotspot{left:21.2%;top:75.15%;width:57.6%;height:5.8%}
.previewFastHotspot{left:21.2%;top:81.5%;width:57.6%;height:5.8%}
.previewBackHotspot{left:16.2%;top:90.5%;width:67.6%;height:6.1%}
.fateApprovedAnimCard{position:absolute;z-index:4;left:13.82%;top:23.92%;width:72.8%;height:auto;aspect-ratio:685/720;object-fit:fill;filter:drop-shadow(0 0 14px rgba(80,255,90,.35));transform-origin:center}
.previewAnimNextHotspot{left:22.4%;top:73.8%;width:55.2%;height:5.7%}
.previewAnimReplayHotspot{left:22.4%;top:80.0%;width:55.2%;height:5.7%}
.previewAnimBackHotspot{left:16.2%;top:91.0%;width:67.6%;height:6.0%}
@media(max-width:430px){
 .fateLobbyBack{width:12vw!important;height:12vw!important}
 .fateApprovedInput{font-size:18px!important;padding:0 10px!important}
 .fateApprovedName{left:7.2%;width:40.3%}
 .fateApprovedRoomCode{left:54.1%;width:38.2%}
 .fateApprovedCodeMask b{font-size:42px}
 .fateApprovedWheelWrap{width:min(84vw,345px)!important}
}


/* V87 — full-screen Fate pages + multi-result animation previews + clean wheel spin */
.fateOverlay{padding:0!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important}
.fatePanel{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;overflow:auto!important;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
.fateOverlayBody{width:100%!important;max-width:520px;margin:0 auto}
.fateApprovedResultCard{width:min(94vw,420px)!important;max-width:420px!important}
.fateApprovedResultCard img{width:100%!important;height:auto!important;object-fit:contain!important}

.fateAdminFullscreen{position:fixed;inset:0;z-index:25000;background:#020104;overflow:hidden;display:grid;place-items:center;touch-action:manipulation}
.fateAdminArtStage{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#050205}
.fateAdminArtBg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;pointer-events:none}
.fateAdminHotspot{position:absolute;z-index:20;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;-webkit-tap-highlight-color:transparent}
.fateAdminWheelWell{position:absolute;z-index:3;left:11.16%;top:27.21%;width:77.68%;aspect-ratio:1;border-radius:50%;background:#080206;box-shadow:0 0 0 2px rgba(255,198,92,.22) inset}
.fateAdminWheelRotator{position:absolute;z-index:4;left:11.16%;top:27.21%;width:77.68%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:contain;transition:transform 2.8s cubic-bezier(.08,.74,.1,1);will-change:transform;filter:drop-shadow(0 0 10px rgba(255,170,40,.4));transform-origin:50% 50%}
.fateAdminAnimArt{transform-origin:50% 50%;will-change:transform,opacity,filter}
.fateAdminFullscreen .previewSpinHotspot{left:21.2%;top:75.15%;width:57.6%;height:5.8%}
.fateAdminFullscreen .previewFastHotspot{left:21.2%;top:81.5%;width:57.6%;height:5.8%}
.fateAdminFullscreen .previewBackHotspot{left:16.2%;top:90.5%;width:67.6%;height:6.1%}
.fateAdminFullscreen .previewAnimNextHotspot{left:20.6%;top:74.15%;width:58.8%;height:5.9%}
.fateAdminFullscreen .previewAnimReplayHotspot{left:20.6%;top:80.3%;width:58.8%;height:5.9%}
.fateAdminFullscreen .previewAnimBackHotspot{left:14.8%;top:90.2%;width:70.4%;height:6.4%}

/* Keep the approved main Fate screen and Waiting Room unchanged; only remove outer spacing. */
.fateLobbyPanel{padding:0!important}
.fateLobbyContent{margin:0!important;width:100%!important;height:100dvh!important}
.fateApprovedStage{width:100vw!important;height:100dvh!important}

@media(orientation:landscape){
 .fateAdminArtStage{width:100vw;height:100dvh}
 .fatePanel{width:100vw!important;height:100dvh!important}
}

/* V88 — iPhone/PWA safe-area fit + single-wheel spin. Visual art itself unchanged. */
:root{--fate-safe-top:max(56px,env(safe-area-inset-top));--fate-safe-bottom:max(10px,env(safe-area-inset-bottom))}

/* Main Fate lobby + Waiting Room: keep the approved artwork, only fit it inside the PWA safe area. */
.fateLobbyPanel{
  height:100dvh!important;
  min-height:100dvh!important;
  padding:var(--fate-safe-top) 0 var(--fate-safe-bottom)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.fateLobbyContent{height:100%!important;min-height:0!important}
.fateApprovedStage{height:100%!important;min-height:0!important}
.fateApprovedBg{object-fit:fill!important}
.fateLobbyBack{top:calc(var(--fate-safe-top) + 7px)!important}

/* Live Fate spin/result pages also stay below the status area. */
.fatePanel{
  padding:var(--fate-safe-top) 12px var(--fate-safe-bottom)!important;
  box-sizing:border-box!important;
}

/* Admin Wheel / Animation fullscreen pages: move the complete page below the PWA status area. */
.fateAdminFullscreen{
  padding:var(--fate-safe-top) 0 var(--fate-safe-bottom)!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.fateAdminArtStage{
  width:100vw!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.fateAdminArtBg{object-fit:fill!important}

/* Remove the static wheel below the rotating one. The dark well fully masks the wheel printed in the background art. */
.fateAdminWheelWell{
  left:7.5%!important;
  top:24.7%!important;
  width:85%!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 48%,#170817 0%,#0a0209 64%,#040104 78%,#020102 100%)!important;
  box-shadow:0 0 35px rgba(255,161,46,.18) inset,0 0 18px rgba(0,0,0,.72)!important;
}
.fateAdminWheelRotator{
  left:10.7%!important;
  top:26.7%!important;
  width:78.6%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  object-fit:contain!important;
  clip-path:circle(48.5% at 50% 47.3%)!important;
  -webkit-clip-path:circle(48.5% at 50% 47.3%)!important;
  transform-origin:50% 47.3%!important;
  filter:drop-shadow(0 0 12px rgba(255,170,40,.48))!important;
}

/* Real game wheel: only the clean circular wheel rotates. */
.fateApprovedWheel{
  object-fit:contain!important;
  clip-path:circle(48.5% at 50% 47.3%)!important;
  -webkit-clip-path:circle(48.5% at 50% 47.3%)!important;
  transform-origin:50% 47.3%!important;
}

@media(max-width:430px){
  :root{--fate-safe-top:max(54px,env(safe-area-inset-top));--fate-safe-bottom:max(8px,env(safe-area-inset-bottom))}
  .fateLobbyBack{top:calc(var(--fate-safe-top) + 4px)!important}
}

/* V89 — full PWA Fate framing + true single rotor + explicit selected result. */
.fateLobby::before{
  content:"";position:fixed;inset:-5%;z-index:-1;pointer-events:none;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  filter:blur(24px) brightness(.56) saturate(1.14);transform:scale(1.08);
}
.fateLobby.choose::before{background-image:url('./fate-approved-lobby.png')}
.fateLobby.waiting::before{background-image:url('./fate-approved-waiting.png')}
.fateLobby{background:#120717!important}
.fateLobbyPanel{
  width:100vw!important;height:100dvh!important;min-height:100dvh!important;
  padding:var(--fate-safe-top) 0 var(--fate-safe-bottom)!important;
  overflow:hidden!important;background:transparent!important;box-sizing:border-box!important;
}
.fateLobbyContent{height:100%!important;min-height:0!important;overflow:hidden!important}
.fateApprovedStage{width:100vw!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:transparent!important}
.fateApprovedBg{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}
.fateLobbyBack{top:calc(var(--fate-safe-top) + 4px)!important}

/* Real-game wheel: rotate one transparent rotor, keep the reaper center and pointer fixed. */
.fateApprovedWheelWrap{position:relative!important;isolation:isolate!important}
.fateWheelRotor{
  z-index:3!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;clip-path:none!important;-webkit-clip-path:none!important;
  transform-origin:50% 50%!important;border-radius:50%!important;
  filter:drop-shadow(0 0 11px rgba(255,169,51,.34))!important;
}
.fateWheelFixedCenter{
  position:absolute;z-index:7;left:24.3%;top:24.3%;width:51.4%;height:51.4%;
  object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.48));
}
.fateApprovedWheelWrap .fatePointer{z-index:12!important}
.fateWheelSelection{
  position:absolute;z-index:20;left:50%;bottom:5.5%;transform:translate(-50%,10px) scale(.92);
  min-width:52%;max-width:84%;padding:8px 14px;border-radius:999px;
  border:1px solid rgba(255,219,132,.88);background:rgba(13,6,9,.92);
  box-shadow:0 4px 18px rgba(0,0,0,.55),0 0 18px rgba(255,172,54,.24);
  color:#ffe2a1;opacity:0;pointer-events:none;transition:.22s ease;
}
.fateWheelSelection.show{opacity:1;transform:translate(-50%,0) scale(1)}
.fateWheelSelection span{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.fateWheelSelection img{width:28px;height:28px;object-fit:contain;border-radius:50%}
.fateWheelSelection b{font:900 12px/1 Georgia,serif;letter-spacing:.04em;text-transform:uppercase}

/* Admin wheel: overlay the exact rotor at the exact pixel-matched position. No dark well, no second wheel. */
.fateAdminWheelWell{display:none!important}
.fateAdminWheelRotator{
  left:12.7524%!important;top:27.2129%!important;width:74.3889%!important;height:auto!important;
  aspect-ratio:1/1!important;object-fit:contain!important;clip-path:none!important;-webkit-clip-path:none!important;
  transform-origin:50% 50%!important;filter:drop-shadow(0 0 9px rgba(255,171,47,.28))!important;
}
.fateAdminWheelOutcome{
  position:absolute;z-index:30;left:27%;top:61.8%;width:46%;height:4.2%;
  display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);
  border:1px solid rgba(255,219,132,.88);border-radius:999px;background:rgba(9,4,8,.9);
  box-shadow:0 4px 18px rgba(0,0,0,.58),0 0 16px rgba(255,174,53,.28);
  transition:.22s ease;pointer-events:none;
}
.fateAdminWheelOutcome.show{opacity:1;transform:scale(1)}
.fateAdminWheelOutcome span{display:flex;align-items:center;justify-content:center;gap:7px;color:#ffe0a0;white-space:nowrap}
.fateAdminWheelOutcome img{width:27px;height:27px;object-fit:contain;border-radius:50%}
.fateAdminWheelOutcome b{font:900 11px/1 Georgia,serif;text-transform:uppercase;letter-spacing:.03em}

@media(max-width:430px){
  .fateWheelSelection{bottom:4.5%;padding:7px 11px}
  .fateWheelSelection b{font-size:11px}
  .fateAdminWheelOutcome{left:25%;width:50%;top:61.5%}
}


/* V90 — true edge-to-edge Fate lobby/waiting + one visual wheel only. */
.fateLobby,
.fateLobbyPanel,
.fateLobbyContent,
.fateApprovedStage{
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fateLobby{inset:0!important;background:#08020b!important}
.fateLobbyPanel{position:fixed!important;inset:0!important;max-width:none!important;background:transparent!important}
.fateLobbyContent{position:absolute!important;inset:0!important;max-width:none!important}
.fateApprovedStage{position:absolute!important;inset:0!important;background:#08020b!important}
.fateApprovedBg{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:fill!important;object-position:center!important;
}
/* artwork continues behind the iPhone status area; only the back hit target respects the safe inset */
.fateLobbyBack{top:calc(env(safe-area-inset-top) + 7px)!important;left:12px!important}

/* REAL GAME WHEEL: one rotor only. No legacy border/background/ring under the image. */
.fateApprovedWheelWrap{
  position:relative!important;isolation:isolate!important;
  width:min(86vw,380px)!important;aspect-ratio:1/1!important;
  overflow:visible!important;
}
.fateWheelUnderlay{
  position:absolute!important;z-index:1!important;inset:0!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 48%,#2a0b32 0%,#150719 58%,#070208 78%,#030104 100%)!important;
  box-shadow:0 0 34px rgba(255,165,47,.18) inset,0 14px 32px rgba(0,0,0,.55)!important;
}
.fateWheelRotor{
  position:absolute!important;z-index:3!important;inset:0!important;width:100%!important;height:100%!important;
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;
  object-fit:contain!important;border-radius:50%!important;transform-origin:50% 50%!important;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 25.6%,#000 26.4% 100%)!important;
  mask-image:radial-gradient(circle at 50% 50%,transparent 0 25.6%,#000 26.4% 100%)!important;
}
.fateWheelFixedCenter{
  z-index:8!important;left:24.1%!important;top:24.1%!important;width:51.8%!important;height:51.8%!important;
  border-radius:50%!important;object-fit:cover!important;clip-path:circle(49% at 50% 50%)!important;
}
.fateApprovedWheelWrap .fatePointer{z-index:14!important}
.fateWheelSelection{display:none!important}

/* ADMIN WHEEL: cover the wheel printed in the page artwork before adding the live rotor. */
.fateAdminWheelUnderlay{
  position:absolute!important;z-index:2!important;
  left:9.5%!important;top:24.3%!important;width:81%!important;height:45.5%!important;
  border-radius:28px!important;
  background:radial-gradient(ellipse at 50% 49%,#311040 0%,#17071e 55%,#0a030d 78%,#050207 100%)!important;
  box-shadow:inset 0 0 54px rgba(0,0,0,.42)!important;
}
.fateAdminWheelRotator{
  z-index:5!important;
  left:12.7524%!important;top:27.2129%!important;width:74.3889%!important;height:auto!important;aspect-ratio:1/1!important;
  border:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;
  transform-origin:50% 50%!important;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 25.6%,#000 26.4% 100%)!important;
  mask-image:radial-gradient(circle at 50% 50%,transparent 0 25.6%,#000 26.4% 100%)!important;
}
.fateAdminWheelFixedCenter{
  position:absolute!important;z-index:8!important;
  left:30.63%!important;top:37.37%!important;width:38.24%!important;height:auto!important;aspect-ratio:1/1!important;
  object-fit:cover!important;clip-path:circle(49% at 50% 50%)!important;pointer-events:none!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.42))!important;
}
.fateAdminWheelOutcome{display:none!important}

/* Full result art replaces the little result chip immediately after the wheel settles. */
.fateApprovedResultCard{animation:fateApprovedRevealV90 .66s cubic-bezier(.18,.88,.18,1.14) both!important}
@keyframes fateApprovedRevealV90{
  0%{transform:scale(.86);opacity:0;filter:blur(8px) brightness(1.7)}
  68%{transform:scale(1.045);opacity:1;filter:blur(0) brightness(1.18)}
  100%{transform:scale(1);opacity:1;filter:none}
}


/* V91 — safe PWA top/bottom, no square/double wheel, spin opens the full result animation. */
:root{
  --fate-v91-top:calc(env(safe-area-inset-top, 0px) + 14px);
  --fate-v91-bottom:max(env(safe-area-inset-bottom, 0px), 8px);
}
/* Keep a filled backdrop under the safe areas, but fit the complete approved artwork below the status bar. */
.fateLobby{background:#160818!important;overflow:hidden!important}
.fateLobby::before{
  content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  filter:blur(16px) brightness(.58) saturate(1.18)!important;transform:scale(1.07)!important;opacity:.9!important;
}
.fateLobby.choose::before{background-image:url('./fate-approved-lobby.png')!important}
.fateLobby.waiting::before{background-image:url('./fate-approved-waiting.png')!important}
.fateLobbyPanel,.fateLobbyContent{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;padding:0!important;margin:0!important;background:transparent!important;overflow:hidden!important}
.fateApprovedStage{
  position:absolute!important;
  left:0!important;right:0!important;
  top:var(--fate-v91-top)!important;
  bottom:var(--fate-v91-bottom)!important;
  width:100vw!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  overflow:hidden!important;background:transparent!important;
}
.fateApprovedBg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}
.fateLobbyBack{top:calc(var(--fate-v91-top) + 4px)!important}

/* Admin wheel/animation also start below the iPhone status bar; background fills the full viewport. */
.fateAdminFullscreen{display:block!important;background:#150817!important;overflow:hidden!important}
.fateAdminFullscreen::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,#391044,#17091d 58%,#070308);z-index:-1}
.fateAdminArtStage{
  position:absolute!important;left:0!important;right:0!important;
  top:var(--fate-v91-top)!important;bottom:var(--fate-v91-bottom)!important;
  width:100vw!important;height:auto!important;min-height:0!important;
  overflow:hidden!important;background:#09030d!important;
}
.fateAdminArtBg{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}

/* Admin wheel is exact while idle. During spin, cover only the printed wheel with a CIRCLE, never a square. */
.fateAdminWheelSpinCover{
  position:absolute!important;z-index:3!important;
  left:8.9%!important;top:24.9%!important;width:82.2%!important;aspect-ratio:1/1!important;
  border-radius:50%!important;opacity:0!important;pointer-events:none!important;
  background:radial-gradient(circle at 50% 46%,#30103d 0%,#17071f 56%,#0b030e 76%,#16081b 100%)!important;
  box-shadow:0 0 34px rgba(255,169,48,.18) inset,0 0 26px rgba(74,17,100,.34)!important;
  transition:opacity .08s linear!important;
}
.fateAdminWheelRotorHidden,.fateAdminWheelCenterHidden{opacity:0!important}
.fate-wheel-is-spinning .fateAdminWheelSpinCover{opacity:1!important}
.fate-wheel-is-spinning .fateAdminWheelRotator,.fate-wheel-is-spinning .fateAdminWheelFixedCenter{opacity:1!important}
.fateAdminWheelUnderlay,.fateAdminWheelWell{display:none!important}
.fateAdminWheelRotator{
  left:12.7524%!important;top:27.2129%!important;width:74.3889%!important;height:auto!important;aspect-ratio:1/1!important;
  border:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;
  transform-origin:50% 50%!important;transition:transform 2.8s cubic-bezier(.08,.74,.1,1),opacity .08s linear!important;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 25.6%,#000 26.4% 100%)!important;
  mask-image:radial-gradient(circle at 50% 50%,transparent 0 25.6%,#000 26.4% 100%)!important;
}
.fateAdminWheelFixedCenter{
  left:30.63%!important;top:37.37%!important;width:38.24%!important;height:auto!important;aspect-ratio:1/1!important;
  object-fit:cover!important;clip-path:circle(49% at 50% 50%)!important;transition:opacity .08s linear!important;
}

/* Real-game wheel: one clean circular backdrop only, then the rotor and fixed center. */
.fateWheelUnderlay{display:none!important}
.fateWheelBackdropCircle{
  position:absolute!important;z-index:1!important;inset:0!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 48%,#32113f 0%,#17071e 58%,#09030b 80%,#140718 100%)!important;
  box-shadow:0 0 30px rgba(255,166,47,.18) inset,0 13px 30px rgba(0,0,0,.5)!important;
}
.fateWheelRotor{z-index:3!important;background:transparent!important;border:0!important;box-shadow:none!important}
.fateWheelFixedCenter{z-index:8!important}

/* Full approved result art after every spin. */
.fateApprovedResultCard{width:min(100%,430px)!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.fateApprovedResultCard img{width:100%!important;height:auto!important;max-height:calc(100dvh - var(--fate-v91-top) - 150px)!important;object-fit:contain!important}
.fateAdminSpinResult .fateAdminAnimArt{transform-origin:50% 50%;will-change:transform,opacity,filter}

@media(max-width:430px){
  :root{--fate-v91-top:calc(env(safe-area-inset-top, 0px) + 18px);--fate-v91-bottom:max(env(safe-area-inset-bottom, 0px),10px)}
}


/* V96 — Board of Fate animations + in-game Twist rules */
.fateBoardEventOverlay{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px calc(env(safe-area-inset-bottom,0px) + 18px);background:rgba(2,3,10,.38);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease;pointer-events:auto}.fateBoardEventOverlay.show{opacity:1}.fateBoardEventFlash{position:absolute;inset:0;opacity:.74;animation:fateBoardFlash 1.7s ease-out both;pointer-events:none}.fateBoardEventOverlay.boost .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#77c9ff66 0,#4429bf33 35%,transparent 68%)}.fateBoardEventOverlay.curse .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#ff2a3c66 0,#75001944 38%,transparent 70%)}.fateBoardEventOverlay.coin .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#ffd84d77 0,#a35b0038 38%,transparent 70%)}.fateBoardEventOverlay.shield .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#58c6ff77 0,#073f9a40 38%,transparent 70%)}
.fateBoardEventCard{position:relative;width:min(92vw,520px);min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 24px 24px;border:2px solid #e9bd62;border-radius:30px;background:radial-gradient(circle at 50% 42%,rgba(51,37,92,.94),rgba(5,10,21,.98) 64%);box-shadow:0 0 0 4px #2a170c,0 0 0 6px #e2a94e,0 24px 70px #000c,inset 0 0 55px #6a3d9333;transform:scale(.82) translateY(20px);opacity:0;animation:fateBoardCardIn .48s cubic-bezier(.18,.82,.2,1.05) forwards;overflow:hidden}.fateBoardEventCard:before,.fateBoardEventCard:after{content:'✦';position:absolute;color:#ffd774;font-size:32px;text-shadow:0 0 15px #ffb937}.fateBoardEventCard:before{top:10px;left:15px}.fateBoardEventCard:after{bottom:10px;right:15px}.fateBoardEventKicker{font:800 20px/1.1 Georgia,serif;color:#f6ce7c;letter-spacing:.06em;text-shadow:0 2px 7px #000}.fateBoardEventIcon{width:128px;height:128px;margin:16px 0 5px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffdf9266,transparent 66%);animation:fateBoardIconPulse 1.2s ease-in-out infinite}.fateBoardEventIcon img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 18px #ffd76a99)}.fateBoardEventCard h2{margin:0;font:900 clamp(44px,12vw,72px)/.95 Georgia,serif;color:#fff;text-shadow:0 3px 0 #172855,0 0 24px #55b9ff}.fateBoardEventOverlay.curse h2{color:#fff2ef;text-shadow:0 3px 0 #5f0012,0 0 26px #ff314c}.fateBoardEventOverlay.coin h2{color:#fff4bf;text-shadow:0 3px 0 #5b3500,0 0 26px #ffc945}.fateBoardEventOverlay.shield h2{color:#e5f5ff;text-shadow:0 3px 0 #07326b,0 0 26px #36b7ff}.fateBoardEventCard h3{margin:10px 0 3px;font:800 clamp(24px,6vw,36px)/1 Georgia,serif;color:#ffe09a}.fateBoardEventCard p{margin:5px 0 14px;font:500 17px/1.25 Georgia,serif;color:#f6ecd5}.fateBoardWho{padding:9px 20px;border:1px solid #d3a454;border-radius:999px;background:#3d176dcc;color:#f8d98b;font:800 14px/1 Georgia,serif;letter-spacing:.07em}.fateBoardWho b{color:#fff}.fateBoardMoveNote{margin-top:12px;padding:7px 13px;border-radius:999px;background:#080b12cc;border:1px solid #96703d;color:#ead2a7;font-size:12px}.fateBoardEventOverlay.blocked .fateBoardEventCard{box-shadow:0 0 0 4px #071a29,0 0 0 6px #79d7ff,0 24px 70px #000c,inset 0 0 60px #55cbff55}.fateBoardEventOverlay.blocked h2{font-size:clamp(34px,9vw,54px)}
@keyframes fateBoardCardIn{to{transform:scale(1) translateY(0);opacity:1}}@keyframes fateBoardIconPulse{50%{transform:scale(1.08);filter:brightness(1.2)}}@keyframes fateBoardFlash{0%{opacity:0;transform:scale(.7)}25%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
.fateRulesHero{display:grid;gap:8px;text-align:center;padding:12px;border:1px solid #a77a3c;border-radius:12px;background:radial-gradient(circle at 50% 0,#43256a33,#0c1420 72%)}.fateRulesHeroIcons{display:flex;justify-content:center;gap:8px}.fateRulesHeroIcons img{width:48px;height:48px;object-fit:contain}.fateRulesHero>b{font-size:16px;color:#e9c16e;letter-spacing:.08em}.fateRulesHero>small{font-size:11px;color:#e8d7b7;line-height:1.3}.fateRuleSteps{display:grid;gap:7px;margin:10px 0}.fateRuleSteps>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;border:1px solid #8f6c42;border-radius:10px;padding:8px;background:#091522cc}.fateRuleSteps i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #e1b055;color:#f5d27f;font-style:normal;font-weight:800}.fateRuleSteps p{margin:0}.fateRuleSteps b{display:block;color:#f1cf86;font-size:13px}.fateRuleSteps small{display:block;color:#dfd0b7;font-size:10px;line-height:1.25}.fateRulesNav,.fateSettingsActions{display:grid;gap:7px;margin-top:9px}.fateRulesNav button,.fateSettingsActions button{min-height:42px;border:1px solid #c79a4f;border-radius:13px;background:linear-gradient(135deg,#11243b,#160b12);color:#f3dba8;text-align:left;padding:8px 10px}.fateSettingsActions button{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center}.fateSettingsActions img{width:40px;height:40px;object-fit:contain}.fateSettingsActions span{display:block}.fateSettingsActions b{display:block;font-size:12px}.fateSettingsActions small{display:block;font-size:9px;color:#d6c2a0;margin-top:2px}.classicRulesFateLink{margin:8px 0 3px}.classicRulesFateLink button{text-align:center}.fateRulesIntro{font-size:11px;color:#dfceb1;text-align:center;margin:0 0 8px}.fateIconRulesGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fateIconRule{min-width:0;display:grid;grid-template-columns:42px 1fr;grid-template-areas:'img text' 'target target';gap:5px 7px;align-items:center;border:1px solid #8d693a;border-radius:10px;padding:7px;background:#091420d9}.fateIconRule img{grid-area:img;width:40px;height:40px;object-fit:contain}.fateIconRule p{grid-area:text;margin:0;min-width:0}.fateIconRule b{display:block;color:#f5d58d;font-size:11px}.fateIconRule small{display:block;color:#ded1bb;font-size:8px;line-height:1.15}.fateRuleTarget{grid-area:target;justify-self:stretch;text-align:center;padding:3px 5px;border-radius:999px;border:1px solid #927044;color:#d9c7aa;font-size:7px;font-weight:800;letter-spacing:.04em}.fateRuleTarget.both{color:#e8c767;border-color:#a88437}.fateRuleTarget.opponent{color:#f28e82;border-color:#9f493e}.fateRuleSubTitle{font-size:16px;margin:10px 0 6px;color:#e9c978;text-align:center}.boardFateRulesGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boardFateRule{display:grid;justify-items:center;text-align:center;gap:2px;padding:9px 6px;border:1px solid #9b733c;border-radius:12px;background:radial-gradient(circle at 50% 20%,#273b5d55,#0a111b 70%)}.boardFateRule img{width:62px;height:62px;object-fit:contain}.boardFateRule b{font:700 15px Georgia,serif;color:#f1ce80}.boardFateRule strong{font:700 13px Georgia,serif;color:#fff0c6}.boardFateRule small{font-size:8px;line-height:1.15;color:#d9cdb8}.boardFateSteps{margin-top:9px}.fateSettingsRules>.sectionTitle>span{font-size:26px;color:#f4cb70}
@media(max-width:380px){.fateIconRulesGrid{grid-template-columns:1fr}.fateBoardEventCard{min-height:350px}.fateBoardEventIcon{width:108px;height:108px}.fateBoardEventIcon img{width:94px;height:94px}}

.adminFateBoardDemo button{padding:8px 3px;border:1px solid #93703e;border-radius:8px;background:#130c08;color:#ecd7ab;font:inherit}.adminFateBoardDemo button img{display:block;width:52px;height:52px;object-fit:contain;margin:0 auto 4px}


/* V97 — approved Board of Fate live animation + rules styling */
.fateBoardTriggered{position:relative;z-index:15!important;animation:fateBoardCellImpact .7s ease-in-out infinite alternate!important}
.fateBoardTriggered-boost,.fateBoardTriggered-shield{box-shadow:0 0 0 2px #9edbff,0 0 24px 9px #4da6ff,0 0 48px 16px #6e42ff99!important}
.fateBoardTriggered-curse{box-shadow:0 0 0 2px #ff8b78,0 0 24px 9px #ff263f,0 0 48px 16px #8d001caa!important}
.fateBoardTriggered-coin{box-shadow:0 0 0 2px #ffe39b,0 0 24px 9px #ffc52e,0 0 48px 16px #ff9d0088!important}
@keyframes fateBoardCellImpact{to{filter:brightness(1.5);transform:scale(1.06)}}

.fateBoardEventOverlay{position:fixed!important;inset:0!important;z-index:2600!important;display:grid!important;place-items:center!important;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px calc(env(safe-area-inset-bottom,0px) + 14px)!important;background:rgba(4,2,8,.18)!important;backdrop-filter:saturate(1.35) blur(.55px)!important;opacity:0;transition:opacity .22s ease;overflow:hidden}
.fateBoardEventOverlay.show{opacity:1}
.fateBoardEventFlash{position:absolute!important;inset:-18%!important;opacity:1!important;pointer-events:none!important;animation:fateBoardFlashV97 2.2s ease-out both!important}
.fateBoardEventOverlay.boost .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#d7f3ffcc 0 5%,#4aa8ff88 12%,#6248ff55 27%,transparent 56%)!important}
.fateBoardEventOverlay.curse .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#fff1e5b8 0 4%,#ff2d45a0 13%,#7e001c70 31%,transparent 59%)!important}
.fateBoardEventOverlay.coin .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#fff9c9d9 0 5%,#ffd13899 14%,#803c005c 34%,transparent 61%)!important}
.fateBoardEventOverlay.shield .fateBoardEventFlash{background:radial-gradient(circle at 50% 50%,#e8fbffdf 0 5%,#59c8ff99 14%,#1931bc58 34%,transparent 61%)!important}
.fateBoardEventParticles{position:absolute;inset:0;pointer-events:none;opacity:.9;background-image:radial-gradient(circle,#ffe8a8 0 1px,transparent 2px),radial-gradient(circle,#ffffff 0 1px,transparent 2px),radial-gradient(circle,#d187ff 0 1px,transparent 2px);background-size:61px 67px,93px 89px,127px 113px;background-position:11px 17px,37px 42px,74px 9px;animation:fateBoardStars 2.5s linear infinite}
.fateBoardEventCard{position:relative!important;width:min(91vw,560px)!important;min-height:min(56vh,620px)!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:28px 28px 22px!important;border:4px solid #f0b94d!important;border-radius:38px 38px 32px 32px!important;background:radial-gradient(circle at 50% 35%,rgba(31,36,88,.98) 0,rgba(15,8,33,.985) 48%,rgba(7,4,13,.995) 100%)!important;box-shadow:inset 0 0 0 2px #6e4218,inset 0 0 0 5px #f7d78677,0 0 0 2px #321d0b,0 0 55px 10px #f2b74355,0 24px 70px #000c!important;transform:scale(.86) translateY(18px);opacity:0;animation:fateBoardCardInV97 .5s cubic-bezier(.14,.85,.18,1.08) forwards!important;overflow:hidden!important}
.fateBoardEventCard:before{content:''!important;position:absolute!important;inset:8px!important;border:1px solid #f6cd76aa!important;border-radius:30px!important;box-shadow:inset 0 0 24px #f3c35b22!important;pointer-events:none}
.fateBoardEventCard:after{content:''!important;position:absolute!important;inset:14px!important;border-radius:26px!important;background:linear-gradient(135deg,transparent 0 45%,#f1b74a33 49%,transparent 53%) 0 0/120px 120px!important;opacity:.35!important;pointer-events:none}
.fateBoardEventOverlay.boost .fateBoardEventCard{background:radial-gradient(circle at 50% 38%,#142d6c 0,#1a1540 45%,#080512 100%)!important;box-shadow:inset 0 0 0 2px #6e4218,inset 0 0 0 5px #f7d78677,0 0 0 2px #321d0b,0 0 60px 12px #5aa5ff66,0 24px 70px #000c!important}
.fateBoardEventOverlay.curse .fateBoardEventCard{background:radial-gradient(circle at 50% 38%,#5b0915 0,#260615 47%,#09040a 100%)!important;box-shadow:inset 0 0 0 2px #6e4218,inset 0 0 0 5px #f7d78677,0 0 0 2px #321d0b,0 0 64px 13px #ff2b4155,0 24px 70px #000c!important}
.fateBoardEventOverlay.coin .fateBoardEventCard{background:radial-gradient(circle at 50% 38%,#5b3a05 0,#281113 47%,#090509 100%)!important;box-shadow:inset 0 0 0 2px #6e4218,inset 0 0 0 5px #f7d78677,0 0 0 2px #321d0b,0 0 68px 15px #ffca3155,0 24px 70px #000c!important}
.fateBoardEventOverlay.shield .fateBoardEventCard,.fateBoardEventOverlay.blocked .fateBoardEventCard{background:radial-gradient(circle at 50% 38%,#083a77 0,#14164b 47%,#060713 100%)!important;box-shadow:inset 0 0 0 2px #6e4218,inset 0 0 0 5px #f7d78677,0 0 0 2px #321d0b,0 0 68px 15px #49c9ff55,0 24px 70px #000c!important}
.fateBoardCrest{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;width:64px;height:64px;display:grid;place-items:center;color:#fff1a5;font-size:43px;text-shadow:0 0 7px #fff,0 0 18px #ffb52f}
.fateBoardEventKicker{position:relative;z-index:2;margin-top:35px!important;font:900 clamp(27px,7.2vw,43px)/1 Georgia,serif!important;color:#ffdc86!important;letter-spacing:.015em!important;text-shadow:0 2px 0 #6b3c07,0 0 12px #ffbb36!important}
.fateBoardEventIcon{position:relative;z-index:2;width:clamp(150px,39vw,215px)!important;height:clamp(150px,39vw,215px)!important;margin:8px 0 -4px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:transparent!important;animation:fateBoardIconPulseV97 1.25s ease-in-out infinite!important}
.fateBoardIconHalo{position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,#fffbd4a8 0 7%,#5fc7ff55 23%,#6138ff3c 42%,transparent 67%);filter:blur(1px);animation:fateBoardHalo 1.6s ease-in-out infinite alternate}
.fateBoardEventOverlay.curse .fateBoardIconHalo{background:radial-gradient(circle,#fff0caa0 0 7%,#ff465a55 23%,#8e001e44 44%,transparent 69%)}
.fateBoardEventOverlay.coin .fateBoardIconHalo{background:radial-gradient(circle,#fffbd9b0 0 8%,#ffd64c66 25%,#8a4a003a 46%,transparent 69%)}
.fateBoardEventOverlay.shield .fateBoardIconHalo,.fateBoardEventOverlay.blocked .fateBoardIconHalo{background:radial-gradient(circle,#f3ffffb5 0 8%,#55cfff66 25%,#294dff3e 46%,transparent 69%)}
.fateBoardEventIcon img{position:relative;z-index:2;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 0 14px #ffd96c88)!important}
.fateBoardEventCard h2{position:relative;z-index:2;margin:0!important;font:900 clamp(50px,14vw,82px)/.88 Georgia,serif!important;letter-spacing:-.04em!important;color:#f8fbff!important;text-shadow:0 3px 0 #16326d,0 0 8px #fff,0 0 28px #43a6ff!important}
.fateBoardEventOverlay.curse h2{color:#fff5ed!important;text-shadow:0 3px 0 #6f0013,0 0 8px #fff,0 0 30px #ff1e37!important}
.fateBoardEventOverlay.coin h2{color:#fff4c4!important;text-shadow:0 3px 0 #714200,0 0 8px #fff6cc,0 0 30px #ffc62b!important}
.fateBoardEventOverlay.shield h2,.fateBoardEventOverlay.blocked h2{color:#f1fbff!important;text-shadow:0 3px 0 #073c7a,0 0 8px #fff,0 0 30px #47c8ff!important}
.fateBoardEventCard h3{position:relative;z-index:2;margin:10px 0 6px!important;font:900 clamp(26px,7vw,42px)/1 Georgia,serif!important;color:#ffe49c!important;text-shadow:0 2px 0 #6b3b05,0 0 10px #ffbf3a77!important}
.fateBoardEventCard p{position:relative;z-index:2;margin:0 0 13px!important;font:600 clamp(16px,4vw,23px)/1.18 Georgia,serif!important;color:#fff5df!important;text-shadow:0 2px 4px #000!important}
.fateBoardWho{position:relative;z-index:2;width:min(88%,390px)!important;padding:10px 16px!important;border:2px solid #e4b24f!important;border-radius:4px!important;background:linear-gradient(180deg,#5a187d,#34105c)!important;color:#ffe296!important;font:900 clamp(14px,3.6vw,19px)/1 Georgia,serif!important;letter-spacing:.04em!important;box-shadow:inset 0 0 0 1px #9b61c8,0 3px 0 #3a1c08!important}
.fateBoardWho b{color:#fff0a8!important}
.fateBoardEventOverlay.curse .fateBoardWho{background:linear-gradient(180deg,#9e1224,#5c0714)!important;box-shadow:inset 0 0 0 1px #dc5965,0 3px 0 #3a1c08!important}
.fateBoardEventOverlay.coin .fateBoardWho{background:linear-gradient(180deg,#5c207d,#38135f)!important}
.fateBoardMoveNote{position:relative;z-index:2;margin-top:10px!important;padding:7px 16px!important;border-radius:999px!important;background:#090b10e8!important;border:2px solid #9f7538!important;color:#f1d6a4!important;font:600 clamp(11px,3vw,15px)/1 Georgia,serif!important;box-shadow:inset 0 0 0 1px #2e1c0d!important}.fateBoardMoveNote i{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#f4c567;color:#1a1108;font-style:normal;font-weight:900}
@keyframes fateBoardCardInV97{0%{transform:scale(.78) translateY(26px);opacity:0;filter:blur(5px)}70%{transform:scale(1.025) translateY(0);opacity:1;filter:blur(0)}100%{transform:scale(1);opacity:1;filter:blur(0)}}
@keyframes fateBoardIconPulseV97{50%{transform:scale(1.045);filter:brightness(1.13)}}
@keyframes fateBoardHalo{to{transform:scale(1.12);opacity:.72}}
@keyframes fateBoardStars{to{background-position:72px 84px,130px 131px,201px 122px}}
@keyframes fateBoardFlashV97{0%{opacity:0;transform:scale(.65)}24%{opacity:1}100%{opacity:.2;transform:scale(1.15)}}

/* Board of Fate rules — approved 2x2 compendium */
.boardFateRulesModal{background:radial-gradient(circle at 50% 0,#142e4a 0,#06111f 38%,#030914 100%)!important;padding:7px 8px 10px!important;border-width:18px!important;box-shadow:0 0 0 2px #533109,0 0 34px #d79a364f!important}
.boardFateRulesModal:before{content:'';position:absolute;inset:6px;border:1px solid #f0c66b88;pointer-events:none}
.boardFateRulesModal .modalBrand{height:82px!important;margin-top:0!important}
.boardFateRulesModal h2{font:900 clamp(25px,7vw,38px)/1 Georgia,serif!important;color:#ffe3a0!important;text-shadow:0 2px 0 #65390a,0 0 10px #ffbb38!important;letter-spacing:.01em!important;margin:0 0 10px!important}
.boardFateRulesModal .boardFateRulesGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 2px 8px!important}
.boardFateRulesModal .boardFateRule{position:relative;min-height:196px!important;display:grid!important;grid-template-rows:92px auto auto 1fr!important;justify-items:center!important;align-items:center!important;text-align:center!important;gap:2px!important;padding:8px 7px!important;border:2px solid #d5a448!important;border-radius:9px!important;background:radial-gradient(circle at 50% 30%,#17345b99,#08121f 66%)!important;box-shadow:inset 0 0 0 1px #533817,0 0 14px #0008!important}
.boardFateRulesModal .boardFateRule.curse{background:radial-gradient(circle at 50% 30%,#5f1019aa,#160910 68%)!important}.boardFateRulesModal .boardFateRule.coin{background:radial-gradient(circle at 50% 30%,#57350499,#120d08 68%)!important}.boardFateRulesModal .boardFateRule.shield{background:radial-gradient(circle at 50% 30%,#0b3f7499,#07111e 68%)!important}
.boardFateRuleIcon{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffffff25,transparent 68%)}.boardFateRuleIcon img{width:86px!important;height:86px!important;object-fit:contain!important;filter:drop-shadow(0 0 10px #ffcf6766)!important}.boardFateRulesModal .boardFateRule b{font:900 23px/1 Georgia,serif!important;color:#ffe2a0!important;text-shadow:0 1px 0 #59320a}.boardFateRulesModal .boardFateRule strong{font:800 19px/1.05 Georgia,serif!important;color:#fff1be!important}.boardFateRulesModal .boardFateRule small{font:500 10px/1.18 Georgia,serif!important;color:#f0e1c4!important}
.boardFateRulesTitle{margin:8px 0 6px!important;text-align:center!important;font:900 20px/1 Georgia,serif!important;color:#ffe1a0!important;text-shadow:0 1px 0 #5b3107}
.boardFateGuideRows{display:grid;gap:6px;margin:0 4px}.boardFateGuideRows>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;min-height:45px;padding:5px 8px;border:1px solid #b17f34;border-radius:8px;background:#061426d9;box-shadow:inset 0 0 0 1px #2b1b0c}.boardFateGuideRows i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #e5b654;background:#0a1d33;color:#ffd578;font-style:normal;font-size:20px;box-shadow:inset 0 0 0 1px #5d431b}.boardFateGuideRows p{margin:0;font:500 11px/1.22 Georgia,serif;color:#f1e3c9}.boardFateGuideRows p b{color:#ffe09a}.boardFateRuleActions{position:sticky!important;bottom:-6px!important;z-index:3!important;background:linear-gradient(180deg,transparent,#07111e 28%)!important;padding-top:10px!important}.boardFateRuleActions .primary{font-size:19px!important;min-height:48px!important}
@media(max-height:740px) and (orientation:portrait){.boardFateRulesModal .modalBrand{height:58px!important}.boardFateRulesModal .boardFateRule{min-height:155px!important;grid-template-rows:68px auto auto 1fr!important}.boardFateRuleIcon{width:66px;height:66px}.boardFateRuleIcon img{width:64px!important;height:64px!important}.boardFateRulesModal .boardFateRule b{font-size:19px!important}.boardFateRulesModal .boardFateRule strong{font-size:16px!important}.boardFateGuideRows>div{min-height:37px}.boardFateGuideRows p{font-size:9px}.boardFateGuideRows i{width:30px;height:30px;font-size:16px}}