:root{--panel:#172b32f5;--soft:#a8c5c9;--stroke:#a8c5c92b;--mint:#a6d7c8}header{top:22px;left:28px;right:28px}.brand .mark{font-size:30px;color:#c2deda}.brand strong{font-size:23px;letter-spacing:5px}.brand small{font-size:10px;letter-spacing:3px;opacity:.65}nav button{background:#183039c7;border:1px solid var(--stroke);border-radius:9px;padding:10px 15px;font-size:13px}dialog{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 24px 90px #08181ecc}.dialogHead h2{font-family:Segoe UI,Arial,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.5px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--mint)}#partyPanel{width:min(1140px,96vw);padding:24px;max-height:94vh}.partyWorkspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px}.rosterArea{min-width:0}#partyLocation{font-size:13px;color:#a8bfc2;margin:8px 0 20px}#partySlots{gap:10px;margin:0 0 20px}.partySlot{position:relative;padding:8px;background:linear-gradient(145deg,#607e8030,#20363c44);border:1px solid var(--stroke);border-radius:12px;min-width:0}.partySlot>small{position:absolute;left:12px;top:10px;z-index:1;color:#c0d6d5;font-size:12px;letter-spacing:2px}.partySlot>button[data-inspect]{padding:0;background:none;border:0;display:grid;place-items:center;width:100%;gap:4px}.partySlot strong{font-size:14px;font-weight:500}.partySlot span:not(.zerionPortrait):not(.emptyPortrait){font-size:12px;color:#abc2c3}.partySlot .smallAction{background:none;border:0;color:#abc2c3;font-size:11px;padding:4px;justify-self:center}.zerionPortrait{display:block;width:108px;height:108px;background-image:url('zerion-portraits.png');background-size:400% 300%;background-position:var(--px) var(--py);background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 4px 8px #03101445)}.emptyPortrait{height:85px;display:grid;place-items:center;font-size:30px;color:#adc2c657}.depotHeader{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.depotHeader h3{font:16px Segoe UI;margin:0}.depotHeader button{font-size:11px;padding:7px 9px;border-radius:7px;background:#678b8430;border-color:var(--stroke)}#rosterGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:300px;min-height:120px;overflow:auto;padding:5px;border:1px dashed var(--stroke);border-radius:10px}.rosterCard{display:flex;align-items:center;background:#20374077;border:1px solid transparent;border-radius:10px;padding:7px 3px;gap:3px}.rosterCard .zerionPortrait{width:92px;height:92px}.rosterCard strong{font-size:12px;font-weight:500}.rosterCard small{font-size:11px;color:#98b3b8}.chosen{border-color:#acd6c888!important;box-shadow:none;background:#719a8c19!important}.selectedZerion{display:flex;gap:12px;align-items:center}.selectedZerion .zerionPortrait{width:104px;height:104px;flex-shrink:0}.selectedZerion h3{font:23px Segoe UI;margin:6px 0}.selectedZerion small,.selectedZerion span{font-size:12px;color:#9bb7bc}#skillEditor{padding-left:22px;border-left:1px solid var(--stroke)}#skillEditor h4{font-size:13px;font-weight:500;margin:20px 0 10px;display:flex;justify-content:space-between}#skillEditor h4 small{font-size:11px;color:#94afb5;font-weight:400}.assignButtons{gap:5px}.assignButtons button{font-size:11px;padding:6px 10px;border-radius:6px;background:#abc5c911;border-color:var(--stroke)}.activeSkillSlots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.activeSkillSlots>button{position:relative;display:grid;place-items:center;padding:5px;background:#223a43;border:1px solid #789d9d55;border-radius:10px;min-width:0}.skillArt{width:54px;height:54px;display:block;background-image:url('skill-icons.png');background-size:400% 200%;background-position:var(--px) var(--py);background-repeat:no-repeat;pointer-events:none}.activeSkillSlots small{font-size:10px;line-height:1.3;margin:3px 0;min-height:26px}.activeSkillSlots kbd{position:absolute;left:4px;top:4px;font-size:10px;padding:1px 4px}.skillPool{display:grid;grid-template-columns:1fr;gap:5px;margin-top:14px}.skillPool button{display:flex;align-items:center;padding:4px 8px;background:#22374055;border:1px solid transparent;border-radius:8px;text-align:left;gap:10px}.skillPool .skillArt{width:38px;height:38px;flex-shrink:0}.skillPool strong{display:block;font-size:12px;font-weight:500}.skillPool small{font-size:11px;color:#94b1b7}.skillPool button:hover{background:#50777544;border-color:var(--stroke)}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.dropReady{border-color:#89d4b870!important}.dropHover{background:#76be9c30!important;border-color:#b0efcb!important}#skillDetail{font-size:12px;margin-top:10px;min-height:60px}#skillDetail>strong{font-weight:500;color:#bcd9d5}#skillDetail p{font-size:12px;line-height:1.5;margin:6px 0;color:#adc3c6}#partyHUD{top:145px;left:25px;width:115px;gap:8px}.partyBadge{display:grid;grid-template-columns:1fr;background:#1630399c;border:1px solid var(--stroke);border-radius:11px;padding:4px 4px 7px;place-items:center;gap:0}.partyBadge.active{border-color:#c0ded4b3;background:#42625988;box-shadow:none}.partyBadge .zerionPortrait{width:64px;height:64px}.partyBadge strong{font-size:11px;font-weight:500}.partyBadge kbd{right:auto;left:5px;top:5px;font-size:10px}.partyBadge>span{grid-row:auto}.partyBadge .emptyPortrait{height:64px}#habitatName{position:absolute;left:28px;top:92px;font-size:14px;letter-spacing:1px;color:#d5e1df;text-shadow:0 2px 8px #051b23}#companionStatus{position:absolute;left:26px;top:452px;width:145px;font-size:11px;color:#b5cecc;text-shadow:0 2px 4px #000}#rpgResources{left:28px;bottom:90px;width:200px;border:0;border-radius:10px;background:#132d3680;padding:10px;font-size:11px}#buffText{font-size:11px;color:#b4ccce}.resourceTrack{height:4px;margin:7px 0 10px}.resourceTrack.stamina{margin-bottom:7px}footer{bottom:24px;left:30px}.vitals{width:190px}.healthTrack{height:6px;margin:8px 0}.vitals>span{font-size:11px}.region{font-size:11px;letter-spacing:1px}.region small{font-size:11px}#abilityBar{width:390px;bottom:26px;left:50%;right:auto;transform:translateX(-50%)}.abilityMain{display:flex;align-items:stretch;gap:18px}#companionSkills{flex:1;gap:7px}#companionSkills button{min-height:82px;padding:5px;background:#18343ddd;border:1px solid var(--stroke);border-radius:11px;display:grid;place-items:center}#companionSkills .skillArt{width:48px;height:48px}#companionSkills strong{font-size:10px;font-weight:400;margin:2px 0;line-height:1.2}#companionSkills kbd{position:absolute;left:4px;top:4px;font-size:10px;padding:1px 4px}#companionSkills b{border-radius:10px;background:#152e37bf;color:#d0e8df}.lanternAction{width:72px;border:1px solid var(--stroke);border-radius:11px;position:relative;background:#18343ddd;display:flex;align-items:center;flex-direction:column;justify-content:center}.lanternAction .itemArt{width:48px;height:48px}.lanternAction kbd{position:absolute;top:4px;left:4px;font-size:10px;padding:1px 4px}.lanternAction small{font-size:9px;margin-bottom:4px}#weaponSkills{background:none;justify-content:flex-start;gap:12px;padding:0 0 5px;font-size:10px;color:#c6d8d7}#weaponSkills kbd{font-size:10px;padding:2px 4px}#summonHint{font-size:11px;color:#b5cecc;text-align:center;margin-top:7px}#campPrompt{top:auto;bottom:170px;background:#19363fe8;border:1px solid var(--stroke);border-radius:10px;font-size:13px}#target{bottom:150px;font-size:12px;padding:8px 14px;border-radius:9px;border-color:var(--stroke)}.worldLabel{font-size:11px}#toast{top:105px;border-radius:10px;font-size:13px}#campPanel{max-width:760px}#campWeapons{gap:10px}#campWeapons button{border-radius:11px;border-color:var(--stroke);background:#29464a55;padding:17px}#campWeapons strong{font:20px Segoe UI;color:#ccdfda}.startCard{border-radius:16px;background:#18303aee;border-color:var(--stroke);width:min(650px,94vw)}.startCard h1{font:38px Segoe UI;color:#d3e4de;letter-spacing:-1px}.startCard p{font-size:15px;color:#a9c6cc}.startCard>button{background:#bdd9cf;border-radius:10px;color:#143136}.startCard .keyguide{font-size:12px;gap:8px}.startCard .keyguide kbd{font-size:11px}.startCard>small{font-size:11px;color:#a8c4c7}.playing #companionStatus,.playing #rpgResources,.playing #abilityBar,.playing #partyHUD{pointer-events:none}#inventory{border-radius:16px;border-color:var(--stroke)}@media(max-width:980px){.partyWorkspace{grid-template-columns:minmax(0,1fr) 300px;gap:15px}#rosterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.partySlot .zerionPortrait{width:90px;height:90px}.selectedZerion .zerionPortrait{width:80px;height:80px}#skillEditor{padding-left:15px}.region{display:none}#abilityBar{left:auto;right:22px;transform:none;width:360px}#companionStatus{top:450px}}@media(max-width:650px){#partyPanel{padding:15px}.partyWorkspace{grid-template-columns:1fr}#skillEditor{border-left:0;padding:18px 0;border-top:1px solid var(--stroke)}#rosterGrid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:200px}.rosterCard .zerionPortrait{width:68px;height:68px}.partySlot .zerionPortrait{width:82px;height:82px}.rosterCard strong{font-size:10px}.depotHeader button{font-size:10px}#partyHUD{left:10px;top:120px;width:80px}.partyBadge .zerionPortrait{width:48px;height:48px}.partyBadge strong{font-size:9px}#companionStatus{top:345px;left:10px;width:100px;font-size:10px}#habitatName{top:85px;left:12px;font-size:12px}#abilityBar{right:10px;width:280px;bottom:24px}#rpgResources{left:10px;bottom:145px;width:150px}#companionSkills .skillArt{width:36px;height:36px}#companionSkills strong{font-size:8px}.abilityMain{gap:8px}.lanternAction{width:57px}.vitals{width:140px}#weaponSkills{font-size:9px}#campPrompt{left:50%;right:auto;transform:translateX(-50%);bottom:240px;top:auto;width:max-content;max-width:90%}#target{bottom:185px}.brand strong{font-size:16px!important}.brand small{display:none}#toast{top:85px}.partySlot strong{font-size:12px}}

[data-zdrag],[data-skill-drag]{cursor:grab;touch-action:none;user-select:none}.partyDragGhost{position:fixed;z-index:1000;pointer-events:none;opacity:.9;filter:drop-shadow(0 5px 12px #0009)}.partyDragGhost .zerionPortrait{width:80px;height:80px}.partyDragGhost .skillArt{width:60px;height:60px}.partySlot .zerionPortrait{width:92px;height:92px}#rosterGrid{max-height:245px}.selectedZerion .zerionPortrait{width:80px;height:80px}.skillPool{gap:3px;margin-top:10px}.skillPool .skillArt{width:34px;height:34px}#skillDetail{min-height:35px}#skillEditor h4{margin-top:14px}