:root{--ui-paper: #f5f1e5;--ui-ink: #1c4036;--ui-muted: #546a5e;--ui-line: #cad4c4}:is(.menu,.modal,#online-panel) :is(button,summary,label){-webkit-tap-highlight-color:transparent}.lobby-eyebrow{margin-bottom:14px;color:#bdd3bd;font-size:12px;font-weight:600;letter-spacing:1px}.menu .solo-setup{border-color:#aac9b04d;background:#16352ee8;box-shadow:0 8px 28px #10262126}.menu .role{border-color:#98b7a044;background:#102b2955}.menu .role.selected{border-color:#ffc894;background:#ffbd781f;box-shadow:inset 0 0 0 1px #ffc89433}.menu .role strong{color:#fff0d6;font-weight:800}.menu .role small,.solo-heading>span{color:#c1d3bd}.menu .role.selected i{color:#ffcf97}.menu #start{background:#dce8cf;color:#173e32;border-color:#dce8cf;font-weight:800}.menu #start:hover:not(:disabled){background:#edf5df}.menu .text-button{min-height:44px;padding:10px 9px;border-radius:8px}.menu .text-button:hover{background:#dce8cf18}.menu .online-directory{margin:0;padding:16px;border-color:#aac9b04d;background:#16352ee8}.menu .online-directory h2{margin:0;font-size:16px}.menu .online-directory button{min-height:44px;padding:10px 12px;border:1px solid #aac9b04d;border-radius:8px;background:#dce8cf18;color:#fff0d6;font-size:12px;font-weight:700}.menu .online-directory button:hover:not(:disabled){background:#dce8cf30}.menu [data-room-status]{margin:8px 0 0;color:#c1d3bd;font-size:12px;line-height:1.6}.menu .online-directory-list{max-height:min(300px,38vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px}.menu .online-directory-row{flex-wrap:wrap;font-size:14px;line-height:1.5}.menu .online-directory-row small{font-size:12px}.modal .modal-card{background:var(--ui-paper);color:var(--ui-ink);border:1px solid #c3ceb6;border-radius:20px;box-shadow:0 24px 80px #061e2a66}.modal :is(button,select,summary):focus-visible{outline:3px solid #a4502a;outline-offset:3px}.modal :is(.close-button,.icon-button){min-width:44px;min-height:44px}#modal-title,.options-header h2{font-size:30px;line-height:1.3;letter-spacing:-1px}#modal-description{color:var(--ui-muted);font-size:14px;line-height:1.7}#options-dialog .modal-card{width:min(600px,calc(100vw - 32px))}#options-scroll{padding-top:12px}#options-scroll .option-row{gap:18px;margin:10px 0;padding:16px;border:1px solid var(--ui-line);border-radius:12px;background:#fff7}#options-scroll .option-row strong{color:var(--ui-ink);font-size:15px}#options-scroll .option-row small{color:var(--ui-muted);font-size:13px;line-height:1.65}#options-scroll select{min-height:44px;background:var(--ui-paper);border-color:#8fa590;border-radius:8px;color:var(--ui-ink)}#options-scroll .option-note{color:var(--ui-muted);line-height:1.7}.server-health-guide>summary{min-height:44px;padding:12px;border:1px solid #a1b79d55;border-radius:9px}#options-done{min-height:46px;border-radius:10px}.catalog-open .modal-card,.guide-open .modal-card{width:min(800px,calc(100vw - 32px))}.catalog-open .modal-header{background:#e9eddf;border-color:var(--ui-line)}.catalog-open #catalog-tabs button{min-height:44px;border-radius:9px;font-size:14px}.catalog-open #catalog-tabs button.active{background:#244e40;color:#fff4d9}.ability-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ability-catalog-list>:is(h3,.catalog-note){grid-column:1 / -1}.ability-catalog-list h3{margin:18px 0 0;color:var(--ui-ink);font-size:17px}.catalog-open .catalog-entry{align-items:flex-start;gap:12px;margin:0;padding:16px;background:#fffdf6;border:1px solid var(--ui-line);border-radius:12px}.catalog-open .catalog-entry>span{flex:0 0 40px;width:40px;min-width:40px;height:40px;padding:7px;border-radius:9px;background:#25463b}.catalog-open .runner-skill-tile .runner-skill-icon{width:26px;height:26px}.catalog-open .catalog-entry strong{color:var(--ui-ink);font-size:16px;line-height:1.5}.catalog-open .catalog-entry strong small{display:block;margin:4px 0;color:var(--ui-muted);font-size:11px;font-weight:600}.catalog-open .catalog-entry p{color:#425f4e;font-size:13px;line-height:1.75}.catalog-open .catalog-evolution{margin-top:12px;padding:12px;border:0;border-radius:8px;background:#eaf0e2}.guide-open .modal-card{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);overflow:hidden;padding:0}.guide-open .modal-header{display:flex;justify-content:flex-end;flex-shrink:0;padding:10px 16px;background:#e9eddf;border-bottom:1px solid var(--ui-line)}.guide-open #modal-close{position:static;padding:0;line-height:1}.guide-open #modal-scroll{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px}.guide-open .instructions{display:flex;flex-direction:column;gap:10px}.guide-open .instructions>li{display:block;margin:0;padding:0;border:0}.guide-open .instructions details{border:1px solid var(--ui-line);border-radius:10px;background:#fffdf6}.guide-open .instructions summary{padding:15px;color:var(--ui-ink);font-size:15px;font-weight:800;cursor:pointer}.guide-open .instructions details>span{display:block;padding:0 15px 15px;color:#425f4e;font-size:14px;line-height:1.8}.online-card{border-color:#8eb49c66;box-shadow:0 24px 80px #061e2a66}#online-panel .online-heading{background:#193b32}#online-panel .online-help,#online-panel .online-hint{color:#c2d6c2;line-height:1.7}#online-panel :is(button,input,select):focus-visible{outline:3px solid #ffd18b;outline-offset:3px}.result-screen .result-stats{gap:10px;background:transparent;border:0}.result-screen .result-stats>div{padding:18px 8px;border:1px solid var(--ui-line);border-radius:12px;background:#fffdf6}.result-screen .result-stats>div+div{border-left:1px solid var(--ui-line)}.result-screen #modal-eyebrow{border-color:#9eaf94;color:#466343}.result-screen #modal-title{color:#285a42}.result-loss #modal-title{color:#a44b32}.result-screen #modal-description,.result-screen .ability-result,.result-screen .result-verdict p,.result-screen .result-stats small{color:var(--ui-muted)}.result-screen .result-verdict{background:#e3ebda}.result-screen .result-faction,.result-screen .result-record-heading,.result-screen .result-stats strong,.result-screen .result-stats em{color:var(--ui-ink)}.result-screen .result-record-heading span{color:var(--ui-muted)}.result-screen #modal-buttons .secondary{border-color:#92a38a;color:var(--ui-ink);background:#e9eddf}@media(max-width:600px){.lobby-eyebrow{margin-bottom:10px;font-size:11px}.ability-catalog-list{grid-template-columns:minmax(0,1fr)}.catalog-open #modal-scroll,.guide-open #modal-scroll{padding:18px}#options-scroll{padding:10px 16px 18px}#options-scroll .option-row{gap:12px;padding:14px}#modal-title,.options-header h2{font-size:26px}.menu .lobby-links{gap:4px}.menu .text-button{padding-right:5px;padding-left:5px}}@media(max-height:530px)and (min-width:601px){.lobby-eyebrow{margin-bottom:8px;font-size:10px}.menu .lobby-links{padding-top:4px}.guide-open .modal-header{padding-top:5px;padding-bottom:5px}}