/* Shared parchment for profiles, player banners and result panels. */
#modal .profileModal .profileGrid>div{background:#fff0ce66;border:1px solid #a87936;color:#3c250f}
#modal .profileModal :is(.profileHero b,.profileGrid small,.profileGrid b){color:#492d12}
#game .scoreStrip{background:transparent url('./daily-parchment.png') center/100% 100% no-repeat;border:0;box-shadow:none;padding:5px 7px;color:#38230f;overflow:visible;z-index:5}
#game .scoreCard{color:#38230f;background:transparent}
#game .scoreCard :is(.onlineScoreMain>small,.onlineScoreMain>b,.scoreSoloMain small,.scoreSoloMain>b,.scoreSoloLevel b){color:#38230f;text-shadow:none}
#game .scoreCard.turnActive{box-shadow:none}
#game .scoreCard.turnActive .onlineScoreMeta{display:block!important;position:absolute;top:-17px;bottom:auto;left:22px;right:auto;z-index:12;background:linear-gradient(#614016,#281805);border:1px solid #f2d48c;border-radius:4px;padding:2px 7px;max-width:none;white-space:nowrap;box-shadow:0 1px 4px #0008}
#game .scoreCard.turnActive .onlineScoreMeta small{display:block;font-size:11px!important;line-height:1.15;color:#fff1bb;max-width:none;text-shadow:none}
#game .scoreCard:nth-child(2).turnActive .onlineScoreMeta{left:auto;right:22px}
#game .scoreCard:not(.turnActive) .onlineScoreMeta{display:none!important}
#game .soloCard:after{content:'NA ŤAHU';position:absolute;top:-17px;left:22px;background:linear-gradient(#614016,#281805);color:#fff1bb;border:1px solid #f2d48c;border-radius:4px;padding:2px 7px;font-size:11px;line-height:1.15}
#result .resultPerson,#result #resultStats{border:0;border-image:none;background:transparent url('./daily-parchment.png') center/100% 100% no-repeat;color:#38230f;padding:16px 19px}
#result .resultPerson.winner{padding:36px 19px 12px}
#result .resultPerson.runner{padding:12px 19px}
#result :is(.resultRank,.resultName,.resultScore,.resultStatRow small,.resultStatRow b,.statIcon){color:#492d12;text-shadow:none}
#result .resultStatRow{border-color:#a6773b66}
#home .homeTools button>span{position:relative;overflow:visible;border:3px ridge #f2c979;outline:1px solid #8e591e;outline-offset:3px;box-shadow:0 0 0 5px #271608,0 0 0 6px #e4b461,0 3px 13px #0009}
#home .homeTools button>span:before,#home .homeTools button>span:after{content:'✦';position:absolute;left:50%;transform:translateX(-50%);color:#ffe5a0;font-size:14px;line-height:1;text-shadow:0 1px 2px #76420c,0 0 4px #e7a63e;pointer-events:none}
#home .homeTools button>span:before{top:-10px}#home .homeTools button>span:after{bottom:-10px}
#home .homeTools button b{margin-top:12px}
/* Real DOM perimeter: does not depend on pseudo-element border-image rendering. */
#fateLobby:after{display:none!important}
.fateViewportFrame{position:absolute;inset:calc(env(safe-area-inset-top,0px) + 7px) 7px calc(env(safe-area-inset-bottom,0px) + 7px);border:2px solid #eac171;border-radius:10px;box-shadow:0 0 0 1px #5a3210,inset 0 0 0 2px #523113,inset 0 0 0 3px #c08b40,0 0 10px #ffb84455;z-index:55;pointer-events:none}
.fateViewportFrame:before,.fateViewportFrame:after{content:'✦';position:absolute;left:50%;transform:translateX(-50%);color:#ffe7a2;text-shadow:0 0 5px #bc6b1b;font-size:22px;line-height:1}
.fateViewportFrame:before{top:-11px}.fateViewportFrame:after{bottom:-11px}
/* Native spin layout uses the existing live rotor, results and actions. */
#fateOverlay{inset:0!important;width:100%!important;height:var(--view-h,100dvh)!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#170b20!important}
#fateOverlay .fateBackdrop{background:linear-gradient(#240b3740,#170b2244),url('./magic-hall-clean.jpg') center/cover no-repeat!important}
#fateOverlay .fatePanel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 23px) 6% calc(env(safe-area-inset-bottom,0px) + 23px)!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow-y:auto!important;scrollbar-width:thin}
#fateOverlay .fatePanel:before{display:none}
#fateOverlay .fateBrand{flex:none;width:100%;max-width:650px;padding:6px 0}
#fateOverlay .fateBrand small{display:none}
#fateOverlay .fateBrand h2{font:700 clamp(29px,8vw,63px)/1 Georgia,serif;color:#ffe39a;text-shadow:0 2px #67351b,0 0 13px #ed9b38;margin:0 0 7px}
#fateOverlay .fateBrand p{font:400 clamp(13px,3.5vw,21px)/1.2 Georgia,serif;color:#fff0cb;margin:0}
#fateOverlay .fateSpinProgress{flex:none;align-self:center;width:min(100%,560px);font-size:clamp(10px,2.6vw,15px);padding:8px;border-color:#e2b76b;color:#ffe5a3;background:#170f234d;margin:0}
#fateOverlay .fateOverlayBody{flex:1 0 auto;display:flex!important;flex-direction:column;justify-content:center;gap:8px;width:100%!important;max-width:650px!important;min-height:0!important;margin:0!important}
#fateOverlay .fateDuelHeader{width:100%;max-width:none;margin:0;padding:5px 0 10px;border-color:#deb267;flex:none}
#fateOverlay .fateDuelPlayer img{width:clamp(35px,11vw,62px);height:auto;aspect-ratio:1}
#fateOverlay .fateDuelPlayer small{font-size:clamp(10px,2.8vw,16px);color:#fff1d1}
#fateOverlay .fateDuelPlayer b{font-size:clamp(22px,6vw,36px);color:#fff1d1}
#fateOverlay .fateApprovedWheelWrap{width:min(86vw,calc((var(--view-h,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))* .54),490px)!important;flex:none;margin:8px auto!important}
#fateOverlay .fateWheelHint{text-align:center;font:400 16px/1.2 Georgia,serif;color:#fff1ca;margin:4px 0}
#fateOverlay #fateSpinButton{flex:none;width:min(100%,650px);min-height:56px;margin:0;border:3px ridge #e4b358;border-radius:8px;background:linear-gradient(115deg,#ffdf93,#d99a38,#ffe6a1);color:#2e1c09;font:700 clamp(20px,6vw,31px)/1 Georgia,serif;box-shadow:inset 0 0 0 2px #ffedbb,0 0 14px #f2bd5066}
#fateOverlay #fateSpinButton:disabled{opacity:.6}
#fateOverlay .fateApprovedResultCard img{max-height:calc(var(--view-h,100dvh)*.56)!important}
@media(orientation:portrait){#game .gameLayout:has(.fateDuo){--board-size:min(94vw,calc((var(--view-h,100svh) - var(--safeT) - var(--safeB) - 40px)*.55),660px);grid-template-rows:minmax(0,.8fr) minmax(0,1.45fr) var(--board-size) minmax(0,.85fr) minmax(0,1fr)}#game .scoreStrip.fateDuo{align-self:start;margin-top:19px;height:50%;max-height:60px}}
@media(orientation:landscape){#fateOverlay .fatePanel{padding-left:15%!important;padding-right:15%!important}#fateOverlay .fateApprovedWheelWrap{width:min(55vh,330px)!important}}