:root{color-scheme:dark;--bg:#0b0d11;--card:#151922;--card2:#10141b;--text:#f4f6fa;--muted:#929aaa;--line:#2c333f;--accent:#2f75ff;--green:#35dc8b;--purple:#9b6cff;--purpleDark:#251a3d;--greenDark:#11281d;--red:#7e2429;--black:#242936}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{min-height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.app{width:min(100%,620px);margin:0 auto;padding:18px 14px 26px}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 14px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--muted);font-weight:800}h1{font-size:24px;line-height:1.05;margin:3px 0 0}.reset{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#171b23;color:var(--text);font-weight:800}.wheelCard,.actionCard,.rankingCard,.previewCard{background:var(--card);border:1px solid #202630;border-radius:20px}.wheelCard{padding:8px 8px 14px}.wheel{display:block;width:100%;height:auto;max-height:420px}.innerRing{fill:none;stroke:#303745;stroke-width:2}.pocket{stroke:#495161;stroke-width:1.4}.pocket.red{fill:var(--red)}.pocket.black{fill:var(--black)}.pocket.zero{fill:#176c3d}.pocket.purple{fill:var(--purple);stroke:#eadfff;stroke-width:3}.pocket.green{fill:var(--green);stroke:#b4ffda;stroke-width:3}.pocketText{fill:white;font-size:10px;font-weight:800}.pocketText.selectedText{fill:#090b10}.centerBig{fill:#f7f8fb;font-size:21px;font-weight:900}.centerSmall{fill:#8f98a9;font-size:11px;font-weight:800;letter-spacing:.08em}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 6px}.summary>div{background:var(--card2);border-radius:12px;padding:10px 4px;text-align:center}.summary span{display:block;color:var(--muted);font-size:10px}.summary strong{display:block;margin-top:3px;font-size:17px}.purpleValue{color:#c6a8ff}.greenValue{color:#76efad}.actionCard{margin-top:12px;padding:14px}.primary{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:14px;background:var(--accent);color:white;font-weight:900;letter-spacing:.02em}.primary input{position:absolute;opacity:0;pointer-events:none}.primary.disabled{opacity:.55}.status{text-align:center;font-size:15px;font-weight:900;margin-top:13px}.detail{text-align:center;color:var(--muted);font-size:12px;line-height:1.4;margin-top:5px}.rankingCard,.previewCard{margin-top:12px;padding:14px}.sectionTitle{font-weight:900;margin-bottom:10px}.rankGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rankRow{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:8px 9px;border-radius:10px;background:var(--card2);font-variant-numeric:tabular-nums}.rankRow.purple{outline:1px solid rgba(155,108,255,.9);background:var(--purpleDark)}.rankRow.green{outline:1px solid rgba(53,220,139,.75);background:var(--greenDark)}.pos{color:var(--muted);font-size:11px}.num{font-size:16px;font-weight:900}.freq{font-size:13px;color:#c7ced9;font-weight:800}.note{font-size:12px;line-height:1.45;color:var(--muted);margin:11px 2px 0}.legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 2px 10px;color:var(--muted);font-size:11px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.p{background:var(--purple)}.dot.g{background:var(--green)}.previewCard img{display:block;width:100%;height:auto;border-radius:12px}.hidden{display:none!important}footer{text-align:center;color:#717a89;font-size:10px;line-height:1.45;padding:18px 10px 0}@media(max-width:390px){.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:360px){.app{padding-left:10px;padding-right:10px}.rankGrid{grid-template-columns:1fr}.summary strong{font-size:16px}}