.lucky-dialog{width:min(470px,calc(100% - 28px));max-height:calc(100svh - 28px);overflow:auto;padding:22px 26px 18px;border:1px solid #f1b5ce30;border-radius:14px;background:radial-gradient(ellipse at 50% 36%,#49304c66,transparent 55%),linear-gradient(150deg,#291d34,#17101f 75%);box-shadow:0 32px 100px #08030db3;scrollbar-width:thin;scrollbar-color:#ffffff66 transparent}
.lucky-dialog[open]{animation:dialog-in .4s var(--ease)}
.lucky-dialog::backdrop{background:#09040fe8}
.lucky-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lucky-secret{display:flex;align-items:center;gap:7px;color:#c6a5c0;font-size:6px;letter-spacing:1.7px}
.lucky-secret>span{width:4px;height:4px;border-radius:50%;background:#f0b1ca;box-shadow:0 0 9px #ef9cbb55}
.lucky-top .icon-button{height:29px;width:29px}.lucky-top .icon{height:15px;width:15px}
.lucky-heading{text-align:center;margin-top:16px}.lucky-heading .section-kicker{font-size:6px;letter-spacing:2px;margin:0 0 6px}
.lucky-heading h2{font-size:60px;line-height:1;letter-spacing:-.5px;text-transform:uppercase;margin:0}
.lucky-heading h2>span{color:var(--pink)}.lucky-heading>p:last-child{font-size:11px;color:#bda6bd;margin:13px 0 20px}
.lucky-choices{display:flex;justify-content:center;gap:8px}
.lucky-choices button{display:flex;align-items:center;justify-content:center;gap:8px;width:102px;height:38px;border:1px solid #cda5c22b;border-radius:8px;background:#ffffff03;color:#bda5bb;font-size:10px;transition:background .25s,border-color .25s,color .25s,transform .35s var(--ease)}
.lucky-choices button[aria-pressed=true]{background:#f3adc719;border-color:#eaa6c577;color:#ffe0ec;box-shadow:inset 0 1px 0 #fff0f00b}
.lucky-choices button:disabled{cursor:default}.lucky-choices button:active:not(:disabled){transform:scale(.96)}
.choice-symbol{font-family:Barlow,Impact,sans-serif;font-size:17px;line-height:1;letter-spacing:-.5px;color:#edc4a9}
.choice-star{width:16px;height:16px;stroke-width:1.2;color:#edc4a9}
.coin-stage{--coin-size:148px;--coin-light:#fff0c4;--coin-mid:#ecc58a;--coin-deep:#c18b4d;--coin-rim:#e5b879;--coin-ink:#7f4c2b;--coin-ring:#aa713b99;--coin-edge-light:#f2d2a0;--coin-edge-dark:#9c6638;--coin-shadow:#89502a44;position:relative;height:238px;isolation:isolate;perspective:850px;touch-action:pan-y}
.coin-stage[data-finish=silver]{--coin-light:#f7fbff;--coin-mid:#c7d4e4;--coin-deep:#7c91aa;--coin-rim:#d9e3ed;--coin-ink:#3c536c;--coin-ring:#73869b99;--coin-edge-light:#edf5fd;--coin-edge-dark:#657b96;--coin-shadow:#40556c44}
.coin-stage[data-finish=rose]{--coin-light:#fff0e3;--coin-mid:#e9b6ac;--coin-deep:#b67574;--coin-rim:#e9b4a7;--coin-ink:#81494f;--coin-ring:#ad737799;--coin-edge-light:#ffe1d4;--coin-edge-dark:#9d5b65;--coin-shadow:#74394144}
.coin-stage[data-finish=midnight]{--coin-light:#9ba6c6;--coin-mid:#414860;--coin-deep:#1b1d30;--coin-rim:#65718b;--coin-ink:#e4eaff;--coin-ring:#9ca7c599;--coin-edge-light:#b7c5e1;--coin-edge-dark:#30354b;--coin-shadow:#0d0f2544}
.coin-halo{position:absolute;left:50%;top:52%;width:255px;height:255px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#e8ae7c11,transparent 65%);border:1px solid #ebc39d0c}
.coin-halo:after{content:'';position:absolute;inset:22px;border:1px solid #ebc39d0b;border-radius:50%}
.coin-ground{position:absolute;left:50%;bottom:28px;width:119px;height:14px;transform:translateX(-50%) scaleX(1);border-radius:50%;background:radial-gradient(ellipse,#06030a99,transparent 70%);opacity:.75;pointer-events:none}
.coin-landing-ring{position:absolute;left:50%;bottom:23px;width:120px;height:22px;border:1px solid #ebc09580;border-radius:50%;transform:translateX(-50%) scale(.7);opacity:0;pointer-events:none}
.coin-catch-target,.coin-catch-ring{position:absolute;left:50%;top:56%;width:174px;height:174px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.coin-catch-target{border:1px solid #efb9d133;opacity:0;transition:opacity .2s,border-color .16s,box-shadow .16s}
.coin-catch-ring{border:1px solid #f4d6a7;opacity:0}
.coin-stage.is-flipping .coin-catch-target{opacity:.5}.coin-stage.is-catch-ready .coin-catch-target{opacity:1;border-color:#ffdda1;box-shadow:0 0 20px #f6ce8c33}
.coin-catch-feedback{position:absolute;left:50%;top:9px;z-index:4;transform:translate(-50%,0);opacity:0;white-space:nowrap;background:#302035e8;border:1px solid #ebc69544;color:#ffe4b8;border-radius:20px;padding:7px 11px;font-size:7px;font-weight:600;letter-spacing:1.3px;pointer-events:none}
.coin-trigger{position:absolute;left:50%;top:56%;width:168px;height:168px;transform:translate(-50%,-50%);background:none;border:0;padding:10px;border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;perspective:850px}
.coin-trigger:active{cursor:grabbing}.coin-trigger:disabled{cursor:default}.coin-trigger:focus-visible{outline-color:#e9bd8c88;outline-offset:5px}
.coin-lift{display:block;width:var(--coin-size);height:var(--coin-size);transform:translate3d(0,0,0) rotateX(0deg);transform-style:preserve-3d;transition:transform .4s var(--ease)}
.lucky-dialog[open] .coin-lift,.lucky-dialog[open] .coin-disc{will-change:transform}
.coin-resolution{display:block;width:calc(var(--coin-size)*2);height:calc(var(--coin-size)*2);transform:scale(.5);transform-origin:0 0;transform-style:preserve-3d}
.coin-disc{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0) rotateY(0) rotateZ(0)}
.coin-face,.coin-edge{position:absolute;inset:0;display:block;border-radius:50%;transform-style:preserve-3d}
.coin-edge{transform:translateZ(calc(var(--z)*2));background:repeating-conic-gradient(var(--coin-rim) 0 3deg,var(--coin-edge-dark) 3deg 5deg,var(--coin-edge-light) 5deg 7deg);box-shadow:inset 0 0 0 4px var(--coin-edge-dark)}
.coin-face{overflow:hidden;transform-style:flat;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(ellipse at 30% 25%,var(--coin-light) 0%,var(--coin-mid) 32%,var(--coin-deep) 73%,var(--coin-mid) 100%);border:6px solid var(--coin-rim);box-shadow:inset 0 0 0 4px var(--coin-edge-dark),inset 0 0 0 8px #ffffff22,inset 0 -16px 36px var(--coin-shadow);color:var(--coin-ink)}
.coin-face:before{content:'';position:absolute;inset:16px;border:2px solid var(--coin-ring);border-radius:50%;pointer-events:none}
.coin-heads{transform:translateZ(8px)}.coin-tails{transform:rotateY(180deg) translateZ(8px)}
.coin-art{display:block;width:100%;height:100%;overflow:visible;color:var(--coin-ink);text-shadow:none;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.coin-svg-mark{font-family:Barlow,Impact,sans-serif;font-size:64px;font-weight:700;fill:var(--coin-ink)}
.coin-shine{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 35%,#fff8d640 45%,#fff8d66b 50%,transparent 60%);transform:translateX(-90%);pointer-events:none}
.coin-sparks{position:absolute;inset:0;pointer-events:none;overflow:visible}
.coin-spark{position:absolute;left:50%;top:80%;width:3px;height:3px;border-radius:1px;background:#ffdcb0;opacity:0}
.lucky-result{height:56px;text-align:center;position:relative;margin-top:-6px}
#lucky-result-label{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#e5c49e}.lucky-result p{font-size:10px;color:#a88fa7;line-height:1.6;margin:8px 0 0}
.lucky-result.is-win #lucky-result-label{color:#ffd8a4}.lucky-result.is-win p{color:#e8b8ca}
.lucky-flip{display:flex;width:100%;min-height:46px;margin-top:12px;background:linear-gradient(135deg,#f8c2d3,#e9a0bd);color:#29172e;border-color:#fbd8e722;box-shadow:inset 0 1px 0 #fff4f455}
.lucky-flip .icon{width:17px;height:17px}.lucky-flip:disabled{cursor:default;background:#443146;color:#bca0b7;box-shadow:none}
.lucky-flip.is-catching{background:#f0b5cc14;border-color:#efb7cd66;color:#f3ccdf}
.coin-stage.is-catch-ready~.lucky-flip.is-catching{background:linear-gradient(135deg,#ffe1b4,#f4b6ce);border-color:#ffe2bc88;color:#35202e;box-shadow:0 0 24px #f1c89524}
.lucky-flip.is-perfect:disabled{background:linear-gradient(135deg,#ffe3af,#f4bfbd);border-color:#ffe3b788;color:#392331}
.lucky-result.is-perfect #lucky-result-label{color:#ffe2ac}
.finish-picker{margin-top:16px;padding-top:14px;border-top:1px solid #e9beda17}
.finish-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:14px;margin-bottom:10px}
.finish-heading>span{font-size:6px;letter-spacing:1.6px;color:#ae8fa8;white-space:nowrap}.finish-heading p{font-size:7px;color:#bd9fb6;text-align:right;line-height:1.5;margin:0;max-width:260px}
.finish-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.finish-options button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:6px;border:1px solid #d9afc825;border-radius:8px;background:#ffffff03;color:#ae95ab;font-size:7px;transition:background .25s,border-color .25s,color .25s,transform .35s var(--ease)}
.finish-options button[aria-pressed=true]{background:#efb7cd10;border-color:#edb0cb66;color:#ffe0ed}
.finish-options button[aria-disabled=true]{color:#8e778b}.finish-options button[aria-disabled=true] .finish-swatch{opacity:.45}
.finish-options button:disabled{cursor:default}
.finish-swatch{display:block;position:relative;flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid #ffffff3b;box-shadow:inset 0 0 0 2px #20132825}
.finish-gold{background:linear-gradient(135deg,#ffebbe,#bc8546)}.finish-silver{background:linear-gradient(135deg,#f8fcff,#8499b0)}.finish-rose{background:linear-gradient(135deg,#ffe7db,#b87377)}.finish-midnight{background:linear-gradient(135deg,#9aa7c6,#202237)}
.finish-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#211328;font-size:0}.finish-lock:before{content:'';width:7px;height:6px;border:1px solid currentColor;border-radius:1px;position:absolute;top:10px}.finish-lock:after{content:'';position:absolute;left:7px;top:5px;width:6px;height:7px;border:1px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}
.finish-options button[aria-disabled=false] .finish-lock{display:none}
.lucky-flip.is-catching:hover:not(:disabled){background:#f0b5cc20;transform:none}
.coin-stage.is-catch-ready~.lucky-flip.is-catching:hover:not(:disabled){background:linear-gradient(135deg,#ffe1b4,#f4b6ce)}
.lucky-stats{display:flex;align-items:center;gap:18px;margin-top:22px;padding-top:17px;border-top:1px solid #e9beda17}
.lucky-stats>span{font-size:6px;letter-spacing:1.5px;color:#a88aa3;white-space:nowrap}.lucky-stats strong{display:inline-block;font-family:Barlow,Impact,sans-serif;font-size:19px;color:#f8dac0;margin-left:5px;letter-spacing:0;vertical-align:-2px}
#lucky-sound{display:flex;align-items:center;gap:5px;padding:4px 0;margin-left:auto;background:none;border:0;color:#b699b0;font-size:8px}
#lucky-sound .icon{width:13px;height:13px}
.lucky-footnote{text-align:center;color:#846c84;font-size:7px;letter-spacing:.15px;line-height:1.7;margin:17px 0 0}
.site-header .brand{user-select:none;-webkit-user-select:none;touch-action:manipulation}.site-header .brand-mark{-webkit-user-drag:none}
@media(hover:hover) and (pointer:fine){
  .lucky-choices button:hover:not(:disabled){border-color:#f1bfd18c;background:#f4aecb13;transform:translateY(-2px)}
  .coin-stage:not(.is-flipping) .coin-trigger:hover .coin-lift{transform:translate3d(0,-5px,0) rotateX(8deg)}
  .lucky-flip:hover:not(:disabled){background:linear-gradient(135deg,#ffd7e4,#f5b4cf);transform:translateY(-3px);box-shadow:0 6px 25px #e99ab51a}
  .lucky-flip:disabled:hover{transform:none}
  #lucky-sound:hover{color:#ffdfeb}
  .finish-options button:hover:not(:disabled){border-color:#edb0cb66;background:#efb7cd0c;transform:translateY(-2px)}
}
@media(max-width:520px){
  .lucky-dialog{width:calc(100% - 24px);padding:19px 20px 16px;border-radius:14px;max-height:calc(100svh - 24px)}
  .lucky-heading{margin-top:18px}.lucky-heading h2{font-size:60px}.lucky-heading>p:last-child{font-size:10px;margin-bottom:18px}
  .coin-stage{height:220px}.coin-trigger{top:55%}.coin-catch-target,.coin-catch-ring{top:55%}.coin-ground{bottom:23px}.coin-landing-ring{bottom:18px}
  .lucky-stats{gap:12px;margin-top:19px}.lucky-stats>span{font-size:5px;letter-spacing:1.1px}#lucky-sound{font-size:7px}
  .lucky-secret{font-size:5px;letter-spacing:1.3px}
  .finish-options button{flex-direction:column;gap:5px;min-height:54px;padding:6px 2px;font-size:6px}.finish-heading p{font-size:6px;max-width:200px}
}
@media(max-height:720px){
  .lucky-heading{margin-top:8px}.lucky-heading h2{font-size:51px}.lucky-heading>p:last-child{margin:8px 0 13px}
  .coin-stage{height:210px}.coin-trigger{top:53%}.lucky-result{height:49px}.lucky-flip{margin-top:5px}
  .lucky-stats{margin-top:14px;padding-top:12px}.lucky-footnote{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
  .lucky-dialog[open]{animation:none}.coin-stage:not(.is-flipping) .coin-trigger:hover .coin-lift{transform:none}
}
