/* V3.2 — dock groups/popup · resource chips · chest info · avatar frames & titles */
#nextGoal{display:none!important}
button[onclick*="showCreation"]{display:none!important}
/* dock popup: compact sheet beside the dock, never over the hero */
.dock-pop{position:fixed;z-index:12;right:calc(84px + var(--sar));top:calc(110px + var(--sat));width:280px;max-height:calc(100vh - 260px);overflow:auto;padding:10px 12px 12px;border-radius:var(--cv-radius-md);background:linear-gradient(180deg,rgba(28,14,52,.96),rgba(12,6,26,.95));border:1px solid rgba(217,164,65,.55);box-shadow:0 8px 28px rgba(0,0,0,.5);animation:pop .18s}
.dp-h{display:flex;align-items:center;justify-content:space-between;font-family:var(--cv-font-display);color:var(--cv-lightgold);margin-bottom:6px}.dp-h .ic{width:20px;height:20px;vertical-align:-4px}.dp-h .x{width:30px;height:30px}
.gp-goal{padding:8px 10px;margin-bottom:8px;border-radius:10px;background:rgba(10,5,22,.55);border:1px solid rgba(184,108,255,.35);font-size:13px}
.gp-goal .ng-h{display:flex;align-items:center;gap:6px;font-family:var(--cv-font-num);font-weight:700;font-size:11px;letter-spacing:1.2px;color:var(--cv-lightgold)}.gp-goal .ng-h .ic{width:16px;height:16px}
.gp-goal .ng-t{display:block;margin-top:3px;font-family:var(--cv-font-display);font-size:15px;color:#fff}.gp-goal .ng-s{font-size:11px;opacity:.7}
.gp-goal ul{list-style:none;margin:4px 0 8px;padding:0}.gp-goal li{color:#ff9db0}.gp-goal li.ok{color:#5BE0C6}.gp-goal .ng-cta{width:100%}
.dp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dp-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:12px;border:1px solid var(--cv-line);background:var(--cv-bg-glass-strong);color:var(--cv-text);font:inherit;font-size:10.5px;cursor:pointer}.dp-it .ic{width:28px;height:28px}
.dp-it.dot-on::after,.dock-btn.dot-on::after{content:attr(data-n);position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--cv-crimson);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.dock-btn{position:relative}
@media (max-width:640px){.dock-pop{right:72px;left:auto;top:calc(176px + var(--sat));width:min(250px,calc(100vw - 150px));max-height:200px;font-size:12px}.dp-grid{grid-template-columns:repeat(2,1fr)}.gp-goal li:nth-child(n+3){display:none}}
/* resource chips */
.hud-right .cur{cursor:pointer;font-size:16.5px;padding:4px 12px 4px 5px}.hud-right .cur svg,.hud-right .cur .ic{width:21px;height:21px}.hud-right .cur:active{transform:scale(.96)}
.tv-cur{color:#d6b8ff!important;border-color:rgba(184,108,255,.5)!important}
.res-src{margin:4px 0 8px;padding-left:20px;text-align:left}.res-src li{margin:2px 0}
@media (max-width:640px){.hud-right .cur{font-size:12.5px;padding:3px 8px 3px 4px}.hud-right .cur svg,.hud-right .cur .ic{width:17px;height:17px}.hud-right{flex-direction:column;align-items:flex-end;gap:4px}}
/* chest */
.chest-art{position:relative;cursor:pointer}.ch-info{position:absolute;top:4px;right:6px;width:20px;height:20px;border-radius:50%;background:rgba(10,5,22,.8);border:1px solid var(--cv-gold);color:var(--cv-lightgold);font:700 12px/18px serif;font-style:italic;text-align:center}
.ch-src{font-size:11.5px;opacity:.75;margin:4px 0;min-height:28px}
.drop-tb{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.drop-tb td,.drop-tb th{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.07)}.drop-tb th{font-size:11px;opacity:.7}.drop-tb .ic{width:20px;height:20px}
/* avatar + frames */
.av-wrap{position:relative;flex:none;width:76px;height:86px;display:flex;justify-content:center}
.av-wrap .avatar{width:68px;height:68px;margin-top:2px;position:relative;z-index:1}
.av-frame{position:absolute;left:50%;top:-2px;width:80px;height:80px;margin-left:-40px;border-radius:50%;pointer-events:none;z-index:2;
 background:conic-gradient(from 0deg,var(--f1),var(--f2),var(--f1),var(--f2),var(--f1));-webkit-mask:radial-gradient(circle,transparent 34px,#000 35px,#000 39px,transparent 40px);mask:radial-gradient(circle,transparent 34px,#000 35px,#000 39px,transparent 40px);filter:drop-shadow(0 0 6px var(--f1))}
.av-frame::before,.av-frame::after{content:'';position:absolute;width:12px;height:12px;background:var(--f2);transform:rotate(45deg);left:34px;top:-3px;box-shadow:0 0 8px var(--f1)}
.av-frame::after{top:auto;bottom:-3px}
.av-wrap.ft1{--f1:#5BE0C6;--f2:#c9fff1}.av-wrap.ft2{--f1:#74E7FF;--f2:#e5fbff}.av-wrap.ft3{--f1:#D9A441;--f2:#FFE7A0}.av-wrap.ft4{--f1:#7B3FF2;--f2:#e2c8ff}.av-wrap.ft5{--f1:#C9F4FF;--f2:#FFE7A0}.av-wrap.ft6{--f1:#9BE8FF;--f2:#B86CFF}.av-wrap.ft7{--f1:#FFD27A;--f2:#D83A58}
.av-wrap.ft5 .av-frame,.av-wrap.ft6 .av-frame,.av-wrap.ft7 .av-frame{animation:avspin 14s linear infinite}
@keyframes avspin{to{transform:rotate(360deg)}}
.av-title{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis;padding:1px 7px;border-radius:9px;font:700 9.5px/14px var(--cv-font-display);letter-spacing:.3px;color:#1a0d00;background:linear-gradient(180deg,#fff3c8,var(--f2,#FFE7A0) 40%,var(--f1,#D9A441));border:1px solid rgba(255,255,255,.6);box-shadow:0 0 8px var(--f1,#D9A441)}
@media (max-width:640px){.av-wrap{width:64px;height:74px}.av-wrap .avatar{width:56px;height:56px}.av-frame{width:66px;height:66px;margin-left:-33px;-webkit-mask:radial-gradient(circle,transparent 28px,#000 29px,#000 32px,transparent 33px);mask:radial-gradient(circle,transparent 28px,#000 29px,#000 32px,transparent 33px)}.av-frame::before,.av-frame::after{left:27px;width:10px;height:10px}.av-title{font-size:8px;max-width:112px;padding:1px 5px}}
/* titles in profile */
.titles{display:flex;gap:8px;flex-wrap:wrap}.ttl{flex:1;min-width:140px;padding:8px 12px;border-radius:12px;background:rgba(10,5,22,.6);border:1px solid rgba(217,164,65,.4)}.ttl small{display:block;font-size:11px;opacity:.7}.ttl b{font-family:var(--cv-font-display);color:var(--cv-lightgold);font-size:16px}
.ttl.main{background:linear-gradient(135deg,rgba(217,164,65,.25),rgba(123,63,242,.25))}.ttl-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
