/* Match the existing PMD panels, pixel icons and button vocabulary. */
.menu-item.local-menu-item{grid-template-columns:34px minmax(0,1fr);min-width:0;line-height:1.35}
.local-menu-label{grid-column:2;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.local-menu-item .mi-ico{grid-column:1;grid-row:1 / 3;align-self:center;justify-content:center}
.local-menu-item small{min-width:0;white-space:normal;line-height:1.4;font-size:12px}
.local-dialog#local-skills,.local-dialog#local-runs,.local-dialog#local-backup{
 padding:0;width:min(840px,calc(100vw - 40px));max-height:min(860px,calc(100dvh - 48px));
 background:linear-gradient(180deg,var(--box1),var(--box2));color:var(--ink);border:3px solid var(--edge);border-radius:12px;
 box-shadow:0 0 0 3px var(--edge-out),inset 0 0 0 2px var(--edge-in),0 18px 50px #0009;
 font:16px/1.5 var(--font);text-shadow:1px 2px 0 var(--shadow);scrollbar-color:var(--edge-in) var(--box2)
}
.local-dialog#local-runs,.local-dialog#local-backup{width:min(680px,calc(100vw - 40px))}
.local-dialog::backdrop{background:radial-gradient(circle at 50% 40%,#0a14308c,#030610e0);backdrop-filter:none}
.local-dialog>.local-dialog-head{position:sticky;top:0;z-index:4;margin:0;padding:18px 22px 14px;background:linear-gradient(180deg,#315aa9,#27498f);border-bottom:2px solid var(--edge-in);box-shadow:0 3px 0 #10265880}
.local-dialog .local-dialog-head header{display:flex;align-items:center;gap:14px;justify-content:space-between}
.local-dialog .local-dialog-head h2{font-size:26px;color:var(--ink);margin:0;letter-spacing:1px;line-height:1.25}
.local-dialog .local-dialog-head h2 img{margin-right:10px;vertical-align:middle;image-rendering:pixelated}
.local-dialog .local-dialog-head p{font-size:13px;color:var(--muted);margin:5px 0 0;line-height:1.4}
.local-dialog-body{padding:20px 22px 22px}
.local-dialog .local-dialog-body p{margin:8px 0 16px;color:var(--muted);font-size:14px;line-height:1.7}
.local-dialog .local-dialog-body h3{margin:0 0 12px;font-size:20px;color:var(--gold)}
.local-dialog .btn,.local-dialog#local-skills button,.local-dialog#local-runs button,.local-dialog#local-backup button{
 appearance:none;border:2px solid var(--edge);border-radius:7px;background:linear-gradient(180deg,#3d67c0,#26468f);
 box-shadow:0 0 0 2px var(--edge-out),0 3px 0 var(--edge-out);color:var(--ink);padding:9px 14px;
 min-height:42px;cursor:pointer;font:700 15px/1.35 var(--font);text-shadow:1px 2px 0 var(--shadow);transition:filter .12s,transform .06s
}
.local-dialog#local-skills button:hover,.local-dialog#local-runs button:hover,.local-dialog#local-backup button:hover{filter:brightness(1.13)}
.local-dialog#local-skills button:active,.local-dialog#local-runs button:active,.local-dialog#local-backup button:active{transform:translateY(2px)}
.local-dialog#local-skills button:focus-visible,.local-dialog#local-runs button:focus-visible,.local-dialog#local-backup button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.local-dialog button:disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}
.local-dialog#local-skills #local-save,.local-dialog#local-backup #backup-export{
 color:#3a2300;background:linear-gradient(180deg,#ffe37a,#f0a31e);border-color:#fff7d6;text-shadow:1px 1px 0 #fff6
}
.local-dialog#local-skills .local-mode{margin:0 0 16px;padding:12px 14px;border:2px solid #ffffff30;border-radius:8px;background:#0c204b66;font-size:15px;color:var(--ink)}
.local-dialog input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}
.local-dialog#local-skills .local-fusion{margin:0 0 24px;padding:16px;border:2px solid var(--edge-in);border-radius:8px;background:#0b1d4666}
.local-dialog #local-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 4px}
.local-dialog .fusion-group{min-width:0;min-height:146px;padding:12px;border:2px solid #7d9ee1;border-radius:8px;background:linear-gradient(180deg,#193b78,#142b5c);box-shadow:inset 0 0 0 2px #10224a}
.local-dialog .fusion-group h4{font-size:14px;font-weight:700;color:var(--gold);margin:0 0 12px}
.local-dialog#local-skills .fusion-chip{display:flex;align-items:center;gap:10px;text-align:left;min-height:48px;width:100%;padding:9px 10px;margin:9px 0;border:2px solid #7395d1;border-radius:6px;background:linear-gradient(180deg,#315691,#254374);box-shadow:0 2px 0 #0b1838;touch-action:none}
.fusion-chip img{flex-shrink:0;image-rendering:pixelated}.fusion-chip span{min-width:0;font-size:14px}
.local-dialog#local-skills .fusion-chip[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(180deg,#546594,#3a4d7d);outline:none;box-shadow:0 0 0 2px #ffd23f44}
.local-dialog#local-skills #local-fusion-status{font-size:13px;color:var(--green);margin-bottom:0;min-height:0}
.local-dialog#local-skills #local-kind{font-size:14px;color:var(--muted)}
.local-dialog#local-skills #local-effective{padding:12px 14px;border:2px solid #7194cf;border-radius:8px;background:#102a58;line-height:1.7;font-size:14px;color:#edf5ff}
.local-dialog#local-skills #local-fields{gap:10px 16px;margin:16px 0 20px}
.local-dialog#local-skills #local-fields label{margin:0;padding:12px;background:#102a5866;border:1px solid #6489c4;border-radius:7px;font-size:14px;color:var(--ink)}
.local-dialog#local-skills #local-fields small{font-size:12px;margin:3px 0 8px;color:var(--muted)}
.local-dialog#local-skills select,.local-dialog#local-skills input[type=number]{background:#0f1f4a;border:2px solid var(--edge-in);border-radius:6px;color:#fff;padding:10px;font:16px var(--font);min-height:44px;text-shadow:none}
.local-dialog#local-skills select:focus,.local-dialog#local-skills input:focus{border-color:var(--gold);outline:none}
.local-dialog details{padding:12px 14px;background:#112a5966;border:2px solid #6489c4;border-radius:8px;font-size:14px}
.local-dialog summary{cursor:pointer;color:var(--gold)}.local-dialog pre{font:12px/1.6 ui-monospace,monospace;text-shadow:none;color:var(--muted)}
.local-dialog#local-skills footer{position:sticky;bottom:-22px;z-index:3;margin:18px -22px -22px;padding:16px 22px;background:linear-gradient(180deg,#244482,#192f67);border-top:2px solid var(--edge-in);gap:14px}
.local-dialog#local-runs article{border:2px solid #6c91cf;border-radius:8px;background:#10295899;padding:16px;margin:14px 0;box-shadow:inset 0 0 0 2px #10224a}
.local-dialog#local-runs article h3{font-size:19px;color:var(--gold);margin:0 0 8px}.local-dialog#local-runs article p{font-size:14px}
.local-dialog .local-empty{padding:28px 18px;text-align:center;border:2px dashed #7b9dd4;border-radius:8px;background:#142c5b88}
.local-dialog .local-empty img{display:block;margin:0 auto 10px;image-rendering:pixelated}.local-dialog .local-empty strong{display:block;font-size:19px;color:var(--gold)}
.local-dialog#local-backup .backup-file{padding:16px;border:2px solid #6489c4;background:#10295899;border-radius:8px;color:var(--ink);margin:24px 0 12px}
.local-dialog .backup-file input{color:var(--muted);font:14px var(--font);width:100%;min-width:0}
.local-dialog .backup-file input::file-selector-button{font:14px var(--font);color:#fff;border:2px solid #9ab9f0;background:#315691;border-radius:5px;padding:8px 10px;margin-right:10px}
.local-dialog#local-backup #backup-health{padding:12px 14px;background:#10295899;border:2px solid #6489c4;border-radius:8px;color:#d7eaff}
#local-skills-open,#local-view-open,#local-view-panel{font-family:var(--font);text-shadow:1px 2px 0 var(--shadow)}
#local-skills-open,#local-view-open{background:linear-gradient(180deg,#365ba9,#203e7d);border:2px solid var(--edge);border-radius:8px;box-shadow:0 0 0 2px var(--edge-out),0 3px 0 var(--edge-out)}
#local-skills-open{color:var(--gold)}
#local-view-panel{background:linear-gradient(180deg,var(--box1),var(--box2));border:3px solid var(--edge);border-radius:10px;box-shadow:0 0 0 3px var(--edge-out),inset 0 0 0 2px var(--edge-in),0 12px 30px #0008}
@media(min-width:1000px) and (min-height:700px){.menu-right{width:min(430px,39vw)}.menu-right .box{padding:18px}.menu-item.local-menu-item{padding-top:9px;padding-bottom:9px}}
@media(orientation:portrait) and (max-width:760px){.menu-item.local-menu-item{grid-template-columns:28px minmax(0,1fr);padding:9px 8px;column-gap:6px}.local-menu-item .mi-ico img{width:24px!important;height:24px!important}.local-menu-label{font-size:17px}.local-menu-item small{font-size:11px}}
@media(max-width:540px){
 .local-dialog#local-skills,.local-dialog#local-runs,.local-dialog#local-backup{width:calc(100vw - 22px);max-height:calc(100dvh - 32px);border-radius:9px}
 .local-dialog>.local-dialog-head{padding:15px 14px 12px}.local-dialog .local-dialog-head h2{font-size:23px}.local-dialog .local-dialog-head p{font-size:12px}.local-dialog-body{padding:16px 14px}
 .local-dialog#local-skills .local-fusion{padding:12px}.local-dialog #local-groups{grid-template-columns:1fr;gap:12px}.local-dialog .fusion-group{min-height:108px}
 .local-dialog#local-skills #local-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.local-dialog#local-skills #local-fields label{padding:9px;font-size:13px}.local-dialog#local-skills #local-fields input{width:100%;min-width:0}
 .local-dialog#local-skills footer{bottom:-16px;margin:18px -14px -16px;padding:14px;gap:10px}.local-dialog#local-skills footer button{flex:1;padding:10px 6px;font-size:14px}
 .local-dialog .local-dialog-head button{flex-shrink:0}.local-dialog .local-dialog-body p{font-size:13px}.local-dialog#local-backup #backup-export{width:100%}
}
@media(prefers-reduced-motion:reduce){.local-dialog,.local-dialog button{animation:none;transition:none}}

.local-drag-handle{touch-action:none;cursor:grab!important;-webkit-user-select:none;user-select:none}#local-skills-open.local-dragging,#local-view-open.local-dragging{cursor:grabbing!important;box-shadow:0 0 0 3px var(--gold),0 8px 18px #0009;z-index:9200}#local-view-panel.local-dragging{cursor:grabbing}#local-view-panel header{padding-bottom:8px;border-bottom:1px solid #8eade066}#local-view-panel>button:last-child{display:block;width:100%;margin-top:10px;font-size:13px}

.local-dialog#local-skills footer{bottom:0;margin-bottom:0}.local-dialog-body:has(>footer){padding-bottom:0}@media(max-width:540px){.local-dialog#local-skills footer{bottom:0;margin-bottom:0}}

.mega-preview{margin:16px 0;padding:12px;border:2px solid var(--edge-in);border-radius:8px;background:#0b1d4666}.mega-preview h4{color:var(--gold);margin:0 0 8px;font-size:17px}.mega-preview h4 img{vertical-align:middle}.mega-preview p,.mega-preview small{font:13px/1.6 var(--font);color:var(--muted)}.mega-preview .stage{max-width:100%;margin:10px auto}.awakening-preview{filter:saturate(1.65) hue-rotate(18deg) contrast(1.12)}

#local-book{padding:0;width:min(760px,calc(100vw - 26px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:linear-gradient(var(--box1),var(--box2));border:3px solid var(--edge);border-radius:10px;box-shadow:0 0 0 3px var(--edge-out);font:16px/1.5 var(--font)}.book-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.book-tabs [aria-pressed=true]{color:var(--gold)}.book-content article{padding:14px;margin:12px 0;background:#10295899;border:2px solid #6489c4;border-radius:8px}.book-content h3{font-size:18px}.book-content p{margin-bottom:0!important}

#local-view-panel input[type=number]{width:75px;min-height:36px;margin-left:10px;background:#142c5b;color:var(--ink);border:2px solid var(--edge);border-radius:5px;padding:5px}

#local-view-panel{top:16px;bottom:auto;max-height:calc(100dvh - 32px);overflow:auto}