:root{--bg:#14122b;--bg2:#1f1c3d;--gold:#d8b65a;--text:#f1ecdf;--muted:#a9a3c2}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(ellipse at top, var(--bg2), var(--bg) 70%);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.page{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.top{text-align:center;margin:8px 0 4px}.top h1{letter-spacing:.08em;color:var(--gold);margin:0;font-size:1.6rem}.top p{color:var(--muted);margin:4px 0 0}.foot{text-align:center;color:var(--muted);margin-top:auto;padding:24px 0 8px;font-size:.8rem}.draw{flex-direction:column;align-items:center;gap:12px;display:flex}.guide{text-align:center;min-height:2.6em;color:var(--muted);margin:8px 0 0;font-size:.95rem}.fan{-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;position:relative;overflow:visible}.fan.is-pickable{cursor:grab}.card{transform-origin:50%;border-radius:8px;transition:transform .45s,opacity .3s;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000073}.back{border:2px solid var(--gold);background:radial-gradient(circle,#0000 22%,#d8b65ae6 23% 26%,#0000 27%),repeating-linear-gradient(45deg,#d8b65a2e 0 4px,#0000 4px 9px),#2b2557}.fan.is-pickable .card{transition:transform .12s,opacity .3s}.fan.is-pickable .card.active{box-shadow:0 8px 22px #d8b65a8c}.fan:not(.is-pickable) .card{transition-duration:.6s}.is-shuffling .card{animation:riffle .65s ease-in-out var(--delay) 2 alternate}@keyframes riffle{50%{translate:var(--dx) -14px;rotate:var(--rot)}}.btn{appearance:none;border:1px solid var(--gold);background:var(--gold);color:#1b1733;cursor:pointer;border-radius:999px;padding:12px 28px;font-size:1rem;font-weight:700}.btn.ghost{color:var(--gold);background:0 0}.btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.sheet{background:var(--bg2);border:1px solid var(--gold);text-align:center;z-index:500;border-radius:16px;width:min(92vw,380px);padding:18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.sheet p{margin:0 0 14px;font-size:1.1rem}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reveal{z-index:600;text-align:center;background:#14122bf0;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.flip{perspective:1000px;aspect-ratio:1/1.6;max-width:70vw;max-height:50vh}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;animation:.9s .2s forwards flip;position:relative}@keyframes flip{to{transform:rotateY(180deg)}}.face{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0}.front{color:#1b1733;border:6px solid var(--gold);background:#f6efdc;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;transform:rotateY(180deg)}.front .num{min-height:1.2em;font-size:2.2rem;font-weight:700}.front strong{font-size:1.5rem}.front em{color:#5b5470;font-size:.95rem}.result{margin:20px 0 4px;font-size:1.15rem}.result b{color:var(--gold)}.soon{color:var(--muted);margin:4px 0;font-size:.9rem}.closing{color:var(--muted);margin:12px 0 18px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.card,.flip-inner{transition:none!important;animation-duration:10ms!important}}