:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#07080a;--foreground:#f8fafc;--card:#101318;--secondary:#171b22;--muted:#9ca3af;--border:#29313d;--primary:#f59e0b;--primary-2:#fbbf24;--purple:#8b5cf6;--ice:#67e8f9;--blue:#2563eb;--red:#ef4444;--green:#22c55e}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.game-shell{background:radial-gradient(circle at 50% 0%, #f59e0b29, transparent 34rem), linear-gradient(180deg, var(--background), var(--card) 48%, var(--background));flex-direction:column;min-height:100vh;display:flex}.game-header{text-align:center;width:min(760px,100%);margin:0 auto;padding:32px 16px 18px;position:relative}.game-header h1{letter-spacing:0;margin:0;font-size:34px}.game-tagline{color:var(--primary-2);margin:4px 0 0;font-size:15px;font-weight:900}.mode-screen,.draft-layout{flex:1;width:min(1080px,100% - 28px);margin:0 auto}.mode-screen{place-items:start center;padding-top:14px;display:grid}.mode-card{border:1px solid var(--border);background:#101318e0;border-radius:8px;width:min(560px,100%);padding:20px}.mode-card h2{text-align:center;color:var(--primary-2);margin:0}.mode-tagline{color:var(--foreground);text-align:center;margin:4px 0 14px;font-size:18px;font-weight:900}.mode-grid{gap:10px;display:grid}.mode-grid button,.spin-button,.pick-actions button,.round-strip button{border:1px solid var(--border);cursor:pointer;border-radius:8px}.mode-grid button{text-align:left;background:var(--secondary);min-height:76px;color:var(--foreground);padding:14px}.mode-grid button:hover,.pick-card:hover{border-color:#f59e0ba6}.mode-grid button:disabled{cursor:not-allowed}.mode-grid button.is-coming-soon{background:linear-gradient(135deg, #67e8f914, #8b5cf614), var(--secondary);opacity:.72;border-color:#67e8f940}.mode-grid button.is-coming-soon strong:after{content:"Soon";min-height:20px;color:var(--ice);vertical-align:middle;border:1px solid #67e8f96b;border-radius:999px;place-items:center;margin-left:8px;padding:2px 7px;font-size:10px;display:inline-grid}.mode-grid strong,.mode-grid span{display:block}.mode-grid strong{color:var(--foreground);font-size:17px}.mode-grid span,.toggle-row,.game-footer{color:var(--muted);font-size:13px;line-height:1.4}.toggle-row{align-items:center;gap:10px;margin-top:16px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--primary)}.draft-layout{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;padding-top:12px;display:grid}.draft-main{min-width:0}.round-strip{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.round-strip span{color:var(--primary-2);font-weight:800}.round-strip button{color:var(--muted);background:0 0;padding:7px 10px}.slot-area,.select-area,.result-card{gap:16px;display:grid}.slot-machine{perspective:900px;justify-content:center;gap:24px;display:flex}.slot-window{width:min(42vw,170px);height:112px;transform-style:preserve-3d;border:4px solid;border-radius:10px;grid-template-rows:34px 1fr;padding:9px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -18px 28px #00000038,0 16px 34px #0000004d}.slot-window:before,.slot-window:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0}.slot-window:before{background:linear-gradient(#ffffff2e,#0000 22% 74%,#00000047),repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 7px)}.slot-window:after{mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff26,#0000);border-top:2px solid #ffffff57;border-bottom:2px solid #1118278c;inset:42px 9px 9px}.is-spinning .slot-window{animation:.16s linear infinite slotCabinetShake}.team-window{background:linear-gradient(#fbbf24,#f59e0b 36%,#92400e);border-color:#fcd34d}.era-window{background:linear-gradient(#a78bfa,#8b5cf6 36%,#4c1d95);border-color:#c4b5fd}.slot-window small{text-align:center;background:var(--card);width:100%;color:var(--primary-2);z-index:3;padding-top:10px;font-size:13px;font-weight:800;display:block;position:relative}.reel-viewport{z-index:1;background:var(--card);min-height:58px;position:relative;overflow:hidden;box-shadow:inset 0 12px 16px #0000005c,inset 0 -10px 14px #ffffff08}.reel-strip{will-change:transform, filter;display:grid}.reel-viewport strong{text-align:center;width:100%;min-height:58px;color:var(--foreground);text-shadow:0 2px #00000047;background:0 0;place-items:center;font-size:34px;display:grid}.reel-final{animation:.26s cubic-bezier(.2,.9,.2,1.18) reelSettle}.is-spinning .team-window .reel-strip{filter:blur(1.4px);animation:.62s linear infinite reelRush}.is-spinning .era-window .reel-strip{filter:blur(1.1px);animation:.48s linear infinite reverse reelRush}@keyframes reelRush{0%{transform:translateY(-464px)}to{transform:translateY(0)}}@keyframes reelSettle{0%{filter:blur(1px);transform:translateY(-18px)scale(.98)}62%{filter:blur();transform:translateY(3px)scale(1.01)}to{transform:translateY(0)scale(1)}}@keyframes slotCabinetShake{25%{transform:rotateX(.7deg)translateY(1px)}50%{transform:rotateX(0)translateY(0)}75%{transform:rotateX(-.7deg)translateY(1px)}}.spin-button{background:var(--primary);color:#111827;border-color:var(--primary-2);justify-self:center;padding:12px 42px;font-size:20px;font-weight:900;transition:transform .12s,box-shadow .12s,opacity .12s;transform:translateY(0);box-shadow:0 8px #92400e,0 18px 28px #00000047}.spin-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px #92400e,0 20px 30px #0000004d}.spin-button:active:not(:disabled){transform:translateY(7px);box-shadow:0 1px #92400e,0 8px 18px #0000003d}.spin-button:disabled{opacity:.68;cursor:wait;transform:translateY(5px);box-shadow:0 3px #92400e,0 10px 20px #0000003d}.select-area h2{text-align:center;color:var(--foreground);margin:0}.needs-strip{background:#f59e0b14;border:1px solid #f59e0b59;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.needs-strip span{color:var(--muted);font-size:13px}.needs-strip strong{color:var(--primary-2);font-size:14px}.choice-strip{color:var(--muted);justify-self:center;font-size:13px}.position-filter{border:1px solid var(--border);background:#171b22bd;border-radius:8px;gap:8px;padding:10px;display:grid}.position-filter-topline{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.position-filter-topline strong{color:var(--primary-2)}.position-filter-buttons{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.position-filter-buttons button{border:1px solid var(--border);background:var(--card);min-height:42px;color:var(--foreground);cursor:pointer;border-radius:7px;place-items:center;gap:1px;font-weight:900;display:grid}.position-filter-buttons button span{color:var(--muted);font-size:10px;font-weight:800}.position-filter-buttons button:hover:not(:disabled),.position-filter-buttons button.is-active{color:var(--primary-2);background:#f59e0b24;border-color:#f59e0bb3}.position-filter-buttons button:disabled{opacity:.42;cursor:not-allowed}.player-list{gap:10px;display:grid}.pick-card{border:1px solid var(--border);background:#101318eb;border-radius:8px;gap:12px;padding:14px;display:grid}.pick-card.is-unavailable{opacity:.66}.pick-card h3{margin:0 0 4px;font-size:20px}.pick-card p{color:var(--muted);margin:0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat-grid span,.hidden-stats{background:var(--secondary);border:1px solid var(--border);border-radius:7px;min-height:54px;padding:8px}.stat-grid small,.stat-grid strong{display:block}.stat-grid small{color:var(--muted);font-size:10px}.stat-grid strong{font-size:17px}.hidden-stats{color:var(--muted);place-items:center;display:grid}.pick-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pick-actions button{background:var(--primary);color:#111827;min-width:42px;padding:7px 10px;font-weight:900}.pick-actions button:disabled{opacity:.6;cursor:wait}.unavailable-pill{border:1px solid var(--border);background:var(--secondary);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.rink-card{border:1px solid var(--border);background:#101318e0;border-radius:8px;padding:14px;position:sticky;top:16px}.rink-score{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rink-score strong{color:var(--primary-2);font-size:22px}.rink{aspect-ratio:1;background:radial-gradient(circle,#0000 0 48px,#ef444452 49px 52px,#0000 53px),linear-gradient(90deg,#0000 0 48%,#ef44448c 48% 52%,#0000 52%),linear-gradient(#2563eb33 0 28%,#0000 28% 72%,#2563eb33 72%),#e8f8ff;border:3px solid #67e8f9bf;border-radius:50px;position:relative;overflow:hidden}.center-line{pointer-events:none;position:absolute;inset:0}.roster-slot{text-align:center;background:#07080ad1;border:1px solid #07080a33;border-radius:8px;align-content:center;gap:3px;width:116px;min-height:74px;padding:8px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000038}.roster-slot span{color:var(--primary-2);font-size:12px;font-weight:900}.roster-slot strong{min-height:18px;font-size:13px;line-height:1.1}.roster-slot small{color:var(--muted);font-size:10px}.slot-G{top:84%;left:50%}.slot-LD{top:64%;left:34%}.slot-RD{top:64%;left:66%}.slot-LW{top:33%;left:24%}.slot-C{top:24%;left:50%}.slot-RW{top:33%;left:76%}.result-screen{justify-items:center;gap:16px;display:grid}.share-result-card{background:#0f1424;border:1px solid #67e8f942;border-radius:8px;width:min(680px,100%);padding:14px;box-shadow:0 22px 60px #00000057}.share-card-summary{border-bottom:1px solid #94a3b82e;grid-template-columns:1.3fr .8fr .9fr;gap:8px;padding-bottom:14px;display:grid}.share-card-summary div{gap:6px;display:grid}.share-card-summary div:nth-child(2),.share-card-summary div:nth-child(3){text-align:right}.share-card-summary span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:900}.share-card-summary strong{font-size:clamp(28px,8vw,46px);line-height:1}.share-grade{color:#4ade80}.share-team-list{gap:8px;margin-top:14px;display:grid}.share-team-row{border-left:5px solid var(--row-color,var(--primary));background:#151a2a;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:8px 10px;display:grid}.share-team-row>span{background:var(--row-color,var(--primary));width:38px;height:38px;color:var(--foreground);border-radius:10px;place-items:center;font-size:14px;font-weight:950;display:grid}.share-team-row strong{overflow-wrap:anywhere;font-size:16px;line-height:1.1;display:block}.share-team-row small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;font-weight:800;display:block}.share-row-LW{--row-color:#8b5cf6}.share-row-C{--row-color:#e11d48}.share-row-RW{--row-color:#f59e0b}.share-row-LD{--row-color:#2563eb}.share-row-RD{--row-color:#22c55e}.share-row-G{--row-color:#06b6d4}.share-card-footer{color:var(--foreground);gap:4px;margin-top:16px;font-size:17px;font-weight:950;display:grid}.share-card-footer span{color:#5b8cff}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.secondary-button{border:1px solid var(--border);background:var(--secondary);color:var(--foreground);cursor:pointer;border-radius:8px;padding:14px 20px;font-weight:950}.share-status{min-height:20px;color:var(--muted);text-align:center;margin:0;font-size:13px;font-weight:800}.game-footer{text-align:center;padding:20px 16px 26px}@media (max-width:940px){.draft-layout{grid-template-columns:1fr}.rink-card{order:-1;width:min(420px,100%);margin:0 auto;position:static}}@media (min-width:720px){.share-result-card{padding:22px}.share-card-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:18px}.share-card-summary span{font-size:11px}.share-card-summary strong{font-size:clamp(34px,8vw,66px)}.share-team-list{gap:10px;margin-top:20px}.share-team-row{border-left-width:7px;grid-template-columns:64px minmax(0,1fr);gap:14px;min-height:86px;padding:10px 16px}.share-team-row>span{border-radius:12px;width:48px;height:48px;font-size:16px}.share-team-row strong{font-size:22px}.share-team-row small{margin-top:4px;font-size:14px}.share-card-footer{justify-content:space-between;gap:16px;margin-top:22px;font-size:22px;display:flex}}@media (max-width:560px){.game-header{padding-top:18px}.game-header h1{font-size:26px}.slot-machine{gap:12px}.slot-window{height:100px}.reel-viewport strong{font-size:28px}.position-filter-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-slot{width:96px;min-height:66px}}@media (prefers-reduced-motion:reduce){.is-spinning .slot-window,.is-spinning .team-window .reel-strip,.is-spinning .era-window .reel-strip,.reel-final{filter:none;animation:none}.is-spinning .reel-strip strong:not(:first-child){display:none}.spin-button{transition:none}}