@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#e5ecd3;background:#233e30;font-synthesis:none;--panel:#102c28df;--line:#bed7aa28;--lime:#d7e7a4;--muted:#afc2ab}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:7px;background:#ffffff08;padding:9px 13px;font-size:13px}button:hover{background:#cedcaa20}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #f3d47f;outline-offset:3px}kbd{font:10px monospace;opacity:.7;border:1px solid #d3ddbe44;padding:2px 4px;border-radius:3px;margin-left:6px}#game{position:relative;width:100%;height:100dvh;overflow:hidden}#map{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.hud{position:absolute;z-index:2;background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 25px #061a2220;backdrop-filter:blur(12px);border-radius:11px}.field-title{top:18px;left:20px;padding:14px 18px;min-width:245px;pointer-events:none}.brand{display:flex;align-items:center;gap:8px;font-size:24px;line-height:1}.brand b{font-size:22px;letter-spacing:3px}.brand small{font-size:11px;color:#b6c3a1}.field-name{font-size:13px;margin-top:12px}.field-name span{font:8px monospace;letter-spacing:2px;margin-left:14px;color:#9daf90}.weather{display:flex;gap:14px;font-size:10px;color:var(--muted);margin-top:9px}.top-tools{top:18px;right:20px;display:flex;gap:5px;padding:7px}.top-tools button{border:0;background:none}.top-tools button:first-child{background:#ccdd9c1a;color:#e5edb9}.top-tools button>span{font:20px Georgia}.field-status{top:146px;left:20px;max-width:min(460px,80vw);padding:9px 13px;pointer-events:none;background:#102c28b3}.field-status>span{font-size:10px;color:#ddebab;border-right:1px solid #dce4b433;padding-right:10px;float:left;margin-right:10px;line-height:1.8}.field-status p{font-size:11px;line-height:1.8;margin:0;color:#cfdec4}.equipment{top:78px;right:20px;display:flex;gap:12px;padding:11px 13px;align-items:center;min-width:260px}.slot-icon{font:35px Georgia;line-height:1;color:#dbdfa0}.equipment b{display:block;font-size:13px;font-weight:500}.equipment small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.equipment button{margin-left:auto;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 14px}.equipment button b{font:21px Georgia}.fight-hud{right:20px;top:165px;width:260px;padding:13px 15px}.meter-label{display:flex;justify-content:space-between;align-items:center}.meter-label span{font:9px monospace;letter-spacing:1.7px;color:#bccbad}.meter-label strong{font:20px Georgia;color:#e1e9bc}.tension-track{height:7px;margin-top:11px;background:linear-gradient(90deg,#708881 25%,#b0ca8b 25%,#b0ca8b 80%,#db946a 80%);border-radius:4px;position:relative}.tension-track i{position:absolute;left:0;width:4px;height:15px;top:-4px;background:#fff5d1;box-shadow:0 0 6px #e4e9c6;transition:left .08s}.tension-caption{display:flex;justify-content:space-between;font-size:8px;color:#aabda0;margin-top:7px}.telemetry{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:11px;font-size:10px;color:var(--muted)}.telemetry b{color:#f0efd4;font-weight:400;margin-left:7px}.section-panel{bottom:20px;left:20px;width:min(450px,40vw);padding:9px 12px;background:#142f2be8}.section-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.section-head small{font-size:9px;color:#a7b89a;margin-left:10px}.section-head button{padding:0 6px;border:0;font-size:17px}.section-panel canvas{width:100%;height:155px;display:block}.section-panel.collapsed canvas{display:none}.controls{bottom:20px;right:20px;width:360px;padding:12px}.gauge{height:25px;background:#31483a;border-radius:4px;position:relative;overflow:hidden}.gauge i{display:block;height:100%;width:0;background:#cbdc8d}.gauge span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#c1cfac;mix-blend-mode:screen}.action-buttons{display:flex;gap:6px;margin-top:8px}.action-buttons button{flex:1;padding:9px 5px;font-size:11px}.action-buttons button:first-child{background:#d4e49c;color:#183c2e}.action-buttons kbd{font-size:8px;margin-left:3px}.action-buttons button.active{background:#99bf7a;color:#173825}.quick-tuning{display:flex;gap:12px;margin-top:13px}.quick-tuning label{width:33.33%;font-size:10px;color:var(--muted)}output{float:right;color:#d5dfb6}input[type=range]{width:100%;display:block;accent-color:#cddd9c;height:4px;cursor:pointer;margin:11px 0 4px}.compass{right:23px;top:305px;background:none;border:0;box-shadow:none;backdrop-filter:none;text-align:center;color:#dbdfb9;pointer-events:none}.compass>b{font:10px Georgia}.compass>span{display:block;font-size:21px}.scale{margin-top:12px}.scale i{height:5px;border:1px solid #d0dfba;border-top:0;display:block}.scale small{font-size:9px;display:block;margin-top:4px}#tooltip{position:fixed;z-index:20;pointer-events:none;padding:11px 14px;max-width:270px;background:#0e2726f2;border:1px solid #cfdda34d;border-radius:7px;font-size:12px;line-height:1.7;box-shadow:0 4px 20px #061b2870}#biteAlert{position:absolute;z-index:4;transform:translate(-50%,-100%);font:bold 46px Georgia;color:#ffe391;text-shadow:0 3px 0 #62472b,0 0 22px #ffdb5c;pointer-events:none;animation:alert .18s ease-out}@keyframes alert{from{scale:.3}to{scale:1}}#pauseScreen{position:absolute;inset:0;z-index:3;pointer-events:none;background:#102a2933;text-align:center;align-content:center;font-size:27px;letter-spacing:5px}#pauseScreen small{display:block;font-size:12px;letter-spacing:0;margin-top:12px}.touch-move{display:none}dialog{background:#17332f;color:#e5ecd3;border:1px solid #b9ce9844;border-radius:15px;padding:24px;width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 100px #061a29aa}dialog::backdrop{background:#071f26a8;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head small{font:10px monospace;color:#abc394;letter-spacing:2px}.dialog-head h2{font-size:25px;margin:7px 0 0;font-weight:500}.dialog-head button{border:0;background:#d0dda00b}dialog p{font-size:12px;line-height:1.8;color:#afc5ae}dialog h2{font-size:24px}dialog h3{font-size:16px;margin-top:24px}dialog li,dialog td{font-size:13px;line-height:1.8}dialog a{color:#ddebab}.loadout-art{display:flex;align-items:center;justify-content:center;background:#071e212e;padding:18px;border:1px solid var(--line);border-radius:9px;margin:19px 0}.loadout-art span{display:grid;place-items:center;width:65px;height:55px;font:32px Georgia;color:#e1e8b4;border:1px solid #d4e0a63d;border-radius:7px}.loadout-art i{width:40px;border-top:1px dashed #b7ce8f66}fieldset{border:0;padding:0;margin:0}fieldset:disabled{opacity:.5}.loadout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.loadout label>span{font-size:11px;color:#aabd9f}select{width:100%;background:#29463b;border:1px solid #bbd19b44;color:#e0e8c9;border-radius:6px;margin-top:9px;padding:10px 5px;font-size:12px}.loadout-stats{display:flex;justify-content:space-around;margin:22px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#a8be9c}.loadout-stats strong{display:block;font:22px Georgia;color:#d9e5af;margin-top:7px}.primary{background:#d7e5a8;color:#1f402d;width:100%;padding:12px}.primary:hover{background:#e0ecba}.secondary{width:100%;margin-top:10px;font-size:12px}.switch{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:22px 0}.switch input{accent-color:#c8dc90;width:18px;height:18px}.setting-range{display:block;margin:24px 0;font-size:13px}.muted{color:#8fa98e!important;font-size:11px!important}.key-grid{display:grid;grid-template-columns:100px 1fr;gap:12px 18px;margin:23px 0;font-size:13px;align-items:center}.key-grid kbd{font-size:12px;margin:0;text-align:center;padding:5px}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left}.catch-big{font:60px Georgia;color:#d9e7ac}.badge{color:#b6c99b;font-size:11px;letter-spacing:2px}.fight-hud.fighting{border-color:#dfd49188}.fight-hud.danger{border-color:#f5a770;box-shadow:0 0 25px #c964352b}#gearLock{min-height:22px}
@media(max-width:1000px){.field-title{min-width:215px}.top-tools button{padding:8px;font-size:11px}.top-tools kbd{display:none}.equipment{min-width:230px}.fight-hud{width:230px}.controls{width:320px}.section-panel{width:calc(100% - 380px)}.action-buttons kbd{display:none}.field-status{max-width:48vw}}
@media(max-width:600px){.field-title{top:10px;left:10px;min-width:0;padding:10px 12px}.brand{font-size:17px}.brand b{font-size:17px}.brand small,.field-name span{display:none}.field-name{font-size:11px;margin-top:8px}.weather{gap:8px;font-size:9px}.weather span:last-child{display:none}.top-tools{top:10px;right:10px;padding:3px;gap:0;max-width:calc(100% - 165px);flex-wrap:wrap;justify-content:flex-end}.top-tools button{font-size:10px;padding:7px}.top-tools button>span{display:none}.equipment{top:64px;right:10px;min-width:0;max-width:185px;padding:7px 9px;gap:7px}.equipment b{font-size:10px}.equipment small{font-size:8px}.slot-icon{font-size:26px}.equipment button{padding-left:7px}.equipment button b{font-size:16px}.field-status{top:116px;left:10px;max-width:calc(100% - 20px);padding:7px 10px}.field-status p{font-size:10px}.field-status>span{font-size:9px}.fight-hud{top:163px;right:10px;width:177px;padding:9px 11px}.meter-label span{font-size:8px}.meter-label strong{font-size:16px}.tension-caption{font-size:7px}.telemetry{font-size:9px}.compass{top:285px;right:15px}.controls{bottom:10px;right:10px;width:calc(100% - 20px);padding:9px}.quick-tuning{margin-top:10px}.section-panel{bottom:151px;left:10px;width:calc(100% - 20px);padding:5px 10px}.section-panel canvas{height:90px}.section-head{font-size:10px}.section-head small{font-size:8px}.touch-move{display:grid;grid-template-columns:repeat(3,30px);position:absolute;left:12px;top:185px;z-index:2;gap:3px}.touch-move button{padding:5px;background:#12312bdc;font-size:15px;touch-action:none}.touch-move button:first-child{grid-column:2}.touch-move button:nth-child(2){grid-column:1}.loadout{grid-template-columns:1fr}.loadout label{display:grid;grid-template-columns:95px 1fr;align-items:center}.loadout select{margin:3px 0}.loadout-art{display:none}.loadout-stats{margin:12px 0}.dialog-head h2{font-size:22px}dialog{padding:18px}.key-grid{gap:9px;margin:16px 0;font-size:12px}}
@media(max-height:600px) and (min-width:601px){.field-title{padding:9px 13px}.brand{display:none}.field-name{margin:0}.field-status{top:98px}.equipment{top:72px}.fight-hud{top:147px}.section-panel canvas{height:95px}.compass{display:none}.controls{padding:9px}.quick-tuning{margin-top:8px}}

.telemetry{flex-wrap:wrap;gap:8px}.telemetry>span:last-child{flex-basis:100%;font-size:14px}.telemetry>span:last-child b{float:right}.compass{top:335px}

/* v1.4: transient controls and map/weather panels */
.field-title{width:246px;min-width:0}.field-name{font-size:16px}.weather{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;line-height:1.4}.weather span:last-child{grid-column:1/-1;display:block}.field-status{top:246px;width:246px}.field-status p{font-size:13px}.field-status>span{font-size:12px}.top-tools{max-width:460px;flex-wrap:wrap;justify-content:flex-end}.top-tools button{font-size:14px;padding:7px 9px}.top-tools kbd{display:none}.equipment{top:117px;min-width:230px;width:246px}.fight-hud{top:204px;width:246px}.compass{top:390px}.section-panel{width:270px}.controls{width:340px}.gauge span{font-size:12px}.action-buttons button{font-size:13px}.action-buttons kbd{display:none}.control-hint{font-size:12px;line-height:1.5;color:#bfceae;margin:10px 0 0;text-align:center}.telemetry{font-size:12px}.telemetry>span:last-child{font-size:14px}
#tunePopup{position:absolute;z-index:5;width:174px;pointer-events:none;transform:translate(-50%,-100%) translateY(5px);padding:10px 12px;border:1px solid #cbe49c80;border-radius:9px;background:#102b29ed;opacity:0;transition:opacity .22s ease,transform .22s ease;box-shadow:0 5px 20px #071d2955}#tunePopup.visible{opacity:1;transform:translate(-50%,-100%) translateY(0)}#tunePopup>div:first-child{display:flex;justify-content:space-between;font-size:14px;gap:10px}.tune-track{height:6px;background:#3c514a;border-radius:4px;margin-top:8px;overflow:hidden}.tune-track i{display:block;width:55%;height:100%;background:#d4e7a3;transition:width .08s}
dialog p{font-size:14px;line-height:1.8}dialog td,dialog th{font-size:14px;white-space:nowrap}.forecast-scroll{overflow-x:auto}caption{text-align:left;padding:18px 0 10px;color:#c2d2b5;font-size:14px}.weather-current{padding:16px;border:1px solid #a6c29355;border-radius:9px;font-size:16px;line-height:1.7;background:#28483e}.map-options{display:grid;gap:12px}.map-options button{text-align:left;padding:18px}.map-options b{display:block;font-size:18px;margin-bottom:9px}.map-options span{font-size:14px;line-height:1.7;color:#bfceae}.map-options [aria-pressed=true]{border-color:#d3e79b;background:#abc37d19}.key-grid{font-size:14px}.environment-note{border-top:1px solid var(--line);margin-top:20px}
@media(min-width:701px) and (max-width:1050px){.field-title,.field-status{width:215px;left:12px}.equipment,.fight-hud{right:12px;width:215px;min-width:0}.top-tools{right:12px;max-width:350px}.top-tools button{font-size:12px}.controls{right:12px;width:300px}.section-panel{left:12px;width:245px}}
@media(max-width:700px){.field-title{left:8px;top:8px;width:170px;padding:10px;min-width:0}.brand{display:none}.field-name{margin:0;font-size:14px}.field-name span{display:none}.weather{font-size:11px;gap:5px;margin-top:7px}.weather span:last-child{display:block}.top-tools{top:8px;right:8px;max-width:calc(100% - 190px);padding:3px;gap:0}.top-tools button{font-size:12px;padding:6px}.top-tools button>span{display:none}.equipment{display:none}.field-status{left:8px;top:139px;max-width:calc(100% - 16px);width:auto;max-height:52px;overflow:hidden;padding:5px 8px}.field-status p{font-size:11px}.field-status>span{font-size:11px}.fight-hud{right:8px;top:195px;width:144px;padding:8px;background:#102c289c;pointer-events:none}.meter-label span{font-size:8px;letter-spacing:.4px}.meter-label strong{font-size:16px}.tension-caption{font-size:7px}.telemetry{font-size:10px;gap:6px}.telemetry>span:last-child{font-size:12px}.controls{bottom:8px;right:8px;width:calc(100% - 16px);padding:8px}.control-hint{margin:6px 0 0;font-size:11px}.gauge span{font-size:11px}.section-panel{bottom:131px;left:8px;width:calc(100% - 16px);padding:5px 8px}.section-panel canvas{height:80px}.section-head{font-size:12px}.compass{display:none}.touch-move{display:grid;grid-template-columns:repeat(3,30px);position:absolute;left:8px;top:210px;z-index:2;gap:3px}.touch-move button{padding:5px;background:#12312bdc;font-size:15px;touch-action:none}.touch-move button:first-child{grid-column:2}.touch-move button:nth-child(2){grid-column:1}.loadout{grid-template-columns:1fr}}
@media(max-width:700px){#waterLabel{grid-column:1/-1;white-space:nowrap}.weather{row-gap:4px}}

.telemetry>span:nth-last-child(-n+3){flex-basis:100%;font-size:13px}.telemetry>span:nth-last-child(-n+3) b{float:right}.compass{top:435px}

.telemetry [hidden]{display:none!important}

#reelButton.automatic:disabled{opacity:1;color:#d7e7a4}

.career-hud{left:20px;top:225px;width:230px;padding:12px}.career-hud>div:first-child{display:flex;justify-content:space-between;align-items:center}.career-hud small{font-size:10px;color:#aec69b}.career-hud b{font:21px Georgia;color:#e9e4b6}.career-buttons{display:flex;gap:5px;margin-top:12px}.career-buttons button{flex:1;font-size:11px;padding:7px 5px}.career-standing{width:100%;margin-top:8px;font-size:11px;color:#d0dda8}.zoom-tools{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.zoom-tools span{font:10px monospace;color:#b7caaf}.zoom-tools button{padding:3px 10px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-grid article,.event-card{padding:13px;border:1px solid #d7dfae33;border-radius:8px}.shop-grid small{font-size:10px;color:#bacba8}.shop-grid h3{margin:8px 0;font-size:14px}.shop-grid p{font-size:11px;min-height:40px}.shop-grid button{font-size:11px;width:100%}.event-card{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.event-card p{margin-bottom:0}.event-card button{font-size:12px}@media(max-width:700px){.career-hud{left:10px;top:180px;width:155px;padding:8px}.career-hud b{font-size:15px}.career-buttons button{font-size:9px}.career-standing{font-size:9px}.zoom-tools span{font-size:8px}.shop-grid{grid-template-columns:1fr}.field-status{max-width:46vw}}

@media(min-width:701px){.career-hud{top:330px;width:215px}.field-status{max-height:70px;overflow:hidden}}@media(max-width:700px){.career-hud{top:195px;left:8px;width:150px}.touch-move{top:auto;bottom:260px}}@media(max-height:690px) and (min-width:701px){.career-hud{top:280px}.career-hud .zoom-tools{margin-top:3px}.career-standing{padding:4px}.section-panel canvas{height:85px}}
.career-hud{padding:10px}.career-standing{margin-top:4px}.zoom-tools{margin-top:4px}
/* v2.1: game touch surface and shopping */
body,button,canvas,img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}input,textarea{-webkit-user-select:text;user-select:text}button{touch-action:manipulation}[hidden]{display:none!important}.touch-move{display:none!important}
.career-hud{top:205px;width:246px;padding:12px}.career-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:8px}.career-buttons button{font-size:12px;padding:7px 3px}.career-standing{font-size:11px;padding:4px}.career-hud .zoom-tools{margin-top:5px}.field-status{top:auto;bottom:230px}.has-mail{color:#fff3a4!important;background:#8e773755!important}.career-buttons button.has-mail:after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffdf68;margin-left:4px}
#touchControls{position:absolute;inset:0;z-index:6;pointer-events:none}#touchControls>*{pointer-events:auto;touch-action:none}#joystick{position:absolute;left:24px;bottom:92px;width:116px;height:116px;border:1px solid #dce6cb66;border-radius:50%;background:#172d2759;display:grid;place-items:center;box-shadow:inset 0 0 0 23px #d4ddbd0d}#joyKnob{width:47px;height:47px;border-radius:50%;border:1px solid #edecd68f;background:#c4d5af66;pointer-events:none}#joystick span{position:absolute;bottom:5px;font-size:11px;opacity:.7;pointer-events:none}.touch-mouse{position:absolute;width:78px;height:78px;border-radius:50%;background:#16332b65;border:1px solid #e4ebc08f;opacity:.78;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px}.touch-mouse b{font:25px Georgia}.touch-mouse span{font-size:10px;white-space:nowrap}.touch-mouse.held{opacity:1;background:#aacb7788}.touch-mouse#touchLeft{left:42px;bottom:226px}.touch-mouse#touchRight{right:28px;bottom:110px}#touchInteract{display:none;position:absolute;right:24px;bottom:32px;background:#bcd39bba;color:#163b2b}.touch-tuning{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 32px));display:flex;gap:16px;background:#112c27b0;padding:10px 13px;border-radius:12px}.touch-tuning label{width:33.3%;font-size:12px}.touch-tuning input{height:18px;margin:4px 0 0}.touch-mode .controls .action-buttons,.touch-mode .control-hint{display:none}.touch-mode .controls{bottom:214px;width:185px;padding:7px}.touch-mode .section-panel{bottom:320px}.touch-mode .compass{display:none}
#storeScene{position:absolute;inset:0;z-index:5;background:#132520;color:#f0edda;display:flex;flex-direction:column}#storeScene header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #d0d5b82b}#storeScene header h2{font-size:24px;margin:6px 0}#storeScene header small{color:#c4c79e;font-size:11px;letter-spacing:2px}#storeCanvas{width:100%;flex:1;min-height:0;display:block}.store-footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:16px}.store-footer span{font-size:13px;color:#b6c6af}.store-footer button{min-width:230px;background:#cad7a6;color:#1d392a}.in-store #pauseScreen{display:none}.in-store .hud{visibility:hidden}.in-store #touchLeft,.in-store #touchRight,.in-store .touch-tuning{display:none}.in-store #touchInteract{display:block}.in-store #joystick{bottom:24px;width:92px;height:92px}.in-store.touch-mode #storeCanvas{margin-bottom:100px}.in-store.touch-mode .store-footer{position:absolute;bottom:140px;width:100%}.in-store.touch-mode .store-footer span{display:none}
#shopDialog{padding:0;width:min(760px,calc(100vw - 24px));height:min(870px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);overflow:hidden;background:#f6f5ef;color:#163c37;border:7px solid #162420;border-radius:28px;box-shadow:0 28px 100px #0008}#shopContent{height:100%;display:flex;flex-direction:column}#shopDialog button{color:#244f45;border-color:#315e4520;font-size:13px;background:#fff}#shopDialog button:hover{background:#e0e8d8}#shopDialog p{color:#647269;font-size:13px;line-height:1.7}#shopDialog h2{font-size:23px;line-height:1.3}#shopDialog h3{font-size:16px;margin:10px 0}#shopDialog a{color:#276354;font-size:13px}.phone-status{display:flex;justify-content:space-between;padding:10px 22px 4px;font-size:12px;background:#e7ede3}.phone-status b{font-family:Georgia,serif;letter-spacing:1px}.phone-address{margin:0;background:#e7ede3;padding:6px 20px 10px;text-align:center;color:#628070;font-size:12px}.store-nav{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #32563b1a}.store-nav>button{border:0!important;background:transparent!important;padding:6px!important}.store-nav>button:nth-child(2){font-weight:bold;font-size:19px!important}.store-nav>span{margin-left:auto;font-size:12px;white-space:nowrap}.store-tabs{display:flex;border-bottom:1px solid #31583b22}.store-tabs button{flex:1;border:0!important;border-radius:0;font-size:12px!important;padding:12px 3px}.store-layout{display:flex;min-height:0;flex:1;position:relative}.store-sidebar{width:155px;flex-shrink:0;background:#e9eddf;padding:12px 7px;overflow-y:auto}.store-sidebar button{display:block;width:100%;text-align:left;background:transparent!important;border:0!important;font-size:13px!important;margin-bottom:5px}.store-sidebar button[aria-pressed=true]{background:#c7d4b7!important}.store-main{padding:20px;overflow:auto;flex:1;min-width:0;overscroll-behavior:contain}.shop-hero{padding:20px;border-radius:12px;background:#234d40;color:#faf6d9}.shop-hero small{font-size:12px;color:#cdd7b3}.shop-hero h2{font:26px Georgia,serif!important;margin:10px 0}.shop-hero p{color:#d7dfc3!important;margin-bottom:0}.shop-search{display:flex;flex-direction:column;font-size:12px;gap:5px;margin:16px 0}#productSearch{border:1px solid #31563730;background:#fff;padding:12px;border-radius:8px;width:100%;font-size:15px;color:#23483a}.catalog-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#65816c}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{text-align:left;padding:10px!important;display:flex;flex-direction:column;gap:7px;overflow:hidden;border-radius:12px!important;min-width:0}.product-card img{width:100%;height:140px;object-fit:contain;background:white;border-radius:8px}.product-card small{font-size:10px;color:#71917b;letter-spacing:.7px}.product-card strong{font-size:13px;line-height:1.5;min-height:40px;overflow-wrap:anywhere}.product-card b{font-size:15px}.product-card span{font-size:10px;color:#88917b}.catalog-type{height:120px;display:grid;place-items:center;width:100%;background:#ebeddf;color:#456653;font-size:19px;letter-spacing:1px}.product-detail>img{width:100%;height:240px;object-fit:contain;background:#fff;border-radius:14px;margin:12px 0}.product-detail>small{display:block;color:#769073;font-size:12px}.product-price{font-size:23px}.product-detail dl{font-size:13px;line-height:1.6;margin:20px 0}.product-detail dl>div{display:flex;border-bottom:1px solid #24453618;padding:9px 0;gap:12px}.product-detail dt{width:100px;flex-shrink:0;color:#6b7e68}.product-detail dd{margin:0;overflow-wrap:anywhere}.quantity-label{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:14px}.quantity-label input,.cart-row input{background:#fff;border:1px solid #42624444;border-radius:7px;padding:9px;width:78px;color:#214536;font-size:16px}.purchase-actions{display:flex;gap:9px}.purchase-actions>*{flex:1;padding:13px!important}.buy-primary{background:#315f46!important;color:#fff!important;border:0!important;padding:12px!important}.wide{width:100%;margin:8px 0}.cart-row{display:flex;gap:12px;border-bottom:1px solid #244c3420;padding:14px 0}.cart-row>img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:9px}.cart-row>div{flex:1;min-width:0}.cart-row b{font-size:13px;display:block;line-height:1.5}.cart-row span{font-size:13px;display:block;margin:7px 0}.cart-row label{font-size:12px;margin-right:8px}.cart-row .catalog-type{width:90px;flex:0 0 90px;height:90px;font-size:14px}.order-totals{padding:14px;background:#e9eddf;border-radius:9px;margin:18px 0}.order-totals p{display:flex;justify-content:space-between;margin:5px 0}.mail-card{padding:16px;border:1px solid #2e653028;border-radius:10px;margin:12px 0;background:#fff}.mail-card.arrived{border-color:#87a947;background:#f3f9e8}.mail-card small{font-size:10px;color:#86977e}.mail-card p{margin:6px 0}.mail-count{font-size:16px;background:#dae6bd;border-radius:8px;padding:3px 8px}.shop-message{padding:12px;background:#dfecc9;border-radius:8px;color:#2d583b!important}.offline-shop-label{padding:12px 20px;background:#e4ead9;font-size:13px}
@media(max-width:700px){.field-title{top:62px;left:10px;width:150px;padding:8px}.field-title .brand,.field-title .field-name{display:none}.field-title .weather{font-size:10px;gap:5px;margin:0}.field-title .weather span:nth-child(2),.field-title .weather span:nth-child(3),.field-title .weather span:last-child{display:none}.field-title .weather span{grid-column:1/-1}.top-tools{top:8px;left:8px;right:8px;max-width:none;justify-content:space-between;gap:0;flex-wrap:nowrap}.top-tools button{font-size:11px;padding:7px 5px}.equipment{top:62px;right:10px;width:calc(100% - 180px);min-width:0;max-width:none}.equipment b{font-size:11px}.equipment small{font-size:9px}.career-hud{top:131px;left:10px;width:150px;padding:8px}.career-hud b{font-size:16px}.career-buttons{gap:3px;margin-top:5px}.career-buttons button{font-size:10px;padding:6px 1px}.career-standing{font-size:9px;padding:2px}.zoom-tools button{padding:2px 9px}.fight-hud{top:131px;right:10px;width:calc(100% - 180px);padding:8px}.meter-label span{font-size:8px}.telemetry{gap:4px;font-size:10px;padding-top:6px;margin-top:6px}.telemetry>span:last-child{font-size:11px}.field-status{top:auto;bottom:385px;left:10px;width:calc(100% - 20px);max-width:none;max-height:44px;padding:5px 8px}.field-status p{font-size:10px;line-height:1.5}.field-status>span{font-size:10px}.section-panel{bottom:165px;width:calc(100% - 20px);left:10px}.touch-mode .section-panel{bottom:284px;width:calc(100% - 20px)}.section-panel canvas{height:74px}.section-head small{font-size:9px}.touch-mode .controls{bottom:223px;right:12px;width:180px}.touch-mode .gauge span{font-size:10px}.touch-mode .controls .gauge{height:25px}#joystick{left:18px;bottom:88px;width:106px;height:106px}#touchLeft{left:31px!important;bottom:207px!important}.touch-mouse{width:68px;height:68px}#touchRight{right:26px!important;bottom:112px!important}.touch-tuning{gap:12px;padding:8px 11px}.compass{display:none}#storeScene header{padding:14px}#storeScene header h2{font-size:20px}#storeScene header small{font-size:9px;letter-spacing:1px}.store-footer{padding:12px}.store-footer span{display:none}.store-footer button{min-width:200px}#shopDialog{border-width:5px;width:calc(100vw - 10px);height:calc(100dvh - 10px);max-height:none;border-radius:22px}.store-main{padding:13px}.store-sidebar{position:absolute;z-index:2;top:0;bottom:0;box-shadow:8px 0 30px #234a3533}.product-card img{height:115px}.product-card strong{font-size:12px}.product-grid{gap:9px}.store-nav>button:nth-child(2){font-size:17px!important}.shop-hero{padding:16px}.shop-hero h2{font-size:23px!important}.product-detail>img{height:210px}}
@media(max-height:650px) and (min-width:701px){.field-title{top:80px;left:16px;padding:8px;width:210px}.field-title .brand,.field-title .field-name{display:none}.weather{font-size:10px;gap:4px;margin:0}.career-hud{top:164px;left:16px;width:210px}.career-buttons button{padding:4px}.field-status{display:none}.section-panel{bottom:12px;left:245px;width:250px}.touch-mode .section-panel{bottom:12px;left:245px;width:250px}.touch-mode .controls{bottom:220px}.in-store.touch-mode .store-footer{bottom:105px}}
@media(max-height:540px) and (max-width:900px){.touch-mode .section-panel{display:none}.touch-mode .field-status{display:none}.touch-mode .career-hud{top:115px;width:160px}.touch-mode .career-hud .zoom-tools{display:none}.touch-mode #joystick{bottom:20px;width:85px;height:85px}.touch-mode #touchLeft{bottom:120px!important;left:190px!important;width:60px;height:60px}.touch-mode #touchRight{bottom:85px!important;width:65px;height:65px}.touch-mode .touch-tuning{bottom:8px;width:330px}.touch-mode .controls{bottom:166px;right:18px;width:175px}.touch-mode .fight-hud{top:130px;right:18px;width:180px}.touch-mode .telemetry>span:nth-child(n+3){display:none}}
#shopDialog.phone-mode{width:min(490px,calc(100vw - 10px))}
@media(max-width:700px){.touch-mode .field-status{top:62px;bottom:auto;left:auto;right:10px;width:calc(100% - 180px);max-height:58px}.touch-mode .field-status p{font-size:10px}.touch-mode .field-status>span{display:none}}
#shopDialog{max-width:calc(100vw - 10px)}.shop-hero h2{word-break:keep-all}@media(max-width:700px){.shop-hero h2{font-size:20px!important}}
@media(min-width:701px) and (min-height:651px){.touch-mode .section-panel{left:170px;bottom:100px;width:min(450px,calc(100vw - 530px))}.touch-mode .section-panel canvas{height:125px}.touch-mode .field-status{left:290px;bottom:280px;width:310px;max-width:310px}}

.catalog-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.catalog-filters label{margin:0}.spec-chip{font-size:11px;color:#566652;line-height:1.5}.retailer-badge{font-size:10px;color:#397054}.catalog-illustration{position:relative;min-height:110px;background:linear-gradient(145deg,#e5ece0,#f6f4e9);border-radius:8px}.catalog-illustration img{width:100%;height:110px;object-fit:contain}.catalog-illustration>small{position:absolute;bottom:5px;right:8px;font-size:9px!important;color:#6c7965}.product-detail>.catalog-illustration{min-height:160px}.product-detail>.catalog-illustration img{height:160px}.model-note,.source-stamp{background:#e7edde;padding:12px;border-radius:7px;font-size:12px!important}.source-stamp{background:#f0eadc}.equipped-summary{padding:12px;background:#e4ebdb;border-radius:8px}.empty-catalog{grid-column:1/-1}.product-card strong{overflow-wrap:anywhere}.product-detail dl dd{overflow-wrap:anywhere}

.catalog-placeholder{display:grid;place-items:center;background:#e8ebe4;color:#7b8477;border:1px solid #d9ded3;border-radius:8px;min-height:110px;font-size:12px}.product-detail>.catalog-placeholder{min-height:180px}.load-summary{margin:16px 0;padding:12px;border:1px solid #a6be8844;border-radius:8px}.load-summary h3{margin:0 0 12px;font-size:15px}.load-summary dl{margin:0;font-size:11px}.load-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #94ad791c}.load-summary dd{margin:0;text-align:right}.load-summary p{font-size:11px}.load-warnings p{color:#ffd292}.load-warnings .balanced{color:#b9d296}.store-main .load-summary{border-color:#bbc8b4;color:#264938}.store-main .load-warnings p{color:#956136}.store-main .load-warnings .balanced{color:#466f46}#biteAlert.tap{background:#f2cf6e;color:#3c2b16;border-color:#ffe4a2}#biteAlert.take{background:#e85742;color:#fff4eb;border-color:#ffb39b;box-shadow:0 0 22px #f45a4b77}.fight-loads{font-size:10px;color:#bfcda7;line-height:1.6;margin-top:8px}.fight-loads.overload{color:#ffa581}.loadout-equipment{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.loadout-equipment label{font-size:11px}.loadout-equipment select{font-size:11px}.load-summary button{width:100%;margin-top:10px}@media(max-width:600px){.loadout-equipment{grid-template-columns:1fr}}

#fightLoads{position:absolute;right:18px;top:330px;width:260px;padding:8px 12px;z-index:3;background:#102c28df;border-radius:7px;font-size:10px}#fightLoads[hidden]{display:none}@media(max-width:700px){#fightLoads{top:365px;right:8px;width:180px;font-size:9px}}
.in-store #game:before{content:'';position:absolute;inset:0;background:#082523aa;backdrop-filter:blur(5px);z-index:4}
#storeScene{inset:4dvh max(12px,calc((100vw - 1000px)/2));border:1px solid #d0d5b844;border-radius:16px;overflow:hidden;box-shadow:0 30px 100px #0008}
#storeScene header{flex:0 0 auto;padding:14px 20px}#storeScene header h2{font-size:21px}.store-popup-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column}#storeCanvas{height:100%;min-height:320px}.store-footer{flex:0 0 auto}
@media(max-width:700px){#storeScene{inset:6px}.in-store.touch-mode #storeCanvas{margin-bottom:0}.in-store.touch-mode .store-footer{position:static;margin-bottom:105px}.in-store.touch-mode #touchInteract{bottom:115px}}
dialog{padding:0;overflow:hidden;max-height:85dvh}
dialog[open]{display:flex;flex-direction:column}
dialog>.dialog-head{flex:0 0 auto;padding:18px 24px;border-bottom:1px solid var(--line);margin:0;gap:12px}
dialog>.dialog-head h2{margin:4px 0 0}dialog>.dialog-head button{flex-shrink:0;min-width:40px;min-height:40px}
.popup-body{padding:18px 24px;min-height:0;overflow:auto;overscroll-behavior:contain;max-height:calc(85dvh - 100px)}
#shopContent{min-height:0;overflow:hidden}#shopContent>.phone-status,#shopContent>.phone-address,#shopContent>.store-nav,#shopContent>.store-tabs,#shopContent>.offline-shop-label{flex-shrink:0}
.store-layout{overflow:hidden}.store-main{min-height:0}
.rig-sequence{list-style:none;counter-reset:rig;padding:0;margin:16px 0;display:grid;gap:12px}
.rig-sequence li{counter-increment:rig;position:relative;padding:12px 14px 12px 48px;border:1px solid var(--line);border-radius:8px;background:#ffffff04}
.rig-sequence li:before{content:counter(rig,decimal-leading-zero);position:absolute;left:13px;top:14px;font:14px monospace;color:var(--lime)}
.rig-sequence li:not(:last-child):after{content:'↓';position:absolute;bottom:-13px;left:20px;color:#a9bb91;font-size:12px}
.rig-sequence label{margin:0;display:block;font-size:13px}.rig-sequence label small{float:right;color:#acbc9e;font-size:10px}.rig-sequence select{width:100%;margin-top:7px;padding:10px;white-space:normal}
.missing-stock,#buildStatus{font-size:12px!important;color:#e7c190!important}.spool-info{border:1px solid var(--line);background:#b1c8970c;padding:13px;border-radius:8px;margin:14px 0;display:grid;gap:8px}.spool-info b{font-size:13px}.spool-info span{font-size:12px;color:#c2d0b7}.spool-info small{font-size:10px;color:#aabd9f;line-height:1.6}.line-hud{color:#dfebb5!important;white-space:nowrap;font-size:10px;position:absolute;right:12px;top:20px}.weather #activityLabel{grid-column:1/-1}
@media(max-width:700px){dialog>.dialog-head{padding:12px 16px}.popup-body{padding:12px 16px}.field-title .weather #activityLabel{display:none}.field-title .weather #lineHud{display:block;font-size:10px;grid-column:1/-1;position:static}.rig-sequence li{padding-right:10px}.rig-sequence select{font-size:12px}}

#world3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#world3d[hidden]{display:none}#cameraBar{top:210px;left:20px;padding:6px;max-width:calc(100vw - 40px)}#cameraBar button{font-size:11px;padding:7px 9px;border:0}#cameraBar button[aria-pressed=true]{background:#d7e7a4;color:#183c2e}#cameraBar small{display:block;font-size:10px;padding:6px;color:#cad8bc}#lookControls[hidden]{display:none}#lookControls button{min-width:42px} @media(max-width:720px){#cameraBar{top:150px;left:10px;max-width:calc(100vw - 20px)}#cameraBar small{max-width:235px;line-height:1.5}}

@media(min-width:1101px){#cameraBar{top:80px;left:50%;transform:translateX(-50%);max-width:340px}}
body.store-open #cameraBar{display:none}
