.cp-wrap{--cp-bg:#0a0e16;--cp-panel:#121925;--cp-panel2:#172131;--cp-line:#2a3548;--cp-text:#e8edf6;--cp-muted:#919caf;--cp-gold:#e5ad4c;--cp-gold2:#ffd27c;--cp-blue:#56a8ff;--cp-green:#68d493;max-width:1180px;margin:22px auto 56px;padding:0 14px;color:var(--cp-text);font-family:Montserrat,Arial,sans-serif}.cp-wrap *{box-sizing:border-box}.cp-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px;border:1px solid #344058;border-radius:20px;background:radial-gradient(circle at 18% 0,rgba(84,167,255,.16),transparent 34%),linear-gradient(135deg,#0c111b,#18243a);box-shadow:0 22px 55px rgba(8,12,21,.28);margin-bottom:16px}.cp-hero small,.cp-section-head small{color:var(--cp-gold);font-size:10px;letter-spacing:.16em;font-weight:800}.cp-hero h1{margin:6px 0 8px;font-family:"Roboto Slab",Georgia,serif;font-size:38px;font-weight:700}.cp-hero p{margin:0;color:var(--cp-muted)}.cp-hero>span{padding:11px 15px;border:1px solid rgba(104,212,147,.35);border-radius:999px;background:rgba(104,212,147,.08);color:var(--cp-green);font-size:11px;white-space:nowrap}.cp-panel{background:linear-gradient(145deg,var(--cp-panel2),var(--cp-panel));border:1px solid var(--cp-line);border-radius:16px;box-shadow:0 14px 40px rgba(3,7,13,.18)}.cp-search-panel{padding:18px;margin-bottom:16px}.cp-search label{display:block;color:var(--cp-gold);font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}.cp-search>div{display:flex;gap:9px}.cp-search input{flex:1;min-width:0;border:1px solid #3a465b;border-radius:9px;background:#0e1520;color:var(--cp-text);padding:13px 15px;outline:0}.cp-search input:focus{border-color:var(--cp-blue);box-shadow:0 0 0 3px rgba(86,168,255,.12)}.cp-search button{border:0;border-radius:9px;background:linear-gradient(#e9b95d,#b87a25);color:#1d1406;padding:0 22px;font-weight:900;cursor:pointer}.cp-alert{padding:16px;margin-bottom:16px}.cp-error{border-color:#7b3636;color:#ffb1b1;background:#26171b}.cp-empty-state{text-align:center;padding:70px 24px}.cp-empty-state>i,.cp-no-item>i{color:var(--cp-gold);font-size:48px}.cp-empty-state h2,.cp-no-item h2{font-family:"Roboto Slab",Georgia,serif;margin:15px 0 8px}.cp-empty-state p,.cp-no-item p{color:var(--cp-muted);margin:0}.cp-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.cp-profile,.cp-rankings,.cp-chart-panel,.cp-item-detail{padding:22px}.cp-kicker{display:flex;justify-content:space-between;color:var(--cp-gold);font-size:9px;font-weight:800;letter-spacing:.13em}.cp-kicker span{color:var(--cp-green);padding:3px 7px;border:1px solid rgba(104,212,147,.3);border-radius:99px;font-size:8px}.cp-profile-main{display:flex;align-items:center;gap:16px;margin:21px 0 24px}.cp-avatar{width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;border:1px solid #46536b;background:radial-gradient(circle,#31415a,#151e2d 68%);color:var(--cp-gold2);font-size:31px}.cp-profile-main h2{font-family:"Roboto Slab",Georgia,serif;font-size:27px;margin:0 0 4px}.cp-profile-main p{color:var(--cp-muted);font-size:12px;margin:0}.cp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.cp-chips span{padding:4px 7px;border-radius:4px;background:#222d3e;color:#c4ccda;font-size:10px}.cp-level-head{display:flex;justify-content:space-between;gap:10px;font-size:11px}.cp-level-head span{color:var(--cp-muted)}.cp-level-track{height:8px;margin:8px 0;border-radius:99px;background:#273247;overflow:hidden}.cp-level-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cp-blue),#8ac7ff);box-shadow:0 0 12px rgba(86,168,255,.55)}.cp-profile-meta{display:flex;justify-content:space-between;gap:10px;color:var(--cp-muted);font-size:9px}.cp-ranking-list{margin-top:13px}.cp-ranking-list a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid var(--cp-line);color:var(--cp-text);text-decoration:none}.cp-ranking-list a:last-child{border-bottom:0}.cp-ranking-list a:hover,.cp-ranking-list a.active{background:#1d2838}.cp-ranking-list b{color:var(--cp-gold)}.cp-ranking-list span{display:grid}.cp-ranking-list strong{font-size:12px}.cp-ranking-list small{color:var(--cp-muted);font-size:9px}.cp-ranking-list em{color:var(--cp-muted);font-style:normal;font-size:10px}.cp-chart-panel{margin-bottom:48px}.cp-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:18px}.cp-section-head h2{font-family:"Roboto Slab",Georgia,serif;font-size:25px;margin:5px 0 0}.cp-section-head>span{color:var(--cp-muted);font-size:10px}.cp-inline-note{padding:10px 12px;margin-bottom:12px;border:1px solid #67552d;border-radius:8px;background:#282316;color:#e9cb80;font-size:10px}.cp-chart-scroll{overflow-x:auto}.cp-chart{display:block;width:100%;min-width:620px;height:auto}.cp-chart line{stroke:var(--cp-line);stroke-width:1}.cp-chart text{fill:var(--cp-muted);font-size:9px}.cp-chart polyline{fill:none;stroke:var(--cp-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cp-chart circle{fill:var(--cp-panel);stroke:var(--cp-blue);stroke-width:2}.cp-equipment-section{margin-bottom:30px}.cp-equipment-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);gap:16px;align-items:start}.cp-equipment-board{min-height:510px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 148px minmax(0,1fr);grid-template-rows:repeat(5,minmax(80px,auto));column-gap:18px;align-items:center}.cp-paper-doll{grid-column:2;grid-row:1/6;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative}.cp-paper-doll:before{content:"";position:absolute;width:140px;height:300px;border-radius:50%;border:1px solid rgba(229,173,76,.24);background:radial-gradient(ellipse,rgba(229,173,76,.1),transparent 68%)}.cp-paper-doll i{position:relative;color:var(--cp-gold2);font-size:78px;filter:drop-shadow(0 0 20px rgba(229,173,76,.2))}.cp-paper-doll span{position:relative;color:var(--cp-muted);font-size:8px;letter-spacing:.1em;text-align:center}.cp-slot{width:100%;min-width:0;position:relative;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-bottom-color:var(--cp-line);background:transparent;color:var(--cp-text);text-align:left;cursor:pointer}.cp-slot.right{grid-template-columns:minmax(0,1fr) 43px;text-align:right}.cp-slot.right .cp-slot-icon{order:2}.cp-slot:hover:not([disabled]){background:#1b2636}.cp-slot.active{border-color:#88652e;background:linear-gradient(90deg,rgba(229,173,76,.15),rgba(229,173,76,.04))}.cp-slot[disabled]{cursor:default;opacity:.45}.cp-slot-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #3c495e;border-radius:6px;background:#182231;color:var(--cp-muted)}.cp-slot-icon img{max-width:36px;max-height:36px;object-fit:contain}.cp-slot-icon b{font-size:8px}.cp-slot-copy{display:grid;min-width:0;position:relative}.cp-slot-copy small{color:var(--cp-muted);font-size:8px;letter-spacing:.05em}.cp-slot-copy strong{margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-slot-copy em{position:absolute;top:-3px;right:0;color:var(--cp-gold2);font-size:9px;font-style:normal}.cp-slot.right .cp-slot-copy em{right:auto;left:0}.cp-item-detail{position:sticky;top:95px}.cp-verified{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--cp-line)}.cp-verified span{color:var(--cp-green);font-size:9px;font-weight:800;letter-spacing:.1em}.cp-verified small{color:var(--cp-muted);font-size:8px}.cp-item-head{display:flex;align-items:center;gap:13px;padding:19px 0}.cp-item-head>img{width:60px;height:60px;object-fit:contain;flex:0 0 auto;padding:6px;border:1px solid #705323;border-radius:7px;background:radial-gradient(circle,#3b2a15,#141c29)}.cp-item-head small{color:var(--cp-gold);font-size:8px;letter-spacing:.1em}.cp-item-head h2{font-family:"Roboto Slab",Georgia,serif;font-size:19px;margin:3px 0}.cp-item-head p{color:var(--cp-muted);font-size:9px;margin:0}.cp-item-detail dl{margin:0;border-top:1px solid var(--cp-line)}.cp-item-detail dl>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--cp-line)}.cp-item-detail dt{color:var(--cp-muted);font-size:8px;letter-spacing:.08em}.cp-item-detail dd{margin:0;font-size:9px;overflow-wrap:anywhere}.cp-item-detail code{font-family:Consolas,monospace;color:#b8d8ff}.cp-trace-link{display:block;margin-top:18px;padding:12px 14px;border-radius:8px;background:linear-gradient(#e9b95d,#b87a25);color:#1d1406!important;text-align:center;text-decoration:none!important;font-size:10px;font-weight:900}.cp-trace-link.disabled{pointer-events:none;filter:grayscale(1);opacity:.45}.cp-no-item{text-align:center;padding:60px 5px}.cp-no-item>i{font-size:38px}.cp-snapshot{max-width:700px;margin:40px auto;padding:28px}.cp-snapshot h1{font-family:"Roboto Slab",Georgia,serif}.cp-snapshot.cp-success{border-color:#397650}.cp-snapshot.cp-error{border-color:#7b3636}.cp-snapshot p{color:var(--cp-muted)}
@media(max-width:960px){.cp-overview,.cp-equipment-layout{grid-template-columns:1fr}.cp-item-detail{position:static}}
@media(max-width:660px){.cp-wrap{padding:0 9px}.cp-hero{align-items:flex-start;flex-direction:column;padding:24px}.cp-hero h1{font-size:31px}.cp-search>div{flex-direction:column}.cp-search button{padding:12px}.cp-profile,.cp-rankings,.cp-chart-panel,.cp-item-detail{padding:17px}.cp-section-head{align-items:flex-start;flex-direction:column}.cp-equipment-board{min-height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:0 9px;padding:12px}.cp-paper-doll{grid-column:1/3;grid-row:1;min-height:155px}.cp-paper-doll:before{width:130px;height:130px}.cp-paper-doll i{font-size:62px}.cp-slot,.cp-slot.right{grid-column:auto!important;grid-row:auto!important;grid-template-columns:38px minmax(0,1fr);text-align:left}.cp-slot.right .cp-slot-icon{order:0}.cp-slot-icon{width:38px;height:38px}.cp-slot.right .cp-slot-copy em{left:auto;right:0}}
@media(max-width:420px){.cp-profile-main{align-items:flex-start}.cp-avatar{width:62px;height:62px}.cp-level-head,.cp-profile-meta{flex-direction:column}.cp-equipment-board{grid-template-columns:1fr}.cp-paper-doll{grid-column:1}.cp-slot,.cp-slot.right{grid-column:1!important}.cp-item-detail dl>div{grid-template-columns:1fr}}

/* Character sprite enhancement: the job GIF overlays the icon fallback. */
.cp-character-sprite{position:relative;z-index:1;min-width:110px;min-height:170px;display:flex;align-items:center;justify-content:center}
.cp-character-sprite i{position:absolute;color:var(--cp-gold2);font-size:78px;filter:drop-shadow(0 0 20px rgba(229,173,76,.2))}
.cp-character-sprite img{position:relative;z-index:2;max-width:130px;max-height:190px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 15px rgba(0,0,0,.4))}
@media(max-width:660px){.cp-character-sprite{min-width:90px;min-height:105px}.cp-character-sprite i{font-size:62px}.cp-character-sprite img{max-width:105px;max-height:125px}}

.cp-live-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--cp-muted);font-size:10px;text-align:right}
.cp-live-controls button{border:1px solid #46536b;border-radius:7px;background:#182231;color:var(--cp-text);padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}
.cp-live-controls button:hover{border-color:var(--cp-gold);color:var(--cp-gold2)}
.cp-live-note{margin-top:-7px;margin-bottom:14px}
@media(max-width:660px){.cp-live-controls{width:100%;align-items:flex-start;flex-direction:column;text-align:left}}

.cp-character-sprite .cp-sprite-fallback{position:absolute;width:78px;height:78px;border:1px solid #6e5932;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cp-gold2);font-family:"Roboto Slab",Georgia,serif;font-size:24px;letter-spacing:0;background:#192231}
.cp-character-sprite>small{position:relative;z-index:3;margin-top:112px;color:var(--cp-muted);font-size:8px;line-height:1.5;text-align:center}
.cp-character-sprite.renderer-ready img{width:165px;max-width:165px;height:265px;max-height:265px;object-fit:contain}
.cp-character-sprite.renderer-ready .cp-sprite-fallback{opacity:.3}
.cp-character-sprite.renderer-error .cp-sprite-fallback{opacity:1}
@media(max-width:660px){.cp-character-sprite.renderer-ready img{width:120px;max-width:120px;height:150px;max-height:150px}.cp-character-sprite>small{margin-top:88px}}
.cp-card-section{margin:0 0 16px;padding:12px;border:1px solid var(--cp-line);border-radius:9px;background:rgba(8,13,21,.28)}.cp-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cp-card-title span{color:var(--cp-muted);font-size:8px;font-weight:800;letter-spacing:.09em}.cp-card-title small{color:var(--cp-gold2);font-size:8px}.cp-card-slots{display:flex;align-items:center;gap:7px;min-height:28px}.cp-card-box{width:25px;height:25px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);border:1px solid #596173;border-radius:3px;background:#222937;box-shadow:inset 0 0 0 3px #151c28}.cp-card-box.filled{border-color:#d9c68d;background:#51472d}.cp-card-box img{width:19px;height:19px;object-fit:contain;transform:rotate(-45deg)}.cp-no-card-slots{color:var(--cp-muted);font-size:9px}.cp-card-list{display:grid;gap:4px;margin:11px 0 0;padding:0;list-style:none}.cp-card-list li{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--cp-muted);font-size:8px}.cp-card-list li:before{content:"";width:6px;height:6px;transform:rotate(45deg);border:1px solid #596173;background:#222937}.cp-card-list li.filled:before{border-color:#d9c68d;background:#e7d89c}.cp-card-list b{font-size:8px;color:#c0c8d5}.cp-card-list li.filled span{color:var(--cp-text);font-weight:700}.cp-card-list small{color:var(--cp-muted);font-size:7px}
.cp-avatar{position:relative;overflow:hidden}.cp-avatar.has-portrait{background:radial-gradient(circle at 50% 35%,#31415a,#101824 72%);border-color:#88652e;box-shadow:0 0 0 3px rgba(229,173,76,.08),0 8px 22px rgba(2,6,12,.3)}.cp-avatar.has-portrait>i{opacity:0}.cp-avatar>img{position:absolute;z-index:2;top:-7px;left:50%;width:auto!important;max-width:none!important;height:178px!important;max-height:none!important;transform:translateX(-50%);object-fit:contain;object-position:center top;image-rendering:auto}.cp-avatar:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 -15px 18px rgba(8,13,21,.28);pointer-events:none}@media(max-width:660px){.cp-avatar>img{top:-6px;height:148px!important}}