.character-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.character-heading .lead{margin-bottom:0}.character-workspace{display:grid;grid-template-columns:104px minmax(0,1fr) 104px;gap:12px;align-items:stretch;margin:24px 0}.character-stage{min-width:0;position:relative;background:#10272a url('inventory-petrol-v1.webp') center/384px;border:1px solid #a7823b;box-shadow:inset 0 0 0 4px #183e40}.character-canvas-host{height:590px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#234445bb,#071416bb)}.character-canvas-host canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.character-load{position:absolute;inset:0;display:grid;place-content:center;padding:24px;color:#f3ddac;text-align:center;font-size:14px}.character-view-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;color:#ead4a5}.character-view-controls .ui-action{padding:6px 10px;font-size:12px;min-height:34px;background:#214346;color:#ecd7aa}.character-view-controls label{display:flex;align-items:center;gap:6px;font-size:12px}.equipment-side{display:grid;grid-template-rows:repeat(5,1fr);gap:9px}.equipment-slot{position:relative;padding:7px 5px;min-width:0;width:100%;color:#e8cd92;border:1px solid #a6823d;background:#0b3033 url('inventory-petrol-v1.webp') center/384px;box-shadow:inset 0 0 0 2px #0e2024,0 2px 4px #54381722;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.equipment-slot:hover,.equipment-slot:focus-visible{border-color:#e4bc63;box-shadow:inset 0 0 0 2px #9e813844}.equipment-slot-art{display:grid;place-items:center;width:58px;height:58px;color:#a28448;font-size:31px}.equipment-slot-art img{width:100%;height:100%;object-fit:contain}.equipment-slot-label{font-size:12px;color:#e8cd92;line-height:1.3}.equipment-slot strong{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#b9c6bd}.equipment-slot.is-equipped strong{color:#f4e7c6}.equipment-effect-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;background:#7ad3e1;border-radius:50%;box-shadow:0 0 8px #77bcea}.character-customizer{padding:18px;background:#f2dfb644;border:1px solid #b18d50;min-width:0}.character-customizer fieldset{border:0;border-bottom:1px solid #a7834140;padding:0 0 18px;margin:0 0 18px;min-width:0}.character-customizer legend{font-weight:600;margin-bottom:10px}.appearance-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.appearance-choices button{background:#ead2a466;color:#4a301e;border:1px solid #b0925a;border-radius:3px;padding:8px 3px;display:flex;align-items:center;flex-direction:column;font-size:12px;gap:6px;min-width:0}.appearance-choices button[aria-pressed=true]{background:#23494a;color:#ffe4ad;border-color:#b38a35;box-shadow:inset 0 0 0 1px #ccaa58}.appearance-color{width:26px;height:26px;border-radius:50%;border:1px solid #38231280;box-shadow:inset 0 1px 2px #fff3}.color-skin-light{background:#e4ba9c}.color-skin-sand{background:#c99c77}.color-skin-warm{background:#b5815b}.color-skin-bronze{background:#966140}.color-skin-brown{background:#784b35}.color-skin-deep{background:#503224}.color-hair-black{background:#211b17}.color-hair-brown{background:#62412b}.color-hair-chestnut{background:#87492b}.color-hair-sand{background:#b69a62}.color-eyes-brown{background:#63422d}.color-eyes-hazel{background:#8d7845}.color-eyes-green{background:#647b55}.color-eyes-blue{background:#638498}.character-workspace.is-appearance{grid-template-columns:minmax(0,1fr) 260px}.is-appearance .equipment-side{display:none}.character-save-state{font-size:13px}.equipment-picker{display:grid;gap:10px;margin-bottom:18px}.equipment-choice{display:flex;align-items:center;gap:15px;text-align:left;color:#402a19;background:#e6c99466;border:1px solid #b0945a;padding:10px;border-radius:3px}.equipment-choice img{object-fit:contain}.equipment-choice strong,.equipment-choice small{display:block}.equipment-choice:disabled{opacity:.55;cursor:default}.character-profession{margin-top:24px}.character-profession summary{cursor:pointer;font-weight:600;padding:12px 0;border-block:1px solid #a57b4244}.character-equipment-fields{margin:22px 0;border:1px solid #a27b47;padding:16px}.character-equipment-fields img{display:block;width:100px;height:100px;object-fit:contain;margin:12px auto}.resource-equip-button{margin:10px 0}
@media(max-width:1000px){.character-workspace{grid-template-columns:82px minmax(0,1fr) 82px;gap:8px}.equipment-slot-label{font-size:11px}.character-canvas-host{height:545px}.character-workspace.is-appearance{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:700px){.character-heading{align-items:flex-start;flex-direction:column}.character-workspace,.character-workspace.is-appearance{grid-template-columns:1fr 1fr;gap:8px}.character-stage{grid-column:1/-1;grid-row:1}.character-canvas-host{height:470px}.equipment-side{grid-template-rows:repeat(5,100px);gap:8px}.equipment-slot{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;column-gap:6px;padding:8px}.equipment-slot-art{width:45px;height:45px}.equipment-slot-label{flex:1;font-size:12px}.equipment-slot strong{width:100%;text-align:left}.character-customizer{grid-column:1/-1}.character-view-controls{gap:6px}.character-view-controls label{width:100%;justify-content:center}.appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}