*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #eceff1;--card: #ffffff;--ink: #26313b;--ink-soft: #3d4a56;--muted: #75808c;--line: #dde3e9;--accent: #b95c1e;--accent-dark: #96500f;--accent-soft: #faf0e4;--radius: 14px}body{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23d3d9df' stroke-width='1'%3E%3Cpath d='M-20 200 C60 170 90 130 150 120 C210 110 230 70 260 60'/%3E%3Cpath d='M-20 220 C60 190 100 150 160 140 C220 130 235 95 265 85'/%3E%3Cpath d='M-20 240 C60 210 110 170 170 160 C230 150 240 120 270 110'/%3E%3C/g%3E%3C/svg%3E");font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--ink);padding:32px 16px 48px}.app{width:min(580px,100%);display:flex;flex-direction:column;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:0 28px 24px;overflow:hidden;box-shadow:0 1px 2px #26313b0f,0 16px 40px #26313b1a}header{text-align:center;margin:0 -28px;padding-bottom:18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f4f6f8,#fff)}.peaks{display:block;width:100%;height:86px}.peaks .ridge-back{fill:#c3ccd4}.peaks .ridge-front{fill:var(--ink)}.peaks .snow{fill:#fff}.peaks .sun{fill:var(--accent)}header h1{font-size:24px;font-weight:750;letter-spacing:-.015em;margin-top:12px}.subtitle{color:var(--muted);font-size:14px;margin-top:5px}.filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:#f6f8fa;border:1px solid var(--line);padding:14px 16px;border-radius:var(--radius)}.filters label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.filters select{padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px;font-weight:600;min-width:92px;cursor:pointer}.filters select:focus-visible,.spin-btn:focus-visible,.card-sub a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pool{margin-left:auto;font-size:13.5px;color:var(--muted)}.pool span{font-weight:750;color:var(--ink)}.machine{display:flex;flex-direction:column;align-items:center;gap:20px}.reels{display:flex;gap:10px;width:100%;justify-content:center}.reel{flex:1;max-width:155px;min-height:98px;background:#f6f8fa;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:0 0 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;gap:4px}.reel-label{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.reel-content{font-size:27px;font-weight:750;text-align:center;line-height:1.2;letter-spacing:-.01em}.reel-content.small{font-size:13.5px;font-weight:650}.reels.spinning .reel{border-top-color:var(--accent)}.reels.spinning .reel-content{color:var(--accent)}.reels.win .reel{border-top-color:var(--accent);background:var(--accent-soft)}.spin-btn{padding:14px 60px;font-size:16px;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--accent);border:none;border-radius:999px;cursor:pointer;box-shadow:0 6px 16px #b95c1e59;transition:background .15s,transform .1s}.spin-btn:hover:not(:disabled){background:var(--accent-dark)}.spin-btn:active:not(:disabled){transform:translateY(1px)}.spin-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.result{min-height:86px;width:100%}.empty{text-align:center;color:var(--muted);font-size:14px;padding:12px 0}.card{background:#f6f8fa;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:16px 18px;animation:rise .3s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card-top{font-size:17px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grade{background:var(--ink);color:#fff;font-size:13px;font-weight:750;padding:2px 11px;border-radius:20px}.card-sub{font-size:13.5px;color:var(--muted);margin-top:8px}.card-sub a{color:var(--accent-dark);text-decoration:none;font-weight:650}.card-sub a:hover{text-decoration:underline}.pastille{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);display:inline-block;flex-shrink:0}footer{font-size:13px;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:16px}footer a{color:var(--ink-soft);text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}@media (max-width: 480px){body{padding:16px 10px 32px}.app{padding:0 18px 20px}header{margin:0 -18px}.reel-content{font-size:22px}.reel-content.small{font-size:11.5px}.spin-btn{width:100%;padding:14px 0}}