: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}}