.glow{position:fixed;top:-18vh;left:50%;width:min(900px,130vw);height:55vh;transform:translate(-50%);z-index:0;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,#ffb26621,#ffb26600 70%);animation:flicker 5.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:.8}42%{opacity:1}58%{opacity:.68}71%{opacity:.92}86%{opacity:.78}}.masthead{position:relative;z-index:1;text-align:center;padding:2.2rem 1.25rem 0}.back{display:inline-block;margin-bottom:1.2rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.back:hover{color:var(--accent);text-decoration:none}.wordmark{display:flex;align-items:center;justify-content:center;gap:.9rem;font-family:var(--serif);font-size:.66rem;letter-spacing:.42em;text-transform:uppercase;color:var(--brass)}.wordmark .rule{height:1px;width:clamp(24px,8vw,60px);background:linear-gradient(90deg,transparent,var(--brass-dim))}.wordmark .rule:last-child{transform:scaleX(-1)}h1{margin-top:.55rem;font-family:var(--serif);font-weight:700;font-size:clamp(2.3rem,9vw,3.5rem);letter-spacing:-.01em;line-height:1.05;color:var(--text);text-shadow:0 2px 30px rgba(255,180,107,.15)}.round-line{margin-top:.5rem;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--text-dim)}.round-line .dia{font-style:normal;font-size:.55rem;vertical-align:.18em;padding:0 .6rem;color:var(--brass)}.masthead:after{content:"";display:block;margin:1.5rem auto 0;width:min(420px,72%);height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}main{position:relative;z-index:1;flex:1;width:100%;max-width:620px;margin:0 auto;padding:2rem 1.25rem 0;display:flex;flex-direction:column}.sec-label{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;font-family:var(--serif);font-size:.7rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim)}.sec-label:before,.sec-label:after{content:"";height:1px;width:34px;background:linear-gradient(90deg,transparent,var(--border-light))}.sec-label:after{background:linear-gradient(270deg,transparent,var(--border-light))}.ledger{text-align:center;margin-bottom:2.4rem}.ledger-names{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;justify-content:center;max-width:480px;margin:0 auto}.ledger-name{position:relative;padding:0 .1rem;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--text-dim)}.ledger-name:after{content:"";position:absolute;left:-6%;right:-6%;top:55%;height:1.5px;transform:rotate(-1.4deg);background:linear-gradient(90deg,transparent,rgba(164,74,54,.85) 18%,rgba(164,74,54,.85) 82%,transparent)}.ledger-name .tick{font-style:normal;font-size:.7rem;color:#7f8f63;margin-right:.3rem;vertical-align:.08em}.shelf-wrap{display:flex;flex-direction:column;align-items:center}.shelf-frame{--wh: clamp(100px, 27vw, 128px);position:relative;width:100%;max-width:560px;padding:14px 16px;border-radius:14px;border:1px solid #150e07;background:repeating-linear-gradient(93deg,rgba(0,0,0,.12) 0 2px,transparent 2px 9px),linear-gradient(160deg,#41301f,var(--wood-dark) 55%,var(--wood));box-shadow:inset 0 1px #deb88a2e,inset 0 -1px #00000080,0 24px 60px #0000008c}.stud{position:absolute;width:10px;height:10px;border-radius:50%;z-index:4;background:radial-gradient(circle at 35% 30%,#f4dcb0,#bf9057 55%,#77552f);box-shadow:0 1px 2px #000000b3,inset 0 -1px 1px #0006}.stud.tl{top:7px;left:7px}.stud.tr{top:7px;right:7px}.stud.bl{bottom:7px;left:7px}.stud.br{bottom:7px;right:7px}.shelf-window{position:relative;height:var(--wh);overflow:hidden;border-radius:7px;cursor:pointer;background:#120d08;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px #000c,inset 0 12px 26px #000000bf,inset 0 -12px 26px #000000bf,0 1px #deb88a24}.shelf-window:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shelf-window.thunk{animation:thunk .28s ease}@keyframes thunk{0%{transform:scale(1)}30%{transform:scale(1.015)}65%{transform:scale(.996)}to{transform:scale(1)}}.reel{will-change:transform}.spine{position:relative;height:var(--wh);display:flex;align-items:center;justify-content:center;padding:0 1.4rem;box-shadow:inset 0 8px 14px -8px #000000a6,inset 0 -8px 14px -8px #000000a6,inset 0 1px #ffe6be12}.spine:before,.spine:after{content:"";position:absolute;left:12%;right:12%;height:5px;border-top:2px solid rgba(222,184,138,.5);border-bottom:1px solid rgba(222,184,138,.28)}.spine:before{top:12px}.spine:after{bottom:12px}.spine.v0{background:linear-gradient(180deg,#6e3027,#57231c 52%,#421a14)}.spine.v1{background:linear-gradient(180deg,#4e3722,#3a2817 52%,#2c1e11)}.spine.v2{background:linear-gradient(180deg,#2e2622,#241c18 52%,#1a1310)}.spine.v3{background:linear-gradient(180deg,#7d5227,#623f1e 52%,#4a2f15)}.spine.v4{background:linear-gradient(180deg,#553c2a,#41301f 52%,#302216)}.spine-name{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,11vw,3.2rem);letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;background:linear-gradient(180deg,#f2d9ab,#cfa46d 55%,#9c7642);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65)) drop-shadow(0 -1px 0 rgba(255,235,200,.12));transition:filter .35s ease}.reel.is-fast .spine-name{filter:blur(1px) drop-shadow(0 1px 1px rgba(0,0,0,.65))}.spine.is-placeholder .spine-name{font-size:clamp(1rem,4vw,1.35rem);letter-spacing:.3em}.spine.landed{box-shadow:inset 0 0 0 2px #f0d29680,inset 0 0 34px #f0cd8c29,inset 0 8px 14px -8px #000000a6,inset 0 -8px 14px -8px #000000a6}.shade{position:absolute;left:0;right:0;height:30%;z-index:3;pointer-events:none}.shade.top{top:0;background:linear-gradient(180deg,#0a0704eb,#0a070400)}.shade.bot{bottom:0;background:linear-gradient(0deg,#0a0704eb,#0a070400)}.pointer{position:absolute;top:50%;transform:translateY(-50%);z-index:5;pointer-events:none;font-size:.72rem;color:var(--brass);text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(200,151,95,.5)}.pointer.left{left:3px}.pointer.right{right:3px}.shelf-caption{margin-top:1rem;padding:0 1rem;text-align:center;font-family:var(--serif);font-style:italic;font-size:.9rem;color:var(--text-dim)}.spin-row{display:flex;flex-direction:column;align-items:center;margin-top:1.9rem}.spin-btn{width:min(310px,88%);padding:1.05rem 1.5rem;border-radius:11px;border:1px solid #6e4b26;cursor:pointer;font-family:var(--serif);font-weight:700;font-size:1.02rem;letter-spacing:.24em;text-transform:uppercase;color:#2b1c0d;background:linear-gradient(180deg,#f0d3a1,#d29f63 48%,#a96f39);box-shadow:inset 0 1px #fae7bee6,inset 0 -9px 16px #60361080,0 12px 28px #00000080,0 0 34px #d6a06424;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease}.spin-btn:hover:not(:disabled){filter:brightness(1.07)}.spin-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fae7bee6,inset 0 -6px 12px #60361080,0 5px 14px #00000080}.spin-btn:disabled{cursor:wait;filter:grayscale(.55) brightness(.8)}.spin-hint{margin-top:.7rem;font-family:var(--serif);font-style:italic;font-size:.8rem;color:var(--text-dim);opacity:.85}.result-card{position:relative;display:none;width:100%;max-width:520px;margin:2.5rem auto 0;padding:2rem 1.6rem 1.8rem;text-align:center;border-radius:8px;color:var(--ink);background:linear-gradient(168deg,#f0e3c6,#e4d3ae 58%,#d6c296);box-shadow:0 26px 54px #0000008c,inset 0 0 46px #7a5a3024}.result-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(106,74,38,.4);border-radius:4px;pointer-events:none}.result-card.show{display:block;animation:cardIn .55s cubic-bezier(.22,.9,.3,1.15) both}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) rotate(-1.4deg) scale(.96)}to{opacity:1;transform:none}}.rc-kicker{font-family:var(--serif);font-size:.68rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#7a5a33}.rc-name{margin:.5rem 0 .35rem;font-family:var(--serif);font-weight:700;font-size:clamp(2rem,9vw,2.6rem);line-height:1.1;color:#33200f}.rc-sub{font-family:var(--serif);font-style:italic;font-size:1rem;color:#6d4f2c}.rc-divider{width:70px;height:1px;margin:1.1rem auto;background:linear-gradient(90deg,transparent,rgba(106,74,38,.55),transparent)}.reroll{padding:.55rem 1.1rem;border:1px solid rgba(106,74,38,.45);border-radius:6px;background:transparent;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#5d4326;cursor:pointer;transition:background .2s ease}.reroll:hover{background:#6a4a261a}.seal{position:absolute;top:-24px;right:22px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);border-radius:51% 46% 53% 48%/47% 52% 45% 53%;background:radial-gradient(circle at 34% 28%,#b04a3c,#83301f 52%,#5c1d12);box-shadow:inset 0 2px 4px #ffc8b459,inset 0 -4px 8px #1e050280,0 6px 14px #00000080}.seal span{font-family:var(--serif);font-weight:700;font-size:1.05rem;letter-spacing:.06em;color:#f3cfae;text-shadow:0 -1px 1px rgba(40,8,4,.7),0 1px 1px rgba(255,190,160,.25)}.pool{margin-top:2.9rem;text-align:center}.pool-names{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pool-member{padding:.45rem 1rem .45rem .8rem;border-radius:5px 12px 12px 5px;border:1px solid var(--border-light);border-left:3px solid var(--brass-dim);font-size:.85rem;color:var(--text-muted);background:linear-gradient(180deg,#3c2e21,#2b2015);box-shadow:inset 0 1px #ffdeaa14,0 3px 8px #00000059;transition:all .35s ease}.pool-member.selected{background:linear-gradient(180deg,#e6bb85,#bd8a52);color:#241708;font-weight:700;border-color:var(--brass-dim);border-left-color:#5e3f22;transform:translateY(-2px) scale(1.06);box-shadow:0 8px 22px #c8956d66}.pool-member.dim{opacity:.42}footer{position:relative;z-index:1;margin-top:3rem;padding:2rem 1.5rem 2.4rem;text-align:center;border-top:1px solid var(--border)}.fallen{margin-bottom:.6rem;font-family:var(--serif);font-style:italic;font-size:.8rem;color:var(--text-dim)}.fallen b{font-style:normal;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;color:var(--text-muted)}.fineprint{font-size:.75rem;color:var(--text-dim)}@media(prefers-reduced-motion:reduce){.glow{animation:none}.result-card.show{animation-duration:.01ms}.shelf-window.thunk{animation:none}}:root{--bg: #1a1612;--surface: #262019;--surface-2: #2e2720;--text: #e8dfd4;--text-muted: #b5a892;--text-dim: #8f8272;--accent: #c8956d;--border: #3a3229;--border-light: #4a4038;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--leather: #5a3b2a;--leather-dark: #402a1d;--wood: #33261a;--wood-dark: #241a11;--brass: #c8975f;--brass-bright: #e8c592;--brass-dim: #8a6a44;--candle: #ffb46b;--wax: #7c2a22;--ink: #2e2118;--paper: #e8dcc4}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 50% 8%,transparent 52%,rgba(8,6,4,.55) 100%)}#root{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;-webkit-tap-highlight-color:transparent}