:root{color:#f2f6f4;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#11201b;--color-muted:#4b5f56;--color-canvas:#171a19;--color-on-canvas:#f2f6f4;--color-on-canvas-muted:#b9c6c0;--color-surface:#fff;--color-border:#9bada5;--color-accent:#075e50;--color-accent-hover:#064a40;--color-danger:#9e2434;--color-danger-hover:#7f1928;--color-focus:#005a9c;--color-team-orange:#efad69;--color-team-orange-border:#b86118;--color-team-purple:#c79be5;--color-team-purple-border:#76509a;--color-court-inactive:#b8c1bd;--color-break:#ffd7c9;--color-break-border:#b4462d;--color-waiting-male:#e1eff9;--color-waiting-male-border:#8ab8d8;--color-waiting-female:#f8e2eb;--color-waiting-female-border:#d99ab2;--shadow-raised:0 .35rem 1.4rem #11201b24;background:#171a19;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100dvh;overflow:hidden}html,body{margin:0}body{min-width:320px;color:var(--color-on-canvas);background:var(--color-canvas)}button,input,select{font:inherit}.app-shell{height:100dvh;min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));justify-content:center;display:flex;overflow:hidden}.app-screen{flex-direction:column;gap:1rem;width:min(100%,72rem);min-height:0;display:flex}.loading-shell{min-height:100svh;padding:max(2rem, env(safe-area-inset-top)) max(2rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(2rem, env(safe-area-inset-left));text-align:center;place-content:center;gap:.75rem;display:grid}.loading-shell h1,.loading-shell p{margin:0}button{min-width:44px;min-height:44px;color:var(--color-ink);background:var(--color-surface);cursor:pointer;border:1px solid #73877e;border-radius:.65rem;padding:.65rem 1rem;font-weight:700}button:hover:not(:disabled){background:#e2ebe7}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.primary-button{border-color:var(--color-accent);color:#fff;background:var(--color-accent)}.primary-button:hover:not(:disabled){background:var(--color-accent-hover)}.primary-action{min-height:56px;padding-inline:1.5rem;font-size:1.1rem}.danger-button{border-color:var(--color-danger);color:#fff;background:var(--color-danger)}.danger-button:hover:not(:disabled){background:var(--color-danger-hover)}h1,h2,p{margin-block:0}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}h2{font-size:1.25rem}.eyebrow{color:var(--color-on-canvas-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.82rem;font-weight:800}.screen-header,.selection-summary,.section-heading,.player-row,.star-value,.summary-list li{justify-content:space-between;align-items:center;gap:1rem;display:flex}.screen-header{flex:none}.screen-actions{flex:none;gap:.75rem;display:flex}.screen-actions-end{justify-content:flex-end}.screen-scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding:.1rem .35rem .35rem .1rem;overflow-y:auto}.home-screen{justify-content:center;width:min(100%,42rem)}.home-summary,.selection-summary{border:1px solid var(--color-border);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-raised);border-radius:.85rem;padding:1rem 1.15rem;font-size:1.1rem}.home-actions{gap:.75rem;display:grid}.home-actions button{width:100%}.error-notice{border:2px solid var(--color-danger);color:#5e0d19;background:#fff0f2;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.error-notice p{font-weight:700}.error-notice button{flex:none}.roster-sections,.selection-groups{align-content:start;gap:1rem;display:grid}.list-panel{border:1px solid var(--color-border);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-raised);border-radius:.85rem;padding:1rem}.section-heading{margin-bottom:.75rem}.section-heading span{color:#fff;text-align:center;background:#40574d;border-radius:999px;min-width:2rem;padding:.2rem .5rem;font-weight:800}.empty-message{color:var(--color-muted)}.player-list,.checklist,.summary-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.player-row{border-top:1px solid #d4ded9;min-height:54px;padding-top:.55rem}.player-row:first-child{border-top:0;padding-top:0}.player-name{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:750}.row-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.5rem;display:flex}.selection-summary p{font-size:1.1rem}.checklist li{border-top:1px solid #d4ded9}.checklist li:first-child{border-top:0}.checklist label,.radio-options label{cursor:pointer;align-items:center;gap:.75rem;min-height:48px;display:flex}input[type=checkbox],input[type=radio]{width:1.4rem;height:1.4rem;accent-color:var(--color-accent);flex:none}.checklist label span{font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:700}.active-summary{justify-content:center;width:min(100%,42rem)}.active-summary>p{font-size:1.1rem}.summary-list{max-height:45svh;overflow-y:auto}.summary-list li{border:1px solid var(--color-border);min-height:52px;color:var(--color-ink);background:var(--color-surface);border-radius:.75rem;padding:.75rem 1rem}.modal{width:min(100% - 2rem,36rem);max-height:min(86svh,46rem);color:var(--color-ink);background:var(--color-surface);border:1px solid #61776d;border-radius:1rem;padding:0;box-shadow:0 1rem 3rem #0000004d}.modal::backdrop{background:#071611ad}.modal-panel{flex-direction:column;max-height:min(86svh,46rem);display:flex}.modal-header{flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.25rem 0;display:flex}.modal-header h2{min-width:0;font-size:clamp(1.75rem,3vw,2rem)}.modal-body{min-height:0;padding:1rem 1.25rem;font-size:clamp(1.2rem,2vw,1.35rem);overflow-y:auto}.modal-body:empty{display:none}.modal-actions{border-top:1px solid #d4ded9;flex:none;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.modal-actions>button{min-height:56px;font-size:1.15rem}.arrival-dialog-content{gap:.9rem;display:grid}.arrival-player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.arrival-player-card{color:#52625b;text-overflow:ellipsis;white-space:nowrap;background:#e4e9e7;border-color:#9aa7a2;width:100%;min-height:54px;font-size:clamp(1.1rem,2.5vw,1.45rem);overflow:hidden}.arrival-player-card[aria-pressed=true]{color:#fff;background:#1677b8;border-color:#005a9c}.arrival-player-card[aria-pressed=true]:hover:not(:disabled){color:#fff;opacity:1;background:#1677b8}.player-form{gap:1rem;display:grid}.form-field{border:0;gap:.45rem;min-width:0;margin:0;padding:0;display:grid}.form-field>span,.form-field legend{color:var(--color-ink);font-weight:800}.form-field input[type=text],.form-field input:not([type]){width:100%;min-height:48px;color:var(--color-ink);background:#fff;border:1px solid #657a70;border-radius:.55rem;padding:.65rem .75rem}.gender-buttons{justify-content:center;gap:1rem;display:flex}.gender-button{color:#fff;width:5rem;height:3.25rem;padding:0;font-size:1.35rem}.gender-button--male{background:#2f8ac5;border-color:#176da8}.gender-button--female{background:#dc7199;border-color:#ba4f78}.gender-button--male:hover:not(:disabled){background:#2f8ac5}.gender-button--female:hover:not(:disabled){background:#dc7199}.gender-button[aria-pressed=false]{opacity:.45}.skill-stepper{grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;align-items:center;gap:.8rem;display:grid}.skill-stepper>button{height:3.25rem;padding:0;font-size:1.5rem}.star-value{flex-direction:column;justify-content:center;gap:.35rem;min-width:0}.star-meter{color:#aab5b0;letter-spacing:.08em;font-size:1.8rem;line-height:1;position:relative}.star-meter:after{width:var(--star-fill);color:#9b5c00;content:"★★★★★";white-space:nowrap;position:absolute;inset:0;overflow:hidden}.star-value output{color:var(--color-ink);font-weight:800}.board-shell{width:100%;padding:max(.65rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) max(.65rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));align-items:stretch}.rotate-tablet{display:none}.board-landscape{flex-direction:column;flex:auto;gap:.6rem;width:min(100%,90rem);min-width:0;min-height:0;margin-inline:auto;display:flex}.board-brand{flex:none}.board-brand h1{font-size:clamp(1.55rem,2.8vw,2.25rem)}.board-controls,.board-control-buttons{align-items:center;gap:.55rem;display:flex}.board-controls{flex-wrap:wrap;justify-content:flex-end;min-width:0}.board-bottom-bar{flex:none;justify-content:space-between;align-items:center;gap:.8rem;min-width:0;display:flex}.settings-content{gap:1rem;display:grid}.board-select-control{color:var(--color-muted);gap:.15rem;font-size:.75rem;font-weight:800;display:grid}.board-select-control select{min-width:9.5rem;min-height:44px;color:var(--color-ink);background:var(--color-surface);border:1px solid #657a70;border-radius:.6rem;padding:.45rem 2rem .45rem .65rem;font-weight:750}.gender-control{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.6rem;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .65rem;font-weight:750;display:flex}.board-content{flex:auto;grid-template-rows:minmax(15rem,1.15fr) minmax(10rem,.85fr);gap:.6rem;min-width:0;min-height:0;display:grid}.court-region,.waiting-region{flex-direction:column;gap:.35rem;min-width:0;min-height:0;display:flex}.region-heading{flex:none;align-items:center;gap:.45rem;display:flex}.region-heading h2{font-size:1.05rem}.region-heading>span{color:#fff;text-align:center;background:#40574d;border-radius:999px;min-width:1.7rem;padding:.12rem .4rem;font-size:.78rem;font-weight:800}.court-grid-scroller{overscroll-behavior-x:contain;flex:auto;min-width:0;min-height:0;padding:.15rem .2rem .3rem;overflow:auto hidden}.court-grid{gap:.6rem;width:100%;min-width:0;height:100%;min-height:0;display:grid}.court-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.court-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.court-grid--scroll{grid-template-rows:minmax(0,1fr);grid-auto-columns:calc(33.3333% - .4rem);grid-auto-flow:column}.court-card{min-width:0;min-height:0;color:var(--color-ink);background:var(--color-court-inactive);box-shadow:var(--shadow-raised);border:2px solid #82978d;border-radius:.85rem;flex-direction:column;gap:.45rem;padding:.55rem;display:flex;position:relative}.court-card--active{background:var(--color-surface);border-color:#3f7464}.court-card--inactive{border-color:#65736d}.waiting-player-main{justify-content:space-between;align-items:center;gap:.4rem;min-width:0;display:flex}.waiting-player-name{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:850;line-height:1.05;overflow:hidden}.court-card-bottom{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.4rem;min-width:0;display:grid}.court-randomize-button,.court-game-over-button{min-height:66px;padding-inline:1.5rem;font-size:1.05rem}.court-card .ellipsis-button{width:66px;min-width:66px;height:66px;min-height:66px;font-size:1.4rem}.court-identity{min-width:0;position:relative}.court-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:clamp(1.05rem,1.9vw,1.35rem);font-weight:850;line-height:1.05;overflow:hidden}.court-teams{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));gap:.45rem;min-height:0;display:grid}.court-team{border:2px solid;border-radius:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;min-width:0;min-height:0;padding:.35rem;display:grid}.court-team--orange{border-color:var(--color-team-orange-border);background:var(--color-team-orange)}.court-team--purple{border-color:var(--color-team-purple-border);background:var(--color-team-purple)}.court-player-slot{min-width:0;min-height:44px;color:var(--color-ink);cursor:pointer;background:#ffffffbd;border:1px solid #11201b3d;border-radius:.55rem;justify-content:center;align-items:center;gap:.3rem;padding:.3rem;display:flex}.court-player-slot--empty{color:#53675e;background:#ffffff59;border-style:dashed;font-size:1.45rem;font-weight:800}.court-player-name{overflow-wrap:anywhere;text-align:center;font-weight:850;line-height:1;display:block;overflow:hidden}.fitted-player-name{text-align:center;white-space:nowrap;width:90%;max-height:90%;line-height:1;display:block;overflow:hidden}.court-player-slot[data-move-player],.waiting-player-move-button{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.court-player-slot[data-move-player]{touch-action:none}.waiting-player-move-button{touch-action:auto}.is-long-press-dragging{cursor:grabbing}.is-long-press-target{outline:3px solid var(--color-focus);outline-offset:2px}.long-press-drag-ghost{z-index:100;max-width:min(16rem,60vw);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-raised);pointer-events:none;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;border:2px solid #315f52;border-radius:.65rem;padding:.55rem .75rem;font-weight:850;position:fixed;overflow:hidden}.court-player-slot[aria-pressed=true],.waiting-player-move-button[aria-pressed=true]{box-shadow:0 0 0 3px var(--color-focus)}.add-court-card{min-width:0;min-height:0;color:var(--color-ink);background:#ffffff8c;border:2px dashed #71867c;place-content:center;gap:.3rem;display:grid}.add-court-card>span{font-size:1.8rem;line-height:1}.game-over-screen{flex-direction:column;flex:auto;gap:.65rem;min-width:0;min-height:0;display:flex;overflow:hidden}.game-over-header{flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.game-over-header h1:focus{outline:none}.game-over-elapsed{border:1px solid var(--color-border);color:var(--color-ink);background:var(--color-surface);white-space:nowrap;border-radius:999px;padding:.5rem .85rem;font-weight:850}.game-over-instruction{text-align:center;flex:none;margin-top:-1rem;font-size:clamp(2.5rem,4.2vw,2.75rem)}.game-over-team-grid{flex:0 clamp(13rem,53dvh + 1rem,26rem);grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:1rem;width:min(100%,60rem);min-width:0;height:clamp(13rem,53dvh + 1rem,26rem);min-height:0;max-height:calc(100dvh - 20rem);padding:.65rem;display:grid;overflow:auto}.game-over-team{min-height:0;box-shadow:var(--shadow-raised);border-width:3px;border-radius:1rem;flex-direction:column;padding:.8rem;transition:filter .12s,opacity .12s,box-shadow .12s;display:flex;position:relative}.game-over-team--winner{filter:brightness(1.08)saturate(1.08);box-shadow:0 0 0 4px #18804761, var(--shadow-raised)}.game-over-team--loser{opacity:.6;filter:saturate(.25)brightness(.92)}.game-over-winner-button{z-index:0;border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.game-over-winner-button:hover:not(:disabled){background:#ffffff1f}.game-over-winner-check{z-index:2;color:#fff;pointer-events:none;background:#168348;border:4px solid #fff;border-radius:999px;place-items:center;width:3.6rem;height:3.6rem;font-size:2.2rem;font-weight:950;line-height:1;display:grid;position:absolute;top:-.7rem;right:-.7rem;box-shadow:0 .3rem .8rem #11201b42}.game-over-team-players{z-index:1;pointer-events:none;flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));gap:.75rem;min-height:0;display:grid;position:relative}.game-over-player{pointer-events:auto;border-radius:.75rem;min-width:0;min-height:0;display:block}.game-over-player--dragging{opacity:.72}.game-over-player--target{outline:4px solid var(--color-focus);outline-offset:3px}.game-over-player-button{touch-action:none;background:#ffffffd6;border:2px solid #11201b4d;width:100%;min-width:0;height:100%;min-height:3.75rem;overflow:hidden}.game-over-player-button[aria-pressed=true]{box-shadow:0 0 0 4px var(--color-focus)}.game-over-player-name{width:100%;max-height:none;font-weight:900}.game-over-team-label{z-index:1;background:0 0;border:0;flex:0 0 68px;width:100%;min-height:68px;margin-top:.55rem;padding:0;font-size:clamp(3rem,5vw,3.25rem);font-weight:950;line-height:1;position:relative}.game-over-team-label:hover:not(:disabled){background:0 0}.game-over-actions{flex:none;align-items:flex-end;gap:.65rem;min-width:0;display:flex}.game-over-didnt-play{padding-inline:.85rem}.game-over-confirm{border-color:var(--color-focus);color:#fff;background:var(--color-focus);min-height:88px;margin-left:auto;padding-inline:clamp(1.5rem,4vw,3.5rem);font-size:clamp(2.375rem,4vw,2.5rem)}.game-over-confirm:hover:not(:disabled){background:#047;border-color:#047}.waiting-list{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:.5rem;min-width:0;min-height:0;padding:.15rem .25rem .4rem;display:grid;overflow-y:auto}.waiting-list:after{content:"";grid-column:1/-1;height:7rem}.waiting-empty{border:1px dashed var(--color-border);min-height:0;color:var(--color-muted);background:#ffffff73;border-radius:.75rem;flex:auto;place-content:center;display:grid}.waiting-player-card{border:2px solid var(--color-border);min-width:0;color:var(--color-ink);background:var(--color-surface);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:.75rem;align-content:start;gap:.15rem;padding:.3rem;display:grid;position:relative;box-shadow:0 .2rem .7rem #11201b1a}.waiting-player-card--male{border-color:var(--color-waiting-male-border);background:var(--color-waiting-male)}.waiting-player-card--female{border-color:var(--color-waiting-female-border);background:var(--color-waiting-female)}.waiting-player-card--break{border-color:var(--color-break-border);background:var(--color-break)}.waiting-player-main{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;display:grid;position:relative}.waiting-player-move-button{z-index:1;width:100%;min-width:0;height:100%;min-height:44px;color:var(--color-ink);text-align:left;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.waiting-player-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.25rem,2.4vw,1.7rem);display:-webkit-box}.waiting-player-footer{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.35rem;min-width:0;min-height:44px;display:flex;position:relative}.waiting-player-main .card-menu,.waiting-player-footer .end-break-button{pointer-events:auto}.waiting-player-meta{color:#344b41;flex-flow:column;flex:auto;justify-content:center;gap:0;min-width:0;font-size:.76rem;font-weight:750;display:flex}.end-break-button{color:#fff;background:#07624a;border-color:#07624a;flex:0 0 4.25rem;width:4.25rem;height:44px;padding-inline:.3rem;font-size:.78rem;line-height:1.05}.waiting-pool-target{min-height:44px;margin-left:auto}.gender-warning-button{color:#4a2e00;background:#ffd56a;border-color:#8a5b00;border-radius:999px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:1.2rem;font-weight:900}.court-identity .gender-warning-button{z-index:2;border-radius:.4rem;width:32px;min-width:32px;height:32px;min-height:32px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.gender-warning-dialog{background:0 0;border:0;width:min(26rem,100% - 2rem);padding:0}.gender-warning-dialog::backdrop{background:#0614108c}.gender-warning-panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-raised);border-radius:.9rem;gap:1rem;padding:1.2rem;display:grid}.gender-warning-panel h2,.gender-warning-panel p{margin:0}.gender-warning-panel button{justify-self:end}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card-menu{flex:none;position:relative}.ellipsis-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:.95rem;line-height:1}.card-menu-popover{z-index:100;top:var(--card-menu-top);left:var(--card-menu-left);width:max-content;min-width:12rem;max-width:min(20rem,78vw);color:var(--color-ink);background:var(--color-surface);border:1px solid #5d7268;border-radius:.75rem;gap:.25rem;padding:.35rem;display:grid;position:fixed;right:auto;box-shadow:0 .85rem 2rem #00000047}.card-menu-popover button{text-align:left;justify-content:flex-start;width:100%}.break-menu-action{font-weight:900}.danger-menu-action{color:var(--color-danger)}.court-card.has-open-menu,.waiting-player-card.has-open-menu{z-index:30;border-color:var(--color-focus);box-shadow:0 0 0 3px #005a9c38, var(--shadow-raised)}@media (width>=48rem){.home-actions{grid-template-columns:1.35fr 1fr}.roster-sections,.selection-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=56rem) and (orientation:landscape){.board-shell{padding:max(.45rem, env(safe-area-inset-top)) max(.45rem, env(safe-area-inset-right)) max(.45rem, env(safe-area-inset-bottom)) max(.45rem, env(safe-area-inset-left))}.board-controls{gap:.4rem}.board-controls button,.gender-control{padding-inline:.55rem}.waiting-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (height<=36rem){.app-screen{gap:.7rem}.list-panel{padding:.8rem}.modal-body{padding-block:.75rem}.board-content{grid-template-rows:minmax(12.5rem,1.2fr) minmax(8rem,.8fr)}.court-card{gap:.3rem;padding:.4rem}}@media (width<=34rem){.screen-header,.selection-summary,.player-row,.error-notice{flex-direction:column;align-items:stretch}.screen-header button,.selection-summary button,.error-notice button{align-self:flex-end}.row-actions{justify-content:flex-start}}@media (orientation:portrait){.board-landscape{display:none}.rotate-tablet{text-align:center;place-content:center;gap:.75rem;width:100%;display:grid}.rotate-tablet p{font-size:1.25rem;font-weight:800}}