:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#5d1818;background:#3f0c16;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}@media(min-width:768px){html{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle,#8f2531,#25070d)}body{width:480px;max-width:100vw;min-height:100vh;overflow-x:hidden;box-shadow:0 0 50px #00000073}}.phone-shell{position:relative;width:100%;max-width:480px;min-height:100vh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 15% 18%,rgba(255,225,130,.35) 0 3px,transparent 4px),radial-gradient(circle at 82% 28%,rgba(255,225,130,.28) 0 4px,transparent 5px),linear-gradient(160deg,#9b1c2d,#5f0d1c 72%)}header{padding:48px 20px 18px;text-align:center;color:#ffeab0}header span{padding:5px 15px;border:1px solid rgba(255,234,176,.55);border-radius:999px;font-size:13px}header h1{margin:16px 0 4px;font-size:34px;letter-spacing:5px;text-shadow:0 3px #65101b}header p{margin:0;color:#f8ce80}.wheel-panel{margin:18px 16px;padding:22px 6px 16px;border-radius:28px;background:#fffae4f0;box-shadow:0 14px 35px #30030a61}.wheel-stage{position:relative;display:grid;place-items:center;width:min(350px,100vw - 44px);height:min(350px,100vw - 44px);margin:0 auto}.wheel{position:absolute;inset:0;border:5px solid #f8c650;border-radius:50%;box-shadow:0 0 0 7px #a7192d,0 8px 22px #5b0f1c59;transition-property:transform;transition-timing-function:cubic-bezier(.18,0,.12,1)}.wheel canvas{display:block;border-radius:50%}.pointer{position:absolute;z-index:3;top:-9px;width:0;height:0;border-right:17px solid transparent;border-left:17px solid transparent;border-top:44px solid #b4142a;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.draw-button{z-index:4;width:92px;height:92px;border:7px solid #ffd569;border-radius:50%;color:#fff;background:linear-gradient(#e53a45,#9f1022);font-size:18px;font-weight:700;box-shadow:0 5px 12px #4f050e66}.wheel-hint{margin:17px 0 0;text-align:center;color:#9b5b37}.placeholder-wheel{display:grid;place-items:center;width:300px;height:300px;margin:28px auto;border:8px solid rgba(255,226,147,.24);border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.08) 0 45deg,transparent 45deg 90deg)}.placeholder-wheel div{color:#ffebb359;font-size:76px}.fixed-layer{position:fixed;z-index:20;inset:0;width:min(100vw,480px);margin-inline:auto;display:grid;place-items:center;padding:20px;background:#26040ab8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.code-dialog,.result-card{width:min(100%,420px);padding:30px 24px;border:2px solid #edc66f;border-radius:24px;text-align:center;background:linear-gradient(160deg,#fffcef,#ffe8b7);box-shadow:0 20px 50px #0006}.coin{display:grid;place-items:center;width:66px;height:66px;margin:0 auto;border:5px double #9c1728;border-radius:50%;color:#9c1728;font-size:30px;font-weight:700;background:#f5c75b}.code-dialog h1{margin:14px 0 6px;font-size:28px}.code-dialog p{margin:0 0 22px;color:#855e49}.code-dialog input{width:100%;padding:14px;border:2px solid #e4bd69;border-radius:12px;outline:none;text-align:center;color:#7f1d1d;background:#fff;font-size:25px;font-weight:700;letter-spacing:7px;text-transform:uppercase}.code-dialog input:focus{border-color:#b91c1c}.code-dialog button{width:100%;padding:13px;border:0;border-radius:12px;color:#fff;background:linear-gradient(90deg,#bc1830,#e33d37);font-weight:700}.error{min-height:34px;padding-top:7px;color:#c3152b;font-size:13px}.result-card .spark{color:#d8a11d;font-size:34px}.result-card h2{margin:4px 0 16px;color:#a9162a}.result-card img{display:block;width:150px;height:150px;margin:auto;object-fit:contain}.result-card strong{display:block;margin:12px;font-size:25px}.result-card p{color:#86634f;font-size:13px}.screenshot{margin-top:20px;padding:11px;border-radius:9px;color:#8c1828;background:#f8d984;font-weight:700}.toast{position:fixed;z-index:30;top:24px;left:50%;width:min(100% - 48px,400px);padding:12px;border-radius:9px;transform:translate(-50%);text-align:center;color:#fff;background:#1e1616e6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}