.character-page{--cp-bg:#1c1713;--cp-panel:#231c17;--cp-border:#594030;--cp-text:#e3d4bc;--cp-muted:#b79e85;--cp-acid:#d9e480;--cp-clay:#e08b53;background:var(--cp-bg);color:var(--cp-text);border-top:4px solid var(--cp-clay);flex-direction:column;min-height:100svh;font-family:JetBrains Mono,monospace;display:flex}.character-header{border-bottom:1px solid var(--cp-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 3vw;display:flex}.character-brand{color:var(--cp-text);align-items:center;gap:12px;text-decoration:none;display:flex}.character-brand img{object-fit:contain;width:50px;height:50px}.character-brand strong{letter-spacing:-1px;font-family:Space Grotesk,Arial,sans-serif;font-size:27px}.character-brand strong span{letter-spacing:0;color:var(--cp-clay);margin-left:6px;font:500 14px JetBrains Mono,monospace}.character-section-label{letter-spacing:1.5px;color:var(--cp-muted);font-size:12px}.character-section-label span{color:var(--cp-clay);margin-left:16px}.character-back{color:var(--cp-text);align-items:center;gap:10px;min-height:44px;font-size:14px;text-decoration:none;display:flex}.character-back:hover{color:var(--cp-acid)}.character-workspace{flex:1;grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.character-stage{background:#211b17;min-width:0;min-height:600px;position:relative;overflow:hidden}.character-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.character-canvas-shade{pointer-events:none;background:linear-gradient(#160f0a44,#0000 24% 69%,#160f0acc);position:absolute;inset:0}.character-title{z-index:2;pointer-events:none;position:absolute;top:30px;left:3vw}.character-kicker{letter-spacing:1.5px;color:var(--cp-clay);font-size:12px}.character-title h1{letter-spacing:-1.5px;margin:13px 0 16px;font-family:Arial Narrow,Impact,Arial,sans-serif;font-size:clamp(28px,3.65vw,56px);font-weight:900;font-stretch:75%;line-height:1.02}.character-title h1 span{color:var(--cp-acid)}.character-version{letter-spacing:1px;color:#b8a48b;border-left:2px solid var(--cp-clay);padding-left:9px;font-size:11px}.character-stage-number{color:#e2c29b10;pointer-events:none;z-index:1;font-family:Impact,Arial Narrow,sans-serif;font-size:100px;line-height:1;position:absolute;top:22px;right:25px}.character-stage-tools{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:23px;transform:translateY(-50%)}.character-stage-tools button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#e1d1b8;background:#261c14b8;border:1px solid #9577546e;border-radius:0;width:42px;height:42px}.character-stage-tools button:hover,.character-stage-tools button[aria-pressed=true]{background:var(--cp-acid);border-color:var(--cp-acid);color:#282619}.character-view-controls{z-index:3;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:calc(100% - 46px);display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.character-views{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);white-space:nowrap;background:#20180fe8;border:1px solid #725336;border-radius:0;gap:4px;padding:4px;display:flex}.character-views button{color:#d2b99b;background:0 0;border:0;border-radius:0;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-family:inherit;font-size:14px;display:flex}.character-views button[data-pressed],.character-views button[aria-pressed=true]{background:var(--cp-acid);color:#232517}.character-views button:hover{color:#fff;background:#59442c}.character-views button[aria-pressed=true]:hover{color:#232517;background:#e3eaa7}.character-angles{white-space:nowrap;justify-content:center;gap:4px;display:flex}.character-angles button{color:#cfb696;background:#1a140c77;border-radius:0;min-height:36px;padding:0 8px;font:12px JetBrains Mono,monospace}.character-angles button:hover{color:#fff;background:#71553770}.character-gesture{color:#c3a88b;z-index:2;pointer-events:none;text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex;position:absolute;bottom:21px;left:0;right:0}.character-gesture svg{flex-shrink:0}.character-load{z-index:3;color:var(--cp-acid);text-align:center;background:#211b17e8;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:25px;font-size:14px;display:flex;position:absolute;inset:0}.character-load>svg{animation:4s linear infinite character-loading}.character-load-error{color:var(--cp-text)}.character-load-error span{color:var(--cp-muted);max-width:360px;font-size:14px;line-height:1.7}.character-load-error button{background:var(--cp-acid);color:#252614;border-radius:0;min-height:44px;padding:0 20px}.character-load-error p{font-size:18px}.character-reference{z-index:5;background:#231b13;border:1px solid #b29169;flex-direction:column;width:clamp(160px,21vw,280px);max-height:calc(100% - 210px);display:flex;position:absolute;top:24px;right:78px;box-shadow:0 14px 50px #0007}.character-reference>img{object-fit:contain;width:100%;min-height:0;max-height:400px;display:block}.character-reference>div{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px 5px 11px;display:flex}.character-reference span{color:var(--cp-muted);font-size:10px}.character-reference button{color:var(--cp-text);border-radius:0;min-width:32px}.character-dossier{background:var(--cp-panel);border-left:1px solid var(--cp-border);scrollbar-width:thin;scrollbar-color:#79573c transparent;padding:25px 25px 20px;overflow-y:auto}.character-rating{align-items:center;gap:18px;margin:13px 0 23px;display:flex}.character-rating>strong{letter-spacing:-5px;color:var(--cp-acid);font-family:Space Grotesk,Arial,sans-serif;font-size:72px;font-weight:600;line-height:1}.character-rating>span{color:var(--cp-text);font-size:14px}.character-rating b{color:var(--cp-muted);margin-top:7px;font-size:12px;font-weight:400;display:block}.character-measurements{border-top:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border);grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:17px 0;display:grid}.character-measurements dt{letter-spacing:1px;color:var(--cp-muted);font-size:11px}.character-measurements dd{letter-spacing:-1px;margin:7px 0 0;font-size:24px;font-weight:500}.character-measurements small{letter-spacing:0;color:var(--cp-muted);margin-left:4px;font-size:12px}.character-technique{color:#c3ae94;margin-top:17px;font-size:12px;line-height:1.9}.character-weapons{margin-top:26px}.character-weapons h2{letter-spacing:.3px;color:var(--cp-clay);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:500;display:flex}.character-weapon{margin:17px 0}.character-weapon>div{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.character-weapon b{color:var(--cp-acid);white-space:nowrap;font-weight:500}.character-weapon small{color:#987d62;margin-left:4px;font-size:12px}.character-pips{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px;display:grid}.character-pips i{background:#4d3827;height:4px}.character-pips .filled{background:var(--cp-acid)}.character-all-skills{border-top:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border);margin-top:25px}.character-all-skills summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:47px;font-size:14px;list-style:none;display:flex}.character-all-skills summary::-webkit-details-marker{display:none}.character-all-skills summary:hover{color:var(--cp-acid)}.character-all-skills[open] summary svg{transform:rotate(180deg)}.character-all-skills>div{padding-bottom:12px}.character-all-skills section{margin:14px 0 19px}.character-all-skills h3{color:var(--cp-clay);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:12px;font-weight:500}.character-all-skills section>div{color:var(--cp-text);justify-content:space-between;gap:16px;padding:6px 0;font-size:13px;line-height:1.5;display:flex}.character-all-skills b{color:var(--cp-acid);font-weight:500}.character-all-skills small{color:var(--cp-muted);margin-left:3px;font-size:11px}.character-draft-note{color:var(--cp-muted);margin-top:20px;font-size:12px;line-height:1.8}.character-footer{border-top:1px solid var(--cp-border);letter-spacing:1px;color:#b29474;justify-content:space-between;align-items:center;gap:15px;min-height:39px;padding:10px 3vw;font-size:10px;display:flex}.character-footer>span{align-items:center;gap:10px;display:flex}.character-footer i{background:var(--cp-acid);width:5px;height:5px;display:inline-block}.character-footer b{color:var(--cp-clay);margin-left:12px;font-weight:400}.character-profile-link{color:#dbe27f;white-space:nowrap;align-items:center;gap:6px;min-height:36px;font-size:12px;text-decoration:none;display:inline-flex}.character-profile-link:hover{color:#f0e6c0}@media (min-width:901px){.character-page{height:100svh;min-height:620px}.character-stage{min-height:0}.character-dossier{height:100%}}@media (min-width:901px) and (max-height:760px){.character-header{height:62px}.character-brand img{width:44px;height:44px}.character-dossier{padding:18px 23px}.character-rating{margin:10px 0 15px}.character-rating>strong{font-size:60px}.character-measurements{padding:12px 0}.character-technique{margin-top:13px}.character-weapons{margin-top:19px}.character-weapon{margin:13px 0}.character-all-skills{margin-top:18px}.character-draft-note{margin-top:14px;font-size:11px}.character-title{top:24px}}@media (max-width:1180px){.character-workspace{grid-template-columns:minmax(0,1fr) 300px}.character-dossier{padding-left:20px;padding-right:20px}.character-view-controls{gap:10px;bottom:50px}.character-title h1{font-size:36px}.character-views button{padding:0 10px;font-size:13px}}@media (max-width:900px){.character-workspace{grid-template-columns:1fr}.character-header{height:64px;padding:0 5vw}.character-brand img{width:43px;height:43px}.character-brand strong{font-size:23px}.character-brand strong span{font-size:12px}.character-section-label{display:none}.character-stage{height:calc(100svh - 68px);min-height:540px;max-height:900px}.character-title{top:23px;left:5vw}.character-title h1{font-size:34px}.character-kicker{font-size:11px}.character-version{font-size:10px}.character-stage-number{font-size:80px;right:5vw}.character-dossier{border-left:0;border-top:1px solid var(--cp-border);grid-template-columns:1fr 1fr;gap:0 32px;padding:26px 5vw;display:grid}.character-weapons{margin:0}.character-all-skills,.character-draft-note{grid-column:1/-1}.character-draft-note{max-width:580px;margin-top:15px}.character-view-controls{gap:6px;width:100%;max-width:calc(100% - 36px);bottom:53px}.character-views button{min-height:43px;padding:0 13px;font-size:14px}.character-angles{flex-basis:100%}.character-angles button{min-height:32px}.character-gesture{padding:0 25px;font-size:10px;line-height:1.6;bottom:15px}.character-stage-tools{gap:7px;right:5vw}.character-stage-tools button{width:40px;height:40px}.character-reference{width:200px;max-height:calc(100% - 235px);right:calc(5vw + 50px)}.character-footer{padding:13px 5vw;line-height:1.5}.character-footer>span:last-child{display:none}}@media (max-width:480px){.character-stage{height:calc(100svh - 68px);min-height:530px}.character-title h1{font-size:31px}.character-stage-tools{right:14px}.character-views{gap:2px;padding:3px}.character-views button{gap:6px;padding:0 11px;font-size:12px}.character-dossier{grid-template-columns:1fr}.character-weapons{margin-top:25px}.character-profile-link,.character-gesture{font-size:10px}.character-measurements dd{font-size:27px}.character-stage-number{font-size:70px}}@media (prefers-reduced-motion:reduce){.character-load>svg{animation:none}}@keyframes character-loading{to{transform:rotate(360deg)}}.character-profile-jump{display:none}@media (max-width:900px){.character-stage{height:calc(100svh - 116px)}.character-profile-jump{min-height:48px;color:var(--cp-acid);border-top:1px solid var(--cp-border);letter-spacing:.5px;background:#2c2218;justify-content:space-between;align-items:center;gap:12px;padding:10px 5vw;font-size:12px;text-decoration:none;display:flex}.character-profile-jump:hover{background:#3c2c1d}}.character-technique,.character-all-skills section>div{font-size:14px}.character-footer,.character-reference span,.character-gesture,.character-version,.character-measurements dt{font-size:12px}.character-gesture{bottom:17px}.character-profile-link{font-size:12px}@media (max-width:480px){.character-gesture{max-width:310px;margin:0 auto;font-size:11px;bottom:13px}.character-footer{font-size:11px}}.character-play-link{color:#21180f;background:#d5dd75;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 10px;padding:15px;font-size:.875rem;font-weight:700;text-decoration:none;display:flex}.character-play-link:hover{background:#e7ed9a}