/* Existing Daily parchment around the live letter rack. */
#game .rack{background:transparent url('./daily-parchment.png') center/100% 100% no-repeat;border:0;border-image:none;border-radius:0;padding:9px 12px;box-shadow:none;overflow:visible}
#game .roundAction{position:relative;border:2px solid #ffe3a0;background:radial-gradient(ellipse at 30% 16%,#394047 0,#101b29 38%,#030b16 80%);box-shadow:0 0 0 2px #9c6327,0 0 0 4px #d5a855,inset 0 0 0 2px #49331a,0 3px 6px #0009;color:#f9d77e;overflow:visible}
#game .roundAction .ico{width:48%;height:48%;min-width:25px;min-height:25px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 1px 1px #ad7226)}
#game .roundAction>span{display:grid;place-items:center;width:100%;height:100%}
#game .roundAction>small{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden}
#game .roundAction:after{content:attr(data-badge);position:absolute;right:-5%;bottom:-5%;width:36%;height:36%;min-width:19px;min-height:19px;border:2px solid #f9d585;border-radius:50%;background:radial-gradient(at 35% 20%,#17212b,#010813);color:#fff4c9;box-shadow:0 1px 2px #9a6020;display:grid;place-items:center;font:bold clamp(12px,3.6vw,21px)/1 Georgia,serif}
#game .roundAction:before{content:attr(data-action-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font:bold clamp(10px,2.8vw,16px)/1 Georgia,serif;color:#fff4d9;text-shadow:0 2px 3px #000;white-space:nowrap}
.wordAcceptedBanner{top:calc(var(--safeT,0px) + 70px);width:min(88vw,480px);box-sizing:border-box;background:linear-gradient(135deg,#143b25,#061b17);border:3px double #ffe09a;box-shadow:0 0 30px #96df6870,0 8px 30px #000b;z-index:30000}
.wordAcceptedBanner.show{animation:acceptedBannerIn .35s ease-out both}
.wordAcceptedBanner span{font-size:clamp(17px,4.5vw,25px);font-weight:bold;line-height:1.35;color:#fff3bd;overflow-wrap:anywhere}
#board .cell.wordAccepted,#board .cell.wordAcceptedSecondary{z-index:4;overflow:visible}
#board .cell.wordAccepted .tile{background:linear-gradient(#efffae,#97d66e);color:#102b14;border:2px solid #e5ffc8;animation:acceptedTilePulse .8s ease-in-out 4;box-shadow:0 0 13px 3px #b0ff62}
#board .cell.wordAcceptedSecondary .tile{background:linear-gradient(#fff4ad,#edc151);color:#38220b;animation:acceptedTilePulse .8s ease-in-out 4;box-shadow:0 0 13px 3px #ffe770}
@keyframes acceptedTilePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.10);filter:brightness(1.18)}}
@keyframes acceptedBannerIn{from{opacity:0;transform:translate(-50%,-15px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
#fateOverlay .fateApprovedResultCard{display:flex;flex-direction:column;align-items:center;min-height:0;max-width:100%;animation:fateCardReveal .65s ease-out both}
#fateOverlay .fateApprovedResultCard img{width:auto!important;height:auto!important;max-width:100%;max-height:calc(var(--view-h,100dvh)*.43)!important;object-fit:contain}
#fateOverlay .fateLiveResultText{margin:5px 8px;font-size:clamp(13px,3.5vw,18px);line-height:1.3;color:#fff0bd;text-align:center}
@keyframes fateCardReveal{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.wordAcceptedBanner.show,#board .cell.wordAccepted .tile,#board .cell.wordAcceptedSecondary .tile,#fateOverlay .fateApprovedResultCard{animation:none}}

/* V97 FIX 2026-10-06 — exact approved parchment/live UI + Fate spin ownership */

/* Fate lobby + Waiting Room: keep the approved artwork exactly, only make the PWA presentation full-screen/safe. */
#fateLobby.fateLobby.show{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;
  overflow:hidden!important;background:#120615!important;
}
#fateLobby.fateLobby.show::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  filter:none!important;transform:none!important;opacity:1!important;
}
#fateLobby.fateLobby.choose.show::before{background-image:url('./fate-approved-lobby.png')!important}
#fateLobby.fateLobby.waiting.show::before{background-image:url('./fate-approved-waiting.png')!important}
#fateLobby .fateLobbyPanel,#fateLobby .fateLobbyContent{
  position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-width:none!important;
  margin:0!important;padding:0!important;background:transparent!important;overflow:hidden!important;
}
#fateLobby .fateApprovedStage{
  position:absolute!important;left:0!important;right:0!important;
  top:env(safe-area-inset-top,0px)!important;bottom:env(safe-area-inset-bottom,0px)!important;
  width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
  background:transparent!important;
}
#fateLobby .fateApprovedBg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}
#fateLobby .fateViewportFrame{display:none!important}
#fateLobby .fateLobbyBack{
  z-index:90!important;left:8px!important;top:calc(env(safe-area-inset-top,0px) + 8px)!important;
  width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;
}

/* MY FATE / PLAYER FATE are the player's own spin history, never the list of received effects. */
.profileFateIcons,.fateSummaryCol>div{overflow:visible!important}
.fateMiniIcon,.fateSummaryIcon{position:relative!important;overflow:visible!important}
.fateTargetBadge{
  position:absolute!important;right:-4px!important;bottom:-4px!important;z-index:6!important;
  width:12px!important;height:12px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:#081321!important;border:1px solid #f3ce78!important;color:#ffe7a8!important;
  font:900 7px/1 system-ui,sans-serif!important;box-shadow:0 1px 3px #000b!important;text-shadow:none!important;
}
.fateSummaryIcon .fateTargetBadge{width:14px!important;height:14px!important;font-size:8px!important}
.profileFateIcons .fateEmptySlot,.fateSummaryCol .fateEmptySlot{
  display:block!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:50%!important;
  border:1px dashed #d7ad6270!important;background:#130b0a55!important;
}
.fateSummaryCol .fateEmptySlot{width:31px!important;height:31px!important;min-width:31px!important}
.scoreStrip.fateDuo .profileFateIcons{max-width:43vw!important;flex-wrap:nowrap!important;gap:4px!important;overflow:visible!important}
@media(max-width:390px){.fateMiniIcon{width:18px!important;height:18px!important;min-width:18px!important}.profileFateIcons .fateEmptySlot{width:18px!important;height:18px!important;min-width:18px!important}}

/* Online Room — one parchment inside one gold frame, no extra white/parchment sheet underneath. */
.modal:has(.onlineModal){padding:calc(env(safe-area-inset-top,0px) + 12px) 5vw calc(env(safe-area-inset-bottom,0px) + 12px)!important;align-items:center!important;overflow:hidden!important}
.modalCard.onlineModal{
  width:min(92vw,520px)!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)!important;
  overflow:auto!important;overscroll-behavior:contain!important;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;
  padding:clamp(55px,9vh,84px) clamp(30px,7vw,48px) clamp(45px,7vh,70px)!important;
  background:transparent url('./daily-parchment.png') center/100% 100% no-repeat!important;color:#3d250f!important;
}
.onlineModal .modalClose{top:4.5%!important;right:4.5%!important;width:40px!important;height:40px!important;border:2px solid #e1b75f!important;border-radius:50%!important;background:#0b1a2c!important;color:#ffe7ac!important;box-shadow:0 0 0 2px #6d4218!important}
.onlineModal .modalBrand{height:68px!important;margin:-36px auto 0!important;background:url('./scrumble-logo.png') center/contain no-repeat!important}
.onlineModal .modalBrand>*{visibility:hidden!important}
.onlineModal h2{margin:2px 0 10px!important;color:#39210d!important;font:700 clamp(31px,8vw,46px)/1 Georgia,serif!important;text-shadow:none!important}
.onlineModal .onlineResume{display:block!important;width:max-content!important;max-width:100%!important;margin:0 0 7px!important;background:#0a1b31!important;border:2px solid #c89a49!important;color:#f8df9d!important;border-radius:999px!important;min-height:42px!important;padding:7px 16px!important;font:500 15px/1.15 Georgia,serif!important}
.onlineModal .formStack{display:grid!important;gap:8px!important}.onlineModal .formStack label{color:#3c240f!important;font:500 18px/1.15 Georgia,serif!important}
.onlineModal .nameInput{height:58px!important;margin-top:4px!important;background:#071526!important;border:2px solid #bf9145!important;border-radius:4px!important;color:#fff0c9!important;font:700 22px/1 Georgia,serif!important;box-shadow:inset 0 0 13px #0008!important}
.onlineModal .onlineCode{font-size:28px!important;letter-spacing:.22em!important;text-align:center!important}
.onlineModal .onlineActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
.onlineModal .onlineActions button{min-height:66px!important;border:2px solid #d1a254!important;border-radius:24px!important;font:700 clamp(17px,4.6vw,23px)/1.1 Georgia,serif!important}
.onlineModal .onlinePrivacy{color:#3f260f!important;text-align:center!important;font:500 13px/1.2 Georgia,serif!important;margin:10px 0!important}
.onlineModal .fateMenuCard{position:relative!important;min-height:162px!important;margin:5px 0 9px!important;padding:18px 42px 18px 145px!important;border:2px solid #d0a355!important;border-radius:6px!important;background:linear-gradient(100deg,#25100e,#0d0a12)!important;color:#ffe8ae!important;overflow:hidden!important;box-shadow:inset 0 0 0 2px #5c3b18!important;text-align:left!important}
.onlineModal .fateMenuCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:142px;background:url('./fate-reaper.png') center/cover no-repeat;filter:saturate(1.08) contrast(1.03)}
.onlineModal .fateMenuCard:after{content:""!important;position:absolute!important;inset:0!important;border:8px solid transparent!important;border-image:url('./ornate-frame.svg') 30 / 12px / 0 stretch!important;pointer-events:none!important}
.onlineModal .fateMenuSigil{display:none!important}.onlineModal .fateMenuCard>div:nth-child(2){position:relative!important;z-index:2!important}.onlineModal .fateMenuCard small{font-size:9px!important;letter-spacing:.2em!important;color:#e8c371!important}.onlineModal .fateMenuCard h3{font:900 clamp(26px,7vw,38px)/.92 Georgia,serif!important;color:#ffe099!important;margin:4px 0!important}.onlineModal .fateMenuCard p{font:600 12px/1.3 Georgia,serif!important;color:#f2dab0!important;margin:0!important}.onlineModal .fateMenuCard>i{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;font-size:45px!important;color:#ffd36f!important}
.onlineModal>.modalActions{height:auto!important;margin:5px 0 -14px!important}.onlineModal>.modalActions button{width:100%!important;min-height:55px!important;border:2px solid #c99b4d!important;border-radius:24px!important;background:#081a2e!important;color:#fff0c7!important;font:500 20px Georgia,serif!important}
@media(max-height:760px){.modalCard.onlineModal{padding-top:50px!important;padding-bottom:40px!important}.onlineModal .fateMenuCard{min-height:132px!important;padding-left:125px!important}.onlineModal .fateMenuCard:before{width:122px!important}.onlineModal .nameInput{height:48px!important}.onlineModal .onlineActions button{min-height:54px!important}}

/* Board of Fate Tiles — exact parchment compendium, live content, no extra parchment layer. */
.modal:has(.boardFateRulesModal){padding:calc(env(safe-area-inset-top,0px) + 10px) 5vw calc(env(safe-area-inset-bottom,0px) + 10px)!important;align-items:center!important;overflow:hidden!important}
.modalCard.boardFateRulesModal{
  width:min(94vw,510px)!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px)!important;
  overflow:auto!important;overscroll-behavior:contain!important;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;
  padding:clamp(52px,8vh,78px) clamp(27px,6vw,42px) clamp(38px,6vh,62px)!important;
  background:transparent url('./daily-parchment.png') center/100% 100% no-repeat!important;color:#3d250f!important;
}
.boardFateRulesModal:before{display:none!important}.boardFateRulesModal .modalClose{top:4.2%!important;right:4.2%!important;width:42px!important;height:42px!important;border:2px solid #e1b75f!important;border-radius:50%!important;background:#0a1a2c!important;color:#ffe7aa!important;box-shadow:0 0 0 2px #6d4218!important}
.boardFateParchment{display:block!important;min-width:0!important}.boardFateBrand{height:66px!important;margin:-34px 12% 2px!important;background:none!important}.boardFateBrand img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 0 8px #e9a52e88)!important}.boardFateRulesModal h2{margin:0 0 8px!important;color:#2f1b0b!important;text-shadow:none!important;font:700 clamp(30px,8vw,43px)/1 Georgia,serif!important;letter-spacing:0!important;text-transform:none!important}
.boardFateRulesModal .boardFateRulesGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 8px!important}
.boardFateRulesModal .boardFateRule{min-height:205px!important;grid-template-rows:92px auto auto 1fr!important;padding:8px!important;border:2px solid #d7a849!important;border-radius:4px!important;background:radial-gradient(circle at 50% 28%,#15355b,#07111f 68%)!important;box-shadow:inset 0 0 0 1px #604116,0 3px 9px #0006!important}
.boardFateRulesModal .boardFateRule.curse{background:radial-gradient(circle at 50% 28%,#72151b,#1b0710 70%)!important}.boardFateRulesModal .boardFateRule.coin{background:radial-gradient(circle at 50% 28%,#674009,#150d05 70%)!important}.boardFateRulesModal .boardFateRule.shield{background:radial-gradient(circle at 50% 28%,#0c477a,#06111e 70%)!important}
.boardFateRuleIcon{width:90px!important;height:90px!important;background:transparent!important}.boardFateRuleIcon img{width:88px!important;height:88px!important;object-fit:contain!important}.boardFateRulesModal .boardFateRule b{font:900 24px/1 Georgia,serif!important;color:#ffe3a0!important}.boardFateRulesModal .boardFateRule strong{font:800 19px/1.05 Georgia,serif!important;color:#fff1bd!important}.boardFateRulesModal .boardFateRule small{font:500 10px/1.2 Georgia,serif!important;color:#f6e6c7!important}
.boardFateRulesModal .boardFateRulesTitle{margin:8px 0 6px!important;padding:8px 5px!important;background:#07172a!important;border:1px solid #c79845!important;border-radius:5px!important;color:#ffe2a0!important;font:900 19px/1 Georgia,serif!important;text-shadow:none!important}
.boardFateRulesModal .boardFateGuideRows{display:grid!important;gap:6px!important;margin:0!important}.boardFateRulesModal .boardFateGuideRows>div{display:grid!important;grid-template-columns:38px 1fr!important;gap:8px!important;min-height:44px!important;padding:5px 8px!important;border:1px solid #b88a3e!important;border-radius:7px!important;background:#07182b!important;box-shadow:none!important}.boardFateRulesModal .boardFateGuideRows i{width:34px!important;height:34px!important;border:1px solid #d9a74f!important;background:#0a1d34!important;color:#ffcf6a!important;font-size:18px!important}.boardFateRulesModal .boardFateGuideRows p{font:500 10.5px/1.18 Georgia,serif!important;color:#f6e6ca!important}.boardFateRulesModal .boardFateGuideRows p b{color:#ffe3a0!important}
.boardFateRulesModal .boardFateRuleActions{position:static!important;height:auto!important;margin:8px 5% -14px!important;padding:0!important;background:none!important}.boardFateRulesModal .boardFateRuleActions button{width:100%!important;min-height:54px!important;border:2px solid #d6aa55!important;border-radius:0!important;background:#07182b!important;color:#ffe5a7!important;font:600 23px Georgia,serif!important}
@media(max-height:760px){.modalCard.boardFateRulesModal{padding-top:47px!important;padding-bottom:34px!important}.boardFateBrand{height:52px!important}.boardFateRulesModal .boardFateRule{min-height:163px!important;grid-template-rows:65px auto auto 1fr!important}.boardFateRuleIcon,.boardFateRuleIcon img{width:64px!important;height:64px!important}.boardFateRulesModal .boardFateRule b{font-size:19px!important}.boardFateRulesModal .boardFateRule strong{font-size:16px!important}.boardFateRulesModal .boardFateRule small{font-size:8.5px!important}.boardFateRulesModal .boardFateGuideRows>div{min-height:37px!important}.boardFateRulesModal .boardFateGuideRows p{font-size:9px!important}}

/* Two-player/online victory screen — parchment stays inside its frame and text never clips. */
#result.ref-duo{overflow-y:auto!important}.resultLayout{overflow:visible!important}
#result.ref-duo .resultLayout{height:auto!important;min-height:100dvh!important;align-content:start!important;padding-top:calc(env(safe-area-inset-top,0px) + 18px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important;gap:12px!important}
#result.ref-duo .resultBrand{min-height:145px!important}
#result.ref-duo .resultBrand h2{font:700 clamp(45px,13vw,72px)/.95 Georgia,serif!important;color:#ffe29a!important;text-shadow:0 0 10px #eaa33f!important}
#result.ref-duo .resultBrand p{font:600 18px Georgia,serif!important;color:#f8e2b0!important}
#result.ref-duo .resultPlayers{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:210px 112px!important;gap:12px!important;padding:58px 0 0!important;margin:0!important;overflow:visible!important}
#result.ref-duo .resultPerson{position:relative!important;width:100%!important;height:100%!important;min-width:0!important;border:0!important;border-image:none!important;border-radius:0!important;background:transparent url('./daily-parchment.png') center/100% 100% no-repeat!important;color:#38230f!important;box-shadow:none!important;overflow:visible!important}
#result.ref-duo .resultPerson.winner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:54px 24px 16px!important}
#result.ref-duo .resultPerson.winner .avatar{position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%,-54%)!important;width:112px!important;height:112px!important;border-radius:50%!important}
#result.ref-duo .resultPortraitCrown{position:absolute!important;top:-68px!important;left:50%!important;transform:translateX(-50%)!important;color:#d6a542!important;font-size:30px!important;z-index:3!important}
#result.ref-duo .winner .resultRank{font:500 18px Georgia,serif!important;color:#402710!important}.resultName{overflow-wrap:anywhere!important}
#result.ref-duo .winner .resultName{font:500 clamp(24px,7vw,35px)/1.05 Georgia,serif!important;color:#402710!important;text-align:center!important}.resultScore{color:#402710!important}
#result.ref-duo .winner .resultScore{font:500 48px/1 Georgia,serif!important}
#result.ref-duo .resultPerson.runner{display:grid!important;grid-template-columns:72px 1fr!important;grid-template-rows:repeat(3,auto)!important;align-content:center!important;column-gap:12px!important;padding:14px 28px!important}
#result.ref-duo .runner .avatar{grid-row:1/4!important;width:68px!important;height:68px!important;align-self:center!important}.runner .resultRank{font:500 14px Georgia,serif!important}.runner .resultName{font:500 23px Georgia,serif!important}.runner .resultScore{font:500 31px Georgia,serif!important}
#result.ref-duo #resultStats{display:block!important;width:100%!important;height:auto!important;min-height:560px!important;margin:0!important;padding:34px 38px 44px!important;border:0!important;border-image:none!important;background:transparent url('./daily-parchment.png') center/100% 100% no-repeat!important;color:#38230f!important;overflow:visible!important}
#result.ref-duo .resultStatsTitle{text-align:center!important;margin:0 0 12px!important;font:700 25px/1 Georgia,serif!important;color:#3b240f!important}
#result.ref-duo .resultStatRow{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:8px!important;min-height:34px!important;padding:6px 0!important;border-bottom:1px solid #9c713733!important}.resultStatRow .statIcon{font-size:22px!important}.resultStatRow small,.resultStatRow b{font:500 14px/1.18 Georgia,serif!important;color:#3b240f!important}.resultStatRow b{text-align:right!important}
#result.ref-duo .resultWordGameValue{text-align:center!important;margin:7px 0 9px!important;color:#6a451f!important;font:600 13px Georgia,serif!important}
#result.ref-duo .resultPlayerStatsGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid #a6783c66!important;padding-top:9px!important}.resultPlayerStatsGrid section{padding:0 12px!important;min-width:0!important}.resultPlayerStatsGrid section+section{border-left:1px solid #a6783c77!important}.resultPlayerStatsGrid h4{margin:0 0 7px!important;font:600 19px Georgia,serif!important;color:#3b240f!important}.resultPlayerStatsGrid section>div{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;padding:2px 0!important;font:500 11px Georgia,serif!important;color:#4a2c13!important}.resultPlayerStatsGrid b{font-weight:500!important;overflow-wrap:anywhere!important;min-width:0!important}
@media(max-width:390px){#result.ref-duo #resultStats{padding-left:30px!important;padding-right:30px!important}.resultPlayerStatsGrid section{padding:0 8px!important}.resultPlayerStatsGrid h4{font-size:16px!important}}

/* V97 PATCH 2026-10-06 — approved Online Fate card + Board of Fate rules artwork.
   Only these two screens are changed. Waiting Room / Fate main page stay untouched. */

/* Online Room: use the exact approved Twist of Fate card artwork as ONE contained card.
   This removes the cropped reaper/text columns that were overflowing the parchment. */
.onlineModal .fateMenuCard{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:705 / 400!important;
  margin:7px 0 9px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('./online-fate-card-approved-v97.png') center/100% 100% no-repeat!important;
  box-shadow:none!important;
  overflow:hidden!important;
  color:transparent!important;
}
.onlineModal .fateMenuCard:before,.onlineModal .fateMenuCard:after{display:none!important;content:none!important}
.onlineModal .fateMenuCard>*{visibility:hidden!important;pointer-events:none!important}
.onlineModal .fateMenuCard{cursor:pointer!important}

/* Keep the complete Online Room parchment inside the PWA viewport so the Fate card and Back
   are visible together; no second parchment/background layer is introduced. */
.modalCard.onlineModal{
  overflow:hidden!important;
  padding-top:clamp(48px,7vh,66px)!important;
  padding-bottom:clamp(34px,5vh,48px)!important;
}
.onlineModal .modalBrand{height:clamp(52px,7vh,64px)!important;margin:-28px auto 0!important}
.onlineModal h2{font-size:clamp(30px,7vw,42px)!important;margin:0 0 7px!important}
.onlineModal .onlineResume{min-height:38px!important;padding:6px 14px!important;margin-bottom:5px!important}
.onlineModal .formStack{gap:6px!important}
.onlineModal .nameInput{height:clamp(48px,6.5vh,56px)!important}
.onlineModal .onlineActions{margin-top:8px!important}
.onlineModal .onlineActions button{min-height:clamp(52px,7vh,62px)!important}
.onlineModal .onlinePrivacy{margin:7px 0!important}
.onlineModal>.modalActions{margin:5px 0 -8px!important}
.onlineModal>.modalActions button{min-height:48px!important}

/* Board of Fate Tiles: render the approved compendium as one fitted framed parchment.
   The visible X and Rozumiem remain real clickable controls through transparent hotspots. */
.modal:has(.boardFateRulesModal){
  padding:calc(env(safe-area-inset-top,0px) + 7px) 3vw calc(env(safe-area-inset-bottom,0px) + 7px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.modalCard.boardFateRulesModal{
  position:relative!important;
  width:min(94vw,calc((100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 14px) * 0.53825))!important;
  height:auto!important;
  aspect-ratio:767 / 1425!important;
  max-width:510px!important;
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 14px)!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent url('./board-fate-rules-approved-v97.png') center/100% 100% no-repeat!important;
}
.boardFateRulesModal .boardFateParchment{position:absolute!important;inset:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.boardFateRulesModal .boardFateParchment>*:not(.boardFateRuleActions){visibility:hidden!important;pointer-events:none!important}
.boardFateRulesModal .boardFateRuleActions{
  position:absolute!important;
  left:9%!important;right:9%!important;bottom:1.4%!important;
  width:auto!important;height:8.8%!important;
  margin:0!important;padding:0!important;background:transparent!important;
  z-index:5!important;
}
.boardFateRulesModal .boardFateRuleActions button{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  opacity:0!important;color:transparent!important;
}
.boardFateRulesModal .modalClose{
  position:absolute!important;
  top:0.8%!important;right:0.4%!important;
  width:12.5%!important;height:auto!important;aspect-ratio:1!important;
  margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  opacity:0!important;color:transparent!important;z-index:10!important;
}

@media(max-height:760px){
  .modalCard.onlineModal{padding-top:44px!important;padding-bottom:32px!important}
  .onlineModal .modalBrand{height:48px!important;margin-top:-24px!important}
  .onlineModal h2{font-size:29px!important}
  .onlineModal .nameInput{height:44px!important}
  .onlineModal .onlineActions button{min-height:48px!important}
  .onlineModal>.modalActions button{min-height:44px!important}
  .modalCard.boardFateRulesModal{padding:0!important}
}