body.character-profile-page .theme-banner{height:205px}
body.character-profile-page .layout-columns{display:block}
body.character-profile-page .layout-columns>aside{display:none}
body.character-profile-page .content-column{width:100%;max-width:1100px}
.character-profile,.character-profile *{box-sizing:border-box}
.character-profile{position:relative;overflow:hidden;border:1px solid #26354b;border-top:3px solid #4779ad;border-radius:5px;background:#0b111b;color:#eaf0f9;font:13px/1.5 'Segoe UI',Arial,sans-serif;box-shadow:0 18px 48px #0007}
.character-profile__breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 19px;color:#869ab2;font-size:11px;border-bottom:1px solid #223249}
.character-profile__breadcrumb a{color:#8fc7ff;text-decoration:none}.character-profile__breadcrumb a:hover{text-decoration:underline}
.character-profile__masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(395px,48%);min-height:173px;margin:16px 18px 18px;border:1px solid #304158;border-radius:5px;background:radial-gradient(ellipse at 18% 0%,#254e7859,transparent 65%),linear-gradient(120deg,#162338,#111b2b 62%,#111a29)}
.character-profile__identity{display:flex;align-items:center;gap:17px;min-width:0;padding:22px 24px}
.character-profile__avatar{flex:none;width:92px;height:92px;object-fit:cover;border:2px solid #6faee2;border-radius:9px;background:#0d1c2d;box-shadow:0 0 0 5px #6faee21d,0 10px 18px #0008}
.character-profile__identity-copy{min-width:0}
.character-profile__eyebrow{margin:0 0 6px!important;color:#8ac7fb;font-size:10px;font-weight:800;letter-spacing:.16em}
.character-profile__identity h1{margin:0;color:#fff;font-size:29px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.character-profile__identity-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:8px 0 0;color:#b3c7df;font-size:12px}
.character-profile__identity-line a{color:#b3d9ff;text-decoration:none}.character-profile__identity-line a:hover{color:#fff;text-decoration:underline}
.character-profile__identity-divider{width:4px;height:4px;border-radius:50%;background:#6faee2}
.character-profile__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;margin:0;border-left:1px solid #304158}
.character-profile__summary>div{min-width:0;padding:18px 20px;border-bottom:1px solid #304158}
.character-profile__summary>div:nth-child(odd){border-right:1px solid #304158}
.character-profile__summary>div:nth-last-child(-n+2){border-bottom:0}
.character-profile__summary dt,.character-profile__guild-stats dt{color:#8faaca;font-size:10px;font-weight:700;letter-spacing:.09em}
.character-profile__summary dd{margin:5px 0 0;color:#fff;font-size:20px;font-weight:750;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.character-profile__summary>div:last-child dd{font-size:16px}
.character-profile__workspace{display:grid;grid-template-columns:554px minmax(0,1fr);align-items:stretch;gap:15px;padding:0 18px 18px}
.character-profile__inventory,.character-profile__card{min-width:0;overflow:hidden;border:1px solid #2e4159;border-radius:5px;background:#111a28}
.character-profile__panel-heading{display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 13px;border-bottom:1px solid #2e4159;background:#18263a}
.character-profile__panel-number{display:grid;place-items:center;flex:none;width:26px;height:24px;border-radius:3px;background:#24496b;color:#acd9ff;font-size:10px;font-weight:800;letter-spacing:.03em}
.character-profile__panel-heading h2{margin:0;color:#ecf3fd;font-size:12px;font-weight:750;letter-spacing:.03em}
.character-profile__inventory-scroll{max-width:100%;overflow-x:auto;padding:12px;scrollbar-color:#426a8c #111a28}
.character-profile__inventory-scroll:focus-visible{outline:2px solid #75baff;outline-offset:-3px}
.character-profile__inventory-stage{display:flex;gap:16px;width:528px;height:526px}
.character-profile__inventory-main,.character-profile__inventory-extra{flex:none;width:256px}
.character-profile__equipment{width:256px;height:270px;background:url('../images/inventory/equipment.webp') left top no-repeat}
.character-profile__bag{width:256px;height:256px;background:url('../images/inventory/empty.webp') left top/32px 32px repeat}
.character-profile__inventory-extra{display:flex;flex-direction:column;gap:12px}
.character-profile__extra-grid{width:256px;height:128px;background:url('../images/inventory/empty.webp') left top/32px 32px repeat}
.character-profile__equipment,.character-profile__bag,.character-profile__extra-grid{position:relative}
.character-profile__item{position:absolute;display:block;z-index:2}
.character-profile__item-button{display:grid;place-items:center;width:100%;height:100%;padding:0;border:1px solid #79b8f944;background:#142331;color:#dcefff;cursor:help;overflow:hidden}
.character-profile__item--equipment.character-profile__item--slot-3 .character-profile__item-button{overflow:visible}
.character-profile__item-button:hover,.character-profile__item-button:focus-visible{border-color:#90d2ff;box-shadow:inset 0 0 12px #85bcff66,0 0 10px #61a8ff77;outline:none}
.character-profile__item-button img{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}
.character-profile__item-fallback{color:#8fbbe3;font-size:19px;line-height:1;text-shadow:0 0 8px #51aafa77}
.character-profile__item--equipment{width:62px;height:61px}.character-profile__item--slot-0{left:8px;top:123px}.character-profile__item--slot-1{left:181px;top:123px}.character-profile__item--slot-2{left:101px;top:55px;width:52px;height:63px}.character-profile__item--slot-3{left:101px;top:123px;width:52px;height:77px}.character-profile__item--slot-4{left:101px;top:203px;width:52px;height:58px}.character-profile__item--slot-5{left:8px;top:203px}.character-profile__item--slot-6{left:181px;top:203px}.character-profile__item--slot-7{left:164px;top:55px;width:81px;height:63px}.character-profile__item--slot-8{left:8px;top:55px;height:63px}.character-profile__item--slot-9{left:79px;top:143px;width:19px;height:20px}.character-profile__item--slot-10{left:79px;top:217px;width:19px;height:20px}.character-profile__item--slot-11{left:157px;top:217px;width:19px;height:20px}
.character-profile__item--slot-0,.character-profile__item--slot-1{height:75px}
.character-profile__item--slot-5{top:203px;width:65px;height:59px}
.character-profile__item--x0{left:0}.character-profile__item--x1{left:32px}.character-profile__item--x2{left:64px}.character-profile__item--x3{left:96px}.character-profile__item--x4{left:128px}.character-profile__item--x5{left:160px}.character-profile__item--x6{left:192px}.character-profile__item--x7{left:224px}
.character-profile__item--y0{top:0}.character-profile__item--y1{top:32px}.character-profile__item--y2{top:64px}.character-profile__item--y3{top:96px}.character-profile__item--y4{top:128px}.character-profile__item--y5{top:160px}.character-profile__item--y6{top:192px}.character-profile__item--y7{top:224px}
.character-profile__item--w1{width:32px}.character-profile__item--w2{width:64px}.character-profile__item--w3{width:96px}.character-profile__item--w4{width:128px}.character-profile__item--w5{width:160px}.character-profile__item--w6{width:192px}.character-profile__item--w7{width:224px}.character-profile__item--w8{width:256px}
.character-profile__item--h1{height:32px}.character-profile__item--h2{height:64px}.character-profile__item--h3{height:96px}.character-profile__item--h4{height:128px}.character-profile__item--h5{height:160px}.character-profile__item--h6{height:192px}.character-profile__item--h7{height:224px}.character-profile__item--h8{height:256px}
.character-profile__inventory-note{margin:5px 12px 13px;color:#9cb6d2;font-size:11px}
.character-profile__floating-tooltip{position:fixed;z-index:99999;display:grid;gap:3px;min-width:185px;max-width:300px;padding:11px 14px;border:1px solid #64728a;border-radius:5px;background:linear-gradient(160deg,#2a2d34,#1d232d);box-shadow:0 14px 35px #000d;color:#f4f6fb;font:12px/1.4 'Segoe UI',Arial,sans-serif;text-align:center;pointer-events:none}
.character-profile__floating-tooltip strong{font-size:14px}.character-profile__tooltip-name--normal{color:#80b2ff}.character-profile__tooltip-name--enhanced{color:#ffcc1a}.character-profile__tooltip-name--excellent{color:#1aff80}.character-profile__tooltip-name--ancient{color:#00ff00;background:#3c3cc8}.character-profile__tooltip-name--socket{color:#b366ff}
.character-profile__tooltip-line,.character-profile__tooltip-serial,.character-profile__tooltip-option--skill{color:#fff}.character-profile__tooltip-stat{color:#d4dce8}.character-profile__tooltip-serial{font-size:11px;font-variant-numeric:tabular-nums}
.character-profile__tooltip-option--bonus{color:#80b2ff}.character-profile__tooltip-option--pvp{color:#cc80cc}.character-profile__tooltip-option--ancient{color:#00ff00}.character-profile__tooltip-option--harmony{color:#ffcc1a}.character-profile__tooltip-option--socket-heading{color:#ff1aff}.character-profile__tooltip-option--socket{color:#80b2ff}.character-profile__tooltip-option--socket-empty{color:#999}
.character-profile__details{display:flex;flex-direction:column;min-width:0;gap:12px}
.character-profile__attributes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:13px}
.character-profile__attributes>div{min-width:0;padding:10px 11px;border:1px solid #2b3b52;border-radius:4px;background:#151f30}
.character-profile__attributes dt{color:#80bdf4;font-size:10px;font-weight:800;letter-spacing:.08em}
.character-profile__attributes dd{margin:3px 0 0;color:#f6faff;font-size:17px;font-weight:800;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.character-profile__vitals{display:grid;gap:17px;padding:15px 16px 18px}
.character-profile__vital>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:#b7c8de;font-size:11px}
.character-profile__vital strong{color:#f3f7ff;font-size:11px;letter-spacing:.07em}
.character-profile__vital>div:first-child span{font-variant-numeric:tabular-nums;white-space:nowrap}
.character-profile__meter{height:8px;margin-top:7px;overflow:hidden;border-radius:99px;background:#28374d}
.character-profile__meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#aa3249,#f56a7a)}
.character-profile__vital--mp .character-profile__meter span{background:linear-gradient(90deg,#125ca7,#5bb0ff)}
.character-profile__guild{flex:1}
.character-profile__guild-content{display:flex;align-items:center;gap:14px;padding:15px 16px 9px}
.character-profile__guild-emblem{display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid #6a8aac;border-radius:5px;background:#0d1523}
.character-profile__guild-emblem svg{width:100%;height:100%;image-rendering:pixelated}
.character-profile__guild-info{min-width:0}
.character-profile__guild-info strong{display:block;color:#fff;font-size:17px;overflow-wrap:anywhere}
.character-profile__guild-info a{display:block;color:#fff;font-size:17px;font-weight:750;text-decoration:none;overflow-wrap:anywhere}.character-profile__guild-info a:hover{color:#a9d6ff;text-decoration:underline}
.character-profile__guild-info p{margin:3px 0 0;color:#a8bdd7;font-size:11px;overflow-wrap:anywhere}
.character-profile__guild-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:7px 16px 16px}
.character-profile__guild-stats>div{min-width:0;padding:9px 11px;border:1px solid #2e4059;border-radius:4px;background:#172337}
.character-profile__guild-stats dd{margin:3px 0 0;color:#fff;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}
@media(max-width:1130px){.character-profile__workspace{grid-template-columns:554px minmax(0,1fr);gap:12px}.character-profile__attributes>div{padding:9px 7px}.character-profile__attributes dd{font-size:15px}.character-profile__identity{padding-inline:17px}}
@media(max-width:990px){.character-profile__masthead{grid-template-columns:minmax(0,1fr)}.character-profile__summary{grid-template-columns:repeat(4,minmax(0,1fr));border-left:0;border-top:1px solid #304158}.character-profile__summary>div{padding:13px 11px;border-bottom:0;border-right:1px solid #304158}.character-profile__summary>div:last-child{border-right:0}.character-profile__summary dd{font-size:17px}.character-profile__workspace{grid-template-columns:minmax(0,1fr)}.character-profile__inventory{width:100%}.character-profile__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.character-profile__guild{grid-column:1/-1}.character-profile__inventory-scroll{overflow-x:auto}}
@media(max-width:650px){body.character-profile-page .theme-banner{height:180px}.character-profile__masthead{margin:11px}.character-profile__identity{padding:17px 14px;gap:13px}.character-profile__avatar{width:72px;height:72px}.character-profile__identity h1{font-size:23px}.character-profile__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.character-profile__summary>div:nth-child(2){border-right:0}.character-profile__summary>div:nth-child(-n+2){border-bottom:1px solid #304158}.character-profile__workspace{padding:0 10px 11px}.character-profile__details{grid-template-columns:1fr}.character-profile__guild{grid-column:auto}}
.character-profile__privacy-message{margin:0 18px 14px;padding:11px 14px;border:1px solid #315f59;border-radius:5px;background:#102a2a;color:#bde7d6;font-size:12px}
.character-profile__privacy-control{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 18px 15px;padding:15px 18px;border:1px solid #315070;border-radius:5px;background:#102035}
.character-profile__privacy-control strong{display:block;color:#e8f3ff;font-size:13px}.character-profile__privacy-control p{margin:4px 0 0;color:#9eb5ce;font-size:11px;line-height:1.5}.character-profile__privacy-control form{padding:0!important;margin:0}.character-profile__privacy-control button{white-space:nowrap;min-height:36px;padding:7px 13px;border:1px solid #5188c6;border-radius:4px;background:#1b4676;color:#ecf6ff;font-size:11px;font-weight:700}.character-profile__privacy-control button:hover{background:#285f9c}.character-profile__inventory-private{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:510px;padding:25px;text-align:center}.character-profile__inventory-private>span{font-size:40px;color:#5685b7}.character-profile__inventory-private strong{margin-top:8px;color:#ebf4ff;font-size:17px}.character-profile__inventory-private p{max-width:270px;margin:6px 0 0;color:#9baec3;font-size:12px;line-height:1.6}@media(max-width:650px){.character-profile__privacy-control{align-items:flex-start;flex-direction:column;margin-inline:10px}.character-profile__privacy-message{margin-inline:10px}.character-profile__inventory-private{min-height:250px}}
