.mu-page{--mu-ink:#163f40;--mu-paper:#f2eee4;--mu-muted:#657a74;--mu-gold:#b4884e;--mu-line:#d4d7c9;background:radial-gradient(ellipse at 80% 0,#d7ded1,transparent 55%),var(--mu-paper);color:var(--mu-ink)}.mu-page #app-header{background:#143738;color:#f0ecd9}.mu-page #app-header a{color:inherit}.mu-wrap{max-width:1330px;padding:32px 28px 40px}.mu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.mu-eyebrow{font:10px/1.7 monospace;letter-spacing:.16em;color:var(--mu-gold)}.mu-header h1{font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(30px,4.2vw,53px);letter-spacing:-.05em;margin:10px 0}.mu-header p{font-size:13px;color:var(--mu-muted);margin:0}.mu-page .btn{border:1px solid #a4b3a6;border-radius:5px;color:var(--mu-ink);background:#f5f2e9;min-height:42px;padding:10px 16px}.mu-page .mu-primary{background:#244f4b;color:#f4edda;border-color:#244f4b}.mu-page button{cursor:pointer;font:inherit}.mu-page button:disabled{opacity:.4;cursor:default}.mu-page button:focus-visible,.mu-page a:focus-visible,.mu-page summary:focus-visible,.mu-page canvas:focus-visible{outline:3px solid #b4884e;outline-offset:3px}.mu-page button:not(:disabled):hover{filter:brightness(1.1)}.mu-section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--mu-muted)}.mu-section-label h2{font-size:12px;color:var(--mu-ink);margin:0}.mu-campaign{margin-bottom:24px}.mu-missions{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;margin-top:10px}.mu-missions button{height:39px;border:1px solid var(--mu-line);background:#e5e8dc;color:#5d7368;border-radius:4px;font:12px monospace;position:relative}.mu-missions button[aria-current=true]{background:#244f4b;border-color:#244f4b;color:#fff4dd}.mu-missions button.complete:after{content:'';position:absolute;bottom:4px;left:45%;width:5px;height:3px;background:var(--mu-gold);border-radius:3px}.mu-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.mu-map-panel{background:#122e31;border:1px solid #34534d;border-radius:10px;overflow:hidden;color:#e7ecdc;box-shadow:0 14px 35px #243e3a16}.mu-map-head{padding:19px 24px;display:flex;justify-content:space-between;align-items:center;background:#17383a}.mu-map-head h2{font-size:19px;font-weight:500;margin:5px 0 0;font-family:Georgia,serif}.mu-seal{border:1px solid #788f7a;border-radius:50%;width:44px;height:44px;text-align:center;padding:7px 0;font:11px/1.3 Georgia;color:#bfc8a6}.mu-status{display:flex;border-block:1px solid #38534e;padding:13px 24px;gap:40px}.mu-status>div{flex:1;position:relative}.mu-status span{display:block;font-size:10px;color:#adc0b0;margin-bottom:5px}.mu-status strong{font:18px monospace;color:#f3e7bf}.mu-status meter{position:absolute;bottom:0;inset-inline-end:0;width:45%;height:5px}.mu-board{background:#102b2e;padding:9px 14px}.mu-board canvas{display:block;width:100%;height:auto;touch-action:manipulation;max-height:570px;object-fit:contain}.mu-legend{padding:13px 22px;border-top:1px solid #34534d;display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#bacbbc}.mu-legend>span{display:flex;align-items:center;gap:6px}.mu-swatch{width:7px;height:7px;display:inline-block;border-radius:2px}.mu-swatch.player{background:#7edaca}.mu-swatch.sight{background:#bc775e}.mu-swatch.next{border:1px dashed #d5bb74}.mu-event{font-size:12px;padding:13px 22px;margin:0;background:#1b403d;color:#e2d5a8;min-height:44px;line-height:1.6}.mu-sidebar{display:grid;gap:16px}.mu-panel{background:#f8f6ef;border:1px solid var(--mu-line);border-radius:8px;padding:22px;min-width:0}.mu-brief h2{font:23px/1.5 Georgia,serif;margin:10px 0}.mu-brief p{font-size:12px;color:var(--mu-muted);line-height:1.8}.mu-run-actions{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.mu-run-actions button{font-size:12px;flex:1;white-space:nowrap}#mu-notice:empty{display:none}.mu-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,42px);gap:5px;justify-content:center;margin:20px 0 12px}.mu-pad button{border:1px solid #bfcabb;border-radius:5px;background:#e7eadf;color:#264e48;font-size:20px}.mu-pad [data-dir="0"]{grid-area:1/2}.mu-pad [data-dir="3"]{grid-area:2/1}.mu-pad [data-dir="1"]{grid-area:2/3}.mu-pad [data-dir="2"]{grid-area:3/2}.mu-pad #mu-wait{grid-area:2/2;font-size:11px;background:#d4ded0}.mu-mode{min-height:18px;font-size:11px;text-align:center;color:#956c39;margin:0 0 16px}.mu-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.mu-tool{border:1px solid #ccd2c3;background:#edf0e6;padding:10px;border-radius:5px;min-height:48px;text-align:start;color:#244f4b;display:flex;align-items:center;gap:9px;font-size:11px!important}.mu-tool b{font:18px monospace;color:#9b793f}.mu-tool span{flex:1}.mu-tool small{font:10px monospace}.mu-tool[aria-pressed=true]{background:#244f4b;color:#fff0d8}.mu-toggle{font-size:11px;display:flex;gap:7px;align-items:center;margin-top:17px}.mu-toggle input{accent-color:#244f4b}.mu-tip{font-size:10px;line-height:1.7;color:var(--mu-muted);margin-bottom:0}.mu-result{background:#e2e9d6;border-color:#9aae8e}.mu-result h2{font-size:22px;margin:0 0 12px}.mu-result p{font-size:12px;line-height:1.8;margin:4px 0}.mu-records{display:flex;align-items:center;gap:40px;margin-top:22px}.mu-records span{font-size:11px;color:var(--mu-muted)}.mu-records strong{display:block;font:29px/1.6 Georgia;color:#244f4b}.mu-records p{margin-inline-start:auto;font-size:11px;color:var(--mu-muted);line-height:1.8}.mu-guide{margin-top:16px}.mu-guide summary{font-size:13px;cursor:pointer}.mu-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px}.mu-guide p{font-size:12px;color:var(--mu-muted);line-height:1.9}.mu-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--mu-muted);margin-top:22px}.mu-footer a{color:#244f4b}
@media(max-width:1050px){.mu-layout{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.mu-panel{padding:18px}.mu-status{gap:20px}.mu-missions{grid-template-columns:repeat(10,1fr)}}
@media(max-width:720px){.mu-wrap{padding:24px 12px}.mu-header{margin-bottom:24px;align-items:flex-start;gap:10px}.mu-header h1{font-size:31px}.mu-header p{font-size:11px;line-height:1.7}.mu-header .btn{font-size:11px;padding:9px;white-space:nowrap}.mu-eyebrow{font-size:8px;letter-spacing:.1em}.mu-layout{display:flex;flex-direction:column;gap:14px}.mu-map-panel,.mu-sidebar{width:100%}.mu-map-head{padding:15px}.mu-map-head h2{font-size:17px}.mu-status{padding:12px 15px;gap:12px}.mu-status strong{font-size:16px}.mu-status meter{display:none}.mu-board{padding:4px}.mu-legend{padding:11px 12px;gap:10px;font-size:9px}.mu-event{padding:12px 15px;font-size:11px}.mu-sidebar{grid-template-columns:1fr}.mu-brief{padding:15px}.mu-brief h2{font-size:19px;margin:5px 0}.mu-brief p{margin:5px 0}.mu-brief .mu-run-actions{margin-top:10px}.mu-controls{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 12px;padding:16px}.mu-controls>.mu-section-label:first-child{grid-column:1/-1}.mu-controls>.mu-section-label:first-child span{font-size:9px}.mu-pad{grid-column:1;grid-row:2/5;grid-template-columns:repeat(3,42px);margin:10px 0}.mu-mode{grid-column:1;grid-row:5;margin:0;font-size:10px}.mu-controls>.mu-section-label:nth-of-type(3){grid-column:2}.mu-tools{grid-column:2;grid-row:3/6;grid-template-columns:1fr;margin:0;gap:5px}.mu-tool{min-height:36px;padding:6px;font-size:10px!important}.mu-tool b{font-size:15px}.mu-toggle,.mu-tip{grid-column:1/-1;margin:5px 0 0}.mu-records{flex-wrap:wrap;gap:20px;margin-top:16px;padding:17px}.mu-records>div{flex:1}.mu-records strong{font-size:25px}.mu-records span{font-size:9px}.mu-records p{width:100%;margin:0}.mu-guide>div{grid-template-columns:1fr}.mu-missions{gap:4px}.mu-missions button{height:33px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.mu-page *{scroll-behavior:auto!important}}
@media(max-width:720px){.mu-controls{order:-1}.mu-playing .mu-map-panel{position:sticky;top:6px;z-index:2}.mu-playing .mu-map-head{padding:10px 13px}.mu-playing .mu-map-head h2{font-size:14px;margin-top:2px}.mu-playing .mu-seal{display:none}.mu-playing .mu-status{padding:8px 13px}.mu-playing .mu-status strong{font-size:14px}.mu-playing .mu-legend{padding:8px 10px;font-size:8px}.mu-playing .mu-event{padding:8px 12px;font-size:10px;min-height:32px}.mu-playing .mu-brief>.mu-eyebrow,.mu-playing .mu-brief>h2,.mu-playing .mu-brief>#mu-brief,.mu-playing #mu-start{display:none}.mu-playing .mu-brief{padding:10px}.mu-playing .mu-run-actions{margin:0}.mu-controls .mu-tip{font-size:9px}.mu-page .mu-tool{min-height:38px}}