/* Approved V0.9.7 coin-toss visual: adapted from the isolated preview.
   Existing Game.coinPreview09427/prepareCoin09427 remain authoritative. */
.coinDialog{
 width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
 border-radius:5px;border:1px solid rgba(213,194,145,.42);
 padding:0!important;box-sizing:border-box;
 background:radial-gradient(ellipse at 50% 45%,#303840 0%,#151b21 43%,#090b0e 90%);
 color:#ede8dd;box-shadow:0 28px 85px #000b;
 overflow:auto;
}
.coinDialog::backdrop{background:rgba(3,5,8,.89);backdrop-filter:blur(7px)}
.coinArena097{position:relative;isolation:isolate;text-align:center;padding:22px clamp(16px,4vw,38px) 25px;
 background:radial-gradient(ellipse at 50% 52%,rgba(61,68,72,.25),transparent 67%),linear-gradient(158deg,#11171b,#07090c);
 min-height:535px;}
.coinArena097:before,.coinArena097:after{content:'';pointer-events:none;position:absolute;width:135px;height:135px;border:1px solid rgba(224,200,135,.18)}
.coinArena097:before{left:-76px;top:-76px;transform:rotate(45deg)}
.coinArena097:after{right:-76px;bottom:-76px;transform:rotate(45deg)}
.coinArenaHeader097{display:flex;justify-content:space-between;align-items:center;gap:12px;
 color:#c0b08d;letter-spacing:.14em;font-size:11px;margin-bottom:13px;position:relative;z-index:1}
.coinDialog .coinEyebrow{font-size:14px;font-weight:700;letter-spacing:0;color:#e2dfd2;margin:0;text-align:left}
.coinDialog h2{font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(23px,3.5vw,31px);letter-spacing:.10em;
 font-weight:500;margin:0 0 11px;color:#f0ece1}
.coinDialog #coinComparison{font-size:15px;color:#c6c6be;line-height:1.55;min-height:24px;margin:0}
.coinDialog .coinStage{height:250px;position:relative;display:flex;align-items:center;justify-content:center;
 perspective:1150px;isolation:isolate;padding:0;margin-top:6px}
.coinDialog .coinStage:before{display:none}
.coinEllipse097{position:absolute;top:105px;left:8%;right:8%;height:150px;border:1px solid rgba(214,194,148,.13);
 border-radius:50%;transform:rotateX(70deg);box-shadow:0 0 0 22px rgba(196,177,134,.023),0 0 0 45px rgba(196,177,134,.015)}
.coinDialog .coinShadow{position:absolute;z-index:0;bottom:21px;left:calc(50% - 78px);
 width:156px;height:28px;border-radius:50%;background:#000;opacity:.54;filter:blur(18px)}
.coinDialog .tossCoin{z-index:2;position:relative;display:block;width:166px;height:166px;padding:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;
 cursor:pointer;perspective:1150px;appearance:none;}
.coinDialog .tossCoin:disabled{cursor:default;opacity:1}
.coinDialog .tossCoin:focus-visible{outline:2px solid #e7cd96;outline-offset:10px;border-radius:50%}
.coinDialog .coinDisc{position:relative;display:block;width:166px;height:166px;
 transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65))}
.coinDialog .coinFace{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 flex-direction:column;border-radius:50%;backface-visibility:hidden;overflow:hidden;
 border:9px ridge #7d6745;
 background:radial-gradient(circle at 31% 24%,rgba(255,250,210,.93) 0,rgba(233,198,123,.5) 26%,transparent 57%),
 repeating-conic-gradient(from 9deg,#b69351 0deg 4deg,#d4b46f 4deg 8deg,#ad8646 8deg 12deg);
 box-shadow:inset 0 0 0 3px #edd7a3,inset 0 0 0 9px #a27b3d,inset 0 0 0 11px rgba(255,242,190,.53),0 0 0 2px #33271c}
.coinDialog .coinFace:before{content:'';inset:18px;position:absolute;border-radius:50%;
 border:1px solid rgba(84,53,22,.6);box-shadow:0 1px rgba(255,249,218,.65),inset 0 0 14px rgba(93,58,26,.22)}
.coinDialog .coinFace:after{content:'✦   ✦   ✦';font-size:12px;letter-spacing:.25em;
 position:absolute;bottom:21px;color:#694d26}
.coinDialog .coinFace strong{font-family:Georgia,'Malgun Gothic',serif;font-size:46px;font-weight:800;
 color:#705026;text-shadow:0 1px 1px rgba(255,253,214,.9),1px -1px #8c703f;
 margin:0;letter-spacing:0;position:relative;z-index:1;line-height:1.25}
.coinDialog .coinFace small{color:#694d29;letter-spacing:.22em;font-family:Georgia,serif;
 position:relative;z-index:1;font-size:10px;font-weight:700}
.coinDialog .coinBack{transform:rotateY(180deg);filter:brightness(.8);
 background:radial-gradient(circle at 36% 25%,rgba(218,220,219,.9),rgba(155,165,174,.55) 31%,transparent 61%),
 repeating-conic-gradient(from 9deg,#676d77 0deg 5deg,#b9bfc1 5deg 10deg,#686b70 10deg 15deg);
 border-color:#51555d;box-shadow:inset 0 0 0 3px #c0c3c7,inset 0 0 0 9px #727982,inset 0 0 0 11px rgba(240,240,243,.36),0 0 0 2px #25282c}
.coinDialog .coinBack:before{border-color:#525962}
.coinDialog .coinBack strong{color:#353a40;text-shadow:0 1px #c6ccd0}
.coinDialog .coinBack small,.coinDialog .coinBack:after{color:#434951}
.coinFlare097{position:absolute;left:calc(50% - 29px);top:98px;width:58px;height:58px;
 background:radial-gradient(circle,#fffbd8aa,#f2c96335 27%,transparent 72%);
 opacity:0;z-index:4;pointer-events:none}
.coinBurst097{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.coinDialog .coinStatus{font-size:17px;line-height:1.45;min-height:28px;letter-spacing:.055em;
 color:#e4dfd0;margin:5px 0 14px;font-weight:700}
.coinDialog[data-result=win] .coinStatus{color:#f0d795;text-shadow:0 0 16px rgba(227,193,123,.25)}
.coinDialog[data-result=loss] .coinStatus{color:#c6d0dd}
.coinDialog .coinOdds{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:445px;margin:0 auto 12px;
 font-size:12px;text-align:center}
.coinDialog .coinOdds>span{color:#a3a7ab}
.coinDialog .coinOdds b{font-family:Georgia,serif;display:block;font-size:25px;
 letter-spacing:.04em;font-weight:700;color:#edd4a0;margin-top:5px}
.coinDialog .coinOddsLoss097 b{color:#c3cdd9}
.coinDialog .coinOdds i{display:block;height:3px;margin-top:9px;background:#31363a;border-radius:4px;overflow:hidden}
.coinDialog .coinOdds i em{display:block;width:50%;height:100%;background:#d9b76f;transition:width .2s}
.coinDialog .coinOddsLoss097 i em{background:#a1acb6}
.coinDialog .coinOutcome{color:#cdd0c3;font-size:13px;line-height:1.7;margin:8px 0;white-space:pre-line}
.coinDialog .coinOutcome:empty{display:none}
.coinDialog .coinActions{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:12px}
.coinDialog .coinActions button{min-width:min(215px,100%);padding:12px 20px;font-weight:700;
 border-radius:4px;border:1px solid #8d7752;background:linear-gradient(145deg,#ddc590,#8f6b34);color:#15181a;cursor:pointer}
.coinDialog .coinActions #cancelCoin{background:#161c21;color:#d7d0c2;border-color:#57584d}
.coinDialog .coinActions button[hidden]{display:none}
.coinDialog .coinStage.coinLanded097 .coinDisc{filter:drop-shadow(0 14px 20px #000b)}
@media(max-width:520px){
 .coinDialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .coinArena097{padding:17px 15px 20px;min-height:0}
 .coinDialog .coinStage{height:220px}
 .coinDialog .tossCoin,.coinDialog .coinDisc{width:145px;height:145px}
 .coinDialog .coinFace strong{font-size:39px}
 .coinDialog .coinOdds{gap:12px}
 .coinDialog h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.coinDialog .coinOdds i em{transition:none}}