:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f0e7;background:#102b29;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 8%,#21423b 0,transparent 35%),#102b29}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.hidden{display:none!important}.topbar{max-width:1040px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20}.brand{letter-spacing:.17em;font-weight:800;font-size:17px}.brand span:last-child{font-weight:400;color:#d5b67a}.brand-icon{color:#d5b67a;font-size:13px;margin-right:10px}.eyebrow,.section-label,.tag{font-size:11px;letter-spacing:.19em;font-weight:800}.tag{color:#b5c5bd}.eyebrow{color:#d5b67a;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#d5b67a;display:inline-block;box-shadow:0 0 0 4px #d5b67a22}main{max-width:1040px;margin:auto;padding:0 32px}.welcome{max-width:700px;margin:110px 0 100px}.welcome h1{font-family:Georgia,serif;font-size:clamp(58px,10vw,104px);line-height:.98;font-weight:400;margin:27px 0}.welcome h1 em{color:#d5b67a;font-weight:400}.welcome>p{font-size:19px;max-width:510px;color:#c2d0ca;margin:32px 0 56px}.join{max-width:560px}.create label,.join label{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#d6c9aa;margin-bottom:10px}.row{display:flex;gap:8px}.row input{width:100%;min-width:0}.row button,button.wide{white-space:nowrap;border:0;background:#e7ca8b;color:#142b27;padding:18px 24px;font-weight:800;border-radius:3px}.row button span{margin-left:10px}input,select{border:1px solid #71847d;background:#173733;color:white;border-radius:3px;padding:17px;outline:none}input:focus,select:focus{border-color:#e7ca8b}.back,.text-button{border:0;background:none;color:#e7ca8b;padding:20px 0;text-align:left;font-weight:700}.footnote,.tip{color:#a8bbb3;font-size:13px;line-height:1.5;margin-top:34px}.create{background:#183b35;padding:27px;margin:10px 0 35px;max-width:560px;border:1px solid #ffffff23}.create h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0 0 25px}.create label{letter-spacing:0;font-size:13px;margin:15px 0}.create input,.create select{display:block;width:100%;margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.wide{width:100%}.match{max-width:720px;margin:24px auto 80px}.match-top{margin-bottom:48px}.connection{color:#a8bbb3;font-size:11px;letter-spacing:.16em;font-weight:800}.connection.connected{color:#a8dfb6}.divider{color:#6f8279;margin:0 4px}.match h2{font-family:Georgia,serif;font-size:clamp(36px,6vw,62px);font-weight:400;letter-spacing:-.035em;margin:20px 0 28px}.scoreboard{background:#ebeee7;color:#18372f;padding:32px 38px 26px;border-radius:3px;box-shadow:10px 12px 0 #d5b67a}.score-labels,.scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.score-labels{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.score-labels span{max-width:40%}.scoreline{font-family:Georgia,serif;font-size:clamp(80px,15vw,132px);line-height:1.2;letter-spacing:-.08em}.score-separator{font-size:.48em;color:#bf9d5d;align-self:center;letter-spacing:0}.period{text-align:center;border-top:1px solid #b8c9bf;letter-spacing:.18em;font-weight:900}.audio-card{margin-top:40px;border:1px solid #668078;padding:20px;display:flex;align-items:center;gap:17px}.audio-symbol{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#305b50;color:#e7ca8b;font-size:19px}.audio-card div:nth-child(2){flex:1 1}.audio-card small,.audio-card strong{display:block}.audio-card small{color:#acc0b5;margin-top:5px}.small-button{border:1px solid #d5b67a;background:transparent;color:#e7ca8b;padding:11px 17px;border-radius:3px;font-weight:800}.tip{margin-top:14px}.controls,.share{border-top:1px solid #668078;margin-top:48px;padding-top:24px}.section-label{color:#d5b67a}.controls p,.share p{color:#bfd0c7;line-height:1.5}.control-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:25px 0}.control-grid>div{background:#183b35;padding:15px}.control-grid span{display:block;font-size:12px;font-weight:800;text-align:center;margin-bottom:15px}.stepper{display:flex;align-items:center;justify-content:space-between}.control-row button,.stepper button{background:transparent;border:1px solid #668078;color:#f4f0e7;border-radius:3px;padding:10px 16px}.stepper button{font-size:23px}.stepper strong{font-family:Georgia,serif;font-size:34px}.control-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}.control-row span{font-weight:800;font-size:13px}.secondary{background:#315248!important;color:#f4f0e7!important}.share a{display:block;color:#e7ca8b;padding:11px 0}.share small{color:#b5c5bd;display:block;margin-bottom:16px}footer{max-width:1040px;margin:0 auto;padding:30px 32px;color:#78988b;letter-spacing:.17em;border-top:1px solid #ffffff20}footer span{margin:0 10px}#toast:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#e7ca8b;color:#142b27;padding:13px 18px;border-radius:4px;max-width:90vw;box-shadow:0 10px 30px #0006;font-size:14px;font-weight:700}@media(max-width:600px){.topbar{padding:19px 20px}.tag{font-size:8px}.brand{font-size:14px}main{padding:0 20px}.welcome{margin:75px 0}.welcome>p{font-size:17px;margin:28px 0 45px}.row button{padding:14px}.scoreboard{padding:24px 20px 20px;box-shadow:6px 8px 0 #d5b67a}.score-labels{font-size:10px}.audio-card{gap:12px;padding:14px}.audio-symbol{width:42px;height:42px}.two{gap:6px}.control-grid{gap:9px}.stepper button{padding:8px 12px}.match-top{margin-bottom:28px}}.clock{text-align:center;font-size:36px;font-weight:800;letter-spacing:.06em;margin-top:12px}.clock.ending{color:#a74335}.setup-chat{border:1px solid #668078;padding:18px;margin:22px 0}.setup-chat p{color:#bfd0c7;line-height:1.5}.setup-chat textarea{display:block;width:100%;resize:vertical;background:#102b29;border:1px solid #71847d;color:#fff;padding:14px;font:inherit;margin:12px 0}#clock-reset,.penalties-panel button,.roster-panel button,.setup-chat button{border:1px solid #668078;color:#f4f0e7;padding:11px 15px;border-radius:3px}.assistant-reply{background:#21443c;padding:12px;margin:12px 0}.setup-roster{font-size:13px;line-height:1.5;color:#e7ca8b}.penalties-panel,.roster-panel{border-top:1px solid #668078;margin-top:42px;padding-top:24px}.roster-view{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:18px 0}.roster-team{padding:18px;background:#183b35;min-height:90px}.roster-team strong{display:block;margin-bottom:12px;color:#e7ca8b}.roster-team div,.roster-team small{display:block;margin:6px 0;color:#d5e0d9;font-size:14px}.player-input{display:grid;grid-template-columns:75px 1fr 85px 42px;grid-gap:6px;gap:6px;margin:9px 0}.player-input input{width:100%;padding:9px}.player-input button{padding:5px}#penalty-form,#roster-form{margin-top:18px}#penalty-form label{display:block;color:#d6c9aa;font-size:13px;margin:9px 0}#penalty-form input,#penalty-form select{display:block;width:100%;margin-top:6px;padding:12px}.penalty-row{border-bottom:1px solid #668078;padding:12px 0}.penalty-row small,.penalty-row strong{display:block}.penalty-row small{margin-top:5px;color:#bfd0c7}@media(max-width:600px){.roster-view{grid-template-columns:1fr}.player-input{grid-template-columns:54px 1fr 70px 34px}.player-input input{font-size:14px}.setup-chat{padding:12px}}.player-input{grid-template-columns:55px minmax(100px,1fr) 70px minmax(150px,1.2fr) 42px}#email-form select{display:block;margin:10px 0 22px;width:100%}#goal-form label{display:block;color:#d6c9aa;font-size:14px}#goal-form select{display:block;width:100%;margin:8px 0 15px}.penalty-row button{margin:8px 8px 0 0}.penalty-row select{margin:8px;max-width:170px}@media(max-width:600px){.player-input{grid-template-columns:54px 1fr 70px 34px}.player-input input[type=email]{grid-column:2/4;grid-row:2}.player-input button{grid-column:4;grid-row:1}}:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{padding-top:18px;padding-bottom:18px}.brand{letter-spacing:.04em;font-weight:850}.eyebrow,.section-label,.tag{font-size:13px;letter-spacing:.08em}.welcome{margin:clamp(32px,7vw,72px) 0 64px;max-width:620px}.welcome h1{font-family:inherit;font-size:clamp(32px,5vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:750;margin:18px 0}.welcome h1 em{font-style:normal;color:inherit;font-weight:inherit}.welcome>p{line-height:1.5;margin:12px 0 28px;max-width:560px}.create label,.join label{font-size:14px;letter-spacing:0}.join .row button{white-space:normal;min-width:145px}.create h2,.match h2{font-family:inherit;font-weight:720;letter-spacing:-.025em}.create h2{font-size:24px;margin-bottom:16px}.match h2{font-size:clamp(24px,4vw,36px);margin:12px 0 20px}.scoreline{font-family:inherit;font-size:clamp(72px,14vw,112px);font-weight:780;letter-spacing:-.06em}.stepper strong{font-family:inherit;font-weight:750}.footnote,.tip{font-size:14px}.connection,.period,.score-labels{font-size:13px}@media(max-width:600px){.welcome{margin:38px 0 54px}.row{flex-wrap:wrap}.join .row button{width:100%}.scoreboard{box-shadow:none}.tag{font-size:12px}.brand{font-size:16px}}:root{font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif;color:#142b48;background:#f2f4f3;--navy:#142c4c;--navy-deep:#0b1e37;--blue:#234d75;--red:#b62e3b;--cream:#f8f7f2;--line:#cbd3d9;--muted:#52677d}body{color:var(--navy);background:linear-gradient(90deg,#e4e9ec 0 1px,transparent 1px) top /88px 88px,#f2f4f3}button,input,select,textarea{font:inherit}button{transition:background-color .15s ease,border-color .15s ease,transform .15s ease}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e4ab53;outline-offset:2px}.topbar{max-width:none;min-height:78px;padding:18px max(28px,calc((100vw - 1160px) / 2));background:var(--navy-deep);border-bottom:4px solid var(--red);color:white}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:.035em;line-height:1}.tag{color:#d9e3eb;font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}main{max-width:1160px;padding:0 28px}.welcome{position:relative;margin:48px 0 64px;padding:clamp(28px,5vw,62px);background:#fff;border:1px solid #d5dce1;border-top:7px solid var(--navy);box-shadow:0 18px 42px rgba(20,44,76,.08)}.welcome:after{content:"";position:absolute;right:0;top:0;width:66px;height:7px;background:var(--red)}.eyebrow,.section-label{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.dot{background:var(--red);box-shadow:0 0 0 4px #b62e3b22}.welcome h1{max-width:640px;margin:22px 0 16px;font-size:clamp(36px,6.5vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:900;text-transform:uppercase}.welcome>p{color:#40566c;font-size:17px;max-width:570px;margin:0 0 33px}.join{max-width:600px}#goal-form label,#penalty-form label,.create label,.join label{color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.setup-chat textarea,input,select{background:#fff;color:var(--navy);border:1px solid #9faebc;border-radius:2px;min-height:49px;padding:13px 14px}input::placeholder,textarea::placeholder{color:#687d90}.setup-chat textarea:focus,input:focus,select:focus{border-color:var(--blue)}.row button,button.wide{min-height:49px;background:var(--red);color:#fff;border-radius:2px;font-size:13px;letter-spacing:.045em;text-transform:uppercase}.row button:hover,button.wide:hover{background:#8f1e2b}.back,.text-button{color:var(--blue);font-weight:800}.footnote,.tip{color:var(--muted)}.control-grid>div,.create,.roster-team{background:#fff;color:var(--navy);border:1px solid var(--line)}.create{max-width:none;padding:25px}.create h2,.match h2{color:var(--navy);font-weight:900;text-transform:uppercase}.controls p,.create p,.setup-chat p,.share p{color:#40566c}.setup-chat{border-color:var(--line);background:var(--cream)}.assistant-reply{background:#e5edf2;color:var(--navy);border-left:3px solid var(--red)}.setup-roster{color:var(--blue)}.match{max-width:900px;margin:34px auto 80px}.match-top{margin-bottom:25px;border-bottom:1px solid var(--line)}.match .eyebrow{margin:22px 0 8px}.match h2{font-size:clamp(24px,4vw,42px);margin:8px 0 21px}.connection{color:var(--muted)}.connection.connected{color:#136a48}.divider{color:#8a9bab}.scoreboard{position:relative;overflow:hidden;background:var(--navy-deep);border-top:6px solid var(--red);padding:28px clamp(18px,5vw,56px) 25px;border-radius:2px;box-shadow:none}.scoreboard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(90deg,transparent 49.85%,#7392ae 50%,transparent 50.15%)}.clock,.period,.score-labels,.scoreline{position:relative}.score-labels{color:#c9d8e4;font-size:13px;letter-spacing:.13em}.scoreline{font-size:clamp(88px,16vw,144px);line-height:1.13;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-separator{color:#e5edf2;font-size:.34em}.period{color:#fff;border-top:1px solid #52708d;padding-top:18px;font-size:12px;letter-spacing:.16em}.clock{color:#fff;font-size:clamp(29px,5vw,42px);margin-top:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock.ending{color:#ffad9e}.audio-card{margin-top:18px;background:#fff;border:1px solid var(--line);color:var(--navy)}.audio-symbol{background:#e5edf2;color:var(--blue)}.audio-card small{color:var(--muted)}#clock-reset,.control-row button,.penalties-panel button,.roster-panel button,.setup-chat button,.small-button,.stepper button{background:#fff;border:1px solid var(--blue);color:var(--blue);border-radius:2px;font-weight:800}.control-row button:hover,.small-button:hover,.stepper button:hover{background:#e5edf2}.secondary{background:#e5edf2!important;color:var(--navy)!important}.controls,.penalties-panel,.roster-panel,.share{border-color:var(--line)}.control-grid>div,.roster-team{box-shadow:0 2px 0 #d2dbe2}.roster-team strong{color:var(--navy)}.roster-team div,.roster-team small{color:#40566c}.penalty-row{border-color:var(--line)}.penalty-row small{color:var(--muted)}.share a{color:var(--blue)}.share small{color:var(--muted)}footer{max-width:none;background:var(--navy-deep);color:#c2d2df;border-top:4px solid var(--red);padding:28px max(28px,calc((100vw - 1160px) / 2))}#toast:not(:empty){background:var(--navy);color:white}@media (max-width:600px){.topbar{min-height:64px;padding:13px 20px}.brand{font-size:17px}.tag{font-size:9px;max-width:100px;text-align:right}main{padding:0 14px}.welcome{margin:20px 0 40px;padding:25px 20px}.welcome h1{font-size:clamp(34px,11vw,48px)}.welcome>p{font-size:16px}.join .row button{width:100%}.match{margin-top:18px}.scoreboard{padding:24px 18px}.score-labels{font-size:10px}.scoreline{font-size:clamp(70px,21vw,112px)}.audio-card{align-items:flex-start}.audio-card .small-button{align-self:center}.control-grid{gap:8px}.stepper button{min-width:38px}footer{padding:25px 20px}}body{background:#f3f5f5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.topbar{min-height:76px;padding-top:14px;padding-bottom:14px}.brand{gap:11px;font-size:18px;letter-spacing:.08em}.tag{font-size:10px;letter-spacing:.14em}.welcome{max-width:760px;margin:48px auto 64px;padding:48px 54px 43px;border:1px solid #dce2e6;border-top:5px solid var(--navy);box-shadow:0 2px 3px rgba(10,32,54,.025),0 18px 48px rgba(10,32,54,.065)}.welcome:after{height:5px;width:70px}.welcome h1{position:relative;font-size:clamp(38px,4.6vw,54px);line-height:1.03;letter-spacing:-.04em;margin:22px 0 19px}.welcome>p{font-size:16px;line-height:1.55;margin-bottom:30px}.join,.welcome>p{position:relative}.join label{font-size:11px;letter-spacing:.1em;margin-bottom:9px}.join .row{gap:9px;align-items:stretch}.join .row input{min-height:54px}.join .row button{min-width:156px;min-height:54px;padding:11px 18px;line-height:1.2}#email-form label[for=requested-role]{margin-top:24px}#email-form select{max-width:360px;min-height:52px;margin-top:9px}.welcome .tip{margin-top:18px}.create{border-radius:2px}.scoreboard{box-shadow:inset 0 0 0 1px #3f5d7a}.scoreline{letter-spacing:-.045em}.clock{letter-spacing:.035em}.audio-card{border-left:4px solid var(--red)}.audio-symbol{border-radius:2px;font-weight:900}footer{font-size:10px;letter-spacing:.11em}@media (max-width:900px){.welcome{max-width:690px;padding:42px}}@media (max-width:600px){.topbar{min-height:64px}.brand{font-size:15px}.tag{font-size:9px;letter-spacing:.08em}#auth-view,.welcome{margin:18px 0 36px;padding:27px 21px 30px}.welcome h1{font-size:clamp(33px,9.7vw,43px);margin:17px 0 15px}.welcome>p{font-size:15px;margin-bottom:25px}.join .row{gap:10px}.join .row button{min-height:52px}#email-form label[for=requested-role]{margin-top:22px}#email-form select{max-width:none}}.activity-actions{display:grid;grid-gap:10px;gap:10px;margin-top:26px}.activity-actions button{display:grid;grid-gap:5px;gap:5px;width:100%;padding:19px 22px;text-align:left;color:var(--navy);background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:2px}.activity-actions button:hover{background:#f2f6f8;border-color:var(--blue)}.activity-actions strong{font-size:17px;letter-spacing:-.01em}.activity-actions span{color:var(--muted);font-size:13px}#activity-message:empty{display:none}#change-activity{display:block;margin:4px 0 8px}.share-code-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:22px 25px;margin-top:18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red)}.share-code-card .section-label,.share-code-card p{width:100%;margin:0}.share-code-card p{color:var(--muted);font-size:14px;line-height:1.45}.share-code-card strong{color:var(--navy);font-size:27px;letter-spacing:.14em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.share-code-card a{display:inline-block;margin-left:auto;padding:12px 17px;background:#1b6d49;color:#fff;text-decoration:none;border-radius:2px;font-size:13px;font-weight:800}.share-code-card a:hover{background:#145739}@media (max-width:600px){.share-code-card{padding:20px}.share-code-card a{width:100%;margin-left:0;text-align:center}}#join-panel>p{color:#40566c;font-size:16px;line-height:1.55;max-width:570px;margin:0 0 30px}.activity-footer{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;border-top:1px solid var(--line)}@media (max-width:600px){#join-panel>p{font-size:15px;margin-bottom:25px}}#whatsapp-share,.back,.share a,.text-button,button{min-height:48px;touch-action:manipulation}.back,.text-button{border:1px solid var(--line);border-radius:6px;padding:12px 16px;margin:6px 4px 6px 0;background:#fff}input,textarea{font-size:16px;max-width:100%;box-sizing:border-box}.button-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none;padding:0!important}.choice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.choice-buttons button{flex:1 1 100px;padding:12px;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:6px;font-size:16px}.choice-buttons button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:inset 0 -3px var(--red)}.speech-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:6px 0;padding:10px 16px;background:var(--navy)!important;color:white!important;border:0!important;border-radius:6px;font-size:15px}.speech-button:before{content:"●";font-size:12px;color:#ff9b9b}.speech-button[aria-pressed=true]{background:var(--red)!important}.speech-status{display:block;font-size:13px;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--muted)}.setup-team{min-width:0;border:1px solid var(--line);margin:20px 0;padding:16px;background:#fff}.setup-team legend{font-weight:800;padding:0 6px}.setup-player{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:12px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.setup-player label{min-width:0}.setup-player input{display:block;width:100%}.join .row{flex-wrap:wrap}.join .row input{flex:1 1 200px}.join .row .speech-status{flex-basis:100%}.player-input{display:flex;flex-wrap:wrap}.player-input input{flex:1 1 150px;min-width:0}.share a{display:flex;align-items:center;padding:12px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:6px}@media(max-width:600px){.welcome{padding:22px 16px;margin:20px 0}.create{padding:14px}.setup-chat{padding:12px}.setup-player,.two{grid-template-columns:minmax(0,1fr)}.control-row{flex-wrap:wrap;gap:10px}.control-row button{flex:1 1 120px}.stepper button{min-width:56px;min-height:56px}.join .row>button:not(.speech-button),.speech-button{width:100%}.activity-actions{grid-template-columns:minmax(0,1fr)}}#setup-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}#setup-roster .setup-team{margin:12px 0;padding:12px}#setup-roster .compact-player{display:grid;grid-template-columns:28px minmax(0,1fr) 84px;grid-gap:8px;gap:8px;align-items:center}.player-number{font-size:20px;font-weight:900;color:var(--red);padding-top:20px}#setup-roster .compact-player label{font-size:10px;letter-spacing:0}#setup-roster .compact-player input{padding:10px 8px;min-width:0}#roster-inputs .player-input>details,#roster-inputs .player-input>strong{flex-basis:100%}#roster-inputs summary{cursor:pointer;padding:12px 0;min-height:44px}@media(max-width:900px){#setup-roster{grid-template-columns:minmax(0,1fr)}}#event-desk textarea{width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:8px;resize:vertical}#event-kind+.choice-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#event-desk .choice-buttons button{min-height:44px}.profile-link{grid-column:2/-1;font-size:12px}.profile-link summary{cursor:pointer;padding:8px 0}.match-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.match-top .match-share{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:48px;padding:10px 14px;border-radius:8px;background:var(--navy);color:white;font-size:13px;font-weight:700;text-decoration:none;text-align:center}.match-top .match-share:hover{background:var(--blue)}.match-top .match-share.hidden{display:none}#connection:not(.hidden){color:#9a3412;font-size:13px}.scoreboard .scoreline{font-size:clamp(64px,12vw,112px);line-height:1.1;margin:12px 0 20px}.match-stats-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;margin-bottom:20px;text-align:left;position:relative}.match-player-stats{width:100%;border-collapse:collapse;table-layout:fixed;color:white;font-size:13px}.match-player-stats caption{text-align:left;font-weight:700;padding:0 0 10px;color:#cbd9e6}.match-player-stats td,.match-player-stats th{padding:10px 4px;border-bottom:1px solid #36516d;text-align:center}.match-player-stats th:first-child{width:49%;text-align:left;overflow-wrap:anywhere}.match-player-stats thead th{color:#cbd9e6;font-size:11px;font-weight:600}.match-player-stats tbody th{font-weight:500}.match-player-stats .stats-total{background:#183450;font-weight:700}.match-player-stats .stats-total th{font-weight:700}#clock-controls{margin-top:0;padding:14px 18px}#clock-controls .control-row{margin-top:0}#clock-controls .tip{margin-bottom:0;font-size:11px}@media(max-width:600px){.match-stats-grid{grid-template-columns:minmax(0,1fr);gap:14px}.match-player-stats td,.match-player-stats th{padding:8px 4px}.scoreboard{padding:18px}.scoreboard .scoreline{margin:6px 0 14px}}.jersey-choice:before,.jersey-team-label:before{content:"";display:inline-block;width:16px;height:16px;border-radius:4px;background:var(--jersey-color);border:1px solid #94a3b8;flex-shrink:0;vertical-align:middle;margin-right:8px}.jersey-choice{display:inline-flex;align-items:center}.match-player-stats caption.jersey-team-label:before{width:18px;height:18px}.jersey-selectors .choice-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}#broadcast-countdown{font-size:24px;font-weight:800;color:var(--red);text-align:center}.recording-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.recording-download{display:block;padding:14px;margin-top:10px;background:#e6edf3;color:var(--navy);border-radius:8px;overflow-wrap:anywhere;min-height:44px}#links{display:grid;grid-gap:10px;gap:10px;margin:20px 0 28px}.share .private-link-row{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.share .private-link-row .private-link-label{flex:1 1;min-width:0;margin:0;padding:4px;border:0;border-radius:0;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.share .copy-link-button{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:6px;background:#eef3f5;color:var(--navy)}.share .copy-link-button.copied,.share .copy-link-button:hover{background:var(--navy);color:#fff}.share .copy-link-button:focus-visible,.share .private-link-label:focus-visible{outline:3px solid var(--red);outline-offset:3px}#invite-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:24px}#invite-form label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:14px;font-weight:700}#invite-form input{box-sizing:border-box;width:100%;min-width:0;margin:0;min-height:52px;font-size:16px}#invite-form button{grid-column:1/-1;margin:0}#invite-created:not(:empty){margin-top:24px}#invite-created p{font-size:14px;line-height:1.5;margin:10px 0 0}#invite-list{margin-top:24px}.invite-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.invite-history-row span{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.invite-history-row button{flex-shrink:0;padding:10px 16px;border:1px solid var(--line);border-radius:6px}@media(max-width:600px){#invite-form{grid-template-columns:minmax(0,1fr);gap:18px}}.mic-meter{margin:18px 0;padding:12px;background:#f1f5f6;border:1px solid var(--line);border-radius:8px}#mic-waveform{display:block;width:100%;height:72px}#mic-level-status{font-size:13px;line-height:1.4;margin:8px 0 0;color:var(--navy)}.match-code-row{display:flex;align-items:center;gap:12px}#copy-match-code{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:6px;background:white;color:var(--navy)}#copy-match-code:focus-visible{outline:3px solid var(--red);outline-offset:3px}#listener-welcome{box-sizing:border-box;width:calc(100% - 32px);max-width:420px;padding:28px;border:0;border-top:5px solid #bc2e40;border-radius:12px;color:#142d4e;background:white;box-shadow:0 20px 70px #0005}#listener-welcome::-webkit-backdrop{background:#091e33b3}#listener-welcome::backdrop{background:#091e33b3}#listener-welcome h2{margin:0 0 14px;font-size:24px}#listener-welcome p{font-size:16px;line-height:1.5;margin:0 0 22px}#listener-welcome button{width:100%;margin-top:10px;min-height:48px}.mic-level-heading{display:flex;flex-wrap:wrap;gap:.35rem 1rem;justify-content:space-between;margin-top:1rem;font-size:1rem}.mic-level-bar{height:20px;width:100%;background:#dce2e7;border-radius:10px;overflow:hidden;margin:.4rem 0}.mic-level-bar>span{display:block;height:100%;width:0;background:#8293a5;transition:width .08s linear}.mic-level-key{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.875rem;margin:.6rem 0}.mic-level-key span{display:inline-flex;align-items:center;gap:.3rem}.mic-level-key i{display:inline-block;width:.75rem;height:.75rem;border-radius:2px}.level-low{background:#e4b400}.level-good{background:#15803d}.level-high{background:#c52f40}.player-handicap{display:block;margin-top:3px;font-size:12px;font-weight:500;color:var(--muted)}.scoreboard-officials-panel{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.scoreboard-officials-panel h3{margin:0 0 12px;font-size:14px}#scoreboard-officials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.scoreboard-official{display:flex;align-items:flex-start;gap:9px;min-width:0;font-size:14px}.scoreboard-official strong{display:block;overflow-wrap:anywhere}.official-role{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.official-stripe{flex:0 0 12px;width:12px;height:12px;margin-top:1px;border:1px solid #000;border-radius:0;background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px)}@media(max-width:380px){#scoreboard-officials{grid-template-columns:1fr}}:root{--muted:#263c53;--blue:#173f66;font-size:17px}body{line-height:1.5}#clock-controls .tip,.audio-card small,.match .controls p,.match .footnote,.match .share p,.match .tip,.roster-panel p{font-size:16px;color:var(--navy);line-height:1.5}.match .eyebrow,.match .section-label{font-size:14px;letter-spacing:.08em}.match .control-row span,.match .small-button,.match button{font-size:16px}.match button.wide{white-space:normal}.match .share .private-link-label{font-size:17px}.scoreboard{color:#fff}.scoreboard:before{display:none}.scoreboard .scoreline{font-size:clamp(54px,10vw,88px);margin:8px 0 16px}.scoreboard .score-labels{color:#fff;font-size:16px;letter-spacing:.055em;font-weight:800}.scoreboard .score-separator{color:#fff}.scoreboard .match-player-stats{color:#fff;font-size:16px}.scoreboard .match-player-stats caption{color:#fff;font-size:18px;font-weight:800}.scoreboard .match-player-stats thead th{color:#fff;font-size:13px;font-weight:800}.scoreboard .match-player-stats tbody th{font-weight:700}.scoreboard .match-player-stats td,.scoreboard .match-player-stats th{border-color:#70839a}.scoreboard .player-handicap{color:#fff;font-size:14px;font-weight:500}.scoreboard .period{color:#fff;font-size:15px;letter-spacing:.08em;font-weight:800}.scoreboard .clock{font-weight:800}.scoreboard .scoreboard-officials-panel h3{color:#fff;font-size:17px;font-weight:800}.scoreboard .scoreboard-official{color:#fff;font-size:17px}.scoreboard .official-role{color:#fff;font-size:14px;font-weight:600}.scoreboard .scoreboard-official strong{font-weight:800}.scoreboard .official-stripe{margin-top:4px}@media(max-width:600px){.scoreboard .score-labels{font-size:15px}.scoreboard .match-player-stats td,.scoreboard .match-player-stats th{padding:10px 3px}}.scoreboard .score-labels,.scoreboard .scoreline{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;text-align:center}.scoreboard .score-labels{gap:0;letter-spacing:0;font-size:clamp(11px,3.2vw,16px)}.scoreboard .score-labels>span{max-width:none;min-width:0;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.scoreboard .score-labels>span:first-child{grid-column:1}.scoreboard .score-labels>span:last-child{grid-column:3}.scoreboard .score-labels .jersey-team-label:before{margin:0;width:12px;height:12px;flex:0 0 12px}.scoreboard .score-labels{font-size:20px;font-weight:900;text-transform:uppercase;line-height:1.25}@media(max-width:600px){.scoreboard .score-labels{font-size:18px}}.host-actions{display:grid;grid-gap:20px;gap:20px;margin:24px 0}.host-demo-help{margin:10px 0 0;font-size:16px;color:var(--navy);line-height:1.5}#host-rejoin{text-align:center;text-decoration:underline}.listener-sponsor{margin:24px 0;border:1px solid var(--line);background:#fff;padding:16px}.listener-sponsor a{display:block;color:var(--navy);text-decoration:none}.sponsor-art{display:block;width:100%;height:auto;object-fit:contain;border-radius:3px}.sponsor-visit{display:block;padding:14px 0 2px;font-size:15px;font-weight:700}#sponsor-form{display:grid;grid-gap:18px;gap:18px;margin-top:18px}#sponsor-form label{display:grid;grid-gap:8px;gap:8px}#sponsor-form input{width:100%;min-width:0;box-sizing:border-box}#sponsor-form input[type=file]{padding:12px;border:1px solid var(--line);font-size:16px}#sponsor-form .tip{margin:0}#sponsor-preview{max-width:720px;border:1px solid var(--line)}.listener-sponsor a:focus-visible{outline:3px solid var(--red);outline-offset:4px}#match-view>.listener-sponsor:first-child{margin-top:0}.match-guide{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);color:var(--navy)}.match-guide h3{margin:8px 0 20px}.match-guide details{border:1px solid var(--line);background:#fff;margin:12px 0;border-radius:6px;overflow:hidden}.match-guide summary{min-height:52px;padding:16px 18px;box-sizing:border-box;cursor:pointer;font-weight:700;line-height:1.5}.match-guide summary:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.match-guide dl{margin:0;padding:0 18px}.match-guide dl>div{padding:12px 0;border-top:1px solid var(--line)}.match-guide dt{font-weight:700;margin-bottom:5px}.match-guide dd{margin:0;line-height:1.6;color:#40586b}.match-guide details>p{padding:0 18px;margin:14px 0 18px;font-size:15px;line-height:1.6}#audio-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:14px;gap:14px;padding:22px;background:#b5283b;color:#fff;border:2px solid #b5283b;border-radius:6px}#audio-card.hidden{display:none}#audio-card .audio-symbol{background:#fff;color:#b5283b;width:48px;height:48px;display:grid;place-items:center;font-size:24px}#audio-card strong{display:block;font-size:22px;line-height:1.25}#audio-card small{display:block;margin-top:6px;color:#fff;font-size:16px;line-height:1.4}.listener-audio-actions{grid-column:1/-1;display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}#audio-card button{min-height:60px;width:100%;padding:14px;background:#fff;color:#a41e31;border:2px solid #fff;border-radius:4px;font-size:18px;font-weight:800}#audio-card button:hover{background:#fff4f5}#audio-card button:focus-visible{outline:3px solid #fff;outline-offset:4px}#audio-card button:disabled{opacity:.75}#audio-card #listen[data-connected=true]{background:transparent;color:#fff}#audio{display:none!important}#feedback-open{margin-top:16px;background:#0b1e37;color:#fff;min-height:48px;padding:12px 20px;border:2px solid #0b1e37;border-radius:6px;font-size:16px;font-weight:700}#feedback-dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:24px;border:2px solid #0b1e37;border-radius:12px;color:#0b1e37;background:#fff}#feedback-dialog::-webkit-backdrop{background:rgb(0 0 0/.55)}#feedback-dialog::backdrop{background:rgb(0 0 0/.55)}.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-heading h2{font-size:23px;margin:0}#feedback-form label{display:block;font-weight:700;margin:18px 0 6px}#feedback-form input,#feedback-form select,#feedback-form textarea{box-sizing:border-box;width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #0b1e37;border-radius:5px;background:#fff;color:#0b1e37}#feedback-form textarea{resize:vertical}#feedback-form .tip{font-size:14px;line-height:1.5}#feedback-form .feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#feedback-submit{background:#b5283b;color:#fff;min-height:48px}#feedback-status{overflow-wrap:anywhere;font-size:16px}#feedback-dialog :focus-visible,#feedback-open:focus-visible{outline:3px solid #b5283b;outline-offset:3px}