:root{font-family:Aptos,Microsoft YaHei UI,Noto Sans CJK SC,sans-serif;color:#f6f0df;background:#102e27;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--felt: #174b3d;--gold: #e2bd73;--cream: #f6f0df}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% 34%,rgb(44 102 79 / 54%) 0,transparent 48%),linear-gradient(160deg,#143e32,#0d2924 75%)}button{font:inherit}.page-shell{width:min(100% - 32px,480px);min-height:100vh;margin-inline:auto;padding:max(34px,env(safe-area-inset-top)) 0 max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.page-heading{text-align:center}.eyebrow{margin:0 0 10px;color:#b5c8aa;font-size:10px;letter-spacing:.28em}.page-heading h1{margin:0;font-family:STSong,SimSun,serif;font-size:clamp(30px,8vw,38px);font-weight:600;letter-spacing:.09em}.subtitle{margin:9px 0 0;color:#c3d0bd;font-size:13px;letter-spacing:.12em}.draw-panel{width:100%;margin-top:clamp(24px,7vh,54px);display:flex;flex-direction:column;align-items:center}.wheel-stage{position:relative;width:min(76vw,330px);aspect-ratio:1;display:grid;place-items:center}.wheel-shadow{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;box-shadow:0 17px 32px #0000003d;pointer-events:none}.wheel{position:relative;width:91%;aspect-ratio:1;border:7px solid #e8d9b6;border-radius:50%;background:conic-gradient(from -15deg,#c77d48 0,#c77d48 15deg,#eed89f 15deg,#eed89f 30deg,#2d8070 30deg,#2d8070 45deg,#d9a357 45deg,#d9a357 60deg,#688e69 60deg,#688e69 75deg,#b95f45 75deg,#b95f45 90deg,#e3c879 90deg,#e3c879 105deg,#31796a 105deg,#31796a 120deg,#d88950 120deg,#d88950 135deg,#efdca9 135deg,#efdca9 150deg,#587e63 150deg,#587e63 165deg,#c26948 165deg,#c26948 180deg,#e1be6b 180deg,#e1be6b 195deg,#287361 195deg,#287361 210deg,#ce7b4a 210deg,#ce7b4a 225deg,#ead9a4 225deg,#ead9a4 240deg,#6b916b 240deg,#6b916b 255deg,#bd6347 255deg,#bd6347 270deg,#e7c77d 270deg,#e7c77d 285deg,#267565 285deg,#267565 300deg,#d08a4d 300deg,#d08a4d 315deg,#eddaa6 315deg,#eddaa6 330deg,#638867 330deg,#638867 345deg,#bd6848 345deg,#bd6848 360deg);box-shadow:inset 0 0 0 3px #fff6db6b,0 0 0 2px #bb9859;transform:rotate(0);transition:transform 1.5s cubic-bezier(.12,.72,.12,1);will-change:transform}.wheel:before,.wheel:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgb(255 244 210 / 54%);border-radius:50%}.wheel:after{top:20%;right:20%;bottom:20%;left:20%;border-color:#fff4d266}.wheel-center{position:absolute;z-index:1;top:38%;right:38%;bottom:38%;left:38%;display:grid;place-items:center;border:3px solid #edddb7;border-radius:50%;background:linear-gradient(145deg,#e0bd72,#b47f39);box-shadow:0 3px 10px #00000042;color:#24483b}.wheel-center span{font-family:STSong,SimSun,serif;font-size:clamp(30px,8vw,38px);font-weight:700}.pointer{position:absolute;z-index:3;top:1%;left:50%;width:27px;height:38px;transform:translate(-50%);clip-path:polygon(50% 100%,0 0,100% 0);border-radius:4px;background:linear-gradient(#fff2c5,#d69b42);filter:drop-shadow(0 3px 3px rgb(0 0 0 / 32%))}.draw-button{width:min(100%,300px);min-height:54px;margin-top:18px;padding:0 21px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #f2d89e;border-radius:999px;background:linear-gradient(120deg,#f1d89b,#d5a950);box-shadow:0 7px 20px #0003,inset 0 1px #ffffffb3;color:#263e31;font-size:17px;font-weight:700;letter-spacing:.12em;cursor:pointer}.draw-button:disabled{cursor:wait;opacity:.78}.button-arrow{font-size:18px}.draw-note{margin:13px 0 0;color:#c4d0b9;font-size:12px;letter-spacing:.04em}.result-card{width:100%;margin-top:22px;padding:20px;border:1px solid rgb(226 189 115 / 62%);border-radius:20px;background:#f8f3e4f7;color:#18352c;box-shadow:0 16px 42px #00000038}.result-card[hidden]{display:none}.result-category{margin:0 0 8px;color:#87734b;font-size:11px;letter-spacing:.12em}.result-title{margin:0;color:#173c30;font-family:STSong,SimSun,serif;font-size:25px}.result-type{display:inline-block;margin-top:9px;padding:4px 10px;border-radius:999px;background:#e4d3aa;color:#4c412a;font-size:12px}.result-timing{margin:16px 0 7px;color:#816f4a;font-size:12px}.result-effect{margin:0;line-height:1.7;overflow-wrap:anywhere}.page-footer{margin-top:auto;padding-top:24px;color:#b7c4b0;font-size:11px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:720px){.page-shell{padding-top:max(22px,env(safe-area-inset-top))}.draw-panel{margin-top:18px}.wheel-stage{width:min(66vw,280px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.wheel{transition-duration:1ms}}