: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);gap:4px;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{flex-wrap:nowrap;gap:8px;min-width:0;margin:0}.fit-mode #fit-field{flex:none}.fit-mode #match-status{overflow-wrap:anywhere;min-width:0}.fit-mode .workspace{min-height:0;display:block}.fit-mode .workspace>section{grid-template-rows:minmax(0,1fr) repeat(6,auto);gap:2px;height:100%;min-height:0;display:grid}.fit-mode .field-space{grid-row:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.fit-mode #field{flex:none;max-width:100%;max-height:100%}.fit-mode #roles{grid-row:2}.fit-mode #result{grid-row:3}.fit-mode #primary-actions{grid-row:4}.fit-mode #replay-controls{grid-row:5}.fit-mode #errors{grid-row:6;max-height:3em;overflow:auto}.fit-mode #ambiguity{grid-row:7}.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 #roles,.fit-mode.fit-compact #match-status{font-size:.8rem}.fit-mode.fit-compact .actions{gap:3px}#match-feedback{display:contents}.fit-mode #match-feedback{grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;height:3em;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;grid-row:auto;margin:0;overflow:auto}@media (width<=699px){.fit-mode #match-feedback{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr);gap:0;height:6em}}