:root{color:#172c35;background:#f2f4f5;font:16px system-ui,sans-serif}body{margin:0}main{max-width:1440px;margin:auto;padding:20px}header{margin-bottom:20px}nav{align-items:center;gap:24px;display:flex}h1{font-size:1.6rem}h2{font-size:1.2rem}p{overflow-wrap:anywhere;line-height:1.5}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.workspace>*{min-width:0}.field-placeholder{aspect-ratio:5/3;color:#ecf3e7;text-align:center;box-sizing:border-box;background:#174934;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}a{color:#125175}label{margin:12px 0;display:block}select,button,.button{font:inherit;box-sizing:border-box;max-width:100%;min-height:44px;padding:8px}select{width:100%;display:block}fieldset{border:1px solid #bac7cd;padding:12px}button:disabled,fieldset:disabled{opacity:.65}a:focus-visible,select:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #087f9c}.button{align-items:center;display:inline-flex}@media (width<=999px){.workspace{grid-template-columns:1fr}main{padding:12px}}.fit-toolbar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.field-space{min-width:0;min-height:0}body.field-fitted{overflow:hidden}#field{aspect-ratio:5/3;touch-action:none;outline-offset:2px;background:#174934;width:100%;height:auto;display:block}.actions{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.actions button{flex:0 auto}button{cursor:pointer;color:#173846;background:#fff;border:1px solid #9eafb8;border-radius:6px}button:disabled{cursor:default}.actions button[data-action=Launch],button[data-action=Next]{background:#d8eadc}input{box-sizing:border-box;max-width:100%;min-height:44px;font:inherit;width:100%;padding:6px}.numeric-row{gap:6px;display:flex}.numeric-row label{flex:1;min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem}aside>section,aside>fieldset{margin-bottom:14px}aside h2{margin-bottom:6px}#errors{color:#913b22;min-height:1.4em}#match-status{font-size:.95rem}#storage{font-size:.85rem}#progress,#result,#roles{margin:6px 0;font-size:.9rem}.fit-toolbar{flex-wrap:wrap}dialog{box-sizing:border-box;border:1px solid #819b8d;border-radius:12px;max-width:min(92vw,1080px)}#leave-dialog{max-width:550px}button[hidden]{display:none}select:disabled,input:disabled{opacity:.6}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:2px;outline:3px solid #087f9c}[hidden],.actions[hidden]{display:none!important}#replay-controls{background:#d8eadc;align-items:center;padding:8px}#playback-rate{width:100px}.fit-toolbar label{align-items:center;gap:8px;margin:0;display:flex}main.fit-mode{z-index:20;left:var(--fit-left,0px);top:var(--fit-top,0px);width:var(--fit-width,100vw);height:var(--fit-height,100dvh);box-sizing:border-box;max-width:none;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#f2f4f5;grid-template-rows:auto minmax(0,1fr) 42px;grid-template-columns:auto minmax(0,1fr) minmax(0,max-content) auto;gap:4px 8px;display:grid;position:fixed}.fit-mode>header,.fit-mode aside,.fit-mode .fit-toolbar>label,.fit-mode #storage,.fit-mode #save-match,.fit-mode #progress{display:none}.fit-mode .fit-toolbar,.fit-mode .workspace,.fit-mode .workspace>section{display:contents}.fit-mode #fit-field{grid-area:1/1;align-self:center}.fit-mode #match-status{overflow-wrap:anywhere;grid-area:1/2;align-self:center;min-width:0}.fit-mode #result{overflow-wrap:anywhere;grid-area:1/3;align-self:center;max-width:220px;font-size:.75rem}.fit-mode #primary-actions{grid-area:1/4;justify-content:flex-end;align-self:center;max-width:55vw}.fit-mode #primary-actions button{min-height:44px;padding:6px 8px;font-size:.875rem}.fit-mode .field-space{grid-area:2/1/3/-1;justify-content:center;align-items:center;display:flex;overflow:hidden}.fit-mode #field{flex:none;max-width:100%;max-height:100%}.fit-mode #replay-controls{grid-area:4/1/5/-1}.fit-mode #ambiguity{grid-area:5/1/6/-1}.fit-mode #roles,.fit-mode #result,.fit-mode #errors,.fit-mode .actions{margin:0}.fit-mode #errors:empty,.fit-mode #result:empty,.fit-mode #ambiguity:empty,.fit-mode #primary-actions button[data-action=RetrySave]:disabled{display:none}.fit-mode.fit-compact #match-status{font-size:.8rem}#match-feedback{display:contents}.fit-mode #match-feedback{grid-area:3/1/4/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;height:42px;min-height:0;font-size:.85rem;line-height:1.5;display:grid}.fit-mode #match-feedback #roles,.fit-mode #match-feedback #errors{min-width:0;height:100%;min-height:0;max-height:none;font-size:inherit;line-height:inherit;margin:0;overflow:auto}@media (width<=899px){main.fit-mode{grid-template-rows:auto auto minmax(0,1fr) 42px;grid-template-columns:auto minmax(0,1fr) minmax(0,max-content)}.fit-mode #primary-actions{grid-area:2/1/3/-1;justify-content:flex-start;max-width:none}.fit-mode .field-space{grid-area:3/1/4/-1}.fit-mode #match-feedback{grid-area:4/1/5/-1}.fit-mode #replay-controls{grid-area:5/1/6/-1}.fit-mode #ambiguity{grid-area:6/1/7/-1}}@media (width<=699px){main.fit-mode{grid-template-rows:auto auto minmax(0,1fr) 84px}.fit-mode #match-feedback{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr);gap:0;height:84px}}#timer{font-variant-numeric:tabular-nums;min-width:145px;min-height:24px;font-weight:600}.timer-warning{color:#9b3100;background:#fff1c7}#quick{vertical-align:middle;width:auto}#settings-summary{min-height:1.5em;font-size:.85rem}#replay-step{max-width:250px}.phase6-ui.fit-mode #timer{grid-area:1/3;min-width:120px;font-size:.85rem}.phase6-ui.fit-mode #result,.phase6-ui.fit-mode #settings-summary{display:none}.phase6-ui.fit-mode[aria-busy=true] #storage{z-index:1;background:#fff3cd;grid-area:3/1/4/-1;display:block}.phase6-ui.fit-mode #primary-actions{max-width:48vw}.phase6-ui #timer{flex-shrink:0;width:225px;min-width:165px;min-height:4.2em;line-height:1.4}.phase6-ui #timer>span{min-height:1.4em;display:block}.phase6-ui #timer-attempt,.phase6-ui #timer-hint{font-size:.8rem}.phase6-ui .timer-critical{color:#752100;background:#ffdda6;box-shadow:inset 0 0 0 2px #aa4200}.phase6-ui #timer-sound{width:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.phase6-ui.fit-mode #timer{width:190px}@media (width<=500px){.phase6-ui.fit-mode #timer{width:165px;min-width:165px;font-size:.8rem}}:root{--ui-radius:8px;--ui-height:44px;--ui-pad:8px 10px;--ui-border:1px solid #9eafb8;--ui-surface:#fff;--ui-hover:#edf4f6;--ui-text:#173846;--ui-focus:#087f9c;--ui-press:.12s}button,select,input:not([type=checkbox]):not([type=range]),fieldset,dialog{border:var(--ui-border);border-radius:var(--ui-radius);color:var(--ui-text);font:inherit}button,select,input:not([type=checkbox]):not([type=range]){min-height:var(--ui-height);padding:var(--ui-pad);background:var(--ui-surface)}button{transition:filter var(--ui-press),box-shadow var(--ui-press),background-color var(--ui-press)}@media (hover:hover){button:enabled:hover,select:enabled:hover{background-color:var(--ui-hover)}}button:enabled:active{filter:brightness(.94);box-shadow:inset 0 2px 3px #17384630}button:focus-visible,select:focus-visible,input:focus-visible,.rules-content:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}button:disabled,select:disabled,input:disabled{opacity:.6}input[readonly]{background:#f2f5f6}.rules-link{color:#125175;text-underline-offset:3px;margin-left:auto;text-decoration:underline}#rules-dialog{width:min(92vw,760px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden}#rules-dialog[open]{flex-direction:column;display:flex}dialog::backdrop{background:#102b3b88}.rules-heading{border-bottom:var(--ui-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.rules-heading h2{margin:0}.rules-content{overscroll-behavior:contain;min-height:0;padding:0 20px 12px;line-height:1.55;overflow:auto}.rules-content li{margin:6px 0}.rules-content h3{font-size:1.05rem}.team-chip,.match-score{align-items:center;gap:5px;display:inline-flex}.team-chip{vertical-align:baseline}.team-marker{box-sizing:border-box;border:1px solid #17384670;border-radius:50%;flex:0 0 10px;width:10px;height:10px;display:inline-block}.match-score{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 5px}.stage-badge,.attempt-badge{vertical-align:middle;border-radius:var(--ui-radius);padding:3px 7px;line-height:1.4;display:inline-block}.stage-badge{background:#d8eadc;border:1px solid #91b99c}.attempt-badge{background:#e6eef5;font-size:.85em}.match-mode{font-size:.85em;font-weight:400}#match-status{flex:280px;min-width:0;line-height:1.7}.team-chip{min-width:0;max-width:100%}.team-chip>span:last-child{overflow-wrap:anywhere;min-width:0}#roles .team-chip{display:inline-flex}#save-dialog{width:min(92vw,650px)}#save-name{font-size:.9rem}.phase6-ui.fit-mode{grid-template-columns:auto minmax(0,1fr) minmax(0,max-content) auto auto}.fit-mode #rules-open{grid-area:1/5;align-self:center;margin:0;font-size:.85rem}@media (width<=899px){.phase6-ui.fit-mode{grid-template-columns:auto minmax(0,1fr) minmax(0,max-content) auto}.fit-mode #rules-open{grid-area:1/4}.phase6-ui.fit-mode #primary-actions{max-width:none}}@media (width<=500px){.phase6-ui.fit-mode #timer{width:120px;min-width:120px}.fit-mode #rules-open{white-space:normal;max-width:84px;padding:6px}.match-mode{display:block}}@media (prefers-reduced-motion:reduce){button{transition:none}}@media (width<=699px){.phase6-ui.fit-mode{grid-template-rows:auto auto auto minmax(0,1fr) 84px;grid-template-columns:auto minmax(0,1fr) auto}.fit-mode #fit-field{max-width:90px;padding:6px;font-size:.85rem}.phase6-ui.fit-mode #timer{grid-area:1/2;justify-self:center;width:120px;min-width:0;max-width:100%}.fit-mode #rules-open{grid-area:1/3;max-width:80px}.fit-mode #match-status{grid-area:2/1/3/-1}.fit-mode #primary-actions{grid-area:3/1/4/-1}.fit-mode .field-space{grid-area:4/1/5/-1}.fit-mode #match-feedback{grid-area:5/1/6/-1}.fit-mode #replay-controls{grid-area:6/1/7/-1}.fit-mode #ambiguity{grid-area:7/1/8/-1}}.field-space{--pitch-gutter:clamp(14px,3.6vw,40px);padding-inline:var(--pitch-gutter);position:relative}.phase6-ui.fit-mode .field-space{overflow:visible}.pitch-surround{width:min(var(--surround-width,100%),calc(100% - 2*var(--pitch-gutter)));left:calc((100% - min(var(--surround-width,100%),calc(100% - 2*var(--pitch-gutter))))/2);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;display:block;position:absolute;overflow:visible}.pitch-surround *{pointer-events:none}