:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#060c12d1,#060c12d1),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 72px),#08110d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #22c55e99}#root{min-height:100svh}.app-shell{min-height:100svh;padding:14px 18px}.app-header{justify-content:space-between;align-items:center;gap:24px;max-width:1540px;margin:0 auto 12px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{object-fit:cover;border-radius:10px;flex:none;width:48px;height:48px;display:block;box-shadow:0 8px 24px #02061747}.brand h1,.brand p{margin:0}.brand h1{color:#fff;font-size:24px;font-weight:900;line-height:1}.brand p{color:#94a3b8;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:700}.header-meta{color:#dbeafe;align-items:center;gap:10px;display:flex}.header-nav{background:#0f172ac7;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:4px;padding:3px;display:inline-flex}.header-nav a{color:#cbd5e1;border-radius:6px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.header-nav a:hover,.header-nav a:focus-visible,.header-nav a[aria-current=page]{color:#0f172a;background:#bbf7d0}.header-status{align-items:center;gap:10px;min-width:0;display:inline-flex}.data-chip,.pick-count{background:#0f172ac7;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.icon-button{color:#e2e8f0;cursor:pointer;background:#0f172ad1;border:1px solid #94a3b840;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{color:#fff;border-color:#22c55eb3}.game-grid{grid-template-columns:minmax(230px,285px) minmax(620px,1fr) minmax(250px,300px);gap:12px;max-width:1540px;margin:0 auto;display:grid}.panel,.spin-panel{background:#fffffff5;border:1px solid #e2e8f0b8;border-radius:8px;box-shadow:0 24px 70px #02061738}.panel{padding:12px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:34px;margin-bottom:10px;display:flex}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{color:#0f172a;font-size:17px;line-height:1.15}.panel-heading>span{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.eyebrow{color:#64748b;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:900}.lineup-panel,.projection-panel{align-self:start;position:sticky;top:20px}.slot-list{gap:5px;display:grid}.slot-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:5px 8px;display:grid}.slot-row.active{background:#f0fdf4;border-color:#86efac}.slot-row.filled{background:#fff;border-color:#22c55e59;min-height:62px}.slot-position span{color:#b91c1c;background:#b91c1c14;border-radius:6px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:900;line-height:1;display:grid}.slot-player small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;display:block;overflow:hidden}.slot-player strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;line-height:1.2;display:block;overflow:hidden}.slot-player span{color:#94a3b8;font-size:12px;font-weight:800}.slot-stats{color:#166534;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;font-style:normal;font-weight:900;line-height:1.15;display:block;overflow:hidden}.slot-row.filled .slot-player strong{font-size:16px}.slot-row.filled .slot-player small{font-size:11px}.slot-row.filled .slot-stats{margin-top:3px;font-size:12px}.center-stage{align-content:start;gap:12px;min-width:0;display:grid}.spin-panel{color:#fff;background:radial-gradient(circle at 13% 28%,#ef444440,#0000 30%),linear-gradient(135deg,#10201a 0%,#10251b 38%,#141923 100%);grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:14px;height:136px;padding:12px 14px;display:grid}.spin-result h2,.spin-result p{margin:0}.spin-result{min-width:0}.spin-result h2{color:#fff;align-items:center;max-width:600px;height:50px;font-size:clamp(22px,2.4vw,34px);line-height:1.04;display:flex}.spin-result p:not(.eyebrow){color:#bbf7d0;margin-top:5px;font-size:12px;font-weight:800}.reel-display{grid-template-columns:106px minmax(0,1fr);gap:8px;min-width:0;max-width:700px;min-height:54px;display:grid}.reel-card{background:linear-gradient(#0f172a33,#0f172ab8),#0f172a70;border:1px solid #bbf7d033;border-radius:7px;grid-template-rows:12px minmax(0,1fr);align-items:start;min-width:0;height:54px;padding:8px 10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.reel-card:before,.reel-card:after{content:"";z-index:1;pointer-events:none;height:18px;position:absolute;left:0;right:0}.reel-card:before{background:linear-gradient(#0f172ac7,#0000);top:0}.reel-card:after{background:linear-gradient(#0000,#0f172ac7);bottom:0}.reel-card span,.reel-card strong{z-index:2;display:block;position:relative}.reel-card span{color:#86efac;text-transform:uppercase;font-size:9px;font-weight:1000}.reel-card strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 8px 26px #00000059;align-self:center;max-width:100%;margin-top:0;font-size:25px;font-weight:1000;line-height:.96;overflow:hidden}.year-reel strong{text-overflow:clip;font-variant-numeric:tabular-nums;overflow:visible}.team-reel strong{font-size:clamp(16px,1.45vw,22px)}.reel-card.spinning{border-color:#f8717180;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #f871712e,0 18px 38px #dc262629}.reel-card.spinning strong{filter:blur(.75px);animation:.16s linear infinite reel-tick}.spin-button,.simulate-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;font-weight:1000;display:inline-flex}.spin-button{color:#fff;background:#dc2626;width:100%;min-width:0;min-height:42px;font-size:15px;box-shadow:0 18px 36px #dc262659}.spin-button:hover,.spin-button:focus-visible{background:#b91c1c}.spin-button:disabled,.simulate-button:disabled{cursor:not-allowed;opacity:.45}.spin-button.is-spinning:disabled{opacity:1}.spin-icon-active{animation:.7s linear infinite spin-icon}.spin-controls{align-content:center;gap:8px;min-width:0;display:grid}.spin-meter{color:#d1fae5;gap:5px;width:100%;min-width:0;font-size:11px;font-weight:900;display:grid}.meter-track{background:#ffffff2e;border-radius:999px;height:7px;overflow:hidden}.meter-track div{border-radius:inherit;background:#22c55e;height:100%}.options-panel{background:#fff;height:568px;min-height:0;overflow:hidden}.options-wrap{gap:12px;min-height:0;display:grid}.options-wrap.no-options .selection-tabs{display:none}.selection-tabs{background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.selection-tabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;min-height:31px;padding:0 11px;font-size:12px;font-weight:1000;transition:background-color .36s cubic-bezier(.22,1,.36,1),color .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1);display:inline-flex}.selection-tabs button.active{color:#fff;background:#0f172a}.selection-tabs span{color:#14532d;background:#dcfce7;border-radius:999px;place-items:center;min-width:22px;min-height:20px;padding:0 6px;font-size:11px;transition:background-color .36s cubic-bezier(.22,1,.36,1),color .36s cubic-bezier(.22,1,.36,1);display:inline-grid}.selection-tabs button.active span{color:#0f172a;background:#bbf7d0}.selection-tabs .lineup-tab-button,.mobile-lineup-tab{display:none}.options-content{will-change:opacity, transform;min-width:0;min-height:0;animation:.46s cubic-bezier(.22,1,.36,1) both options-content-enter}.player-section{min-width:0}.section-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title h3{color:#0f172a;text-transform:uppercase;margin:0;font-size:14px;font-weight:1000}.section-title span{color:#64748b;font-size:12px;font-weight:900}.table-shell{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:370px;overflow:auto}.player-table{border-collapse:collapse;width:100%;min-width:760px}.player-table th,.player-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:8px 10px}.player-table th{z-index:2;color:#64748b;text-transform:uppercase;background:#f8fafc;font-size:10px;font-weight:1000;position:sticky;top:0}.player-table td{color:#0f172a;background:#fff;font-size:12px;font-weight:800}.player-table tbody tr:nth-child(2n) td{background:#f8fafc}.player-table td strong,.player-table td small{display:block}.player-table td strong{font-size:12px;line-height:1.2}.player-table td small{color:#64748b;margin-top:1px;font-size:9px;font-weight:800}.player-table tr:last-child td{border-bottom:0}.player-table .stat-col,.player-table .stat-cell{text-align:center;font-variant-numeric:tabular-nums}.player-table .draft-col,.player-table .draft-cell{text-align:right}.stat-sort-button{width:100%;min-height:20px;color:inherit;cursor:pointer;font:inherit;text-transform:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:3px;padding:0;display:inline-flex}.stat-sort-button:hover,.stat-sort-button:focus-visible,.stat-sort-button.is-active{color:#14532d}.player-cell strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick-actions{flex-wrap:wrap;gap:6px;display:flex}.pick-actions button{color:#14532d;cursor:pointer;background:#dcfce7;border:1px solid #bbf7d0;border-radius:7px;min-width:36px;padding:5px 7px;font-size:11px;font-weight:1000}.pick-actions button:hover,.pick-actions button:focus-visible{background:#bbf7d0;border-color:#16a34a}.empty-state{color:#64748b;text-align:center;background-color:#f8fafc;background-image:linear-gradient(90deg,#94a3b814 1px,#0000 1px),linear-gradient(0deg,#94a3b814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #cbd5e1;border-radius:8px;align-content:center;place-items:center;gap:10px;height:370px;display:grid}.empty-state.compact{height:370px}.completed-board{grid-template-rows:minmax(0,1fr) auto;gap:10px;height:calc(100% - 44px);min-height:0;display:grid}.diamond-field{background:radial-gradient(circle at 50% 72%,#facc1538,#0000 18%),linear-gradient(#167341 0%,#0f5a34 100%);border:1px solid #bbf7d0;border-radius:8px;min-height:0;position:relative;overflow:hidden}.field-grass{background:repeating-radial-gradient(circle at 50% 76%,#ffffff14 0 2px,#0000 2px 28px),radial-gradient(circle at 50% 72%,#c98f4c 0 18%,#0000 18.5%),radial-gradient(circle at 50% 76%,#ffffff26,#0000 42%);border-radius:50% 50% 44% 44%;position:absolute;inset:18px}.infield-diamond{aspect-ratio:1;background:#c98f4ce0;border:3px solid #ffffffe0;width:150px;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.mound{background:#e2b26f;border-radius:50%;width:42px;height:24px;position:absolute;top:59%;left:50%;transform:translate(-50%,-50%)}.home-plate{clip-path:polygon(50% 100%,0 58%,0 0,100% 0,100% 58%);background:#fff;width:19px;height:16px;position:absolute;top:82%;left:50%;transform:translate(-50%,-50%)}.field-player{z-index:3;background:#ffffffed;border:1px solid #0f172a21;border-radius:7px;align-content:center;gap:1px;width:118px;min-height:46px;padding:5px 7px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0f172a2e}.field-player.reliever{background:#fef2f2f2;transform:translate(-50%)}.field-player span{color:#b91c1c;font-size:10px;font-weight:1000;line-height:1}.field-player strong,.field-player small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.field-player strong{color:#0f172a;font-size:11px;line-height:1.1}.field-player small{color:#64748b;font-size:8px;font-weight:800}.lineup-totals{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;min-height:0;padding:9px 10px;display:grid}.lineup-totals h3{color:#0f172a;margin:0;font-size:16px;line-height:1}.totals-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.totals-grid div{background:#fff;border:1px solid #dbe4ef;border-radius:7px;gap:3px;padding:6px;display:grid}.totals-grid span{color:#64748b;font-size:10px;font-weight:1000}.totals-grid strong{color:#0f172a;font-size:15px;line-height:1}.empty-state h3,.empty-state p{margin:0}.empty-state h3{color:#0f172a;font-size:20px}.empty-state p{max-width:330px;font-size:14px;font-weight:700}.record-display{color:#fff;background:linear-gradient(135deg,#22c55ee0,#15803deb),#166534;border-radius:8px;align-content:center;place-items:center;min-height:112px;display:grid}.record-display span{font-size:58px;font-weight:1000;line-height:.9}.record-display small{text-transform:uppercase;margin-top:6px;font-size:10px;font-weight:1000}.projection-grid{grid-template-columns:1fr 1fr;gap:7px;margin:10px 0;display:grid}.projection-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:8px;display:grid}.projection-grid span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:1000}.projection-grid strong{color:#0f172a;font-size:16px;line-height:1}.simulate-button{color:#fff;background:#0f172a;width:100%;min-height:40px;font-size:12px}.simulate-button:hover,.simulate-button:focus-visible{background:#1e293b}.result-band{color:#7f1d1d;text-transform:uppercase;background:#fee2e2;border-radius:8px;align-items:center;gap:8px;margin-top:9px;padding:8px;font-size:11px;font-weight:1000;display:flex}.share-panel{background:#f8fafc;border:1px solid #dbe4ef;border-radius:8px;gap:8px;margin-top:9px;padding:9px;display:grid}.share-heading{align-items:flex-start;gap:8px;display:flex}.share-heading h3,.share-heading p{margin:0}.share-heading h3{color:#0f172a;font-size:13px;line-height:1}.share-heading p{color:#64748b;margin-top:4px;font-size:10px;font-weight:800;line-height:1.3}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.share-actions button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:30px;font-size:10px;font-weight:1000;display:inline-flex}.share-actions button:hover,.share-actions button:focus-visible{background:#dcfce7;border-color:#86efac}.rules-page{gap:12px;max-width:1180px;margin:0 auto;display:grid}.rules-hero,.rule-card{background:#fffffff5;border:1px solid #e2e8f0b8;border-radius:8px;box-shadow:0 24px 70px #0206172e}.rules-hero{justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex}.rules-hero h2,.rules-hero p,.rule-card h3,.rule-card p{margin:0}.rules-hero h2{color:#0f172a;font-size:30px;font-weight:1000;line-height:1.05}.rules-hero p{color:#475569;max-width:760px;margin-top:9px;font-size:14px;font-weight:750;line-height:1.5}.rules-return{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:1000;display:inline-flex}.rules-return:hover,.rules-return:focus-visible{background:#1e293b}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rule-card{align-content:start;gap:10px;padding:14px;display:grid}.rule-card-heading{color:#166534;align-items:center;gap:8px;display:flex}.rule-card h3{color:#0f172a;font-size:17px;line-height:1.15}.rule-card p{color:#475569;font-size:13px;font-weight:750;line-height:1.45}.formula-line,.formula-stack code{color:#0f172a;background:#f8fafc;border:1px solid #dbe4ef;border-radius:7px;font-size:12px;font-weight:850;line-height:1.35}.formula-line{padding:8px 9px}.formula-stack{gap:6px;display:grid}.formula-stack code{white-space:normal;padding:7px 8px;display:block}.formula-stack.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=1240px){.game-grid{grid-template-columns:270px minmax(0,1fr)}.projection-panel{grid-column:1/-1;position:static}}@media (width<=860px){.app-shell{padding:14px}.app-header,.header-meta{align-items:flex-start}.app-header{flex-direction:column}.header-meta{flex-wrap:wrap;width:100%}.header-nav{width:100%}.header-nav a{flex:1 1 0;justify-content:center}.header-status{flex-wrap:nowrap;gap:6px;width:100%}.header-status .data-chip,.header-status .pick-count{min-height:30px;padding:0 8px;font-size:11px}.header-status .data-chip{flex:auto}.header-status .pick-count{flex:none}.header-status .icon-button{flex:none;width:32px;height:32px}.game-grid{grid-template-columns:1fr}.rules-hero{gap:14px;padding:16px;display:grid}.rules-hero h2{font-size:24px}.rules-return{width:100%}.rules-grid{grid-template-columns:1fr}.rule-card{padding:12px}.center-stage{order:1}.lineup-panel{display:none}.projection-panel{order:2}.spin-panel{grid-template-columns:1fr;gap:8px;height:auto;padding:10px 12px}.spin-result h2{height:auto;min-height:32px;font-size:26px}.reel-display{grid-template-columns:81px minmax(0,1fr);gap:6px;min-height:0}.reel-card{height:48px;padding:6px 8px}.reel-card span{font-size:8px}.reel-card strong{margin-top:0;font-size:24px}.team-reel strong{font-size:clamp(13px,3.1vw,16px)}.spin-controls{gap:6px}.spin-button{width:100%;min-height:38px}.options-wrap.no-options .selection-tabs{display:inline-flex}.selection-tabs{width:100%}.selection-tabs button{flex:1 1 0;justify-content:center;gap:5px;padding:0 7px;font-size:11px}.selection-tabs span{min-width:19px;min-height:18px;padding:0 5px;font-size:10px}.selection-tabs .lineup-tab-button{display:inline-flex}.mobile-lineup-tab{min-height:0;display:grid}.mobile-lineup-tab .slot-list{max-height:370px;padding-right:2px;overflow:auto}.mobile-lineup-tab .slot-row{min-height:44px;padding:5px 7px}.mobile-lineup-tab .slot-row.filled{min-height:56px}.mobile-lineup-tab .slot-row.filled .slot-player strong{font-size:14px}.mobile-lineup-tab .slot-row.filled .slot-player small{font-size:10px}.mobile-lineup-tab .slot-row.filled .slot-stats{font-size:11px}.completed-board{height:auto}.diamond-field{min-height:430px}.lineup-totals{grid-template-columns:72px minmax(0,1fr);gap:6px;padding:7px 8px}.totals-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0}.totals-grid div{text-align:center;min-width:0;padding:5px 3px}.totals-grid span{font-size:8.5px}.totals-grid strong{font-size:12px}.table-shell{overflow-x:hidden}.player-table{table-layout:fixed;min-width:0}.player-table th,.player-table td{padding:6px 2px}.player-table .player-col{width:34%}.player-table .position-col,.player-table .position-cell{display:none}.player-table .stat-col,.player-table .stat-cell{width:8%}.player-table .draft-col,.player-table .draft-cell{text-align:right;width:17%}.player-table thead th:nth-of-type(3),.player-table tbody td:nth-of-type(3){width:11%;padding-left:5px;padding-right:5px}.player-table thead th:nth-of-type(4),.player-table tbody td:nth-of-type(4),.player-table thead th:nth-of-type(6),.player-table tbody td:nth-of-type(6){width:9%}.player-table tbody tr:nth-child(odd) td{background:#fff}.player-cell strong{font-size:10.5px}.player-cell small{font-size:8px}.stat-cell{font-size:10px;font-weight:900}.stat-sort-button{gap:0;min-height:18px;font-size:9px}.stat-sort-button svg{display:none}.pick-actions{justify-content:flex-end;gap:3px}.pick-actions button{border-radius:5px;min-width:24px;padding:3px 4px;font-size:9px}}@media (width<=430px){.lineup-totals{grid-template-columns:58px minmax(0,1fr);gap:5px;padding:6px}.lineup-totals h3{font-size:12px}.lineup-totals .eyebrow{font-size:8px}.totals-grid{gap:3px}.totals-grid div{padding:4px 1px}.totals-grid span{font-size:7.5px}.totals-grid strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.reel-card.spinning strong,.spin-icon-active,.options-content{animation:none}}@keyframes options-content-enter{0%{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes reel-tick{0%{opacity:.35;transform:translateY(-10px)}50%{opacity:1;transform:translateY(0)}to{opacity:.35;transform:translateY(10px)}}@keyframes spin-icon{to{transform:rotate(360deg)}}
