:root{--bg:#0c0d12;--surface:#17181f;--surface-raised:#1f202a;--border:#2a2b36;--border-strong:#383a49;--text-h:#f5f4f8;--text:#a1a0ad;--text-dim:#6f6e7c;--accent:#ff8a3d;--accent-strong:#e56a1f;--accent-bg:#ff8a3d1f;--accent-border:#ff8a3d66;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 20px -6px #00000080;--shadow-lg:0 20px 40px -12px #0009;--shadow-glow:0 0 0 1px var(--accent-border), 0 8px 24px -8px #ff8a3d59;--font-display:"Oswald", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);font:16px/1.5 var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(80% 50% at 50% -10%,#ff8a3d14,#0000);background-repeat:no-repeat;margin:0}#root{max-width:720px;min-height:100svh;margin:0 auto;padding:32px 24px 48px}h1,h2{font-family:var(--font-display);color:var(--text-h);margin:0;font-weight:600}p{margin:0}button{font-family:inherit}.app{flex-direction:column;gap:28px;display:flex}.app-header{text-align:center;padding-top:4px}.app-header h1{letter-spacing:-.5px;text-transform:uppercase;font-size:clamp(2.25rem,10vw,3rem)}.tagline{color:var(--text-dim);margin-top:6px;font-size:.9375rem}.round-indicator{text-align:center;font-family:var(--font-display);color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-size:.8125rem;font-weight:600}.primary-btn{font-family:var(--font-display);letter-spacing:.3px;border-radius:var(--radius-md);color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-strong));cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .15s var(--ease), box-shadow .15s var(--ease), opacity .15s var(--ease);border:none;padding:13px 28px;font-size:1.0625rem;font-weight:600}.primary-btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent-border), 0 12px 28px -8px #ff8a3d73;transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.primary-btn:disabled{opacity:.45;box-shadow:none;cursor:default}.position-tracker{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.position-slot{text-align:center;border-radius:var(--radius-md);border:1.5px solid var(--accent-border);background:var(--accent-bg);min-width:76px;transition:border-color .25s var(--ease), background .25s var(--ease), opacity .25s var(--ease), transform .25s var(--ease-out-back);padding:10px 12px}.position-slot.filled{border-color:var(--border);background:var(--surface);opacity:.7}.position-slot-label{font-family:var(--font-display);letter-spacing:.5px;color:var(--accent);font-size:.8125rem;font-weight:600}.position-slot.filled .position-slot-label{color:var(--text-dim)}.position-slot-player{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;max-width:90px;margin-top:3px;font-size:.6875rem;overflow:hidden}.slot-machine{flex-direction:column;align-items:center;gap:6px;padding:18px 24px;display:flex}.dice-hop{animation:2s cubic-bezier(.33,0,.2,1) dice-hop}.dice-stage{perspective:900px;width:160px;height:160px;position:relative}.dice-shadow{filter:blur(1px);background:radial-gradient(#0009,#0000 72%);width:108px;height:22px;animation:2s cubic-bezier(.33,0,.2,1) dice-shadow-pulse;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.dice-cube{width:120px;height:120px;transform-style:preserve-3d;position:absolute;top:14px;left:20px;transform:rotateX(-18deg)rotateY(28deg)}.dice-face{backface-visibility:hidden;background:linear-gradient(150deg, var(--team-primary,var(--accent)), var(--team-secondary,var(--accent-strong)));border:2px solid #0000008c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:120px;height:120px;display:flex;position:absolute;box-shadow:inset 0 0 0 5px #0000002e,inset 0 8px 14px #0000004d}.dice-face:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 42%,#00000047 43% 45%,#0000 46%),linear-gradient(#00000038 2px,#0000 2px) 0/100% 100%,linear-gradient(90deg,#00000038 2px,#0000 2px) 50% 0/100% 100%;border-radius:10px;position:absolute;inset:0}.dice-face-1{transform:translateZ(60px)}.dice-face-6{transform:rotateY(180deg)translateZ(60px)}.dice-face-2{transform:rotateY(90deg)translateZ(60px)}.dice-face-5{transform:rotateY(-90deg)translateZ(60px)}.dice-face-3{transform:rotateX(90deg)translateZ(60px)}.dice-face-4{transform:rotateX(-90deg)translateZ(60px)}.dice-face-abbr{font-family:var(--font-display);letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px #0009;z-index:1;font-size:27px;font-weight:700}.dice-face-era{text-transform:uppercase;letter-spacing:.06em;color:#ffffffe0;text-shadow:0 1px 2px #00000080;z-index:1;font-size:11px;font-weight:700}@keyframes dice-shadow-pulse{0%{opacity:.6;transform:translate(-50%)scale(1)}38%{opacity:.25;transform:translate(-50%)scale(.5)}to{opacity:.6;transform:translate(-50%)scale(1)}}@keyframes dice-hop{0%{transform:translateY(0)}16%{transform:translateY(-72px)}42%{transform:translateY(-96px)}68%{transform:translateY(-8px)}82%{transform:translateY(-22px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dice-cube{transition:none!important}.dice-hop,.dice-shadow{animation:none!important}}.start-screen{justify-content:center;padding:40px 24px;display:flex}.start-court{aspect-ratio:300/300;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;max-width:320px;display:flex;position:relative;overflow:hidden}.start-court-hardwood{background:radial-gradient(ellipse 80% 40% at 50% 0%, var(--accent-bg), transparent 60%), repeating-linear-gradient(90deg, #17130c 0px, #17130c 3px, #1c1710 3px, #1c1710 6px);position:absolute;inset:0}.start-court-lines{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.start-court-lines line,.start-court-lines rect,.start-court-lines circle,.start-court-lines path{fill:none;stroke:var(--accent);stroke-width:2px}.start-court-btn{z-index:2;position:relative}.slot-reel{border:1.5px solid var(--border);background:linear-gradient(180deg, var(--surface-raised), var(--surface));border-radius:var(--radius-lg);text-align:center;min-width:280px;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);pointer-events:none;padding:12px 32px;transform:translateY(14px)scale(.96)}.slot-reel.spinning{opacity:0}.slot-monogram{width:44px;height:44px;font-family:var(--font-display);letter-spacing:.5px;color:#fff;text-shadow:0 1px 3px #00000080;background:linear-gradient(155deg, var(--team-primary,var(--accent)), var(--team-secondary,var(--accent-strong)));border-radius:50%;justify-content:center;align-items:center;margin:0 auto 6px;font-size:1.0625rem;font-weight:700;display:flex;box-shadow:0 6px 16px -4px #00000080}.slot-stripe{background:linear-gradient(90deg, var(--team-primary,var(--accent)), var(--team-secondary,var(--accent-strong)));border-radius:2px;height:3px;margin-top:10px}.slot-reel.landed{opacity:1;pointer-events:auto;animation:slot-settle .45s var(--ease-out-back);transform:translateY(0)scale(1)}@keyframes slot-settle{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}.slot-franchise{font-family:var(--font-display);color:var(--text-h);font-size:1.5rem;font-weight:600}.slot-era{color:var(--team-accent,var(--accent));margin-top:6px;font-size:1rem;font-weight:600}.draft-board{flex-direction:column;gap:18px;display:flex}.draft-board-header{justify-content:center;align-items:baseline;gap:12px;display:flex}.draft-board-header h2{font-size:1.625rem}.era-badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-pill);padding:3px 13px;font-size:.8125rem;font-weight:600}.draft-instructions{text-align:center;color:var(--text-dim);font-size:.9375rem}.roster-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.player-card{text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font:inherit;color:inherit;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);padding:16px;position:relative}.player-card:has(.pill-open:hover){border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.player-card.blocked{opacity:.4}.player-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.player-name{color:var(--text-h);min-height:2.5em;font-size:1.0625rem;font-weight:700;line-height:1.25}.player-positions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.position-pill{font:inherit;border-radius:var(--radius-sm);min-height:40px;transition:background .15s var(--ease), color .15s var(--ease), transform .1s var(--ease);border:1px solid #0000;align-items:center;padding:10px 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.position-pill.pill-open{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border);cursor:pointer}.position-pill.pill-open:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.position-pill.pill-open:active{transform:translateY(0)scale(.95)}.position-pill.pill-taken{color:var(--text-dim);border-color:var(--border);opacity:.5;cursor:not-allowed;background:0 0;text-decoration:line-through}.player-tag{color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-sm);margin-top:8px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.archetype-badge{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#1a0e04;background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-radius:var(--radius-pill);flex-shrink:0;padding:3px 9px;font-size:.625rem;font-weight:700}.player-stat-blocks{border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px;padding-top:10px;display:grid}.stat-block{text-align:center}.stat-block-val{font-family:var(--font-display);color:var(--text-h);font-size:1.0625rem;font-weight:700;line-height:1.1}.stat-block-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-top:2px;font-size:.5625rem;font-weight:600}.stat-block.is-best .stat-block-val{color:var(--accent)}.results-screen{flex-direction:column;align-items:center;gap:24px;padding-bottom:24px;display:flex}.record-display{text-align:center}.record-number{font-family:var(--font-display);color:var(--text-h);letter-spacing:-1px;font-size:clamp(2.75rem,15vw,4.5rem);font-weight:600;line-height:1}.grade-badge{width:clamp(40px,10vw,52px);height:clamp(40px,10vw,52px);font-family:var(--font-display);border:2px solid;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:clamp(1.0625rem,4vw,1.375rem);font-weight:700;display:flex}.grade-badge.grade-s{color:#e3b341;background:#e3b3411f;border-color:#e3b341;box-shadow:0 0 16px -2px #e3b34180}.grade-badge.grade-a{color:#4ade80;background:#4ade801f;border-color:#4ade80}.grade-badge.grade-b{color:#7dd3fc;background:#7dd3fc1f;border-color:#7dd3fc}.grade-badge.grade-c{color:var(--text-dim);border-color:var(--border-strong);background:var(--surface-raised)}.grade-badge.grade-d{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b}.grade-badge.grade-f{color:#ef4444;background:#ef44441f;border-color:#ef4444}.record-label{font-family:var(--font-display);color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;font-size:.8125rem;font-weight:600}.totals-row{color:var(--text-h);flex-wrap:wrap;justify-content:center;gap:18px;font-size:.9375rem;font-weight:600;display:flex}.tier-hand{grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px;width:100%;padding-bottom:4px;display:grid;overflow-x:auto}.tier-card{border-radius:16px;padding:2px}.tier-card.tier-diamond{background:conic-gradient(from 140deg,#7dd3fc,#c084fc,#f0abfc,#7dd3fc)}.tier-card.tier-gold{background:linear-gradient(155deg,#f0d27a,#b8860b,#f0d27a)}.tier-card.tier-silver{background:linear-gradient(155deg,#dfe3ea,#8b93a3,#dfe3ea)}.tier-card-inner{background:var(--surface);border-radius:14px;height:100%;padding:10px 10px 12px}.tier-card-top{justify-content:space-between;align-items:baseline;display:flex}.tier-rating{font-family:var(--font-display);color:var(--text-h);font-size:1.375rem;font-weight:700}.tier-pos{font-family:var(--font-display);color:var(--text-dim);font-size:.6875rem;font-weight:600}.tier-badge{letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:.6875rem;font-weight:700;display:inline-block}.tier-diamond .tier-badge{color:#7dd3fc}.tier-gold .tier-badge{color:#e3b341}.tier-silver .tier-badge{color:#b9c1cc}.tier-divider{background:var(--border);height:1px;margin:10px 0}.tier-name{font-family:var(--font-display);color:var(--text-h);font-size:.8125rem;font-weight:700;line-height:1.25}.tier-team{color:var(--text-dim);margin-top:3px;margin-bottom:10px;font-size:.625rem}.tier-stats{grid-template-columns:1fr;gap:3px;display:grid}.tier-stat{justify-content:space-between;font-size:.6875rem;display:flex}.tier-stat span{color:var(--text-dim)}.tier-stat b{color:var(--text-h);font-variant-numeric:tabular-nums}.breakdown{background:linear-gradient(180deg, var(--surface-raised), var(--surface));border:1.5px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:20px;display:flex}.breakdown-item p{color:var(--text);margin-top:5px;font-size:.9375rem}.breakdown-label{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}@media (width<=640px){.slot-reel{width:100%;min-width:0;padding:28px 24px}.slot-franchise{font-size:1.5rem}}