:root{--bg:#0a130d;--panel:#122019;--panel-2:#1b2c22;--ink:#f3f7f1;--muted:#9fb6a6;--gold:#e8b431;--gold-2:#ffd76a;--emerald:#1f9d57;--emerald-2:#2bd47d;--green:#2bd47d;--line:#284033;--shadow:0 10px 30px rgba(0,0,0,.5)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 50% -10%,#16271b 0,var(--bg) 60%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;max-width:100%;overflow-x:hidden}a{color:var(--gold-2)}.wrap{max-width:760px;margin:0 auto;padding:24px 18px 130px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{font-weight:800;letter-spacing:.04em;font-size:20px}.brand .dot{color:var(--gold)}.muted{color:var(--muted)}.round-pill{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.reels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin:8px 0 16px}.reel{border-radius:16px;padding:22px 16px;text-align:center;box-shadow:var(--shadow);border:1px solid hsla(0,0%,100%,.06);min-height:132px;min-width:0;display:flex;flex-direction:column;justify-content:center}.reel.company{background:linear-gradient(160deg,#a87c12,#e8b431)}.reel.company .label,.reel.company .value{color:#1a1305}.reel.era{background:linear-gradient(160deg,#0f5e33,#1f9d57)}.reel .value{font-size:24px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.reel .reel-sub{margin-top:4px;font-size:14px;font-weight:700;opacity:.92}.reel.spinning .value{opacity:.85;filter:blur(.3px)}.reel .label{margin-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:12px;font-weight:800;font-size:16px;padding:14px 20px;color:#1c1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:var(--shadow);transition:transform .06s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed}.btn.secondary{background:var(--panel-2);border:1px solid var(--line);color:var(--ink)}.btn.block{width:100%}.btn.spin{background:linear-gradient(180deg,#b8db64,#88b53e);color:#16240c;border:1px solid var(--gold);font-size:18px;padding:16px 30px;letter-spacing:.03em;animation:spin-glow 1.9s ease-in-out infinite}.btn.spin:disabled{animation:none}@keyframes spin-glow{0%,to{box-shadow:0 0 8px 1px rgba(232,180,49,.55),0 0 8px 1px rgba(43,212,125,.45),var(--shadow)}50%{box-shadow:0 0 24px 6px rgba(232,180,49,.9),0 0 24px 6px rgba(43,212,125,.75),var(--shadow)}}.spin-row{display:flex;justify-content:center;margin-bottom:18px}.tray{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:760px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;z-index:50;padding:8px 18px calc(8px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--line);box-shadow:0 -10px 24px rgba(14,15,26,.95)}.slot,.tray{background:var(--panel)}.slot{border:1.5px dashed var(--line);border-radius:12px;padding:10px 4px;text-align:center;min-height:74px;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:border-color .15s ease,background .15s ease}.slot.filled{border-style:solid;border-color:var(--green);background:rgba(43,212,125,.08)}.slot.legal{border-color:var(--gold);background:rgba(232,180,49,.16);cursor:pointer}.slot .slot-name{font-size:10px;letter-spacing:.01em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.slot .slot-pick{font-size:11px;font-weight:700;overflow-wrap:anywhere}.roster{display:flex;flex-direction:column;gap:8px;margin:16px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0;cursor:pointer;transition:border-color .12s ease,transform .06s ease}.card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-id{min-width:0}.card .name{font-size:15px;font-weight:700;margin:0;overflow-wrap:anywhere}@media (hover:hover){.card:hover{border-color:var(--emerald)}}.card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 2px rgba(232,180,49,.4)}.card.unplaceable{opacity:.4;cursor:not-allowed}.card .headline{font-size:12px;color:var(--gold-2);font-style:italic;margin:2px 0 0;overflow-wrap:anywhere}.card .chips{justify-content:flex-end;flex:none}.details{margin-top:8px}.details>summary{cursor:pointer;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);list-style:none}.details>summary::-webkit-details-marker{display:none}.details>summary:before{content:"▸ "}.details[open]>summary:before{content:"▾ "}.details .bio{margin:8px 0;line-height:1.45}.details .bio,.title-line{font-size:12px;color:var(--ink)}.title-line{font-weight:700;letter-spacing:.04em;margin:6px 0 0}.facts{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.facts li{font-size:12px;color:var(--muted);line-height:1.4}.cursed-note{margin:8px 0 0;font-size:12px;color:#ff9d9d}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.chip.role{color:var(--ink)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.rank-big{font-size:64px;font-weight:900;line-height:1;color:var(--gold)}.beat-line{font-size:18px;font-weight:700;margin:10px 0}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:none}.stat-row{gap:18px;margin-top:4px}.chase,.stat-row{display:flex;color:var(--muted);font-size:14px}.chase{gap:10px;align-items:center;margin-bottom:6px}.chase strong{color:var(--ink)}.actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.hint{color:var(--muted);font-size:13px;margin:8px 0 0}.center,.hero{text-align:center}.hero{padding:28px 0 10px}.hero h1{font-size:40px;margin:6px 0}.hero p{color:var(--muted);max-width:520px;margin:8px auto 22px;line-height:1.5}.tag{display:inline-block;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:4px 12px}.placeholder-note,.tag{font-size:12px;color:var(--muted)}.placeholder-note{margin-top:28px;border-top:1px dashed var(--line);padding-top:12px;line-height:1.5}@media (max-width:430px){.wrap{padding:18px 12px 124px}.tray{padding-left:12px;padding-right:12px}.slot{padding:8px 2px;min-height:60px}.slot .slot-name{font-size:9px}.reel{padding:18px 10px}.reel .value{font-size:21px}}