@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/NotoSansKR-sub.woff') format('woff')}
:root{--ui:'Noto Sans KR','Malgun Gothic',sans-serif;--dlg:var(--ui)}body,button,input,select{font-family:var(--ui)}
#tutorialHost{position:fixed;inset:0;z-index:10000;background:#17242c}#tutorialHost[hidden]{display:none}#tutorialHost iframe{display:block;width:100%;height:100%;border:0;background:#17242c}.tutorialLoading{position:absolute;inset:0;display:grid;place-items:center;color:#eef4f5;font:600 18px var(--ui)}.tutorialLoading[hidden]{display:none}.tutorialEntryNote{font-size:13px;color:#586c70}
body.inTutorial #hud,body.inTutorial #actionGuide,body.inTutorial .fieldWorldLabel,body.inTutorial #zoneFocusLabel{visibility:hidden!important}
body.memorySession{--acc:#decea9;--line:#a9bfc54d;--dim:#c6d6de}
#hud #stat,#hud #mission,#hud #nearby,#hud #raceHud,#hud #ctl,#busy,#mainActionDock #actionGuide,#mainActionDock #carry{background:#17242ce8;border:1px solid #c6d7dd4d;border-radius:9px;box-shadow:0 8px 24px #10202724;backdrop-filter:blur(10px);color:#edf3f5}
#hud #mission{border-top:2px solid #cbbb99;max-width:280px}#hud #mission small{font-size:13px;color:#dfcda8}#hud #mission b{font-size:15px;line-height:1.65;font-weight:600}#routeDetail{font-size:13px;line-height:1.7;color:#cad8df}
#hud .panelLabel{font-size:12px;letter-spacing:0}#hud .srow{font-size:14px}#hud #nearby{border-top:2px solid #cbbb99}#hud #nearby button{font-size:13px;background:#ffffff0b;border-color:#b6cbd24d}
#hud #nearby #workLayers button[aria-pressed=true]{background:#b4c9c229;color:#edf8f3;border-color:#b4c9c2;box-shadow:inset 0 -2px #b4c9c2}
#mainActionDock{position:absolute;z-index:22;bottom:22px;left:50%;transform:translateX(-50%);width:430px;max-width:calc(100vw - 28px);display:flex;flex-direction:column;gap:12px;pointer-events:none}
#mainActionDock #actionGuide,#mainActionDock #carry{position:relative;inset:auto;transform:none;width:100%;max-width:none;box-sizing:border-box;margin:0}
#mainActionDock #carry{pointer-events:auto;padding:11px 14px}
#mainActionDock #actionGuide{padding:14px 16px;border-top-color:#cbbb99}
#mainActionDock .agPlace{font-size:12px;color:#c4d3d9}#mainActionDock .agMain strong{font-size:17px;font-weight:600}#mainActionDock .agMain kbd{background:#decea9;color:#24323b;border:1px solid #f2e1bb;border-bottom:3px solid #9c8d70;font-weight:700}#mainActionDock .agExtra{font-size:12px}#mainActionDock #actionGuide p{font-size:13px;line-height:1.7;color:#cad8df}#mainActionDock .slot.f{border-color:#d6c6a3}
.fieldWorldLabel{position:fixed;z-index:14;pointer-events:none;width:max-content;padding:6px 10px;border:1px solid #c9d9dd66;border-radius:6px;background:#182a35e6;color:#f6f9fa;box-shadow:0 3px 10px #101d2928;font:600 15px/1.4 var(--ui);white-space:nowrap;backdrop-filter:blur(6px)}.fieldWorldLabel[hidden]{display:none}
body #actionLandmark{background:#20323de8;border:1px solid #decea9;border-radius:7px;color:#f3e5c8;font:600 15px var(--ui)}body #zoneFocusLabel{border-color:#a5d5cb;border-radius:7px;background:#172b34eb;font-family:var(--ui)}
@media(max-width:1180px) and (min-width:821px){#mainActionDock{left:calc(50% + 105px);width:385px}}
@media(max-width:820px){#mainActionDock{left:50%;bottom:150px;width:360px;gap:10px}#mainActionDock .agMain strong{font-size:15px}#mainActionDock #actionGuide{padding:10px 12px}#mainActionDock #actionGuide p{font-size:12px}}
@media(max-height:600px) and (min-width:821px){#mainActionDock{bottom:14px;width:350px;gap:10px}#mainActionDock #actionGuide{padding:9px 12px}#mainActionDock #actionGuide p{display:none}}
@media(prefers-reduced-transparency:reduce){#hud #stat,#hud #mission,#hud #nearby,#mainActionDock #actionGuide,#mainActionDock #carry,.fieldWorldLabel{background:#17242c;backdrop-filter:none}}
