.character-screen{padding:14px 28px 24px;color:var(--paper);animation:character-screen-in .5s ease-out}.character-pagebar{display:flex;align-items:center;gap:22px;min-height:44px;margin-bottom:12px}.character-back{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;padding:4px 0;color:#e3d4b7}.character-back .icon{transform:rotate(180deg)}.character-back:hover{color:#fff1cf}.character-breadcrumb{font-size:14px;color:#cdbd9f}.character-breadcrumb span{margin:0 12px;color:#89918a}.character-demo{margin-left:auto;font-size:12px;color:#c7bdac}.character-frame{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:560px;border:1px solid #9d8154;border-radius:9px;background:#f1eadc;box-shadow:inset 0 0 0 4px #483325,inset 0 0 0 6px #ac8b58,inset 0 0 0 10px #332c24,0 18px 42px #04181a60}.character-frame>.frame-trim{inset:11px}.character-frame>.frame-trim i{width:39px;height:39px;background-size:contain}.character-visual{position:relative;overflow:hidden;min-width:0;min-height:560px;border-right:1px solid #ad915c66;background:radial-gradient(ellipse at 49% 35%,#fff5cd22,transparent 62%),#eee6d8;color:#3b3327}.character-art-window{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 24%,black 72%,transparent 91%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 24%,black 72%,transparent 91%)}.character-reference-art{position:absolute;width:225%;max-width:none;height:auto;left:-10%;top:-5%;mix-blend-mode:multiply}.character-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#eee6d84d,transparent 26%,transparent 72%,#eee6d8bb),linear-gradient(0deg,#eee6d8,transparent 33%,transparent 67%,#eee6d8 92%);z-index:1}.character-visual-top{position:relative;z-index:3;display:flex;align-items:center;gap:12px;margin:30px 32px}.character-qian-seal{display:grid;place-items:center;width:52px;height:52px;color:#f7e7b6;background:#263b3d;border:2px solid #b39860;border-radius:50%;font-size:35px;box-shadow:0 0 0 4px #b3986033,inset 0 0 0 3px #f0d99922}.character-visual-top small{display:block;font-size:12px;letter-spacing:.16em;color:#816947}.character-visual-top strong{font:700 24px/1.3 var(--display);letter-spacing:.12em}.character-illustration-tag{margin-left:auto;border:1px solid #baa67b80;padding:2px 7px;font-size:11px;color:#826d4c;border-radius:2px}.character-vertical-poem{position:absolute;left:34px;top:140px;z-index:3;writing-mode:vertical-rl;font:24px/1.5 var(--display);letter-spacing:.18em;color:#756446}.character-vertical-poem span{display:block;margin-top:22px;font-size:14px;color:#998460}.character-visual-footer{position:absolute;left:34px;bottom:28px;z-index:3;right:30px}.character-kicker{font-size:11px;font-weight:600;letter-spacing:.15em;color:#927649}.character-visual-footer h2{font:700 clamp(32px,3.5vw,52px)/1.2 var(--display);letter-spacing:.12em;margin:6px 0}.character-visual-footer h2 span{font-size:.7em;color:#a2824c;margin:0 3px}.character-visual-footer p{margin:4px 0 10px;font:17px/1.5 var(--display);color:#75603e}.character-identity-tags{display:flex;gap:8px}.character-identity-tags span{font-size:11px;padding:2px 9px;border:1px solid #99835b66;background:#f6f0e577;color:#6e593c;border-radius:2px}.character-orbit{position:absolute;inset:22% 10% 15%;z-index:2;pointer-events:none;border:1px solid #b8975733;border-radius:50%;box-shadow:0 0 0 13px #c9ab6812,inset 0 0 0 12px #c9ab6812;animation:character-orbit-glow 7s ease-in-out infinite}.character-orbit:before{content:"";position:absolute;inset:10px;border:1px dashed #ac8e4a33;border-radius:50%}.character-orbit span{position:absolute;color:#957a4180;font-size:29px;line-height:1;transform:translate(-50%,-50%)}.character-orbit span:nth-child(1){left:50%;top:0}.character-orbit span:nth-child(2){left:86%;top:15%}.character-orbit span:nth-child(3){left:100%;top:50%}.character-orbit span:nth-child(4){left:85%;top:85%}.character-orbit span:nth-child(5){left:50%;top:100%}.character-orbit span:nth-child(6){left:15%;top:85%}.character-orbit span:nth-child(7){left:0;top:50%}.character-orbit span:nth-child(8){left:15%;top:15%}.character-specks{position:absolute;inset:14% 12% 27%;z-index:3;pointer-events:none}.character-specks i{position:absolute;left:20%;top:50%;width:3px;height:3px;border-radius:50%;background:#d9b972;box-shadow:0 0 8px #d2b16e;animation:character-speck 8s ease-in-out infinite}.character-specks i:nth-child(2){left:74%;top:29%;animation-delay:-2s}.character-specks i:nth-child(3){left:39%;top:14%;animation-delay:-5s}.character-specks i:nth-child(4){left:11%;top:65%;animation-delay:-6s}.character-specks i:nth-child(5){left:89%;top:63%;animation-delay:-3s}.character-specks i:nth-child(6){left:65%;top:75%;animation-delay:-1s}.character-specks i:nth-child(7){left:32%;top:80%;animation-delay:-4s}.character-specks i:nth-child(8){left:80%;top:48%;animation-delay:-7s}.character-sheet{position:relative;display:flex;flex-direction:column;min-width:0;margin:15px 15px 15px 0;padding:23px 27px 18px;border:1px solid #d6bc7766;border-radius:4px 7px 7px 4px;background:radial-gradient(ellipse at 95% 0,#36505433,transparent 60%),linear-gradient(155deg,#203238,#14262d);box-shadow:inset 0 0 0 3px #071d252c;color:#eee6d4}.character-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:16px}.character-sheet-heading .eyebrow{font-size:9px;color:#c7b58f}.character-sheet-heading h1{font:700 32px/1.2 var(--display);letter-spacing:.15em;margin:5px 0 0;color:#ead19a;outline:none}.character-element-badge{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 9px;border:1px solid #d1b57355;background:#d0b1720e;border-radius:3px;font-size:12px;color:#d7c597}.character-tabs{display:flex;gap:3px;border-top:1px solid #bd9e5a44;border-bottom:1px solid #bd9e5a44;margin-bottom:14px}.character-tabs button{flex:1;position:relative;min-height:44px;border:0;background:none;color:#b1b9b6;font-size:14px;letter-spacing:.08em}.character-tabs button[aria-selected=true]{color:#ead49e;background:linear-gradient(0deg,#cdb27214,transparent)}.character-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:25%;right:25%;height:2px;background:#d5b56f;box-shadow:0 0 10px #d5b56f60}.character-tabs button:hover{color:#f6e0ae}.character-tabpanel{flex:1;animation:character-tab-in .25s ease-out}.character-tabpanel[hidden]{display:none}.character-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.character-section-title h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.1em;color:#ebdfc5}.character-section-title>span{font-size:10px;color:#9fa9a6}.character-element-bars{display:grid;grid-template-columns:1fr;gap:2px}.character-element-row{display:grid;grid-template-columns:25px 21px 1fr 39px;align-items:center;gap:7px;text-align:left;min-height:28px;padding:1px 5px;border:1px solid transparent;border-radius:3px;background:none;color:#ddd8cb}.character-element-row:hover,.character-element-row[aria-pressed=true]{background:#d4bd8910;border-color:#c9ad5f40}.character-element-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--bar-color);border:1px solid color-mix(in srgb,var(--bar-color),transparent 60%);background:#ffffff04}.character-element-row b{font-weight:500;font-size:12px}.character-element-row strong{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--bar-color)}.character-element-row strong span{font-size:10px;margin-left:2px;opacity:.7}.character-bar{position:relative;height:5px;background:#081a2099;border-radius:4px;box-shadow:inset 0 1px 2px #0003;overflow:hidden}.character-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 19.5%,#bca57155 20%);pointer-events:none}.character-bar i{display:block;height:100%;width:var(--bar-value);background:linear-gradient(90deg,color-mix(in srgb,var(--bar-color),#23333b 25%),var(--bar-color));border-radius:4px;box-shadow:0 0 9px color-mix(in srgb,var(--bar-color),transparent 45%)}.character-element-hint{font-size:11px;color:#aab7b0;margin:6px 0 13px;min-height:18px}.character-element-hint b{color:#d4c299;font-weight:500}.character-stat-group{border-top:1px solid #d6b77122;padding-top:10px;margin-top:2px}.character-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}.character-stats>div{position:relative;padding:6px 8px;background:#d9bc7b06;border:1px solid #d6c18d29;border-radius:3px}.character-stats dt{font-size:11px;color:#adbbb4}.character-stats dd{font:21px/1.25 var(--display);margin:1px 0 0;color:#e4d4af}.character-skill-group{border-top:1px solid #d6b77122;padding-top:10px}.character-subtle-button{min-height:28px;font-size:10px;border:0;background:none;padding:0;color:#b9c9b7}.character-subtle-button:hover{color:#e9d9a3}.character-subtle-button span{color:#d4b670}.character-skill-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.character-skill{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:77px;padding:6px 2px;border:1px solid #bfa16530;border-radius:3px;color:#dbd2bf;background:linear-gradient(140deg,#d9c69509,#071c240d);transition:background .2s ease-out,border-color .2s ease-out,transform .2s ease-out}.character-skill:hover{background:#cfb27618;transform:translateY(-2px)}.character-skill.selected{border-color:#d8b76b99;background:linear-gradient(140deg,#d6b16e22,#d6b16e07);box-shadow:inset 0 0 0 2px #d5b37308}.character-skill-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid #bba16755;border-radius:50%;color:#dbbf80;background:radial-gradient(circle,#dbc28c18,transparent);box-shadow:0 0 12px #c8b37b09}.character-skill small{display:block;text-align:center;font-size:9px;color:#9da8a2}.character-skill b{display:block;text-align:center;white-space:nowrap;font-size:11px;font-weight:500}.character-skill-detail{display:flex;align-items:baseline;gap:9px;min-height:40px;margin-top:8px}.character-skill-keywords{white-space:nowrap;font-size:9px;color:#d4ba82}.character-skill-detail p{font-size:11px;line-height:1.7;margin:0;color:#aebdb6}.character-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #c9ae672d}.character-sheet-footer p{font:13px/1.5 var(--display);margin:0;color:#b8b397}.character-primary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 16px;border:1px solid #ecd49d;border-radius:4px;background:linear-gradient(135deg,#e4c88c,#b99858);box-shadow:inset 0 0 0 3px #fff8df16,0 3px 10px #041b1b55;color:#352c21;font-size:14px;white-space:nowrap;transition:filter .2s ease-out,transform .2s ease-out}.character-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.character-fate-card{display:flex;gap:15px;padding:19px 17px;background:linear-gradient(125deg,#f3ede0,#e8deca);border:1px solid #b5a37d;border-radius:4px;margin:13px 0;color:#3e392e;box-shadow:inset 0 0 0 3px #fff8ea60}.character-fate-mark{flex:none;display:grid;place-items:center;width:46px;height:46px;border:1px solid #baa97e;transform:rotate(0);font:28px/1 var(--display);color:#917b53;background:#ffffff33}.character-fate-card small{font-size:10px;color:#827251}.character-fate-card h3{font:700 21px/1.3 var(--display);margin:3px 0 7px}.character-fate-card p{font-size:12px;line-height:1.9;margin:0;color:#76654c}.character-fate-card.noble{background:radial-gradient(circle at right top,#d7b97520,transparent),#223037;border-color:#d2b47888;color:#e7cf94;box-shadow:inset 0 0 0 3px #b9995d09}.character-fate-card.noble .character-fate-mark{border-color:#d3b57077;color:#ecd397;background:#b7a06315}.character-fate-card.noble small{color:#baa978}.character-fate-card.noble p{color:#b8bfaf}.character-rule-note{display:flex;align-items:flex-start;gap:11px;background:#d7ba8008;border-left:2px solid #b7a169;padding:12px;margin:16px 0 18px;color:#c7b885}.character-rule-note p{margin:0;font-size:12px;line-height:1.9;color:#d2cfbb}.character-rule-note span{font-size:10px;color:#9ea9a3}.character-growth-path{display:flex;align-items:center;justify-content:space-around;gap:8px;border:1px solid #bba26b33;padding:14px 8px}.character-growth-path span{text-align:center}.character-growth-path b{display:block;font:18px/1.3 var(--display);color:#dcc394}.character-growth-path small{display:block;font-size:10px;color:#8fa49a;margin-top:5px}.character-growth-path i{color:#9b8b65;font-style:normal}.character-tab-note{font-size:10px;color:#8fa49a;margin:14px 0}.character-artifact-lore{text-align:center;position:relative;padding:20px 25px 25px;margin-bottom:22px;border:1px solid #b5a37040;background:radial-gradient(circle at 50% 38%,#b4985922,transparent 67%);border-radius:4px}.character-artifact-sigil{display:grid;place-items:center;width:75px;height:75px;border:1px solid #c7ad6d66;border-radius:50%;margin:2px auto 12px;box-shadow:0 0 0 6px #b1955922,inset 0 0 0 5px #c3aa7509;color:#e0c281}.character-artifact-lore h3{font:700 25px/1.3 var(--display);margin:0 0 10px;color:#e5ca8c}.character-artifact-lore p{font-size:13px;color:#bdc4b5;line-height:1.9;margin:0 auto 11px;max-width:300px}.character-artifact-lore>span:last-child{font-size:10px;color:#8c9f92}.character-artifact-slot{display:flex;align-items:center;width:100%;gap:16px;padding:15px;border:1px dashed #b7a37366;background:#d1bc8310;color:#d3c097;text-align:left;border-radius:3px}.character-artifact-slot>span{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #b8a57455;background:#d1bc8308;font:28px/1 var(--display)}.character-artifact-slot>div{flex:1}.character-artifact-slot b{font-size:14px;display:block;font-weight:500}.character-artifact-slot small{font-size:11px;color:#a2b0a2}.character-artifact-slot:hover{background:#d1bc8319}.character-screen :focus-visible{outline:2px solid #dcc18b;outline-offset:3px}body.character-backgrounded .character-orbit,body.character-backgrounded .character-specks i{animation-play-state:paused}
@keyframes character-screen-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes character-tab-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes character-speck{0%,100%{opacity:.1;transform:translateY(8px)}50%{opacity:.8;transform:translateY(-13px)}}@keyframes character-orbit-glow{0%,100%{opacity:.4}50%{opacity:.8}}
@media(min-width:1500px){.character-frame{min-height:calc(100svh - 214px);grid-template-columns:1.03fr 1fr}.character-visual{min-height:700px}.character-sheet{padding:30px 38px 25px}.character-sheet-heading h1{font-size:38px}.character-element-row{min-height:36px}.character-skill{min-height:95px}.character-skill b{font-size:13px}.character-element-hint{font-size:12px;margin-bottom:20px}.character-stats>div{padding:10px 12px}.character-visual-footer{bottom:40px;left:42px}.character-skill-detail p{font-size:12px}.character-section-title h3{font-size:15px}.character-frame>.frame-trim i{width:48px;height:48px}}
@media(max-width:1100px){.character-screen{padding:12px 20px 20px}.character-frame{grid-template-columns:.9fr 1.1fr}.character-visual-top{margin:30px 25px}.character-sheet{padding:20px 20px 18px}.character-sheet-heading h1{font-size:28px}.character-visual-footer{left:27px}.character-vertical-poem{left:25px}.character-element-badge{font-size:10px}.character-sheet-footer p{font-size:11px}.character-primary{padding:9px 10px}.character-reference-art{width:255%;left:-22%;top:1%}.character-skill-detail{display:block}.character-skill-keywords{margin-bottom:3px;display:block}.character-visual-footer h2{font-size:34px}}
@media(max-width:760px){.character-screen{padding:8px 12px 20px}.character-pagebar{flex-wrap:wrap;gap:0 18px;margin-bottom:8px}.character-demo{font-size:10px;width:100%;margin:0 0 5px}.character-frame{grid-template-columns:1fr;border-radius:7px}.character-visual{min-height:440px;border-right:0;border-bottom:1px solid #baa06966}.character-reference-art{width:235%;left:-13%;top:-6%}.character-visual-top{margin:26px 27px}.character-qian-seal{width:44px;height:44px;font-size:30px}.character-visual-top strong{font-size:22px}.character-visual-footer{bottom:25px;left:28px}.character-visual-footer h2{font-size:38px}.character-vertical-poem{top:116px;font-size:19px;left:29px}.character-vertical-poem span{font-size:12px}.character-orbit{inset:22% 13% 21%}.character-sheet{margin:0 12px 12px;padding:22px 18px 19px;border-radius:4px}.character-sheet-heading h1{font-size:28px}.character-element-badge{font-size:11px}.character-frame>.frame-trim i{width:28px;height:28px}.character-element-row{min-height:36px;grid-template-columns:27px 22px 1fr 39px}.character-element-row b{font-size:14px}.character-element-row strong{font-size:13px}.character-element-hint{font-size:12px;margin-bottom:16px}.character-section-title>span{font-size:10px}.character-section-title h3{font-size:14px}.character-stats{margin-bottom:17px}.character-stats>div{padding:8px}.character-stats dt{font-size:12px}.character-skill{min-height:87px;gap:7px}.character-skill small{font-size:10px}.character-skill b{font-size:11px}.character-subtle-button{font-size:10px}.character-skill-detail{display:block;min-height:62px}.character-skill-detail p{font-size:12px}.character-skill-keywords{font-size:10px}.character-sheet-footer{padding-top:15px}.character-sheet-footer p{max-width:145px;font-size:12px}.character-primary{padding:9px 11px}.character-tabpanel{min-height:408px}.character-fate-card{padding:18px 13px;gap:12px}.character-fate-card p{font-size:12px}.character-fate-card h3{font-size:21px}.character-rule-note span{font-size:11px}.character-tab-note{font-size:11px}}
/* Keep the reference figure in view without exposing the reference's own labels. */
.character-reference-art{height:115%;width:auto;left:50%;top:-18%;transform:translateX(-32.7%);clip-path:inset(0 44% 0 4%)}
.character-art-window{mask-image:linear-gradient(to bottom,transparent 8%,black 21%,black 62%,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,transparent 8%,black 21%,black 62%,transparent 78%)}
.character-orbit span{display:none}
.character-frame:before{content:"";position:absolute;inset:1px;border:5px solid #483526;border-radius:7px;box-shadow:inset 0 0 0 1px #d3b477,0 0 0 1px #b9965d;z-index:8;pointer-events:none}
#characterPageTitle:focus{outline:none}
.character-element-row b{font-size:14px}.character-skill b{font-size:13px}.character-skill-detail p{font-size:14px}.character-fate-card p{font-size:14px}.character-artifact-lore p{font-size:14px}.character-rule-note p{font-size:14px}
@media(min-width:761px){.character-frame{min-height:800px}.character-sheet{min-height:768px}}
@media(max-width:760px){.character-skill b{font-size:12px}.character-frame:before{border-width:4px}.character-skill-detail{min-height:75px}}
@media(prefers-reduced-motion:reduce){.character-screen,.character-tabpanel,.character-specks i,.character-orbit{animation:none}.character-skill,.character-primary{transition:none}}