:root{--ink:#243d43;--muted:#74858a;--green:#237c68;--mint:#e8f3ec;--line:#e0e8e5;--cream:#f7f8f4;--blue:#dbe8ed;--orange:#efb061}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:14px 'Noto Sans KR','맑은 고딕',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600}button:hover{filter:brightness(.96)}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}input,select{min-width:0;width:100%;padding:9px 11px;border:1px solid #d9e3df;border-radius:7px;background:white;color:var(--ink)}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);flex:none}label{display:block;font-size:12px;color:#62767b;line-height:1.6}label input,label select{display:block;margin-top:5px;font-size:14px;color:var(--ink)}.top{display:flex;align-items:center;gap:36px;padding:18px 4vw;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:17px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:var(--muted);margin-top:3px}.brand-icon{width:39px;height:42px;background:var(--green);border-radius:12px;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;box-shadow:3px 3px 0 #cde8d9}.top nav{display:flex;gap:9px;flex:1}.top nav a{padding:11px 18px;border-radius:8px;color:#718389;font-weight:600;white-space:nowrap}.top nav a span{font-size:10px;margin-right:7px;opacity:.6}.top nav a.active{background:var(--mint);color:var(--green)}.local-tag{font-size:11px;color:var(--muted);white-space:nowrap}.local-tag:before{content:'●';color:#60a68a;font-size:8px;margin-right:6px}main{max-width:1440px;margin:auto;padding:38px 4vw 60px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px!important;letter-spacing:2px;color:var(--green)!important;font-weight:700;margin:0 0 12px}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.4;margin:0 0 10px}h2{font-size:16px;margin:0}h3{font-size:13px;margin:12px 0}.heading p{color:var(--muted);font-size:13px;margin-bottom:0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:var(--green);color:white}.secondary{background:white;border:1px solid #d8e3dd;color:#4e686b}.small{font-size:11px;padding:7px 10px}.full{width:100%;margin-top:10px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:18px;box-shadow:0 3px 10px #223a3b03}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.count{font-size:10px;letter-spacing:1px;color:#8b9b9d;background:#f3f6f4;padding:5px 8px;border-radius:6px}.data-stamp{font-size:11px;color:var(--muted);text-align:right;line-height:1.9}.filterbar{display:flex;gap:15px;align-items:end;background:#eaf0eb;padding:17px 20px;border-radius:11px;margin-bottom:25px}.filterbar label{width:180px}.filterbar .grow{flex:1}.guide-layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.map-panel{padding:16px;align-self:start}.map-button{background:transparent;border-radius:8px;display:block;width:100%;text-align:left;color:#576f72;padding:12px 11px;margin-bottom:3px;font-weight:500;font-size:12px}.map-button small{float:right;color:#95a3a3}.map-button.active{background:#eaf4ee;color:var(--green);font-weight:700}.monster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.monster-card{padding:20px}.monster-title{display:flex;gap:12px;align-items:center}.monster-icon{display:grid;place-items:center;background:#f4ede1;color:#9b8161;border-radius:12px;width:46px;height:46px;font-size:18px;font-weight:800}.monster-title h3{font-size:16px;margin:0 0 4px}.monster-title small{color:var(--muted);font-size:11px}.metrics{display:flex;gap:20px;margin:21px 0 15px}.metric small{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.metric strong{font-size:17px;font-variant-numeric:tabular-nums}.element-tags{display:flex;gap:5px;flex-wrap:wrap}.tag,.pill{display:inline-flex;align-items:center;gap:3px;font-size:10px;border-radius:5px;background:#f2f5f4;padding:4px 7px;color:#708186}.tag.weak{background:#fff1e4;color:#b37735}.tag.pending{background:#f7f0de;color:#a18b46}.tag.confirmed{background:#e6f3e9;color:#568366}.drops{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #eef2ef;margin-top:16px;padding-top:13px}.drops .tag{max-width:100%;line-height:1.7}.notice{padding:12px 16px;background:#eef5ec;color:#597655;border-radius:8px;margin-bottom:18px;font-size:12px}.notice.warn{background:#fff2dc;color:#9b7942}.character-bar{display:flex;gap:15px;align-items:end}.character-bar label{flex:1}.character-bar .wide{flex:2}.builder-layout{display:grid;grid-template-columns:425px 1fr;gap:24px}.equipment-panel{background:linear-gradient(145deg,#fff,#f2f7f8);border-color:#ccdde3}.equipment-panel .panel-title h2{color:#4a7184}#equipment-grid,#sim-equipment-grid,#compare-equipment-1,#compare-equipment-2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,69px);gap:4px;background:#edf2f4;border:1px solid #d6e1e6;border-radius:7px;padding:7px}.slot{padding:0;border-radius:4px;border:1px solid #bdd1dc;background:#dbe8ee;color:#658293;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;overflow:hidden}.slot small{font-size:9px;position:absolute;top:5px;color:#78919f;font-weight:500}.slot .symbol{font-size:23px;font-weight:400;color:#94adba;padding-top:9px}.slot .item-label{font-size:10px;line-height:1.5;padding:13px 4px 0;overflow:hidden;max-height:58px}.slot.filled{background:#ecf3e9;border-color:#b1c7ab;color:#4b744e}.slot.selected{box-shadow:inset 0 0 0 2px #d9ad52}.hint{font-size:11px;color:#87968f;line-height:1.9}.inventory-panel input{font-size:12px}.inventory-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2ef}.item-badge{width:35px;height:35px;flex:none;background:#edf4ec;border-radius:7px;display:grid;place-items:center;color:#6c8c6b;font-size:12px}.inventory-description{flex:1;min-width:0}.inventory-description b{display:block;font-size:12px;overflow-wrap:anywhere}.inventory-description small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.inventory-row .small{padding:6px;font-size:10px}.inventory-row .edit{background:transparent;color:#90a09a}.set-bar{display:flex;gap:8px;margin-top:15px}.set-bar select{flex:1;font-size:11px;width:130px}#inventory-list{max-height:330px;overflow:auto;margin-top:6px}.stat-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #e8eeea;padding-top:15px;margin-top:18px}.stat-summary .metric{background:#f4f8f4;border-radius:7px;padding:11px}.stat-summary strong{color:#407457}.fixed-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2ef}.fixed-row label{flex:1;min-width:100px;font-size:12px}.fixed-row select{width:135px;font-size:12px}.fixed-row .checkbox{width:17px;flex:none;margin:0}.fixed-row .small{padding:7px;font-size:10px}.buff-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2ec}.buff-row span{flex:1;font-size:12px}.buff-row small{color:#a6a27b;font-size:10px}.toggle-row{display:flex;gap:9px;align-items:center;font-size:13px;background:#edf4ec;border-radius:8px;padding:12px;margin-bottom:7px}.toggle-row input{margin:0}.toggle-row span{margin-left:auto;font-size:12px;color:var(--green)}.simulation-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.simulation-layout>aside label{margin-bottom:10px}.simulation-layout .stat-fields{grid-template-columns:repeat(2,1fr);gap:8px}.simulation-layout .stat-fields input{padding:7px}.compact-loadout{font-size:11px;line-height:2;color:var(--muted);margin:10px 0;max-height:160px;overflow:auto}.compact-loadout button{padding:1px 6px;font-size:10px;float:right}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.compare-card{border:1px solid var(--line);border-radius:12px;background:white;padding:18px}.compare-card.virtual{background:#e9f3e9;border-color:#bfd6b9}.compare-card h3{font-size:13px;color:#68846b;margin:0 0 15px}.compare-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compare-values .metric strong{font-size:19px}.compare-values .metric em{display:block;font-size:10px;font-style:normal;color:#389a60;margin-top:4px}.calc-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.calc-controls label{flex:1;min-width:110px}.calc-controls .check{display:flex;gap:6px;align-items:center;font-size:11px;min-width:150px}.calc-controls .check input{margin:0}.model-note{font-size:10px;background:#fbf5e9;color:#a1885a;border-radius:7px;padding:10px 12px;line-height:1.8;margin:18px 0}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#92a09c;font-size:10px;font-weight:500;border-bottom:1px solid var(--line);padding:11px 6px}td{padding:15px 6px;border-bottom:1px solid #eef2ed;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f4f8f4}td small{display:block;color:#a0aaa7;font-size:10px;margin-top:5px}.progress{background:#ebf0ea;width:75px;height:5px;border-radius:3px;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;background:#65a875}.prob{color:var(--green);font-weight:700}.empty{text-align:center;padding:45px 20px;color:#94a098;font-size:13px}canvas{max-width:100%;width:100%;height:240px}#distribution-detail{font-size:11px;color:var(--muted);margin-bottom:8px;line-height:1.8}hr{border:0;border-top:1px solid var(--line);margin:20px 0}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:22px 4vw;color:#9aa6a0;font-size:10px}footer span{float:right}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:40;background:#2d5449;color:white;padding:12px 22px;border-radius:9px;box-shadow:0 4px 20px #16322526;opacity:0;pointer-events:none;transition:opacity .15s;font-size:12px;max-width:90vw}#toast.show{opacity:1}dialog{border:1px solid #dbe6dd;border-radius:15px;width:620px;max-width:94vw;padding:24px;color:var(--ink);box-shadow:0 15px 70px #203b4526;max-height:90vh;overflow:auto}dialog::backdrop{background:#17392960;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:19px}.dialog-head button{background:transparent;font-size:24px;color:#95a298;padding:0 5px}.dialog-actions{display:flex;justify-content:end;gap:8px;margin-top:23px}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.dialog-top{display:flex;gap:12px}.dialog-top label{flex:1}.dialog-help{font-size:11px;background:#f1f6ef;padding:12px;line-height:1.8;color:#71856e;border-radius:7px}.error{background:#fff0e9;color:#a55e3f;border-radius:8px;padding:15px;font-size:12px}.link-button{border:0;background:transparent;color:var(--green);padding:0;font-size:12px;font-weight:600}.page[hidden]{display:none!important}@media(max-width:1100px){.top{gap:15px}.top nav a{padding:9px 10px}.local-tag{display:none}.builder-layout{grid-template-columns:360px 1fr}.stat-fields{grid-template-columns:repeat(3,1fr)}.fixed-row{gap:6px}.fixed-row label{font-size:11px;min-width:85px}.fixed-row select{width:100px}.simulation-layout{grid-template-columns:230px 1fr}.metrics{gap:13px}}@media(max-width:800px){.top{position:relative;flex-wrap:wrap;padding:16px 5vw}.top nav{width:100%;flex:auto;gap:4px}.top nav a{flex:1;text-align:center;font-size:11px;padding:10px 6px}.top nav a span{display:none}main{padding:25px 5vw}.heading{align-items:start;flex-direction:column}.heading h1{font-size:25px}.heading-actions{width:100%}.heading-actions button{flex:1;font-size:11px;padding:9px}.guide-layout,.builder-layout,.simulation-layout{grid-template-columns:1fr}.map-panel{max-height:230px;overflow:auto}.monster-grid{grid-template-columns:1fr}.character-bar{flex-wrap:wrap}.character-bar label{flex:1 1 30%}.character-bar .wide{flex:1 1 60%}.filterbar{flex-wrap:wrap;padding:13px}.filterbar label{width:auto;flex:1 1 40%}.filterbar .grow{flex:1 1 100%;order:3}.simulation-layout>aside .panel{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.simulation-layout>aside .panel>div,.simulation-layout>aside .panel>hr,.simulation-layout>aside .panel>h3,.simulation-layout>aside .panel>.hint{grid-column:1/-1}.compare-values{gap:8px}.compare-values .metric strong{font-size:16px}.calc-controls label{flex:1 1 40%}.stat-summary{grid-template-columns:repeat(4,1fr)}.stat-summary .metric{padding:8px}.stat-summary strong{font-size:15px}.editor-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:16px}.fixed-row label{flex:1}.fixed-row select{width:135px}table{font-size:11px}th,td{padding:10px 3px}.progress{width:45px}footer span{float:none;display:block;margin-top:6px}}
/* Maple-inspired window chrome. Keep the information surfaces quiet and readable. */
:root{--ink:#34475c;--muted:#7a8b9e;--green:#2981bd;--mint:#eaf5ff;--line:#cbd9e6;--cream:#eef5fb;--blue:#dbeaf7;--orange:#f4b64b}
body{background:radial-gradient(ellipse at 12% 0%,#dcefff 0,transparent 48%),linear-gradient(180deg,#f4f9fd,#edf3f9);background-attachment:fixed;font-family:'맑은 고딕',sans-serif}
.top{background:linear-gradient(#fff,#f2f7fc);border-bottom:2px solid #abc9df;box-shadow:0 2px 0 #fff,0 5px 18px #436f8b0b;padding-top:14px;padding-bottom:14px}
.brand{color:#39516b;gap:10px;font-size:16px}.brand small{color:#89a1b5;letter-spacing:1.8px;font-size:8px}
.brand-icon{background:linear-gradient(#ffc969,#ed9140);color:white;border:2px solid #fff0cf;border-radius:12px;box-shadow:0 0 0 1px #d6a45a,0 3px 0 #d77d34;font-size:24px;width:38px;height:38px}
.top nav{gap:7px}.top nav a{border:1px solid #d3dfeb;border-radius:9px;background:linear-gradient(#fff,#f0f5fa);color:#6c8198;box-shadow:inset 0 1px 0 #fff;padding:10px 17px}
.top nav a.active{color:white;border-color:#3489c1;background:linear-gradient(#69b9ec,#3b95cf);box-shadow:inset 0 1px 0 #b9e6ff,0 2px 0 #297aae}.top nav a span{opacity:.8}
.local-tag{color:#738aa0}.local-tag:before{color:#79ad71}
main{padding-top:30px}.heading{margin-bottom:23px}.heading h1{font-size:28px;color:#354e6a;letter-spacing:-1px}.heading .eyebrow{font-size:9px!important;letter-spacing:1.5px;color:#7297b7!important;margin-bottom:9px}
.panel,.compare-card{border:1px solid #b9cddd;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 2px #f4f8fc,0 3px 8px #476b8510}
.panel-title{position:relative;background:linear-gradient(#f8fcff,#e7f0f8);border-bottom:1px solid #c7d8e5;margin:-19px -19px 18px;padding:12px 17px;border-radius:10px 10px 0 0;min-height:45px}
.panel-title h2{color:#54718d;font-size:13px;font-weight:700;letter-spacing:.2px}.panel-title h2:before{content:'';display:inline-block;width:6px;height:6px;background:#7eb5dc;border:1px solid #5b9ac7;margin-right:8px;border-radius:2px;vertical-align:2px}
.count,.pill{color:#7592aa;background:#fff;border:1px solid #d3e2ee;border-radius:5px;font-size:9px;padding:4px 7px;letter-spacing:.5px}
button{border-radius:7px;transition:background .12s,box-shadow .12s;min-height:33px}.primary{color:#fff;background:linear-gradient(#70bceb,#4099d0);border:1px solid #348bc1;box-shadow:inset 0 1px 0 #bbe7ff,0 2px 0 #2d7db0;text-shadow:0 1px #287bb0}
.secondary{color:#56738b;background:linear-gradient(#fff,#edf3f9);border:1px solid #bfcedc;box-shadow:inset 0 1px 0 #fff,0 1px 0 #adbfce}.primary:hover{filter:none;background:linear-gradient(#85c9f0,#50a4d9)}.secondary:hover{filter:none;background:#e8f3ff}button:active{transform:translateY(1px)}
input,select{border:1px solid #c7d7e5;border-radius:5px;background:#fcfdff;box-shadow:inset 0 1px 2px #69839908}input:focus,select:focus{outline:2px solid #9cceee;outline-offset:1px}label{color:#6b8197}input[type=checkbox]{accent-color:#449ed7}
.filterbar{background:#e4eff9;border:1px solid #c9dceb;box-shadow:inset 0 1px 0 #fff;border-radius:9px}.map-panel{padding:16px}.map-panel .panel-title{margin:-15px -15px 12px;padding:11px 15px}.map-button{color:#607b94;border:1px solid transparent;border-radius:6px}.map-button:hover{background:#f1f7fd}.map-button.active{background:linear-gradient(#eef8ff,#dfedf9);border-color:#bbd8ec;color:#317cad;box-shadow:inset 0 1px 0 #fff}.map-button small{color:#8ca4b8}
.monster-card{border-color:#ccdce8}.monster-icon{border:1px solid #ead3a7;background:linear-gradient(#fff6df,#ffe9b7);color:#b78b3f;border-radius:9px;box-shadow:inset 0 1px 0 #fff}.monster-title h3{color:#48637e}.metric strong{color:#3b5874}.metric small{color:#8096a9}.tag{border:1px solid #dce6ef;background:#f1f6fb;color:#6d859a}.tag.weak{background:#fff3e4;border-color:#f1dcbd;color:#ba8143}.tag.confirmed{background:#eef7ec;border-color:#d5e7cf;color:#709268}.tag.pending{background:#fff8e4;border-color:#eee1b6;color:#a48b44}
.notice{background:#eaf5ff;border:1px solid #c8e0f1;color:#6487a3;border-radius:7px}.notice.warn,.model-note{background:#fff9eb;border:1px solid #eddfbc;color:#a08951}.hint{color:#8497a7}
.equipment-panel{background:linear-gradient(#fff,#f3f8fc);border:1px solid #9fbdd4;box-shadow:inset 0 0 0 3px #e9f3fb,0 3px 9px #466c8914}.equipment-panel .panel-title{background:linear-gradient(#e8f6ff,#bddbef);border-bottom-color:#9fbed5}.equipment-panel .panel-title h2{color:#466f90}
#equipment-grid,#sim-equipment-grid,#compare-equipment-1,#compare-equipment-2{position:relative;background:linear-gradient(135deg,#f3f8fc,#e4eff8);border:1px solid #b6ccde;border-radius:5px;gap:4px;padding:8px;box-shadow:inset 0 1px 3px #7b9bb01c}
.slot{background:linear-gradient(#e8f3fb,#d5e6f3);border-color:#b3ccdf;box-shadow:inset 0 0 0 1px #f7fcff;border-radius:3px}.slot small{color:#7d9ab0;font-size:9px}.slot .symbol{color:#a3bed2}.slot:hover{background:#d5eafa;border-color:#72add6;filter:none}.slot.filled{background:linear-gradient(#fff9dd,#fae9bd);border-color:#dfc580;color:#947331;box-shadow:inset 0 0 0 1px #fffdf2}.slot.filled small{color:#b59860}.slot.selected{box-shadow:inset 0 0 0 2px #65afe0}.slot .item-label{font-weight:600}
.item-badge{background:linear-gradient(#fff9e5,#f7e9bf);border:1px solid #e3d5a6;border-radius:5px;color:#a08646}.inventory-row{border-bottom-color:#e6eef5}.inventory-row .edit{color:#8ba1b5}.stat-summary{border-top-color:#e1ebf4}.stat-summary .metric{background:linear-gradient(#f7fbff,#ecf4fb);border:1px solid #dce8f2;border-radius:6px}.stat-summary strong{color:#3b82b4}.fixed-row,.buff-row{border-bottom-color:#e6edf5}.toggle-row{background:#eaf5ff;border:1px solid #d1e4f3;border-radius:6px}.toggle-row span{color:#4588b5}
.compare-card.virtual{background:linear-gradient(#f0f8ff,#e5f2fc);border-color:#a6cce8;box-shadow:inset 0 0 0 2px #f9fcff}.compare-card h3{color:#6488a7}.compare-values .metric em{color:#408dbc}.compare-card.virtual h3:before{content:'+';display:inline-grid;place-items:center;width:17px;height:17px;background:#6baedf;color:white;border-radius:4px;margin-right:7px}
th{background:#f1f6fb;color:#7c95ab;border-bottom-color:#d1e0ed;padding-top:12px;padding-bottom:12px;font-weight:600}td{border-bottom-color:#e6eef6}tr.clickable:hover{background:#f0f8ff}td small{color:#91a4b5}.prob{color:#3a92c9}.progress{background:#e5eef6;border:1px solid #d7e5ef;height:6px}.progress i{background:linear-gradient(90deg,#8bc5eb,#489ed5)}
dialog{border:2px solid #aac9e0;border-radius:11px;padding:24px;box-shadow:inset 0 0 0 2px #edf6fd,0 18px 70px #355d8140}dialog::backdrop{background:#23476458;backdrop-filter:blur(2px)}.dialog-head{background:linear-gradient(#f3faff,#dcecf8);border-bottom:1px solid #bed5e7;margin:-23px -23px 20px;padding:13px 20px;border-radius:8px 8px 0 0}.dialog-head h2{font-size:16px;color:#547a99}.dialog-head button{color:#6c9ab8;min-height:25px;border:1px solid #adc9dd;background:#e7f3fc;border-radius:4px;line-height:22px;font-size:20px}.dialog-help{background:#edf5fc;color:#718da4;border:1px solid #d7e7f3}#toast{background:#397fab;border:1px solid #7eb3d5;box-shadow:0 4px 16px #385c8126}footer{color:#8fa3b5;border-top-color:#d3e1ed}
@media(max-width:1100px){.top nav a{padding:9px 10px}}
@media(max-width:800px){.top nav a{padding:10px 6px}.heading h1{font-size:24px}.panel-title{margin:-15px -15px 16px;padding:11px 14px}.map-panel .panel-title{margin:-15px -15px 12px}.top{box-shadow:0 2px 0 #fff}.filterbar{gap:12px}}

.monster-icon.has-image{width:84px;height:84px;flex:none;background:linear-gradient(#fffdf5,#fff5dc);border-color:#e9dbb9}.monster-icon img{display:block;max-width:72px;max-height:72px;object-fit:contain;image-rendering:pixelated}.monster-title{min-height:84px}

#map-detail>.panel-title{margin:0 0 16px;border:1px solid #c7d8e5;border-radius:8px;padding:12px 16px}
.map-preview{margin:0 0 18px;padding:20px}.map-preview-image{display:flex;align-items:center;justify-content:center;min-height:130px;padding:20px;background:linear-gradient(#f7fbfe,#edf4fa);border:1px solid #e0eaf3;border-radius:6px;overflow:hidden}.map-preview-image img{max-width:100%;height:auto;max-height:250px;object-fit:contain;image-rendering:pixelated}.map-preview figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#8b9bab;font-size:10px;line-height:1.8;margin-top:12px}.map-preview figcaption a{color:#568fb6}.map-image-pending{font-size:11px}@media(max-width:800px){.map-preview{padding:16px}.map-preview-image{padding:14px}.map-preview figcaption{flex-direction:column}}

.stat-window{margin-top:16px;padding:16px 18px;border:1px solid #bcd8ed;border-radius:7px;background:linear-gradient(#f2faff,#e4f2fd);display:flex;align-items:center;justify-content:space-between;gap:18px}.stat-window small{display:block;color:#638ba8;font-size:11px}.stat-window strong{display:block;font-size:26px;color:#327dae;font-variant-numeric:tabular-nums;margin-top:6px}.stat-window p{font-size:10px;color:#7f97aa;line-height:1.8;max-width:230px;margin:0}.additional-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e5edf5}.additional-row>div{flex:1;min-width:0}.additional-row b{display:block;font-size:12px}.additional-row small{display:block;font-size:10px;color:#869bab;margin-top:5px;overflow-wrap:anywhere}.additional-row .edit{background:none;color:#8fa3b5}#equipment-grid,#sim-equipment-grid,#compare-equipment-1,#compare-equipment-2{background:radial-gradient(ellipse at 37% 55%,#fbfdff 0,#edf5fb 45%,#e0ebf4 100%)}@media(max-width:800px){.stat-window{flex-direction:column;align-items:flex-start}.stat-window p{max-width:none}}

#worldmap-panel{margin-bottom:20px}#atlas-select{max-width:240px}.atlas-layout{display:grid;grid-template-columns:minmax(0,640px) minmax(170px,1fr);gap:20px;align-items:start}.atlas-image{position:relative;width:100%;max-width:640px;isolation:isolate}.atlas-image>img{display:block;width:100%;height:auto;border-radius:12px}.atlas-dot{position:absolute;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;background:#247eb7;color:#fff;font-size:10px;line-height:18px;box-shadow:0 1px 4px #1239;z-index:2}.atlas-dot.selected{background:#c26c12;z-index:4}.atlas-dot b{display:none;position:absolute;bottom:26px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#183e59;color:#fff;padding:5px 8px;border-radius:6px;font-size:12px;pointer-events:none}.atlas-dot:hover,.atlas-dot:focus-visible{z-index:10;background:#c26c12}.atlas-dot:hover b,.atlas-dot:focus-visible b{display:block}.atlas-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:470px;overflow:auto}.atlas-entry{text-align:left;padding:8px;font-size:12px;background:#f1f8fc;border:1px solid #c9deeb;border-radius:7px}.atlas-entry strong{display:inline-grid;place-items:center;background:#247eb7;color:white;border-radius:50%;width:20px;height:20px;margin-right:4px}.atlas-entry.active{background:#fff1d5;border-color:#d79b3e}.atlas-missing{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#worldmap-panel summary{cursor:pointer;margin-top:12px;color:#597184}#map-detail{scroll-margin-top:90px}@media(max-width:900px){.atlas-layout{grid-template-columns:1fr}.atlas-legend{max-height:200px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.atlas-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-dot{width:18px;height:18px;font-size:9px;line-height:14px}}
.atlas-dot{min-height:0}

.atlas-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.atlas-dot span{pointer-events:none}

.guild-levels{display:flex;gap:8px;flex-wrap:wrap;grid-column:3 / -1}.guild-levels label{flex:1;min-width:72px}.buff-effect{grid-column:2 / -1;color:#49758a}.fixed-row select{min-width:0}

.fixed-row{flex-wrap:wrap}.buff-effect{flex-basis:100%;padding-left:28px}.guild-levels{flex:1 1 240px}.fixed-row select[data-blessing-level]{width:90px}

.atlas-route>div{display:flex;gap:8px;flex-wrap:wrap}.atlas-route>div>span{border:1px solid #dce8f2;border-radius:6px;padding:5px}

.ap-budget{background:#eef7ff;border:1px solid #d1e4f3;border-radius:8px;padding:14px;margin-top:16px}.ap-counts{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.ap-counts b{color:#3b82b4}.ap-counts .error b{color:#a33}.ap-budget .hint{margin-bottom:0}

.gear-section{border-top:1px solid #dce8f2;margin-top:16px;padding-top:8px}.gear-section h3{color:#3b82b4;font-size:15px}.gear-section .hint{margin-top:0}

.atlas-dot:active{transform:translate(-50%,-50%)}.atlas-dot::before{content:"";position:absolute;inset:-5px;border-radius:50%}.atlas-dot{touch-action:manipulation}.atlas-image,#map-detail{overflow-anchor:none}

.farming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.farming-grid article{padding:12px;background:#edf6fd;border:1px solid #c6daeb;border-radius:6px}.farming-grid strong,.farming-grid small{display:block;margin-top:7px}.farming-grid strong{color:#2879a0}.farming-grid small{color:#637d8f}.simulation-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}@media(max-width:800px){.simulation-layout{grid-template-columns:1fr}}

.gear-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:0 auto 22px}.table-scroll{overflow:auto}th small{display:block;margin-top:5px}#efficiency-results td{white-space:nowrap}#gear-compare-content .compare-card p{line-height:1.8}@media(max-width:650px){.gear-pair{grid-template-columns:1fr}.top nav{flex-wrap:wrap}.top nav a{flex:1 1 40%}}

.fixed-row .guild-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;max-width:100%;gap:8px}.fixed-row .guild-levels label{min-width:0;width:100%;max-width:100%}.fixed-row .guild-levels select{width:100%;max-width:100%;min-width:0;padding-left:8px;padding-right:8px}@media(max-width:800px){.fixed-row .guild-levels{flex:1 1 100%;width:100%;grid-column:1/-1}}

.rough-result{margin:16px 0;padding:14px;background:#e8f4fc;border:1px solid #bed8ed;border-radius:7px}.rough-result strong,.rough-result b,.rough-result small{display:block}.rough-result strong{font-size:20px;color:#2876a2;margin:8px 0}.rough-result small{font-size:12px;color:#65879e}.rough-controls{margin-bottom:20px}

.gear-summary-table th,.gear-summary-table td{overflow-wrap:anywhere}.gear-summary-table{table-layout:fixed}.gear-summary-table th:first-child{width:36%}.gear-summary-table td:not(:first-child){text-align:right}.gear-summary-table th:not(:first-child){text-align:right}
.simulation-layout > *,#comparison > *{min-width:0}

.charge-control[hidden]{display:none!important}

#rough-success-custom-label[hidden]{display:none!important}

#rough-weapon-crit-label[hidden],#quick-spec-panel[hidden]{display:none!important}
#spec[data-quick="true"] .builder-layout{display:block}#spec[data-quick="true"] .builder-layout>div:first-child,#spec[data-quick="true"] .builder-layout>div:nth-child(2)>section:nth-child(3),#spec[data-quick="true"] #stat-fields,#spec[data-quick="true"] #input-hint,#spec[data-quick="true"] #example-spec,#spec[data-quick="true"] #captain-video-spec{display:none!important}#quick-spec-panel h3{margin-top:20px}#quick-spec-panel details{margin:20px 0}#quick-spec-panel summary{cursor:pointer;color:var(--muted)}

.backup-menu{position:relative}.backup-menu summary{cursor:pointer;padding:14px}.backup-menu[open]{background:white;border-radius:12px}.heading-actions{flex-wrap:wrap}#spec[data-quick="true"] #stat-input-title,#spec[data-quick="true"] #ap-budget{display:none!important}[hidden]{display:none!important}#spec .character-bar{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.heading-actions{width:100%;display:flex}.heading-actions>button{flex:1}.stat-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

#spec[data-fullquick="true"] #fixed-buffs,#spec[data-fullquick="true"] #extra-buffs,#spec[data-fullquick="true"] #add-buff,#spec[data-fullquick="true"] #amp-label{display:none!important}