:root{--bg: #14100c;--bg-raised: #1d1813;--bg-sunken: #100d0a;--line: #3a3129;--ink: #ece3d6;--ink-dim: #a2968a;--gold: #c9a227;--gold-bright: #e8c25a;--danger: #d98b52;--radius: 10px;--font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}.backdrop{position:fixed;inset:0;z-index:-2;background-repeat:no-repeat;background-position:center -170px;background-size:min(1500px,210vw) auto;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.backdrop.is-visible{opacity:.7}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgb(20 16 12 / .1) 0%,rgb(20 16 12 / .25) 40%,rgb(20 16 12 / .8) 68%,var(--bg) 88%)}@media(prefers-reduced-motion:reduce){.backdrop{transition:none}}body{margin:0;padding:0 1.25rem 4rem;background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.55;-webkit-text-size-adjust:100%}main,.masthead,footer{max-width:62rem;margin-inline:auto}a{color:var(--gold-bright)}a:hover{color:var(--gold)}.muted{color:var(--ink-dim);font-size:.875rem}.masthead{padding:2.5rem 0 1.5rem;text-align:center}.masthead h1{font-family:var(--font);text-shadow:0 2px 12px rgb(0 0 0 / .85);font-size:clamp(2.2rem,6vw,3.4rem);letter-spacing:.04em;margin:0;color:var(--gold);text-transform:uppercase}.tagline{margin:.35rem 0 0;color:var(--ink-dim);text-shadow:0 1px 8px rgb(0 0 0 / .9)}:root{--row-height: 46px;--visible-rows: 5}.machine{margin:1.25rem 0 1.5rem}.cabinet{position:relative;display:flex;align-items:stretch;gap:1rem;background:linear-gradient(#241d16f0,#1a150ff7);backdrop-filter:blur(2px);border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0006}.reels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-width:0}.reel-box{min-width:0}.reel-title{font-family:var(--font);font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin:0 0 .5rem}.reel-window{position:relative;overflow:hidden;background:var(--bg-sunken);border:1px solid var(--line);border-radius:8px;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.reel-strip{will-change:transform}.reel-row{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 .6rem;color:var(--ink-dim);line-height:1.15}.reel-row:has(.reel-icon){justify-content:flex-start}.reel-text{display:flex;flex-direction:column;min-width:0;text-align:center}.reel-row:has(.reel-icon) .reel-text{text-align:left}.reel-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-detail{font-size:.7rem;color:#6f645a;text-transform:lowercase}.reel-icon,.result-icon{display:block;flex:0 0 auto;background-image:var(--icon-sheet);background-size:calc(var(--icon-columns) * 100%) calc(var(--icon-rows) * 100%);background-position:calc(var(--icon-x) * 100% / (var(--icon-columns) - 1)) calc(var(--icon-y) * 100% / (var(--icon-rows) - 1));background-repeat:no-repeat;border-radius:4px}.reel-icon{width:32px;height:32px;box-shadow:0 0 0 1px #00000080}.reel-row.is-winner .reel-icon{box-shadow:0 0 0 1px var(--gold)}.result-icon{width:64px;height:64px;border-radius:6px;box-shadow:0 0 0 1px var(--line)}.reel-row.is-winner .reel-name{color:var(--gold-bright);font-weight:700}.reel-row.is-winner .reel-detail{color:var(--ink-dim)}.reel{position:relative}.reel:after{content:"";position:absolute;left:0;right:0;top:calc(50% - var(--row-height) / 2);height:var(--row-height);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:#c9a22712;pointer-events:none}.reel.is-spinning .reel-strip{filter:blur(1.4px)}.reel-note{color:var(--ink-dim);font-size:.75rem;text-align:center;margin:.5rem 0 0;min-height:1.2em}.lever{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem;background:none;border:none;padding:0 .25rem;cursor:pointer;flex:0 0 auto}.lever:disabled{cursor:wait;opacity:1}.lever-art{width:58px;height:100%;max-height:15rem;overflow:visible}.lever-mount{fill:#2c241b;stroke:var(--line);stroke-width:1.5}.lever-pivot{fill:#4a3d2d}.lever-rod{fill:#8a8f96}.lever-knob{fill:#b4372c}.lever-shine{fill:#ffffff47}.lever-arm{transform-box:view-box;transform-origin:32px 204px;transition:transform .42s cubic-bezier(.2,1.5,.5,1)}.lever.is-pulled .lever-arm{transform:rotate(72deg);transition:transform .2s cubic-bezier(.4,0,.9,.6)}.lever:hover:not(:disabled) .lever-knob{fill:#c9463a}.lever:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:8px}.lever-hint{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.lever-hint:after{content:" ↓";opacity:.7}body.has-spun .lever-hint:after{content:""}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;margin-bottom:1.75rem}button,select,input[type=search]{font:inherit;touch-action:manipulation;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:#1a1409;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.65rem 2.5rem}button.primary:hover:not(:disabled){background:var(--gold-bright)}button.link{background:none;border:none;padding:0 0 0 .5rem;color:var(--gold-bright);font-size:.8rem;text-decoration:underline}.reroll-budget{display:flex;align-items:center;gap:.5rem;color:var(--ink-dim);font-size:.9rem}.reroll-budget select{padding:.4rem .5rem}input[type=search]{cursor:text;width:100%;margin-bottom:.5rem}.result:empty{display:none}.result{position:relative;display:flex;gap:1.25rem;background:#1d1813f0;backdrop-filter:blur(2px);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.75rem}.result-body{min-width:0;flex:1}.verdict{font-family:var(--font);font-size:clamp(1.4rem,4vw,2.1rem);margin:0;line-height:1.25}.verdict-ascendancy{color:var(--gold)}.verdict-skill{color:var(--gold-bright)}.verdict-joiner{color:var(--ink-dim);font-size:.6em;padding:0 .35em}.verdict-class{margin:.15rem 0 .9rem;color:var(--ink-dim);font-size:.9rem}.skill-text{margin:0 0 1rem;color:var(--ink)}.facts{display:grid;grid-template-columns:7rem 1fr;gap:.4rem 1rem;margin:0}.facts dt{color:var(--ink-dim);font-size:.85rem}.facts dd{margin:0}.tag{display:inline-block;background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;padding:.05rem .6rem;font-size:.78rem;color:var(--ink-dim);margin:0 .15rem .25rem 0}.warning{margin:1rem 0 0;padding:.75rem 1rem;border-left:3px solid var(--danger);background:#d98b5214;color:var(--ink);font-size:.92rem}.links{margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9rem}.panel{position:relative;background:#1d1813f0;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.75rem}.panel>summary{padding:.85rem 1.25rem;cursor:pointer;font-weight:600}.panel>summary::marker{color:var(--gold)}.panel-body{padding:0 1.25rem 1.25rem}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1rem;padding:.75rem 1rem 1rem}legend{color:var(--ink-dim);font-size:.85rem;padding:0 .4rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.3rem .85rem;border-radius:999px;font-size:.85rem}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1a1409;font-weight:600}.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.checklist{max-height:14rem;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;font-size:.9rem;background:var(--bg-sunken);border-radius:6px;padding:.5rem}.checklist.tall{max-height:18rem}.checklist label{display:flex;align-items:center;gap:.4rem;cursor:pointer}.checklist input{accent-color:var(--gold)}.rules{border-top:1px solid var(--line);padding-top:1.5rem}.rules h2{font-family:var(--font);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 .6rem}.rules p{margin:0 0 .75rem;max-width:46rem}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center}footer p{margin:0 0 .4rem}@media(prefers-reduced-motion:reduce){.wheel-disc{transition-duration:1ms!important}}@media(max-width:40rem){:root{--row-height: 42px;--visible-rows: 3}body{padding:0 .85rem 3rem}.masthead{padding:1.75rem 0 1rem}.cabinet{padding:.9rem .75rem;gap:.75rem}.reels{grid-template-columns:1fr;gap:.9rem}.reel-title{font-size:.8rem;letter-spacing:.12em;margin-bottom:.35rem}.reel-note{font-size:.7rem;margin-top:.35rem}.lever{padding:0 .4rem;min-width:60px;justify-content:center}.lever-art{width:52px;max-height:13rem}.reel-icon{width:28px;height:28px}.result{display:block;padding:1.15rem}.result-icon{float:left;width:52px;height:52px;margin:0 .8rem .4rem 0}.verdict{font-size:1.4rem}.skill-text{clear:left}.facts{grid-template-columns:1fr;gap:.15rem}.facts dt{margin-top:.5rem}.facts dt:first-of-type{margin-top:0}.links{gap:.75rem 1.25rem}.controls{gap:.6rem}.panel-body{padding:0 .85rem 1rem}.checklist{max-height:11rem}.checklist.tall{max-height:13rem}body:before{background:linear-gradient(to bottom,rgb(20 16 12 / .42) 0%,rgb(20 16 12 / .4) 35%,rgb(20 16 12 / .85) 66%,var(--bg) 88%)}}@media(max-width:22rem){.reel-name{font-size:.85rem}.reel-icon{width:24px;height:24px}.lever-art{width:44px}.lever{min-width:50px}}@media(max-height:34rem)and (min-width:40.01rem){:root{--visible-rows: 3}.masthead{padding:1.25rem 0 .75rem}}@media(pointer:coarse){.checklist label{padding:.3rem .15rem}.checklist input{width:1.05rem;height:1.05rem}.chip{padding:.45rem .95rem}button.link{padding:.3rem .5rem}}