.character-open{--wing-width:clamp(235px,19.5vw,310px)}
.character-open .top-hud,.character-open .main-nav,.character-open .lower-nav,.character-open .gift-button,.character-open .footer-links,.character-open .room-title,.character-open .pet-button,.character-open .mobile-chest,.character-open .chest-hotspot{display:none}
.character-open .hero-stage{left:50%;height:min(80vh,calc((100vw - var(--wing-width)*2 - 24px)*1.5));max-width:none;width:auto;bottom:9%}
.character-open .hero-caption{bottom:-12px}.character-open .room-shade{background:linear-gradient(#160f073d,transparent 20%,transparent 80%,#130e0999)}.character-open .room-toast{top:70px;max-width:calc(100% - var(--wing-width)*2 - 20px);font-size:11px;padding:10px 5px}
.character-sheet{position:absolute;inset:0;z-index:12;pointer-events:none;color:#3b2818;--paper:#d4af72;--paper-light:#edcf95;--paper-dark:#9d713e;--ink:#3b2818;--rust:#713b24;--gilt:#b98b46}
.character-wing{position:absolute;top:0;bottom:0;width:var(--wing-width);display:flex;flex-direction:column;pointer-events:auto;background:radial-gradient(ellipse at 25% 5%,#f4dbac7a,transparent 65%),radial-gradient(ellipse at 80% 85%,#8d582531,transparent 55%),repeating-linear-gradient(97deg,#84512108 0 1px,transparent 1px 4px),linear-gradient(90deg,#a67a42,#dfbf87 3%,#e6c68f 48%,#caa366 96%,#94662f);box-shadow:0 0 20px #110b0a77;border:1px solid #604521;isolation:isolate}
.character-wing:after{content:'';position:absolute;inset:6px;border:1px solid #7653265c;box-shadow:inset 0 0 0 1px #ffe5aa4f;pointer-events:none;z-index:-1}.statistics-wing{left:0;border-left:0;border-right:3px solid #624624}.inventory-wing{right:0;border-right:0;border-left:3px solid #624624}
.wing-heading{display:flex;align-items:center;justify-content:center;gap:17px;min-height:55px;flex-shrink:0;background:linear-gradient(#704a26e6,#a07443c4);border-bottom:1px solid #6e4a21;box-shadow:0 1px #f5d59b70;color:#fff1cd;text-shadow:0 2px 2px #432509}.wing-heading h2{font:600 29px var(--serif);margin:0}.wing-heading>span{font-size:9px;color:#e5c58c}
.wing-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b723b transparent;padding:22px 22px 12px}
.character-identity{text-align:center;margin-bottom:18px}.character-portrait{position:relative;margin:0 auto 17px;width:91px;height:91px;border:3px solid #dbc080;border-radius:50%;box-shadow:0 0 0 2px #705126,0 4px 10px #633d2f55;background:#43312c url('/assets/room-hero.webp') 54% 3%/390% auto no-repeat}
.character-portrait>span{position:absolute;right:-8px;bottom:-7px;width:30px;height:30px;display:grid;place-items:center;border:2px solid #e4c88c;border-radius:50%;background:linear-gradient(#943f32,#67261f);color:#fff0c7;font:600 20px var(--serif);box-shadow:0 1px 4px #40211077}.character-identity h3{font:700 27px var(--serif);color:#683921;overflow-wrap:anywhere;margin:0 0 3px}.character-identity p{font:500 11px var(--sans);color:#705030;margin:0}.character-experience{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;align-items:center;margin-bottom:16px}.character-experience>span{font-size:7px;letter-spacing:1px;color:#75542f}.character-experience>div{position:relative;height:4px;background:#85643469;border:1px solid #93703b80}.character-experience i{display:block;height:100%;background:#476160}.character-experience small{grid-column:2;font-size:8px;color:#694725;text-align:right}
.character-resources{padding:12px 0;border-top:1px solid #80592b44;border-bottom:1px solid #80592b44;display:flex;flex-direction:column;gap:11px}.character-resource{display:flex;align-items:center;gap:10px}.character-resource>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #9a7043;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ad392b,#622319);box-shadow:0 0 0 2px #e7c98d99;color:#e4bf7b;font-size:15px;text-shadow:0 1px 2px #491f13;flex:none}.character-resource>div{height:15px;position:relative;background:#79543455;border:1px solid #8e633742;width:100%;overflow:hidden}.character-resource i{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#963c27,#bf6848)}.character-resource strong{position:relative;display:block;text-align:center;font-size:9px;line-height:14px;color:#fff1d5;text-shadow:0 1px 2px #64301b}.character-resource.energy>span{font-size:23px;background:radial-gradient(circle at 40% 30%,#bd8c3a,#804421);color:#ffdb78}.character-resource.energy i{background:linear-gradient(90deg,#a77730,#c2923e)}
.character-combat{display:flex;justify-content:space-around;gap:17px;border-bottom:1px solid #80592b44;padding:15px 0}.character-combat>div{display:grid;grid-template-columns:22px auto;align-items:center;gap:1px 7px}.character-combat svg{width:20px;height:20px;color:#684429;grid-row:1/3}.character-combat strong{font:700 23px var(--serif);color:#743c24;line-height:1}.character-combat span{font-size:8px;color:#77502b}
.skills-heading{display:flex;justify-content:space-between;align-items:baseline;gap:5px;margin:20px 0 7px}.skills-heading h3{margin:0;font:700 23px var(--serif);color:#643a23}.skills-heading>span{font-size:8px;color:#846038}.character-skill{display:grid;grid-template-columns:1fr 22px 39px;gap:7px;align-items:center;min-height:38px;border-bottom:1px solid #8c68301f}.skill-name{font-size:11px;font-weight:600;color:#5c3d23}.character-skill>b{font:700 18px var(--serif);text-align:center;color:#794a27}.skill-plus{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0;height:26px;color:#573416}.skill-plus>span{display:grid;place-items:center;width:20px;height:22px;font:bold 17px Georgia,serif;background:linear-gradient(#f8dfab,#d5ab65);border:1px solid #a57b3d;box-shadow:0 1px 3px #754c2b45}.skill-plus small{font-size:7px}.skill-plus:disabled{opacity:.47}.skill-plus:hover:not(:disabled)>span{background:#ffedbf}.character-purse{display:flex;justify-content:space-between;gap:6px;margin-top:18px;padding-top:12px;border-top:1px solid #81552b55;font-size:9px;color:#684321}.character-purse b{display:block;font:700 20px var(--serif);color:#6c421f;margin-top:3px}.training-note{font-size:8px;color:#80603b;line-height:1.7;margin:8px 0 0}
.wing-footer{flex:none;margin:0 17px;padding:12px 0 16px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #8c62363d}.wing-footer>small{font-size:8px;color:#7b542e}.parchment-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#57341a;font:700 18px var(--serif);padding:7px 19px;min-height:34px;border:1px solid #9c7135;border-radius:2px;background:linear-gradient(#f2d493,#d1a259);box-shadow:inset 0 1px #ffe8b8,0 2px 3px #60381333;text-shadow:0 1px #f4dcaa80}.parchment-button svg{width:15px;height:15px}.parchment-button:hover:not(:disabled){filter:brightness(1.08)}.parchment-button:disabled{opacity:.62}.character-close{position:absolute;top:27px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;pointer-events:auto;color:#efd7a2;text-shadow:0 2px 4px #000;font-size:10px;letter-spacing:1px;padding:7px 12px;border-bottom:1px solid #c6a06266;background:linear-gradient(90deg,transparent,#2d1b1277,transparent)}.character-close svg{width:16px;height:16px}
.inventory-content{padding:12px 19px 8px}.inventory-group{margin-bottom:20px}.inventory-group h3{text-align:center;margin:5px 0 11px;font:700 21px var(--serif);color:#683c21}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-slot{position:relative;width:100%;aspect-ratio:1;display:block;padding:0;border:1px solid #f0d69e;border-radius:3px;background:radial-gradient(circle at 48% 42%,#b98b4d,#775029);box-shadow:0 0 0 1px #71512b,inset 0 0 8px #52341291,0 2px 3px #633e2444;overflow:hidden}.inventory-slot .gear-art{position:absolute;inset:1px;display:block;background:#292018 url('/assets/inventory-icons.webp') var(--gear-x) var(--gear-y)/400% 300% no-repeat;transition:transform .18s,filter .18s}.inventory-slot:not(.empty-slot):hover .gear-art{transform:scale(1.09);filter:brightness(1.13)}.inventory-slot.gold-item{border-color:#edc653;box-shadow:0 0 0 1px #946317,inset 0 0 8px #d89f45}.inventory-slot.is-equipped{border-color:#dfe3ba}.inventory-slot.is-selected{outline:2px solid #fff0bc;outline-offset:2px;box-shadow:0 0 0 2px #5b3718,0 0 10px #75451e77}.gear-tier{position:absolute;top:2px;left:3px;color:#f3dca9;text-shadow:0 1px 3px #000;font-size:7px}.equipped-mark{position:absolute;right:2px;bottom:2px;color:#f4f0c8;font-size:10px;background:#354b31dd;border:1px solid #9aa079;border-radius:50%;width:14px;height:14px;display:grid;place-items:center;line-height:1}.stack-count{position:absolute;right:2px;bottom:1px;background:#261811e8;color:#ffebc8;font-size:8px;font-weight:700;min-width:14px;padding:1px 3px;border-radius:3px}.inventory-legend{font-size:8px;color:#765230;margin:8px 0}.inventory-legend>span{color:#455735;margin-right:3px}.selected-item{padding:14px 21px 13px;flex:none;border-top:1px solid #9d713d66;background:linear-gradient(90deg,#99744616,#eed19a88,#99744616);min-height:72px}.inventory-hint{text-align:center;font:italic 17px/1.3 var(--serif);color:#7b562f;margin:2px 0}.item-inspection{text-align:center}.item-quality{display:block;text-transform:uppercase;font-size:7px;letter-spacing:.7px;color:#83562b}.item-inspection h3{font:700 23px var(--serif);line-height:1.1;color:#683b21;margin:8px 0}.item-inspection p{font-size:10px;color:#6c4625;margin:6px 0}.item-inspection small{display:block;font-size:9px;color:#795430;line-height:1.8;margin-top:8px}.item-inspection .equip-button{margin-top:8px;min-width:120px}.gear-comparison{display:flex;justify-content:center;gap:8px;margin-top:7px;flex-wrap:wrap;font-size:8px}.gear-comparison .upgrade{color:#355335}.gear-comparison .downgrade{color:#873820}.character-sheet button:focus-visible{outline-color:#572e1b;outline-width:2px;outline-offset:3px}
@media(min-width:1650px){.character-open{--wing-width:310px}.wing-scroll{padding-inline:25px}.inventory-content{padding-inline:21px}.character-portrait{width:105px;height:105px}.character-identity{margin-bottom:23px}.character-identity h3{font-size:30px}.character-skill{min-height:42px}.skill-name{font-size:12px}.inventory-group{margin-bottom:24px}.inventory-group h3{font-size:23px}.wing-heading{min-height:61px}.wing-heading h2{font-size:31px}}
@media(max-width:1100px){.character-open{--wing-width:clamp(190px,24vw,250px)}.wing-heading{min-height:48px;gap:10px}.wing-heading h2{font-size:26px}.wing-scroll{padding:16px 15px 10px}.character-portrait{width:75px;height:75px}.character-identity h3{font-size:25px}.character-identity p{font-size:10px}.inventory-content{padding:12px 13px 8px}.inventory-grid{gap:6px}.inventory-group{margin-bottom:16px}.inventory-group h3{font-size:20px}.skill-name{font-size:10px}.character-skill{grid-template-columns:1fr 18px 38px;gap:3px}.wing-footer{margin:0 12px;padding-bottom:13px}.wing-footer>small{display:none}.selected-item{padding:12px 14px}.item-inspection h3{font-size:21px}.character-combat{gap:8px}.character-combat strong{font-size:22px}}
@media(max-width:700px){.character-open{--wing-width:clamp(144px,29vw,190px)}.wing-heading{min-height:41px;gap:7px}.wing-heading h2{font-size:22px}.wing-heading>span{font-size:6px}.wing-scroll{padding:13px 11px 9px}.character-identity{margin-bottom:11px}.character-portrait{width:59px;height:59px;margin-bottom:12px}.character-portrait>span{width:23px;height:23px;font-size:16px}.character-identity h3{font-size:21px}.character-identity p{font-size:8px}.character-experience{gap:4px 6px;margin-bottom:12px}.character-experience>span{font-size:6px}.character-experience small{font-size:7px}.character-resource{gap:6px}.character-resource>span{width:18px;height:18px;font-size:12px}.character-resource.energy>span{font-size:18px}.character-resource>div{height:12px}.character-resource strong{font-size:7px;line-height:11px}.character-resources{padding:9px 0;gap:8px}.character-combat{padding:11px 0;gap:6px}.character-combat>div{grid-template-columns:15px auto;gap:2px 4px}.character-combat svg{width:15px;height:15px}.character-combat strong{font-size:19px}.character-combat span{font-size:7px}.skills-heading{margin-top:13px}.skills-heading h3{font-size:20px}.skills-heading>span{font-size:6px}.character-skill{grid-template-columns:1fr 14px 25px;gap:2px;min-height:33px}.skill-name{font-size:9px;overflow-wrap:anywhere}.character-skill>b{font-size:16px}.skill-plus{height:30px;flex-direction:column;gap:1px;justify-content:center}.skill-plus>span{height:18px;width:21px;font-size:16px}.skill-plus small{font-size:6px;line-height:7px}.character-purse{font-size:7px;margin-top:12px;padding-top:10px}.character-purse b{font-size:17px}.training-note{font-size:6px}.parchment-button{font-size:16px;padding:6px 10px;min-height:30px}.wing-footer{padding:9px 0 11px}.inventory-content{padding:9px 11px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inventory-group h3{font-size:18px;margin-top:3px;margin-bottom:8px}.inventory-group{margin-bottom:15px}.inventory-legend{font-size:7px}.selected-item{padding:10px 11px;min-height:58px}.inventory-hint{font-size:14px}.item-inspection h3{font-size:18px}.item-inspection p{font-size:8px}.item-quality{font-size:6px;letter-spacing:.1px}.gear-comparison{font-size:7px;gap:4px}.item-inspection .equip-button{min-width:0;width:100%;font-size:15px}.item-inspection small{font-size:8px}.character-close{font-size:8px;gap:5px;padding:6px;top:18px;white-space:nowrap}.character-close svg{width:13px;height:13px}.character-open .hero-caption strong{font-size:19px}.character-open .hero-caption span{display:none}.character-open .room-toast{font-size:9px;top:57px}.character-open .hero-stage{bottom:15%}}
@media(max-height:620px) and (min-width:481px){.wing-heading{min-height:36px}.wing-heading h2{font-size:22px}.wing-scroll{padding-top:10px}.character-identity{display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:12px}.character-portrait{width:42px;height:42px;flex:none;margin:0;border-width:2px}.character-portrait>span{width:19px;height:19px;font-size:13px;right:-5px;bottom:-5px;border-width:1px}.character-identity h3{font-size:21px}.character-identity p{font-size:8px}.character-experience{margin-bottom:8px;gap:3px 6px}.character-experience small{display:none}.character-resources{padding:7px 0;gap:7px}.character-combat{padding:9px 0}.skills-heading{margin-top:10px;margin-bottom:2px}.character-skill{min-height:30px}.character-purse{margin-top:10px;padding-top:7px}.training-note{margin-top:4px}.wing-footer{padding:7px 0 10px}.inventory-content{padding-top:7px}.inventory-group{margin-bottom:13px}.selected-item{padding-top:9px;padding-bottom:9px}.character-close{top:15px}.character-open .hero-stage{bottom:12%}}
@media(max-width:700px) and (min-width:481px) and (max-height:620px){.character-identity{gap:8px}.character-identity h3{font-size:17px}.character-identity p{font-size:6px}.character-portrait{width:34px;height:34px}.character-skill{min-height:31px}.inventory-group{margin-bottom:12px}.inventory-grid{gap:6px}.inventory-content{padding-inline:10px}.character-combat strong{font-size:17px}.character-combat>div{column-gap:3px}.character-experience{grid-template-columns:auto 1fr}.character-open .hero-stage{bottom:14%}}
@media(max-width:480px){.character-open{--wing-width:50%}.character-wing{top:47%;width:50%;border-top:2px solid #80572a}.wing-heading{min-height:39px}.statistics-wing{border-right-width:1px}.inventory-wing{border-left-width:1px}.character-open .hero-stage{width:auto;height:38%;max-width:70vw;bottom:54%;left:50%}.character-open .hero-caption{bottom:-9px}.character-open .hero-caption strong{font-size:18px}.character-open .hero-shadow{opacity:.8}.character-close{top:13px;left:23px;transform:none;font-size:9px}.character-open .room-toast{top:48px;max-width:80vw;font-size:10px}.character-identity{display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:12px}.character-portrait{width:39px;height:39px;margin:0;flex:none}.character-identity h3{font-size:19px}.character-identity p{font-size:7px}.character-portrait>span{width:19px;height:19px;right:-5px;bottom:-4px;font-size:13px;border-width:1px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.inventory-group{margin-bottom:15px}.inventory-group h3{font-size:19px}.character-skill{grid-template-columns:1fr 18px 25px}.skill-name{font-size:10px}.character-purse{font-size:8px}.character-resource strong{font-size:8px}.character-combat strong{font-size:20px}.wing-footer{padding:7px 0 9px}.selected-item{max-height:42%;overflow-y:auto;scrollbar-width:thin}.wing-scroll{padding-bottom:9px}.inventory-hint{font-size:13px}.item-inspection h3{font-size:18px}.item-inspection p{font-size:9px}.character-open .room-world{transform:translate(-53%,-50%)}.character-open .hero-caption span{display:none}}
@media(prefers-reduced-motion:reduce){.inventory-slot .gear-art{transition:none}}
@media(min-width:701px) and (min-height:621px){.statistics-content{padding-top:17px}.character-portrait{width:78px;height:78px;margin-bottom:12px}.character-identity{margin-bottom:12px}.character-skill{min-height:35px}.skills-heading{margin-top:14px}.character-purse{margin-top:12px;padding-top:9px}}
@media(max-width:700px){.inventory-grid .empty-slot{display:none}}
.character-section-link{display:flex;justify-content:center;margin:0 0 15px}.character-section-link .parchment-button{font-size:17px;padding:4px 22px;min-height:30px}
.attributes-heading{text-align:center;font:700 23px var(--serif);color:#643a23;margin:16px 0 9px}
.attribute-allocation{border:2px solid #a4773e;border-radius:3px;background:#d9ae6250;padding:9px 12px;box-shadow:inset 0 1px 3px #73502125}
.attribute-row{display:grid;grid-template-columns:1fr 28px 29px;align-items:center;gap:9px;min-height:36px;font:600 12px var(--sans);color:#59341c}.attribute-row>b{font:700 22px var(--serif);text-align:center;color:#82482a}
.attribute-plus{height:25px;width:28px;border:1px solid #a57b3d;background:linear-gradient(#f8dfab,#d5ab65);box-shadow:0 1px 3px #754c2b45;color:#503016;font:bold 20px Georgia,serif;padding:0;line-height:21px}.attribute-plus:hover:not(:disabled){background:#ffedbf}.attribute-plus:disabled{opacity:.4;cursor:default}
.attribute-points{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:10px 4px 2px;border-top:1px solid #966a3555;font-size:11px;color:#5b3b20}.attribute-points strong{font:700 24px var(--serif);color:#873c22}
.attribute-note{text-align:center;color:#795530;font-size:9px;line-height:1.7;margin:10px 0 0}
@media(max-width:1100px){.attribute-allocation{padding:8px}.attribute-row{grid-template-columns:1fr 22px 27px;gap:5px;font-size:11px}.attribute-points{font-size:10px}}
@media(max-width:700px){.character-section-link{margin-bottom:9px}.character-section-link .parchment-button{font-size:15px;min-height:26px;padding:3px 15px}.attributes-heading{font-size:19px;margin:10px 0 6px}.attribute-allocation{padding:5px 7px}.attribute-row{font-size:9px;grid-template-columns:1fr 18px 22px;gap:4px;min-height:29px}.attribute-row>b{font-size:18px}.attribute-plus{width:22px;height:22px;font-size:17px;line-height:19px}.attribute-points{font-size:9px;padding-top:7px;margin-top:5px;gap:3px}.attribute-points strong{font-size:20px}.attribute-note{font-size:7px;margin-top:7px}}
@media(max-height:620px){.character-section-link{margin-bottom:8px}.character-section-link .parchment-button{min-height:25px;padding-block:2px}.attributes-heading{margin-top:10px}.attribute-row{min-height:28px}.attribute-note{margin-top:7px}}
/* A rare effect has its own visual mark without borrowing the premium quality colour. */
.inventory-slot.unique-item{border-color:#78a89c;box-shadow:inset 0 0 11px #66a99540,0 0 0 1px #294b45}.inventory-slot.unique-item:after{content:'✦';position:absolute;left:4px;top:1px;color:#c2efdd;font-size:12px;text-shadow:0 1px 3px #153e33}.item-trait{color:#516b54}
.expanded-bag-link{display:block;text-align:center;margin:8px 0 15px;font-size:16px}.resource-slot>i{font:32px Georgia;color:#c5d6cb;font-style:normal}.resource-slot .stack-count{font:600 11px var(--sans)}