*{box-sizing:border-box}html{min-height:100%;background:#eef3fb}body{margin:0;min-width:320px;min-height:100vh;color:#211913;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#app{min-height:100vh}.page-shell{width:min(980px,100%);margin:0 auto;padding:22px 14px 34px}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 2px 18px}.hero-copy h1{margin:0 0 8px;font-size:clamp(28px,7vw,46px);line-height:1.05;letter-spacing:0}.hero-copy p{max-width:560px;margin:0;color:#6b5b4c;line-height:1.7}.section-kicker,.wheel-label{margin:0;color:#0f766e;font-size:13px;font-weight:800}.secondary-action,.primary-action{min-height:44px;border:0;border-radius:8px;padding:0 18px;color:#fff;background:#111827;font-weight:800}.secondary-action{flex:0 0 auto;background:#0f766e}.primary-action{width:100%;background:#e11d48}.form-error{border-radius:8px;padding:12px 14px;color:#991b1b;background:#fee2e2;font-weight:700}.wheel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wheel-grid.is-single{grid-template-columns:minmax(0,520px);justify-content:center}.wheel-panel{display:grid;grid-template-columns:1fr;align-items:start;gap:14px;overflow:hidden;min-height:510px;border:1px solid #eadfcc;border-radius:8px;padding:14px;background:#fffaf2;box-shadow:0 16px 36px #24180c1a}.wheel-copy{min-height:88px;text-align:center}.wheel-copy h2,.surface-panel h2{margin:6px 0 8px;font-size:24px;line-height:1.25;letter-spacing:0}.wheel-copy p:not(.wheel-label),.surface-panel li,.soft-text,.empty-text{color:#6b5b4c;line-height:1.7}.wheel-stage{position:relative;display:grid;place-items:center;overflow:hidden;min-height:392px;border-radius:8px;background:#fffaf2;box-shadow:inset 0 0 0 1px #e4dac7ad}.wheel-pointer{position:absolute;top:15px;z-index:5;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-top:29px solid #ef3f65;filter:drop-shadow(0 5px 5px rgb(0 0 0 / 28%))}.wheel-disk{position:relative;overflow:hidden;width:min(360px,88vw);aspect-ratio:1;border:5px solid #6747d7;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff38,0 18px 38px #24180c24;transition:transform 4.2s cubic-bezier(.12,.72,.1,1)}.wheel-svg{display:block;width:100%;height:100%;border-radius:50%}.wheel-sector{stroke:#ffffff9e;stroke-width:2}.wheel-text{fill:#fff;paint-order:stroke;stroke:#00000052;stroke-width:3px;stroke-linejoin:round;font-size:14px;font-weight:900}.wheel-image-ring{fill:transparent;stroke:#ffffffe5;stroke-width:3;filter:drop-shadow(0 4px 5px rgb(0 0 0 / 24%))}.draw-button{position:absolute;z-index:6;width:82px;height:82px;border:8px solid #ffffff;border-radius:50%;color:#e11d48;background:#fff;box-shadow:0 10px 26px #0000003d;font-size:16px;font-weight:900}.draw-button:disabled{opacity:.7}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:18px;margin-top:18px}.side-stack{display:grid;gap:18px}.surface-panel{border:1px solid #e4dac7;border-radius:8px;padding:18px;background:#fffdf8}.empty-wheel{min-height:220px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.winner-list,.record-list{display:grid;gap:10px}.winner-row,.record-row{display:grid;align-items:center;gap:10px;min-height:56px;border:1px solid #efe5d4;border-radius:8px;padding:10px 12px;background:#fffaf2}.winner-row{grid-template-columns:minmax(0,1fr)}.record-row{grid-template-columns:minmax(0,1fr) auto}.winner-row div,.record-row div{display:grid;gap:3px;min-width:0}.winner-row strong,.record-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-row span,.record-row span{overflow:hidden;color:#6b5b4c;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.winner-row em,.record-row em{min-width:48px;border-radius:999px;padding:5px 8px;color:#475569;background:#f1f5f9;text-align:center;font-size:12px;font-style:normal;font-weight:800}.winner-row em.real,.record-row em.win{color:#166534;background:#dcfce7}.winner-row em.fake{color:#92400e;background:#fef3c7}.rule-content{color:#6b5b4c;line-height:1.7}.rule-content ul,.rule-content ol{display:grid;gap:8px;margin:12px 0 0;padding-left:20px}.rule-content p{margin:10px 0 0}.rule-content strong,.rule-content b{color:#211913}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#11182794}.user-dialog,.result-dialog{display:grid;justify-items:center;gap:14px;width:min(360px,100%)}.user-card{position:relative;overflow:hidden;width:100%;border:4px solid rgb(255 255 255 / 82%);border-radius:18px;padding:22px;background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / 95%) 0 24%,transparent 25%),linear-gradient(180deg,#fffdf4,#fff8eb);box-shadow:0 24px 70px #00000047}.user-card h3{position:relative;margin:0 0 18px;color:#211913;text-align:center;font-size:24px;letter-spacing:0}.user-card label{position:relative;display:grid;gap:7px;margin-bottom:13px;color:#43372d;font-size:14px;font-weight:800}.user-card input{width:100%;min-height:44px;border:1px solid #d6cab8;border-radius:8px;padding:0 12px;outline:none;background:#fff}.user-card input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.user-card .result-action{display:block;margin:12px auto 0}.result-card{position:relative;overflow:hidden;width:100%;border:4px solid rgb(255 255 255 / 82%);border-radius:18px;padding:22px 22px 20px;background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / 95%) 0 24%,transparent 25%),linear-gradient(180deg,#fffdf4,#fff8eb);box-shadow:0 24px 70px #00000047;text-align:center}.result-rays{position:absolute;inset:-40px 0 auto;height:170px;background:repeating-conic-gradient(from 0deg,rgb(250 204 21 / 22%) 0deg 9deg,transparent 9deg 18deg);opacity:.7;pointer-events:none}.result-kicker{position:relative;margin:0 0 4px;color:#7c2d12;font-size:14px;font-weight:900}.result-card h3{position:relative;margin:0 0 18px;color:#211913;font-size:24px;letter-spacing:0}.result-prize{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;width:min(230px,100%);margin:0 auto 16px;text-align:left}.result-prize img{width:72px;height:72px;border:4px solid #fff4cc;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 12px 24px #e11d4829}.result-prize strong{display:block;color:#ef4444;font-size:24px;line-height:1.1}.result-prize span,.result-tip{color:#8a6a4c;font-size:13px}.result-tip{position:relative;min-height:20px;margin:0 0 16px;line-height:1.6}.result-action{position:relative;min-width:170px;min-height:42px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#fb923c,#e11d48);box-shadow:0 10px 20px #e11d4838;font-weight:900}.result-close{display:grid;width:30px;height:30px;place-items:center;border:2px solid rgb(255 255 255 / 75%);border-radius:50%;color:#fff;background:transparent;font-size:22px;line-height:1}@media(max-width:980px){.hero-section,.content-grid,.wheel-grid,.wheel-panel{grid-template-columns:1fr}.hero-section{display:grid;align-items:start}.secondary-action{width:100%}}@media(max-width:560px){.page-shell{padding:16px 10px 28px}.hero-section{padding-top:6px}.wheel-panel,.surface-panel{padding:14px}.wheel-stage{min-height:360px}.wheel-disk{width:min(340px,86vw)}.record-row{grid-template-columns:minmax(0,1fr) auto}.winner-row{grid-template-columns:minmax(0,1fr)}}