/* Desktop keyboard legends use their own space; never cover fighters or gauges. */
#pcDock[hidden]{display:none}
#pcDock{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),1280px);padding:10px 16px 12px;border:1px solid #69442d;border-top:3px solid #c39954;background:linear-gradient(100deg,#25170f,#120e0b);color:#fff1d8;box-shadow:0 3px 24px #0008;font:700 14px var(--B);z-index:8}
.pc-dock-header{display:flex;align-items:center;gap:18px;margin-bottom:8px;min-height:30px}
.pc-dock-header strong{color:#efc67f;font-size:12px;letter-spacing:.1em}
#pcDockHint{color:#e4cda8;font-size:13px}
.pc-dock-tools{display:flex;gap:8px;margin-left:auto}
#pcDock button,.pc-guide-panel button,#keyPresets button,#pcTitleGuide{cursor:pointer;font:700 13px var(--B);color:#f8e6c7;background:#36241a;border:1px solid #9c7745;padding:6px 12px;border-radius:4px}
#pcDock button:hover,.pc-guide-panel button:hover,#keyPresets button:hover,#pcTitleGuide:hover{background:#604327;border-color:#ffe1a0}
#pcDock button:disabled{opacity:.5;cursor:default}
#pcDock button:focus-visible,.pc-guide-panel button:focus-visible,#keyPresets button:focus-visible,#pcTitleGuide:focus-visible{outline:3px solid #fff0bc;outline-offset:3px}
#pcDock kbd,.pc-guide-panel kbd{font:900 15px var(--B);display:inline-flex;align-items:center;justify-content:center;min-width:25px;background:#ead5b3;color:#27170c;border:1px solid #fff0d5;border-bottom:3px solid #a99173;border-radius:4px;padding:0 5px;white-space:nowrap}
#pcDock button kbd{margin-left:8px;font-size:11px}
#pcDockPlayers{display:flex;gap:20px}
.pc-player{display:grid;grid-template-columns:24px minmax(235px,1fr) minmax(330px,1.5fr) minmax(158px,.8fr);align-items:center;gap:18px;flex:1;min-width:0}
.pc-player-label{font-size:13px;color:#eebe6b}
.pc-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.pc-directions [data-action=up]{grid-column:2}
.pc-directions [data-action=left]{grid-column:1}
.pc-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.pc-key{display:flex;align-items:center;gap:7px;min-height:30px;min-width:0;padding:3px 6px;border:1px solid #614b36;border-radius:4px;background:#2b211a;color:#f4e7ce;transition:background .06s,border-color .06s}
.pc-key>span{font-size:13px;white-space:nowrap}
.pc-key.special{background:#172c32;border-color:#41656b}
.pc-key.special kbd{background:#b5deda;border-color:#cbffec;border-bottom-color:#67948e}
.pc-key.ultimate{background:#32242f;border-color:#745b71}
.pc-key.ultimate kbd{background:#d6bbdd;border-color:#efd9f5;border-bottom-color:#967aa0}
.pc-key.ultimate.ready{border-color:#f1bf61;background:#514122}
.pc-key.pressed{background:#96652a!important;border-color:#ffeca9!important;box-shadow:0 0 10px #edb75070;transform:translateY(1px)}
.pc-key.pressed kbd{background:#ffe694!important;color:#160d05}
.pc-defense{display:flex;flex-direction:column;gap:7px}
.pc-defense .pc-key{justify-content:center;min-height:34px}
.pc-meter{font-size:12px;text-align:center;color:#cbb792;white-space:nowrap}
.pc-meter.ready{color:#ffe095}
#pcDockPlayers.two .pc-player{grid-template-columns:18px 1fr 1.2fr;gap:8px}
#pcDockPlayers.two .pc-defense{grid-column:2/4;flex-direction:row;align-items:center;justify-content:space-between}
#pcDockPlayers.two .pc-key{gap:4px;padding:3px}
#pcDockPlayers.two .pc-key>span{font-size:12px}
#pcDockPlayers.two kbd{font-size:12px;min-width:22px;padding:0 3px}
#pcDockPlayers.two .pc-player+.pc-player{border-left:1px solid #6b4e31;padding-left:18px}
.pc-guide-panel{position:absolute;inset:4% 5%;padding:calc(var(--u)*2.2) calc(var(--u)*3);border:2px solid #d3a354;border-top:5px solid #f1c16c;background:linear-gradient(140deg,#302017,#130d0a);display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 40px #0008}
.pc-eyebrow{font-size:calc(var(--u)*1.1);font-weight:900;letter-spacing:.18em;color:#deb06c}
.pc-eyebrow span{margin-left:1em;color:#fff2d2}
.pc-guide-panel h2{font-family:var(--D);font-weight:400;font-size:calc(var(--u)*2.8);margin:.35em 0;color:#ffe8b8}
#pcGuideIntro{font-size:calc(var(--u)*1.35);margin:.5em 0 1em;color:#ebd8bd;font-weight:700}
#pcGuideMap{display:grid;grid-template-columns:1fr 1.55fr;gap:calc(var(--u)*1.8);align-items:center;margin:calc(var(--u)*.6) 0}
#pcGuideMap .pc-defense{grid-column:1/3;flex-direction:row;align-items:center;justify-content:center;gap:25px}
#pcGuideMap .pc-key{min-height:calc(var(--u)*5.3);padding:calc(var(--u)*.65);gap:calc(var(--u)*.7)}
#pcGuideMap .pc-key>span{font-size:calc(var(--u)*1.35)}
#pcGuideMap kbd{font-size:calc(var(--u)*1.7);min-width:calc(var(--u)*3.1)}
#pcGuideMap .pc-defense .pc-key{min-height:calc(var(--u)*3.5);padding:.3em 1.5em}
.pc-key small{display:block;font-size:calc(var(--u)*.95);color:#d5c3a8;font-weight:500;max-width:calc(var(--u)*12);text-overflow:ellipsis;overflow:hidden}
.pc-guide-note{font-size:calc(var(--u)*1.1);color:#d8c2a4;text-align:center;margin:.8em 0}
.pc-guide-footer{display:flex;align-items:center;gap:15px;margin-top:calc(var(--u)*1)}
.pc-guide-footer>span{font-size:calc(var(--u)*1.05);color:#d5b78f;margin-left:auto}
.pc-guide-panel button{font-size:calc(var(--u)*1.25);padding:.65em 1em}
#pcGuideContinue{background:#edbf70;color:#201208;border-color:#ffe2a8;font-weight:900}
#pcGuideContinue:hover{background:#ffdda1}
#pcGuideContinue kbd{font-size:.9em;margin-left:.5em}
#pcGuideTabs{display:flex;gap:8px}
#pcGuideTabs:empty{display:none}
#pcGuideTabs button{padding:.2em .7em;font-size:calc(var(--u)*1.1)}
#pcGuideTabs button[aria-pressed=true]{background:#9e662b;border-color:#f9d697}
#pcTitleGuide{position:absolute;top:4%;right:3%;z-index:3;background:#241308d9;font-size:calc(var(--u)*1.2)}
#keyPresets{position:absolute;top:calc(var(--u)*6);left:7%;right:7%;display:flex;gap:12px}
#keyPresets button{font-size:calc(var(--u)*1.25)}
#keyPresets .focus{outline:2px solid var(--gold);outline-offset:2px}
#keyMessage{position:absolute;top:calc(var(--u)*9.5);left:7%;right:7%;margin:0;font-size:calc(var(--u)*1.15);color:#f4d39f}
#keyList{top:calc(var(--u)*12);height:calc(var(--u)*42)}
@media(pointer:coarse){#pcTitleGuide{display:none}}
@media(max-width:1050px){#pcDock{padding:7px 9px 9px}.pc-player{gap:10px;grid-template-columns:20px minmax(196px,1fr) minmax(280px,1.4fr) minmax(135px,.7fr)}.pc-key>span{font-size:12px}#pcDock kbd{font-size:13px}#pcDockPlayers{gap:10px}#pcDockPlayers.two .pc-player{grid-template-columns:16px 1fr;gap:5px}#pcDockPlayers.two .pc-movement{grid-column:2}.two .pc-actions{grid-column:2}#pcDockPlayers.two .pc-defense{grid-column:2}.pc-dock-header{gap:10px}#pcDockHint{font-size:12px}}
@media(max-height:600px){#pcDock{padding-top:5px;padding-bottom:6px}.pc-dock-header{margin-bottom:4px}.pc-key{min-height:25px}.pc-directions,.pc-actions{gap:3px}.pc-guide-panel{inset:2% 4%;padding:calc(var(--u)*1.4) calc(var(--u)*2.5)}.pc-guide-note{margin:.3em 0}}
