.character-ui{z-index:30;pointer-events:none;color:var(--character-text);font:15px / 1.5 var(--character-serif);position:fixed;inset:0}.character-ui [hidden]{display:none}.character-ui button,.character-ui select{color:var(--character-text);background:var(--character-ink);font:inherit;cursor:pointer;border:1px solid #51402e;border-radius:2px;min-height:44px;padding:8px 12px}.character-ui button:disabled{cursor:default;border-style:dotted}.character-ui button:hover:not(:disabled),.character-ui button:focus-visible,.character-ui select:focus-visible{outline:2px solid var(--character-warm);outline-offset:2px;color:var(--character-warm)}.character-dock{pointer-events:auto;width:280px;font:12px / 1.4 var(--character-mono);grid-template-columns:1fr 1fr;gap:5px;display:grid;position:absolute;top:12px;right:100px}.character-worn{grid-column:1/-1;gap:3px;display:flex}.character-worn-label{letter-spacing:.1em;align-self:center;font-size:10px}.character-worn button{min-width:36px;padding:4px;font-size:11px}.character-panel{box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#68503a var(--character-ink);pointer-events:auto;background:linear-gradient(125deg, #171310, var(--character-ink) 65%);width:min(470px,100vw - 32px);box-shadow:inset 0 0 0 4px var(--character-ink), inset 0 0 0 5px #33291f, 0 12px 42px #000c;border:1px solid #68503a;padding:22px;position:absolute;top:100px;bottom:110px;right:16px;overflow:auto}.character-panel header{border-bottom:1px solid #51402e;padding-bottom:12px}.character-panel h1{color:var(--character-warm);margin:6px 0 16px;font-size:28px;font-weight:400;line-height:1.15}.character-panel h2{color:var(--character-bone);margin:20px 0 8px;font-size:21px;font-weight:400}.character-panel p{margin:8px 0 14px}.character-panel .character-eyebrow{font:11px var(--character-mono);letter-spacing:.22em;margin:0}.character-tabs{gap:8px;padding:14px 0;display:flex}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.character-ui .character-item{text-align:left;overflow-wrap:anywhere;min-height:112px}.character-item small,.character-item strong,.character-item span,.character-perk strong,.character-perk span,.character-perk small{display:block}.character-item small,.character-perk small{font:11px / 1.5 var(--character-mono)}.character-item strong{margin:6px 0;font-size:16px;font-weight:400}.character-item span{font-size:12px}.character-ui [data-tier="1"]{border-left:3px solid #9c9384}.character-ui [data-tier="2"]{border-left:3px solid #8fa77c}.character-ui [data-tier="3"]{border-left:3px solid #96accc}.character-ui [data-tier="4"]{border-left:3px solid #ffa45a}.character-perk{text-align:left;width:100%;margin:8px 0;display:block}.character-perk strong{font-size:17px;font-weight:400}.character-perk span{margin:4px 0}.character-branch{border-left:1px solid #51402e;padding-left:14px}.character-summary,.character-warning{color:var(--character-warm)}.character-detail,.character-notice{background:var(--character-ink);border-top:1px solid #51402e;padding:10px}.character-notice:empty{display:none}.character-help{font:11px / 1.6 var(--character-mono)}.character-panel label{margin:12px 0 5px;display:block}.character-panel select{width:100%}.character-confirm{background:var(--character-ink);border:1px solid var(--character-warm);padding:16px;position:sticky;bottom:0;box-shadow:0 -15px 24px #000b}.character-confirm h2{margin-top:0}.character-confirm button{margin-right:8px}@media (max-width:1000px){.character-dock{width:270px;top:78px;right:8px}.character-panel{top:176px}}@media (max-width:700px){.character-panel{width:calc(100vw - 16px);max-height:70vh;padding:16px;bottom:100px;right:8px}.character-panel h1{font-size:25px}}@media (max-height:600px){.character-panel{width:min(470px,75vw);max-height:none;top:8px;bottom:8px}}