/* BowlsSelect website publication candidate · 28 September 2026 */
html{scroll-padding-top:100px;scroll-behavior:smooth}
img{height:auto}button,a,input,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #b77914;outline-offset:4px}
[hidden]{display:none!important}
.hero .actions{gap:12px}.hero .hero-copy>p:not(.eyebrow):not(.hero-lead){max-width:48ch}
.hero-note{font-size:14px!important;color:#c6d8e5!important;margin-top:16px!important}
.hero-secondary-link{color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.magnet-section{background:#f9f8f4}.demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:32px}.demo-intro h2{margin:0}.demo-help{font-size:14px;color:#4b5d66}
.magnet-demo{border:1px solid #becbd1;border-radius:10px;box-shadow:0 18px 38px #0b233b0b;background:#fff;overflow:hidden;color:#183046}
.demo-topline{background:#0c233a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px 26px;gap:16px}.demo-topline strong{font-size:19px;display:block}.demo-topline span{font-size:13px}.demo-topline>div>span{display:block;color:#c7d6df;margin-top:3px}.demo-label{border:1px solid #688090;border-radius:4px;padding:6px 10px;white-space:nowrap}
.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:24px}.demo-side{min-width:0}.demo-division{display:flex;align-items:center;justify-content:space-between;background:#102d49;color:#fff;padding:13px 18px;border-radius:5px 5px 0 0}.demo-division h3{margin:0;font-size:18px}.demo-division span{font-size:13px;color:#d8e6ef}
.demo-grid{display:grid;grid-template-columns:72px repeat(2,minmax(0,1fr));gap:9px;background:#edf2f5;padding:12px;border:1px solid #c7d2db;border-top:0;border-radius:0 0 5px 5px}.demo-axis{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 0;color:#526674}.demo-position{align-self:center;color:#fff;padding:7px 5px;border-radius:3px;font-size:11px;font-weight:750;text-align:center;text-transform:uppercase}.position-0{background:#147c3d}.position-1{background:#12679d}.position-2{background:#a76700}.position-3{background:#b82435}
.demo-cell{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:66px;border:1px solid #b9c6ce;border-left:4px solid #59707d;border-radius:5px;background:linear-gradient(#fff,#f3f6f7);color:#143047;box-shadow:0 2px 3px #0d294212;font:600 15px/1.3 inherit;font-family:inherit;font-size:15px;font-weight:600;padding:10px 8px;cursor:grab;touch-action:manipulation;transition:border-color .15s,box-shadow .15s}
.demo-cell:hover{border-color:#23577b;box-shadow:0 3px 8px #0d29421a}.demo-cell[aria-pressed=true]{outline:3px solid #b37915;outline-offset:1px;background:#fff9e7}.demo-cell.empty{border:1px dashed #92a9b8;box-shadow:none;background:#e7edf0;cursor:pointer}.demo-vacancy{font-size:12px;color:#526875}.demo-grip{color:#70818d;font-size:20px}.demo-player-name{overflow-wrap:anywhere}.demo-pool{background:#f7f9fa;padding:17px;border:1px solid #dae2e6;border-radius:5px}.demo-pool h3{margin:0;font-size:17px}.demo-pool>p{font-size:12px;color:#5d6e77;margin:4px 0 14px}.demo-pool-list{display:flex;flex-direction:column;gap:10px;min-height:68px}.demo-pool .demo-cell{min-height:53px;width:100%;font-size:14px}.demo-return{width:100%;margin-top:16px;padding:12px 6px;border:1px dashed #869daa;background:transparent;color:#23455d;border-radius:4px;font-family:inherit;font-weight:600;cursor:pointer}.demo-return:disabled{opacity:.45;cursor:default}.drop-target{outline:3px solid #b37915!important;outline-offset:0}.dragging{opacity:.35}
.demo-bottomline{border-top:1px solid #d9e2e7;background:#fbfcfc;padding:15px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between}.demo-status{font-size:13px;margin:0;max-width:55ch}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.demo-controls button{background:#fff;border:1px solid #b8c8d1;border-radius:4px;color:#183c55;padding:9px 12px;font:600 12px/1.4 inherit;font-family:inherit;cursor:pointer}.demo-controls button:disabled{opacity:.45;cursor:default}.demo-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:13px;color:#546873}.demo-footnote a{flex-shrink:0}
.onboarding-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #b6c4ca;margin:30px 0}.onboarding-tabs button{display:flex;gap:12px;align-items:center;text-align:left;border:0;border-bottom:3px solid transparent;background:transparent;color:#536771;padding:17px 12px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.onboarding-tabs button span{color:#15364b;font-size:14px}.onboarding-tabs button[aria-selected=true]{border-color:#21613f;background:#e8efeb;color:#21613f}.onboard-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center}.onboard-panel h3{font-size:28px;line-height:1.2;letter-spacing:-.02em}.onboard-panel p{max-width:48ch}.onboard-panel figure{margin:0}.onboard-panel img{width:100%;object-fit:contain}.onboard-note{font-size:14px;color:#596971}.multi-competition{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:50px;padding-top:36px;border-top:1px solid #bbc9cd}.multi-competition h3{font-size:30px;line-height:1.2}.onboard-cta{display:flex;gap:22px;align-items:center;margin-top:25px}.onboard-cta>span{font-size:13px;color:#506770}
.product-window{margin-left:0;margin-right:0}.product-window img{object-fit:contain!important}.visual-stack .inset{display:none}.device-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.device-grid .phone{max-width:360px;justify-self:center}.device-grid .phone img{max-height:610px;object-fit:contain}.manual-update{font-size:14px;margin-top:30px;max-width:80ch}.manual-update a{font-weight:600}.legal-section{padding-top:32px;padding-bottom:32px}
@media(max-width:980px){.demo-workspace{grid-template-columns:minmax(0,1fr) 200px;gap:15px;padding:18px}.demo-intro{gap:28px}.onboard-panel{gap:28px}.demo-bottomline{flex-direction:column;align-items:flex-start}.demo-status{min-height:2.5em}.demo-footnote{flex-direction:column;gap:8px}.multi-competition{gap:28px}}
@media(max-width:620px){html{scroll-padding-top:80px}.demo-intro,.onboard-panel,.multi-competition{grid-template-columns:1fr;gap:18px}.demo-workspace{grid-template-columns:1fr;padding:12px}.demo-grid{grid-template-columns:48px repeat(2,minmax(0,1fr));gap:7px;padding:8px}.demo-axis{font-size:10px}.demo-position{font-size:9px;padding:7px 2px}.demo-cell{min-height:61px;font-size:13px;padding:8px 4px;gap:3px}.demo-grip{display:none}.demo-topline{padding:16px;align-items:flex-start;flex-direction:column;gap:9px}.demo-topline strong{font-size:17px}.demo-label{font-size:11px!important}.demo-pool{padding:13px}.demo-pool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0}.demo-pool .demo-cell{font-size:13px}.demo-return{margin-top:10px}.demo-bottomline{padding:15px}.demo-controls button{min-height:44px}.demo-status{min-height:3em}.onboarding-tabs{grid-template-columns:1fr 1fr;gap:3px;margin:20px 0}.onboarding-tabs button{gap:8px;padding:13px 8px;font-size:11px;min-height:58px}.onboarding-tabs button span{font-size:12px}.onboard-panel h3{font-size:24px;margin-top:0}.onboard-panel{min-height:0}.multi-competition{margin-top:36px;padding-top:28px}.multi-competition h3{font-size:26px;margin:0}.onboard-cta{align-items:flex-start;flex-direction:column;gap:12px}.device-grid{grid-template-columns:1fr}.hero .actions{align-items:stretch}.hero .actions .button{text-align:center}.hero .founder-bowl{margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}