.hp3{--bg:#070910;--panel:#101521;--line:rgba(145,158,190,.16);--text:#f6f7fc;--muted:#858da0;max-width:1580px;margin:auto;padding:12px 16px 48px;color:var(--text);overflow:clip}.hp3 *,.hp3 *:before,.hp3 *:after{box-sizing:border-box}.hp3 a{color:inherit;text-decoration:none}.hp3 h1,.hp3 h2,.hp3 h3,.hp3 p,.hp3 dl{margin:0}.hp3 .is-up{color:#45e0a8!important}.hp3 .is-down{color:#ff7081!important}.hp3 .is-flat{color:#9aa1b2!important}.hp3 .is-entry{color:#65a7ff!important}.hp3 .is-liquidated{color:#ff8269!important}
.hp3-mobile-community,.hp3-mobile-news,.hp3-mobile-status{display:none}
.hp3-preview-note{display:flex;align-items:center;gap:9px;margin-bottom:7px;padding:6px 10px;border-radius:8px;background:linear-gradient(90deg,rgba(106,76,220,.14),transparent);color:#8c92a4;font-size:10px}.hp3-preview-note b{padding:3px 6px;border-radius:4px;background:#755ce2;color:white;font-size:10px;letter-spacing:.08em}
.hp3-hero{display:grid;grid-template-columns:minmax(0,44fr) minmax(650px,56fr);height:535px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 7% 8%,rgba(92,63,215,.22),transparent 30%),linear-gradient(145deg,#121725,#080b12 68%);box-shadow:0 26px 75px rgba(0,0,0,.32);overflow:hidden}.hp3-market-lobby{display:flex;min-width:0;flex-direction:column;padding:25px 26px 18px}.hp3-brand{display:flex;align-items:center;gap:8px;width:max-content;padding:6px 9px;border:1px solid rgba(130,104,236,.26);border-radius:7px;background:rgba(99,69,213,.1);color:#b5a3ff;font-size:10px;font-weight:900;letter-spacing:.11em}.hp3-brand i{width:3px;height:3px;border-radius:50%;background:#5ec6ff}.hp3-brand b{color:#7184bc;font-weight:800;letter-spacing:0}.hp3-market-lobby h1{margin-top:15px;font-size:clamp(28px,2.15vw,37px);line-height:1.08;letter-spacing:-.05em}.hp3-market-lobby h1 em{background:linear-gradient(90deg,#b49aff,#68a9ff);background-clip:text;color:transparent;font-style:normal}
.hp3-btc-card{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center;margin-top:16px;padding:14px 16px;border:1px solid rgba(54,214,180,.2);border-radius:13px;background:linear-gradient(115deg,rgba(25,156,136,.13),rgba(14,18,28,.75) 58%)}.hp3-btc-copy small,.hp3-btc-copy strong,.hp3-btc-copy span{display:block}.hp3-btc-copy small{color:#5bd6bb;font-size:10px;font-weight:900;letter-spacing:.08em}.hp3-btc-copy strong{margin-top:5px;font-size:23px;letter-spacing:-.035em}.hp3-btc-copy span{margin-top:4px;font-size:11px;font-weight:900}.hp3-btc-copy span i{color:#687183;font-size:10px;font-style:normal}.hp3-signal{position:relative;display:flex;gap:5px;align-items:flex-end;height:53px;padding:5px 23px 5px 5px}.hp3-signal span{width:17%;height:30%;border-radius:3px 3px 0 0;background:currentColor;opacity:.24}.hp3-signal span:nth-child(2){height:45%}.hp3-signal span:nth-child(3){height:38%}.hp3-signal span:nth-child(4){height:64%}.hp3-signal span:nth-child(5){height:82%}.hp3-signal b{position:absolute;right:0;top:0;font-size:23px}.hp3-signal.is-up{color:#3ee0aa}.hp3-signal.is-down{color:#ff7184}.hp3-signal.is-flat{color:#8690a4}
.hp3-mini-markets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.hp3-mini-markets a{display:grid;grid-template-columns:1fr auto;gap:3px 8px;min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(5,8,14,.45)}.hp3-mini-markets span{color:#778094;font-size:10px;font-weight:800}.hp3-mini-markets strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hp3-mini-markets em{grid-area:1/2/3;align-self:center;font-size:10px;font-style:normal;font-weight:900}.hp3-market-issue{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:8px;padding:9px 11px;border-left:2px solid #ff9d54;border-radius:8px;background:linear-gradient(90deg,rgba(255,133,70,.1),rgba(16,20,31,.65))}.hp3-market-issue>b{font-size:17px}.hp3-market-issue small,.hp3-market-issue strong,.hp3-market-issue span{display:block}.hp3-market-issue small{color:#f4a46b;font-size:10px;font-weight:900;letter-spacing:.07em}.hp3-market-issue strong{margin-top:2px;font-size:10px}.hp3-market-issue span{margin-top:2px;color:#727b8e;font-size:10px}.hp3-market-issue>em{font-size:10px;font-style:normal;font-weight:900}.hp3-actions{display:flex;gap:7px;margin-top:9px}.hp3-actions a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:8px;font-size:10px;font-weight:900;transition:transform .18s,filter .18s}.hp3-actions a:hover{transform:translateY(-2px);filter:brightness(1.1)}.hp3-actions .primary{background:linear-gradient(135deg,#7c5ce6,#5869df);box-shadow:0 7px 20px rgba(91,73,208,.27)}.hp3-actions .secondary{background:linear-gradient(135deg,#147e75,#17625f);color:#d2fff7}.hp3-actions .ghost{color:#a99aec}.hp3-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto}.hp3-quick>div{position:relative;min-width:0;padding:8px 7px 7px 25px;border-radius:8px;background:rgba(6,9,15,.48)}.hp3-quick i{position:absolute;left:7px;top:9px;color:#7c8dff;font-size:10px;font-style:normal}.hp3-quick dt{overflow:hidden;color:#6f788b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hp3-quick dd{margin-top:3px;font-size:10px;font-weight:900}
.hp3-town{position:relative;min-width:0;height:100%;background:#192817;overflow:hidden;isolation:isolate}.hp3-town-map{position:absolute;width:145%;height:auto;left:-26%;top:-19%;filter:saturate(1.12) contrast(1.03);user-select:none}.hp3-town-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,8,12,.24),transparent 20%,transparent 73%,rgba(4,6,10,.42));pointer-events:none}.hp3-town-top{position:absolute;z-index:8;left:12px;right:12px;top:11px;display:flex;align-items:center;justify-content:space-between}.hp3-town-top>div{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(5,8,11,.72);backdrop-filter:blur(5px)}.hp3-town-top i{width:6px;height:6px;border-radius:50%;background:#47e5b2;box-shadow:0 0 9px #47e5b2;animation:hp3-pulse 1.8s infinite}.hp3-town-top strong{font-size:10px}.hp3-town-top span{color:#72dac1;font-size:10px;font-weight:900;letter-spacing:.08em}.hp3-town-top>a{padding:7px 9px;border-radius:8px;background:rgba(5,8,11,.72);font-size:10px;font-weight:900;backdrop-filter:blur(5px)}.hp3-town-actors{position:absolute;inset:0;z-index:4}.hp3-resident{position:absolute;width:58px;height:78px;transform:translate(-50%,-100%);filter:drop-shadow(0 5px 3px rgba(0,0,0,.5));will-change:left,top}.hp3-resident>img{display:block;width:58px;height:78px}.hp3-resident-label{position:absolute;left:50%;bottom:-23px;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);white-space:nowrap}.hp3-resident-label>b{padding:1px 5px;border-radius:4px 4px 0 0;background:rgba(4,6,9,.78);font-size:10px}.hp3-resident-label small{padding:2px 6px;border-radius:6px;font-size:10px;font-weight:900}.hp3-resident-label small.trade{background:rgba(8,75,58,.9);color:#9df5d8}.hp3-resident-label small.talk{background:rgba(29,66,126,.92);color:#b8d9ff}.hp3-resident-label small.news{background:rgba(83,45,131,.92);color:#dcc0ff}.hp3-resident-label small.war{background:rgba(132,52,31,.92);color:#ffc0a6}.hp3-resident-label small.rest{background:rgba(58,63,73,.92);color:#d2d6df}.hp3-bubble{position:absolute;z-index:3;left:60%;top:-37px;min-width:max-content;padding:7px 10px;border-radius:11px 11px 11px 2px;background:#f8f9fc;color:#151820;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.24);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.hp3-bubble:after{position:absolute;left:3px;bottom:-5px;border-width:6px 6px 0 0;border-style:solid;border-color:#f8f9fc transparent transparent;content:""}.hp3-bubble.show{opacity:1;transform:none}
.hp3-places{position:absolute;inset:0;z-index:3;pointer-events:none}.hp3-places a{position:absolute;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(5,8,12,.74);box-shadow:0 5px 13px rgba(0,0,0,.25);backdrop-filter:blur(4px);pointer-events:auto;transition:transform .18s,background .18s}.hp3-places a:hover{transform:translateY(-2px);background:rgba(64,48,121,.9)}.hp3-places b{display:grid;width:19px;height:19px;place-items:center;border-radius:6px;background:rgba(119,92,229,.3);font-size:10px}.hp3-places span,.hp3-places small{display:block}.hp3-places span{font-size:10px;font-weight:900}.hp3-places small{margin-top:1px;color:#9ea6b7;font-size:10px}.hp3-places .market{left:27%;top:18%}.hp3-places .square{left:20%;top:48%}.hp3-places .news{left:57%;top:35%}.hp3-places .war{left:73%;top:55%}.hp3-war-overlay{position:absolute;z-index:7;right:12px;bottom:45px;width:180px;padding:9px;border:1px solid rgba(255,121,76,.32);border-radius:10px;background:rgba(24,12,12,.82);backdrop-filter:blur(5px)}.hp3-war-overlay header{display:flex;justify-content:space-between;color:#ff8d65;font-size:10px;font-weight:900}.hp3-war-overlay>strong{display:block;margin-top:5px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hp3-war-overlay>div{height:4px;margin-top:6px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}.hp3-war-overlay>div i{display:block;height:100%;background:linear-gradient(90deg,#f34f4f,#ff914d)}.hp3-war-overlay>small{display:block;margin-top:4px;color:#a88d87;font-size:10px}.hp3-news-overlay{position:absolute;z-index:7;right:12px;top:58px;display:grid;width:185px;padding:8px 10px;border-left:2px solid #a27cff;border-radius:7px;background:rgba(16,12,26,.82);backdrop-filter:blur(5px)}.hp3-news-overlay b{color:#c1a7ff;font-size:10px}.hp3-news-overlay span{margin-top:3px;overflow:hidden;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hp3-town-status{position:absolute;z-index:8;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;height:35px;padding:0 12px;background:rgba(4,7,10,.76);backdrop-filter:blur(6px)}.hp3-town-status b{color:#62dfc2;font-size:10px;letter-spacing:.08em}.hp3-town-status span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap;transition:.24s}.hp3-town-status span.swap{opacity:0;transform:translateY(-4px)}.hp3-town-status small{color:#747d8d;font-size:10px}
.hp3-section{margin-top:21px}.hp3-section>header,.hp3-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}.hp3-section>header span,.hp3-panel>header span{color:#9b83f4;font-size:10px;font-weight:900;letter-spacing:.11em}.hp3-section>header h2,header .hp3-hd,.hp3-panel>header h2,.hp3-panel>header .hp3-hd{margin-top:3px;font-size:19px;letter-spacing:-.035em}.hp3-section>header small{color:#747c8e;font-size:10px}.hp3-now-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hp3-live-card{--accent:#49dcb1;position:relative;min-width:0;height:168px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:13px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--accent) 13%,transparent),transparent 42%),linear-gradient(145deg,#121824,#0c1018);overflow:hidden;transition:transform .18s,border-color .18s}.hp3-live-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.hp3-live-card.war{--accent:#ff7755}.hp3-live-card.community{--accent:#7298ff}.hp3-live-card.news{--accent:#b47cff}.hp3-live-card>header{display:flex;align-items:center;gap:7px}.hp3-live-card>header i{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:11px;font-style:normal}.hp3-live-card>header span{font-size:10px;font-weight:900}.hp3-live-card>header em{margin-left:auto;color:var(--accent);font-size:10px;font-style:normal;font-weight:900;letter-spacing:.09em}.hp3-live-card>strong{display:block;margin-top:12px;color:var(--accent);font-size:25px;line-height:1}.hp3-live-card>h3{margin-top:4px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hp3-live-card>footer{position:absolute;left:14px;right:14px;bottom:11px;display:flex;justify-content:space-between;color:#788195;font-size:10px}.hp3-live-card>footer b{color:#a2a9b9}.bars{display:flex;gap:3px;align-items:end;height:23px;margin-top:6px}.bars i{width:11%;height:35%;border-radius:2px 2px 0 0;background:#36d3a8;opacity:.55}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:68%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:88%}.bars i:nth-child(7){height:78%}.hp{height:5px;margin-top:13px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}.hp i{display:block;height:100%;background:linear-gradient(90deg,#f0454e,#ff8b4c)}.faces{display:flex;margin-top:9px}.faces i{display:grid;width:25px;height:25px;margin-right:-5px;place-items:center;border:2px solid #111722;border-radius:50%;background:#344a84;color:#dce7ff;font-size:10px;font-style:normal;font-weight:900}.faces i:nth-child(2){background:#5c448a}.faces i:nth-child(3){background:#286f75}.paper-lines{display:grid;gap:3px;margin-top:9px}.paper-lines i{width:82%;height:3px;border-radius:4px;background:#b47cff;opacity:.22}.paper-lines i:nth-child(2){width:62%}.paper-lines i:nth-child(3){width:74%}
.hp3-main-row{display:grid;grid-template-columns:35fr 24fr 41fr;gap:8px;margin-top:21px}.hp3-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(18,23,35,.97),rgba(10,13,20,.97))}.hp3-panel>header{align-items:center}.hp3-panel>header a{color:#ae9af3;font-size:10px;font-weight:900}.hp3-my{background:radial-gradient(circle at 15% 35%,rgba(101,70,211,.18),transparent 40%),linear-gradient(145deg,#121724,#0b0e16)}.hp3-my-stage{display:grid;grid-template-columns:142px 1fr;gap:14px;align-items:center}.hp3-my-stage .character{position:relative;display:grid;height:156px;place-items:center;border:1px solid rgba(147,119,237,.2);border-radius:12px;background:radial-gradient(circle at 50% 60%,rgba(90,68,178,.2),transparent 48%),rgba(4,7,12,.4);overflow:hidden}.hp3-my-stage .character>span{position:absolute;left:8px;top:7px;color:#9781e8;font-size:10px;font-weight:900}.hp3-my-stage img{width:120px;height:160px;object-fit:contain;object-position:center 12px}.hp3-my-stage .identity i{padding:3px 6px;border-radius:5px;background:rgba(37,187,150,.12);color:#51ddbd;font-size:10px;font-style:normal;font-weight:900}.hp3-my-stage .identity h3{margin-top:9px;font-size:20px}.hp3-my-stage .identity p{margin-top:4px;color:#848da0;font-size:10px}.hp3-my-stage .identity a{display:inline-block;margin-top:14px;color:#ad9af2;font-size:10px;font-weight:900}.hp3-my-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.hp3-my-tiles>div{min-width:0;padding:8px;border-radius:8px;background:rgba(4,7,12,.45)}.hp3-my-tiles dt{color:#747d8f;font-size:10px}.hp3-my-tiles dd{margin-top:4px;overflow:hidden;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hp3-my-tiles dd small{font-size:10px}.hp3-away{background:radial-gradient(circle at 85% 10%,rgba(89,102,221,.18),transparent 45%),linear-gradient(145deg,#111725,#0b0e16)}.hp3-away-total{display:flex;gap:11px;align-items:center;padding:12px;border-radius:11px;background:rgba(72,83,171,.1)}.hp3-away-total>i{display:grid;width:49px;height:49px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6655c6,#425eab);font-size:20px;font-style:normal;font-weight:900}.hp3-away-total strong,.hp3-away-total span{display:block}.hp3-away-total strong{font-size:10px}.hp3-away-total span{margin-top:3px;color:#7d8699;font-size:10px}.hp3-away dl{display:grid;gap:1px;margin-top:9px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.hp3-away dl>div{display:flex;justify-content:space-between;padding:8px 10px;background:#0d111a}.hp3-away dt{color:#7e8798;font-size:10px}.hp3-away dd{font-size:10px;font-weight:900}.hp3-away-button{display:flex;justify-content:center;margin-top:9px;padding:9px;border-radius:8px;background:rgba(96,81,184,.13);color:#b5a4f4;font-size:10px;font-weight:900}.hp3-feed h2{display:flex;align-items:center;gap:7px}.hp3-feed h2 i{width:6px;height:6px;border-radius:50%;background:#42dfb0;box-shadow:0 0 8px #42dfb0;animation:hp3-pulse 1.8s infinite}.hp3-feed-list{border-top:1px solid rgba(255,255,255,.06)}.hp3-feed-item{display:grid;grid-template-columns:27px 1fr auto 45px;gap:8px;align-items:center;padding:7px 1px;border-bottom:1px solid rgba(255,255,255,.05);animation:hp3-feed-in .35s both;animation-delay:var(--delay)}.hp3-feed-item .avatar{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#654ec3,#267b79);font-size:10px;font-weight:900}.hp3-feed-item>div strong,.hp3-feed-item>div span{display:block}.hp3-feed-item>div strong{font-size:10px}.hp3-feed-item>div span{margin-top:2px;color:#788195;font-size:10px}.hp3-feed-item>div b{color:#aeb6c8}.hp3-feed-item>em{font-size:10px;font-style:normal;font-weight:900;text-align:right}.hp3-feed-item>em small{font-size:10px}.hp3-feed-item>time{color:#687184;font-size:10px;text-align:right}.hp3-empty{padding:28px 8px;color:#7d8698;font-size:10px;text-align:center}
.hp3-ant-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hp3-ant-card{--accent:#f5c25f;display:flex;min-width:0;height:186px;flex-direction:column;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:13px;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 45%),linear-gradient(145deg,#121722,#0b0e15);text-align:center}.hp3-ant-card.orange{--accent:#ff875c}.hp3-ant-card>span{align-self:flex-start;padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:10px;font-weight:900}.hp3-ant-card>div{display:grid;width:82px;height:82px;margin-top:4px;place-items:center}.hp3-ant-card img{width:69px;height:92px;object-fit:contain}.hp3-ant-card>div>b{display:grid;width:50px;height:50px;place-items:center;border:1px dashed #4d5361;border-radius:50%;color:#596071}.hp3-ant-card>strong{margin-top:2px;font-size:10px}.hp3-ant-card>em{margin-top:3px;color:var(--accent);font-size:13px;font-style:normal;font-weight:900}.hp3-ant-card>small{margin-top:2px;color:#70798c;font-size:10px}.hp3-ant-card.pending{--accent:#687082;opacity:.58}
.hp3-content-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}.hp3-news-card{display:grid;grid-template-columns:185px 1fr;min-height:176px;border-radius:11px;background:rgba(80,58,159,.07);overflow:hidden}.hp3-news-card .visual{position:relative;display:flex;flex-direction:column;justify-content:center;padding:19px;background:radial-gradient(circle at 75% 30%,rgba(178,117,255,.31),transparent 32%),linear-gradient(145deg,#322052,#121728);overflow:hidden}.hp3-news-card .visual>span{color:#9f87de;font-size:10px;font-weight:900;letter-spacing:.12em}.hp3-news-card .visual>b{margin-top:6px;font-family:serif;font-size:28px;line-height:.9}.hp3-news-card .visual>i{position:absolute;right:-7px;bottom:-16px;color:rgba(255,255,255,.08);font-size:96px;font-style:normal}.hp3-news-card .visual>small{margin-top:14px;color:#8a80a3;font-size:10px}.hp3-news-card .copy{padding:20px}.hp3-news-card .copy>span{color:#aa8efc;font-size:10px;font-weight:900}.hp3-news-card h3{margin-top:8px;font-size:17px;line-height:1.3}.hp3-news-card p{display:-webkit-box;margin-top:8px;overflow:hidden;color:#858da0;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hp3-news-card .copy>small{display:block;margin-top:12px;color:#687184;font-size:10px}.hp3-talk>div>a{display:grid;grid-template-columns:20px 65px 1fr auto auto;gap:8px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.055);transition:background .18s}.hp3-talk>div>a:hover{background:rgba(111,83,208,.07)}.hp3-talk>div>a>b{color:#687184;font-size:10px}.hp3-talk>div>a>span{display:contents}.hp3-talk>div>a i{color:#a891f4;font-size:10px;font-style:normal;font-weight:900}.hp3-talk>div>a strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hp3-talk>div>a em{color:#7e8799;font-size:10px;font-style:normal}.hp3-talk>div>a small{color:#697285;font-size:10px}
.hp3-season{display:grid;grid-template-columns:1fr 1.4fr auto;gap:22px;align-items:center;margin-top:21px;padding:16px 20px;border:1px solid rgba(119,98,219,.26);border-radius:14px;background:radial-gradient(circle at 5% 50%,rgba(113,77,218,.2),transparent 25%),linear-gradient(100deg,#17172b,#101622)}.hp3-season-title{display:flex;gap:11px;align-items:center}.hp3-season-title>i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7554d3,#3e5da8);font-size:19px;font-style:normal}.hp3-season-title span{color:#a38af1;font-size:10px;font-weight:900;letter-spacing:.1em}.hp3-season-title h2,.hp3-season-title .hp3-hd{margin-top:2px;font-size:17px}.hp3-season-title small{color:#48d9b0;font-size:10px;font-weight:900}.hp3-season dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hp3-season dl>div{padding-left:10px;border-left:1px solid rgba(255,255,255,.09)}.hp3-season dt{color:#788195;font-size:10px}.hp3-season dd{margin-top:4px;font-size:10px;font-weight:900}.hp3-season>div:last-child{display:flex;gap:7px}.hp3-season>div:last-child a{padding:9px 12px;border-radius:8px;background:linear-gradient(135deg,#7457dc,#545ec6);font-size:10px;font-weight:900}.hp3-season>div:last-child a:last-child{background:rgba(255,255,255,.06);color:#b2a4e9}
@keyframes hp3-pulse{50%{opacity:.4;transform:scale(.8)}}@keyframes hp3-feed-in{from{opacity:0;transform:translateY(-5px)}}
@media(max-width:1200px){.hp3-hero{grid-template-columns:45fr 55fr}.hp3-main-row{grid-template-columns:1fr 1fr}.hp3-feed{grid-column:1/-1}.hp3-ant-grid{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto}.hp3-content-row{grid-template-columns:1fr}.hp3-season{grid-template-columns:1fr}.hp3-season>div:last-child{justify-content:flex-start}}
@media(max-width:900px){.hp3{padding:10px 10px 42px}.hp3-hero{grid-template-columns:1fr;height:auto}.hp3-market-lobby{min-height:500px}.hp3-town{height:430px}.hp3-town-map{width:135%;left:-18%;top:-15%}.hp3-now-grid{grid-template-columns:1fr 1fr}.hp3-main-row{grid-template-columns:1fr}.hp3-feed{grid-column:auto}.hp3-ant-grid{scroll-snap-type:x mandatory}.hp3-ant-card{min-width:190px;scroll-snap-align:start}}
@media(max-width:620px){.hp3{padding-inline:7px}.hp3-preview-note{align-items:flex-start;line-height:1.35}.hp3-hero{border-radius:16px}.hp3-market-lobby{min-height:0;padding:18px 14px 14px}.hp3-market-lobby h1{font-size:28px}.hp3-btc-card{grid-template-columns:1fr 100px}.hp3-btc-copy strong{font-size:19px}.hp3-mini-markets{overflow-x:auto}.hp3-mini-markets a{min-width:115px}.hp3-actions{flex-wrap:wrap}.hp3-actions .primary,.hp3-actions .secondary{flex:1}.hp3-actions .ghost{width:100%}.hp3-quick{grid-template-columns:1fr 1fr;margin-top:12px}.hp3-town{height:350px}.hp3-town-map{width:165%;left:-34%;top:-9%}.hp3-resident{width:52px;height:70px}.hp3-resident>img{width:52px;height:70px}.hp3-resident:nth-child(n+6){display:none}.hp3-bubble{top:-32px;padding:6px 8px;font-size:10px}.hp3-places .market{left:23%;top:18%}.hp3-places .square{left:25%;top:50%}.hp3-places .news{left:63%;top:37%}.hp3-places .war{display:none}.hp3-war-overlay{display:none}.hp3-news-overlay{right:7px;top:50px;width:145px}.hp3-town-status{grid-template-columns:auto 1fr}.hp3-town-status small{display:none}.hp3-now-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hp3-live-card{min-width:78%;scroll-snap-align:start}.hp3-section,.hp3-main-row,.hp3-content-row,.hp3-season{margin-top:17px}.hp3-section>header{align-items:flex-start;flex-direction:column;gap:4px}.hp3-main-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hp3-main-row>.hp3-panel{min-width:91%;scroll-snap-align:start}.hp3-my-stage{grid-template-columns:120px 1fr}.hp3-my-stage .character{height:145px}.hp3-my-stage img{width:105px;height:145px}.hp3-my-tiles{grid-template-columns:1fr 1fr}.hp3-feed-item{grid-template-columns:27px 1fr auto}.hp3-feed-item time{grid-column:2;text-align:left}.hp3-ant-grid{display:flex}.hp3-ant-card{min-width:45%}.hp3-news-card{grid-template-columns:105px 1fr}.hp3-news-card .visual{padding:13px}.hp3-news-card .visual>b{font-size:21px}.hp3-news-card .copy{padding:14px}.hp3-news-card h3{font-size:14px}.hp3-talk>div>a{grid-template-columns:18px 50px 1fr auto}.hp3-talk>div>a small{grid-column:3}.hp3-season{padding:14px}.hp3-season dl{grid-template-columns:1fr 1fr}.hp3-season>div:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hp3 *,.hp3 *:before,.hp3 *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* V4: stronger information hierarchy and a calmer, ground-anchored town scene. */
.hp3-preview-note{padding:8px 12px;font-size:11px}.hp3-preview-note b{font-size:10px}
.hp3-hero{height:585px}.hp3-market-lobby{padding:29px 30px 21px}.hp3-brand{font-size:10px}.hp3-market-lobby h1{margin-top:18px;font-size:clamp(34px,2.55vw,44px);line-height:1.1}
.hp3-btc-copy small{font-size:10px}.hp3-btc-copy strong{font-size:29px}.hp3-btc-copy span{font-size:14px}.hp3-btc-copy span i{font-size:10px}
.hp3-mini-markets span{font-size:10px}.hp3-mini-markets strong{font-size:12px}.hp3-mini-markets em{font-size:11px}.hp3-market-issue small{font-size:10px}.hp3-market-issue strong{font-size:12px}.hp3-market-issue span{font-size:10px}.hp3-market-issue>em{font-size:12px}
.hp3-actions{margin-top:12px}.hp3-actions a{min-height:42px;padding:0 16px;font-size:12px}.hp3-quick>div{padding:11px 8px 10px 29px}.hp3-quick i{font-size:11px}.hp3-quick dt{font-size:10px}.hp3-quick dd{font-size:13px}
.hp3-town-top strong{font-size:11px}.hp3-town-top span{font-size:10px}.hp3-town-top>a{padding:9px 11px;font-size:10px}
.hp3-resident-label{bottom:-28px}.hp3-resident-label>b{padding:2px 6px;font-size:10px}.hp3-resident-label small{padding:3px 7px;font-size:10px}.hp3-resident:nth-child(3) .hp3-resident-label small,.hp3-resident:nth-child(5) .hp3-resident-label small,.hp3-resident:nth-child(7) .hp3-resident-label small{display:none}
.hp3-bubble{top:-42px;padding:8px 11px;font-size:11px;line-height:1.2}.hp3-places a{gap:7px;padding:8px 10px}.hp3-places b{width:23px;height:23px;font-size:11px}.hp3-places span{font-size:10px}.hp3-places small{font-size:10px}.hp3-places .market{left:23%;top:17%}.hp3-places .square{left:2%;top:42%}.hp3-places .news{left:58%;top:34%}
.hp3-news-overlay{right:14px;top:62px;width:210px;padding:10px 12px}.hp3-news-overlay b{font-size:10px}.hp3-news-overlay span{font-size:10px}.hp3-market-overlay{position:absolute;z-index:7;right:14px;bottom:50px;display:grid;width:190px;padding:10px 12px;border-left:3px solid #46d9b0;border-radius:8px;background:rgba(7,20,20,.84);backdrop-filter:blur(6px)}.hp3-market-overlay b{color:#5ce4bd;font-size:10px}.hp3-market-overlay strong{margin-top:4px;font-size:15px}.hp3-market-overlay small{margin-top:3px;color:#91a6a0;font-size:10px}
.hp3-town-status{height:40px;padding:0 14px}.hp3-town-status b{font-size:10px}.hp3-town-status span{font-size:10px}.hp3-town-status small{font-size:10px}
.hp3-section>header,.hp3-panel>header{margin-bottom:14px}.hp3-section>header span,.hp3-panel>header span{font-size:10px}.hp3-section>header h2,header .hp3-hd,.hp3-panel>header h2,.hp3-panel>header .hp3-hd{font-size:23px}.hp3-section>header small{font-size:10px}.hp3-panel>header a{font-size:11px}
.hp3-live-card{height:190px;padding:16px}.hp3-live-card.mission{--accent:#f4c95d}.hp3-live-card>header i{width:30px;height:30px;font-size:14px}.hp3-live-card>header span{font-size:11px}.hp3-live-card>header em{font-size:10px}.hp3-live-card>strong{font-size:31px}.hp3-live-card>h3{font-size:14px}.hp3-live-card>footer{left:16px;right:16px;font-size:10px}.mission-list{display:flex;gap:5px;margin-top:10px;list-style:none}.mission-list li{padding:4px 6px;border:1px solid rgba(244,201,93,.18);border-radius:5px;color:#9299a8;font-size:10px}.mission-list li.done{background:rgba(244,201,93,.13);color:#f4cf6f}
.hp3-panel{padding:19px}.hp3-my-stage .character>span,.hp3-my-stage .identity i{font-size:10px}.hp3-my-stage .identity h3{font-size:24px}.hp3-my-stage .identity p{font-size:11px}.hp3-my-stage .identity a{font-size:10px}.hp3-my-tiles>div{padding:11px 9px}.hp3-my-tiles dt{font-size:10px}.hp3-my-tiles dd{font-size:13px}.hp3-my-tiles dd small{font-size:10px}
.hp3-away-total strong{font-size:13px}.hp3-away-total span{font-size:10px}.hp3-away dt{font-size:10px}.hp3-away dd{font-size:12px}.hp3-away-button{min-height:40px;align-items:center;font-size:11px}
.hp3-feed-item{grid-template-columns:32px 1fr auto 52px;min-height:48px;padding:9px 2px}.hp3-feed-item .avatar{width:30px;height:30px;font-size:10px}.hp3-feed-item>div strong{font-size:10px}.hp3-feed-item>div span{font-size:10px}.hp3-feed-item>em{font-size:11px}.hp3-feed-item>em small{font-size:10px}.hp3-feed-item>time{font-size:10px}.hp3-empty{font-size:11px}
.hp3-ant-card{height:205px;padding:12px}.hp3-ant-card>span{font-size:10px}.hp3-ant-card>strong{font-size:13px}.hp3-ant-card>em{font-size:17px}.hp3-ant-card>small{font-size:10px}
.hp3-news-card{min-height:205px}.hp3-news-card .visual>span{font-size:10px}.hp3-news-card .visual>b{font-size:32px}.hp3-news-card .visual>small{font-size:10px}.hp3-news-card .copy>span{font-size:10px}.hp3-news-card h3{font-size:20px}.hp3-news-card p{font-size:12px;line-height:1.6}.hp3-news-card .copy>small{font-size:10px}.hp3-talk>div>a{grid-template-columns:24px 76px 1fr auto auto;min-height:43px;padding:11px 3px}.hp3-talk>div>a>b{font-size:11px}.hp3-talk>div>a i{font-size:10px}.hp3-talk>div>a strong{font-size:12px}.hp3-talk>div>a em{font-size:10px}.hp3-talk>div>a small{font-size:10px}
.hp3-season-title span,.hp3-season-title small{font-size:10px}.hp3-season-title h2,.hp3-season-title .hp3-hd{font-size:20px}.hp3-season dt{font-size:10px}.hp3-season dd{font-size:13px}.hp3-season>div:last-child a{min-height:40px;padding:11px 15px;font-size:11px}

@media(max-width:900px){.hp3-hero{height:auto}.hp3-market-lobby{min-height:560px}.hp3-town{height:470px}}
@media(max-width:620px){.hp3-preview-note{font-size:10px}.hp3-market-lobby{min-height:0}.hp3-market-lobby h1{font-size:32px}.hp3-btc-copy strong{font-size:24px}.hp3-actions a{min-height:44px;font-size:12px}.hp3-town{height:390px}.hp3-resident:nth-child(n+6){display:none}.hp3-bubble{top:-37px;font-size:10px}.hp3-resident-label>b{font-size:10px}.hp3-resident-label small{font-size:10px}.hp3-places .market{left:19%;top:17%}.hp3-places .square{left:2%;top:42%}.hp3-places .news{left:63%;top:35%}.hp3-news-overlay{right:8px;width:165px}.hp3-market-overlay{right:8px;bottom:45px;width:156px}.hp3-market-overlay b{font-size:10px}.hp3-market-overlay strong{font-size:13px}.hp3-market-overlay small{font-size:10px}.hp3-town-status b{font-size:10px}.hp3-town-status span{font-size:10px}.hp3-live-card{min-width:84%;height:195px}.hp3-section>header h2,header .hp3-hd,.hp3-panel>header h2,.hp3-panel>header .hp3-hd{font-size:21px}.hp3-news-card h3{font-size:17px}.hp3-news-card p{font-size:11px}.hp3-talk>div>a{grid-template-columns:20px 58px 1fr auto;min-height:48px}.hp3-talk>div>a strong{font-size:11px}.hp3-ant-card{min-width:52%}}

/* V5: event flow, expanded personal summary, and readable service context. */
.hp3-event-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;min-height:48px;margin-top:9px;padding:0 16px;border:1px solid rgba(94,219,181,.18);border-radius:11px;background:linear-gradient(90deg,rgba(37,139,120,.14),rgba(14,18,28,.94) 38%,rgba(103,76,198,.1));overflow:hidden}.hp3-event-strip>b{display:flex;align-items:center;gap:7px;color:#5fe0bd;font-size:10px;letter-spacing:.12em}.hp3-event-strip>b i{width:7px;height:7px;border-radius:50%;background:#48ddb4;box-shadow:0 0 10px #48ddb4;animation:hp3-pulse 1.8s infinite}.hp3-event-track{position:relative;height:20px;overflow:hidden}.hp3-event-track span{position:absolute;inset:0;display:flex;align-items:center;gap:10px;color:#d9dce6;font-size:11px;font-weight:800;opacity:0;transform:translateY(13px);transition:opacity .3s,transform .3s}.hp3-event-track span.is-active{opacity:1;transform:none}.hp3-event-track em{color:#6f788d;font-size:10px;font-style:normal}.hp3-event-strip>a{color:#aa99ec;font-size:10px;font-weight:900}
.hp3-main-row{grid-template-columns:42fr 23fr 35fr}.hp3-my-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:9px}.hp3-my-detail>section{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(4,7,12,.35)}.hp3-my-detail h3,.hp3-my-recent h3{font-size:11px}.hp3-my-detail h3 small,.hp3-my-recent h3 small{margin-left:5px;color:#9180d4;font-size:10px}.hp3-my-detail dl{display:grid;gap:6px;margin-top:9px}.hp3-my-detail dl>div{display:flex;gap:10px;justify-content:space-between}.hp3-my-detail dt{color:#747e91;font-size:10px}.hp3-my-detail dd{overflow:hidden;font-size:10px;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.hp3-my-detail nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.hp3-my-detail nav a{padding:7px 5px;border-radius:6px;background:rgba(103,82,196,.13);color:#c2b4f3;font-size:10px;font-weight:900;text-align:center}.hp3-my-detail .routine-title{margin-top:12px}.hp3-routine{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 0;padding:0;list-style:none}.hp3-routine li{padding:4px 6px;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:#788195;font-size:10px}.hp3-routine li.done{border-color:rgba(67,220,176,.2);color:#54dbb7}.hp3-my-recent{margin-top:8px;padding:10px 11px;border-radius:9px;background:rgba(82,65,151,.08)}.hp3-my-recent ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.hp3-my-recent li{display:grid;grid-template-columns:1fr auto auto;gap:9px;color:#8790a3;font-size:10px}.hp3-my-recent li span{color:#d6d9e2;font-weight:900}.hp3-my-recent li b{font-weight:700}.hp3-my-recent time{color:#687184}.hp3-my-recent p{margin-top:7px;color:#757e90;font-size:10px}
.hp3-flow-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(31,117,102,.08),rgba(93,66,164,.1))}.hp3-flow-line:before{position:absolute;left:7%;right:7%;top:35px;height:1px;background:linear-gradient(90deg,#42d4ab,#688fe8,#b27cf3);content:"";opacity:.35}.hp3-flow-line article{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;min-height:135px;padding:21px 18px 16px;border-right:1px solid rgba(255,255,255,.07)}.hp3-flow-line article:last-child{border:0}.hp3-flow-line article>i{z-index:1;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(74,218,178,.3);border-radius:50%;background:#101821;color:#4edbb4;font-size:15px;font-style:normal;box-shadow:0 0 0 5px #0d121b}.hp3-flow-line .talk>i{border-color:#708ff0;color:#86a0ff}.hp3-flow-line .trade>i{border-color:#f2a65d;color:#f5b36d}.hp3-flow-line .news>i{border-color:#aa7fea;color:#b994f2}.hp3-flow-line small{color:#7c8699;font-size:10px;font-weight:900}.hp3-flow-line h3{margin-top:6px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.hp3-flow-line p{margin-top:5px;overflow:hidden;color:#7f899c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hp3-flow-line article>a{grid-column:2;margin-top:auto;color:#a998e9;font-size:10px;font-weight:900}
.hp3-guide{display:grid;grid-template-columns:1.2fr .55fr 1.25fr;gap:28px;margin-top:22px;padding:30px;border:1px solid rgba(132,112,209,.18);border-radius:16px;background:radial-gradient(circle at 5% 15%,rgba(94,67,183,.14),transparent 30%),#0d111a}.hp3-about>span{color:#9d87ec;font-size:10px;font-weight:900;letter-spacing:.12em}.hp3-about h2{margin-top:6px;font-size:25px}.hp3-about p{margin-top:12px;color:#9aa2b2;font-size:12px;line-height:1.75}.hp3-service-links,.hp3-latest-text section{min-width:0}.hp3-service-links h3,.hp3-latest-text h3{margin:0 0 10px;font-size:13px}.hp3-service-links a{display:block;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055);color:#b4a6e9;font-size:11px;font-weight:800}.hp3-latest-text{display:grid;grid-template-columns:1fr 1fr;gap:22px}.hp3-latest-text ul{margin:0;padding:0;list-style:none}.hp3-latest-text li{border-bottom:1px solid rgba(255,255,255,.055)}.hp3-latest-text li a{display:block;padding:7px 0}.hp3-latest-text li span,.hp3-latest-text li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp3-latest-text li span{font-size:10px;font-weight:800}.hp3-latest-text li small{margin-top:3px;color:#727c8f;font-size:10px}.hp3-latest-text li.empty{padding:8px 0;color:#747d8f;font-size:10px}.hp3-sitemap{display:flex;gap:18px;align-items:center;margin-top:10px;padding:16px 5px;color:#7e8798;font-size:10px}.hp3-sitemap a{color:#a5acba;font-weight:800}.hp3-sitemap span{margin-left:auto}
@media(max-width:1200px){.hp3-main-row{grid-template-columns:1fr 1fr}.hp3-my{grid-column:1/-1}.hp3-guide{grid-template-columns:1fr .6fr}.hp3-latest-text{grid-column:1/-1}.hp3-flow-line{grid-template-columns:1fr 1fr}.hp3-flow-line article:nth-child(2){border-right:0}}
@media(max-width:900px){.hp3-main-row{grid-template-columns:1fr}.hp3-my{grid-column:auto}.hp3-guide{grid-template-columns:1fr}.hp3-latest-text{grid-column:auto}.hp3-event-strip{grid-template-columns:auto 1fr}.hp3-event-strip>a{display:none}}
@media(max-width:620px){.hp3-event-strip{gap:10px;padding:0 11px}.hp3-event-track span{font-size:10px}.hp3-my-detail{grid-template-columns:1fr}.hp3-flow-line{grid-template-columns:1fr}.hp3-flow-line:before{left:37px;right:auto;top:30px;bottom:30px;width:1px;height:auto}.hp3-flow-line article{min-height:116px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.hp3-guide{gap:24px;padding:21px 17px}.hp3-about h2{font-size:22px}.hp3-about p{font-size:11px}.hp3-latest-text{grid-template-columns:1fr}.hp3-sitemap{flex-wrap:wrap;gap:11px 16px;padding-inline:4px}.hp3-sitemap span{width:100%;margin:4px 0 0}}

/* V6: readable type, clearer hierarchy, and fewer nested cards. */
.hp3{--muted:#98a1b4}
.hp3-preview-note{font-size:12px}.hp3-preview-note b,.hp3-brand{font-size:11px}
.hp3-btc-copy small{font-size:12px}.hp3-btc-copy strong{font-size:34px}.hp3-btc-copy span{font-size:15px}.hp3-btc-copy span i{font-size:11px}
.hp3-mini-markets span{font-size:11px}.hp3-mini-markets strong{font-size:13px}.hp3-mini-markets em{font-size:12px}
.hp3-market-issue small{font-size:11px}.hp3-market-issue strong{font-size:14px}.hp3-market-issue span{font-size:12px}.hp3-market-issue>em{font-size:13px}
.hp3-actions a{min-height:44px;font-size:14px}.hp3-quick i{font-size:12px}.hp3-quick dt{font-size:11px}.hp3-quick dd{font-size:14px}
.hp3-town-top strong{font-size:12px}.hp3-town-top span{font-size:10px}.hp3-town-top>a{font-size:12px}
.hp3-resident-label{bottom:-31px}.hp3-resident-label>b{padding:3px 7px;font-size:11px}.hp3-resident-label small{padding:3px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:10px}
.hp3-bubble{top:-45px;padding:9px 12px;border-radius:12px 12px 12px 3px;font-size:12px}
.hp3-places a{padding:9px 11px;border:2px solid rgba(229,193,112,.65);border-radius:3px;background:linear-gradient(#4b321f,#251a13);box-shadow:0 4px 0 #16100c,0 8px 18px rgba(0,0,0,.35)}.hp3-places a:hover{background:linear-gradient(#614326,#302016)}.hp3-places b{border-radius:2px;background:rgba(239,195,96,.18);font-size:12px}.hp3-places span{font-size:12px}.hp3-places small{color:#c9bca8;font-size:10px}
.hp3-news-overlay{border:1px solid rgba(174,139,255,.42);border-left:4px solid #a27cff;border-radius:2px;background:linear-gradient(180deg,rgba(30,20,51,.94),rgba(12,11,20,.94));box-shadow:inset 0 0 18px rgba(165,116,255,.08)}.hp3-news-overlay b{font-size:11px}.hp3-news-overlay span{font-size:12px}
.hp3-market-overlay{border:1px solid rgba(70,217,176,.32);border-left:4px solid #46d9b0;border-radius:2px;background:repeating-linear-gradient(0deg,rgba(7,24,22,.94) 0 2px,rgba(6,18,18,.94) 2px 4px);box-shadow:inset 0 0 18px rgba(70,217,176,.09)}.hp3-market-overlay b{font-size:11px}.hp3-market-overlay strong{font-size:17px}.hp3-market-overlay small{font-size:11px}
.hp3-town-status{height:44px;border-top:1px solid rgba(92,225,188,.22);background:linear-gradient(90deg,rgba(4,18,17,.92),rgba(4,7,10,.9))}.hp3-town-status b{font-size:10px}.hp3-town-status span{font-size:12px}.hp3-town-status small{font-size:10px}
.hp3-section>header span,.hp3-panel>header span{font-size:10px}.hp3-section>header h2,header .hp3-hd,.hp3-panel>header h2,.hp3-panel>header .hp3-hd{font-size:26px}.hp3-section>header small{font-size:12px}.hp3-panel>header a{font-size:13px}
.hp3-event-strip{min-height:52px}.hp3-event-strip>b{font-size:11px}.hp3-event-track span{font-size:13px}.hp3-event-track em{font-size:10px}.hp3-event-strip>a{font-size:12px}
.hp3-live-card>header span{font-size:12px}.hp3-live-card>header em{font-size:10px}.hp3-live-card>strong{font-size:34px}.hp3-live-card>h3{font-size:16px}.hp3-live-card>footer{font-size:11px}
.hp3-live-card.mission>h3{margin-top:17px}.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.mission-list li{padding:0;border:0;background:none;font-size:11px}.mission-list li a{display:block;padding:7px 8px;border-bottom:1px solid rgba(244,201,93,.22);color:#e7dcae}.hp3-live-card.mission footer{bottom:9px}
.hp3-my{background:radial-gradient(circle at 15% 22%,rgba(101,70,211,.2),transparent 38%),linear-gradient(145deg,#121724,#0b0e16)}
.hp3-my-stage .character{border:0;border-radius:0;background:radial-gradient(circle at 50% 64%,rgba(90,68,178,.26),transparent 52%)}.hp3-my-stage .character>span,.hp3-my-stage .identity i{font-size:10px}.hp3-my-stage .identity p{font-size:13px}.hp3-my-stage .identity a{font-size:13px}
.hp3-my-tiles{gap:0;border-block:1px solid rgba(255,255,255,.09)}.hp3-my-tiles>div{padding:14px 10px;border-right:1px solid rgba(255,255,255,.07);border-radius:0;background:none}.hp3-my-tiles>div:last-child{border:0}.hp3-my-tiles dt{font-size:11px}.hp3-my-tiles dd{font-size:16px}.hp3-my-tiles dd small{font-size:11px}
.hp3-my-detail{gap:0}.hp3-my-detail>section{padding:14px 12px;border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:none}.hp3-my-detail>section:last-child{border:0}.hp3-my-detail h3,.hp3-my-recent h3{font-size:14px}.hp3-my-detail h3 small,.hp3-my-recent h3 small{font-size:10px}.hp3-my-detail dt{font-size:11px}.hp3-my-detail dd{font-size:12px}.hp3-my-detail nav{gap:0}.hp3-my-detail nav a{padding:9px 5px;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:none;font-size:11px}.hp3-routine li{padding:5px 7px;font-size:11px}
.hp3-my-recent{padding:13px 12px;border-top:1px solid rgba(255,255,255,.08);border-radius:0;background:none}.hp3-my-recent li,.hp3-my-recent p{font-size:11px}
.hp3-away-total strong{font-size:14px}.hp3-away-total span{font-size:12px}.hp3-away dt{font-size:12px}.hp3-away dd{font-size:14px}.hp3-away-button{font-size:13px}
.hp3-feed-item{grid-template-columns:34px 1fr auto 60px;border-bottom-color:rgba(255,255,255,.09);background:none}.hp3-feed-item .avatar{font-size:11px}.hp3-feed-item>div strong{font-size:12px}.hp3-feed-item>div span{font-size:11px}.hp3-feed-item>em{font-size:12px}.hp3-feed-item>em small{font-size:10px}.hp3-feed-item>time{font-size:10px}.hp3-empty{font-size:13px}
.hp3-village-flow{padding:22px 24px 0;border:1px solid rgba(113,91,201,.22);border-radius:14px;background:radial-gradient(circle at 0 0,rgba(87,62,171,.14),transparent 34%),#0c1119}.hp3-flow-line{margin-inline:-24px;border-bottom:0;background:rgba(6,9,14,.3)}.hp3-flow-line small{font-size:11px}.hp3-flow-line h3{font-size:16px}.hp3-flow-line p{font-size:12px}.hp3-flow-line article>a{font-size:12px}
.hp3-news-card .visual>span,.hp3-news-card .copy>span{font-size:10px}.hp3-news-card .visual>small,.hp3-news-card .copy>small{font-size:11px}.hp3-news-card p{font-size:13px}.hp3-talk>div>a>b{font-size:12px}.hp3-talk>div>a i{font-size:11px}.hp3-talk>div>a strong{font-size:13px}.hp3-talk>div>a em,.hp3-talk>div>a small{font-size:11px}
.hp3-season-title span,.hp3-season-title small{font-size:10px}.hp3-season dt{font-size:11px}.hp3-season dd{font-size:14px}.hp3-season>div:last-child a{font-size:13px}
.hp3-about>span{font-size:10px}.hp3-about p{font-size:14px}.hp3-service-links a{font-size:13px}.hp3-latest-text li span{font-size:12px}.hp3-latest-text li small{font-size:11px}.hp3-latest-text li.empty,.hp3-sitemap{font-size:12px}
@media(max-width:620px){.hp3-preview-note{font-size:11px}.hp3-market-lobby h1{font-size:32px}.hp3-btc-copy strong{font-size:28px}.hp3-bubble,.hp3-town-status span{font-size:11px}.hp3-resident-label>b,.hp3-resident-label small,.hp3-places small,.hp3-market-overlay b,.hp3-market-overlay small,.hp3-town-status b{font-size:10px}.hp3-places span,.hp3-news-overlay span{font-size:11px}.hp3-actions a{font-size:13px}.hp3-section>header h2,header .hp3-hd,.hp3-panel>header h2,.hp3-panel>header .hp3-hd{font-size:23px}.hp3-live-card{height:215px}.hp3-live-card>h3{font-size:15px}.hp3-my-detail>section{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.hp3-my-detail>section:last-child{border-bottom:0}.hp3-my-tiles dd{font-size:15px}.hp3-feed-item>div span,.hp3-feed-item time{font-size:10px}.hp3-flow-line h3{font-size:15px}.hp3-about p{font-size:13px}.hp3-news-card p{font-size:13px}.hp3-talk>div>a strong{font-size:13px}}

/* V7: live community pulse and less card-like information flow. */
.hp3-now-grid{grid-template-columns:1.28fr repeat(3,1fr)}.hp3-live-card.market{height:208px;border-color:rgba(63,226,178,.36);background:radial-gradient(circle at 78% 15%,rgba(40,221,171,.24),transparent 46%),linear-gradient(135deg,#10251f,#0b1018 68%);box-shadow:inset 0 0 35px rgba(48,217,172,.06)}.hp3-live-card.market>strong{font-size:46px}.hp3-live-card.market>h3{font-size:18px}.hp3-live-card:not(.market){height:188px;margin-top:10px}
.hp3-recommend{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:13px;padding:10px 0;border-block:1px solid rgba(244,201,93,.18)}.hp3-recommend>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(244,201,93,.12);font-size:15px;font-style:normal}.hp3-recommend span,.hp3-recommend strong,.hp3-recommend small{display:block;min-width:0}.hp3-recommend strong,.hp3-recommend small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp3-recommend strong{font-size:12px}.hp3-recommend small{margin-top:3px;color:#9b9272;font-size:11px}.hp3-recommend>b{color:#f4c95d}.mission-list{display:flex!important;gap:0!important;margin-top:8px!important}.mission-list>a{flex:1;padding:5px 3px;border-right:1px solid rgba(255,255,255,.08);color:#a8a08a;font-size:11px;font-weight:800;text-align:center}.mission-list>a:last-child{border:0}
.hp3-main-row{grid-template-columns:37fr 25fr 38fr}.hp3-live-panel{position:relative;min-width:0;padding:19px 14px 15px;border-block:1px solid rgba(61,225,179,.28);background:radial-gradient(circle at 12% 3%,rgba(47,221,171,.16),transparent 38%),linear-gradient(180deg,rgba(13,27,27,.82),rgba(8,12,18,.56));overflow:hidden}.hp3-live-panel:after{position:absolute;right:-25px;top:-34px;width:110px;height:110px;border:1px solid rgba(64,224,180,.1);border-radius:50%;box-shadow:0 0 55px rgba(55,220,176,.08);content:""}.hp3-live-panel>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.hp3-live-panel>header span{display:flex;align-items:center;gap:6px;color:#4be0b5;font-size:11px;font-weight:900;letter-spacing:.13em}.hp3-live-panel>header span i{width:7px;height:7px;border-radius:50%;background:#4be0b5;box-shadow:0 0 10px #4be0b5;animation:hp3-pulse 1.8s infinite}.hp3-live-panel h2{margin:4px 0 0;font-size:26px}.hp3-live-panel>header small{color:#7d8e8c;font-size:11px}.hp3-live-timeline{position:relative}.hp3-live-timeline:before{position:absolute;left:18px;top:18px;bottom:18px;width:1px;background:linear-gradient(#46dbb2,rgba(116,132,153,.12));content:""}.hp3-live-event{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 7px;gap:10px;align-items:center;min-height:61px;padding:7px 3px;border-bottom:1px solid rgba(255,255,255,.07);opacity:.7;transition:opacity .45s,background .45s,transform .45s}.hp3-live-event:last-child{border:0}.hp3-live-event.is-active{z-index:1;margin-inline:-7px;padding-inline:10px;border-radius:8px;background:linear-gradient(90deg,rgba(48,213,171,.14),rgba(83,75,153,.08));box-shadow:0 0 22px rgba(45,221,174,.06);opacity:1;transform:translateX(3px)}.hp3-event-avatar{z-index:1;display:grid;width:36px;height:36px;place-items:center;border:2px solid #15201f;border-radius:50%;background:linear-gradient(135deg,#5946ad,#23766e);font-size:14px;font-weight:900;overflow:hidden}.hp3-event-avatar img,.hp3-feed-item .avatar img{width:100%;height:100%;object-fit:cover}.hp3-event-copy,.hp3-event-copy small,.hp3-event-copy strong,.hp3-event-copy em{display:block;min-width:0}.hp3-event-copy small{color:#72a99d;font-size:10px;font-weight:800}.hp3-event-copy strong,.hp3-event-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp3-event-copy strong{margin-top:3px;font-size:12px}.hp3-event-copy em{margin-top:3px;color:#929cac;font-size:11px;font-style:normal;font-weight:800}.hp3-event-dot{width:5px;height:5px;border-radius:50%;background:#4be0b5;opacity:0;box-shadow:0 0 8px #4be0b5}.hp3-live-event.is-active .hp3-event-dot{opacity:1}
.hp3-my{border-color:rgba(129,104,218,.22)}.hp3-my-stage{padding-bottom:8px}.hp3-my-detail,.hp3-my-recent{margin-top:0}.hp3-my-detail{border-bottom:1px solid rgba(255,255,255,.08)}.hp3-my-recent{border-top:0}.hp3-feed{border-radius:4px 14px 14px 4px}.hp3-feed-list{border-top-color:rgba(67,223,177,.18)}
.hp3-village-flow{padding:22px 0 0;border-inline:0;border-radius:0;background:linear-gradient(90deg,rgba(87,62,171,.08),transparent 32%)}.hp3-village-flow>header{padding-inline:18px}.hp3-flow-line{margin-inline:0}.hp3-flow-line h3{font-size:17px;font-weight:900}.hp3-flow-line .talk>i,.hp3-flow-line .trade>i{overflow:hidden}.hp3-talk{border-radius:4px}.hp3-talk>div>a{border-radius:0}.hp3-event-strip{border-inline:0;border-radius:3px}.hp3-places a{min-width:118px;justify-content:center}.hp3-resident-label>b{border-radius:2px;background:rgba(3,6,8,.72)}.hp3-resident-label small{margin-top:2px;padding:2px 7px!important;border:0!important}.hp3-news-overlay{border-block:2px solid rgba(174,139,255,.35);border-right:0}.hp3-market-overlay{border-block:2px solid rgba(70,217,176,.25);border-right:0}
@media(max-width:1200px){.hp3-now-grid{grid-template-columns:1.2fr 1fr}.hp3-live-card:not(.market){margin-top:0}.hp3-main-row{grid-template-columns:1fr 1fr}.hp3-my{grid-column:1/-1}}
@media(max-width:900px){.hp3-main-row{grid-template-columns:1fr}.hp3-my{grid-column:auto}}
@media(max-width:620px){.hp3-now-grid{display:flex}.hp3-live-card.market,.hp3-live-card:not(.market){min-width:84%;height:215px;margin-top:0}.hp3-live-card.market>strong{font-size:38px}.hp3-main-row{display:flex}.hp3-live-panel{min-width:91%;scroll-snap-align:start}.hp3-live-panel h2{font-size:23px}.hp3-live-event{min-height:59px}.hp3-places a{min-width:0}.hp3-resident-label small{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.hp3-live-panel>header span i,.hp3-event-strip>b i{animation:none}.hp3-live-event{transition:none}.hp3-live-event.is-active{transform:none}}

/* V8: denser desktop fold and clearly separated activity roles. */
.hp3-hero-suggestion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:6px;padding:5px 8px;border-left:2px solid rgba(244,201,93,.65);background:linear-gradient(90deg,rgba(244,201,93,.08),transparent);font-size:11px}.hp3-hero-suggestion span{color:#d3b85e;font-weight:900}.hp3-hero-suggestion strong{overflow:hidden;color:#aab1c0;text-overflow:ellipsis;white-space:nowrap}.hp3-hero-suggestion b{color:#d9c36d}.hp3-panel-more{display:block;margin-top:auto;padding-top:8px;color:#aa99ec;font-size:11px;font-weight:900;text-align:right}
.hp3-my-mobile-actions,.hp3-news-read{display:none}
@media(min-width:1201px){
  .hp3{padding-bottom:40px}
  .hp3-hero{height:450px}
  .hp3-market-lobby{padding:19px 23px 13px}
  .hp3-brand{padding-block:5px}
  .hp3-market-lobby h1{margin-top:12px}
  .hp3-btc-card{margin-top:12px;padding:10px 14px}
  .hp3-signal{height:46px}
  .hp3-mini-markets{margin-top:6px}
  .hp3-mini-markets a{padding-block:7px}
  .hp3-market-issue{margin-top:6px;padding-block:7px}
  .hp3-actions{margin-top:7px}
  .hp3-actions a{min-height:38px}
  .hp3-quick>div{padding-top:6px;padding-bottom:6px}
  .hp3-quick i{top:7px}
  .hp3-town-map{width:139%;left:-22%;top:-23%}
  .hp3-town-top{left:10px;right:10px;top:8px}
  .hp3-town-top>div,.hp3-town-top>a{padding-block:5px}
  .hp3-places a{padding:7px 9px}
  .hp3-places .market{top:16%}.hp3-places .square{top:47%}.hp3-places .news{top:32%}
  .hp3-market-overlay{padding:6px 8px}
  .hp3-news-overlay{top:50px;padding:6px 8px}
  .hp3-town-status{height:36px;padding-inline:10px}
  .hp3-section,.hp3-main-row,.hp3-content-row{margin-top:17px}
  .hp3-section>header,.hp3-panel>header{margin-bottom:8px}
  .hp3-now-grid{grid-template-columns:1.18fr 1fr 1fr;gap:8px}
  .hp3-live-card.market,.hp3-live-card:not(.market){height:164px;margin-top:0}
  .hp3-live-card.market>strong{margin-top:9px;font-size:40px}
  .hp3-live-card>strong{margin-top:9px}
  .hp3-main-row{height:440px;align-items:stretch}
  .hp3-main-row>*{height:440px}
  .hp3-panel{padding:13px}
  .hp3-my{overflow:hidden}
  .hp3-my-stage{grid-template-columns:104px 1fr;gap:10px;padding-bottom:4px}
  .hp3-my-stage .character{height:94px}
  .hp3-my-stage img{width:92px;height:116px;object-position:center 8px}
  .hp3-my-stage .identity h3{margin-top:5px;font-size:18px}
  .hp3-my-stage .identity a{margin-top:7px}
  .hp3-my-tiles{margin-top:4px}
  .hp3-my-tiles>div{padding:8px 7px}
  .hp3-my-detail>section{padding:9px 10px}
  .hp3-my-detail dl{gap:4px;margin-top:6px}
  .hp3-my-detail nav{margin-top:5px}
  .hp3-my-detail nav a{padding:6px 4px}
  .hp3-my-detail .routine-title{margin-top:7px}
  .hp3-routine{gap:3px;margin-top:4px}
  .hp3-routine li{padding:3px 5px}
  .hp3-my-recent{padding:8px 10px}
  .hp3-my-recent ul{gap:3px;margin-top:5px}
  .hp3-live-panel{display:flex;height:440px;flex-direction:column;padding:15px 13px 12px}
  .hp3-live-panel>header{margin-bottom:7px}
  .hp3-live-timeline{flex:1}
  .hp3-live-event{min-height:69px;padding-block:5px}
  .hp3-feed{display:flex;flex-direction:column;overflow:hidden}
  .hp3-feed-list{flex:1}
  .hp3-feed-item{padding-block:8px}
  .hp3-village-flow{height:150px;padding-top:12px;overflow:hidden}
  .hp3-village-flow>header{margin-bottom:7px;padding-inline:14px}
  .hp3-village-flow>header small{display:none}
  .hp3-flow-line article{min-height:91px;padding:12px 14px 9px}
  .hp3-flow-line:before{top:26px}
  .hp3-flow-line article>i{width:30px;height:30px;box-shadow:0 0 0 4px #0d121b}
  .hp3-flow-line{grid-template-columns:repeat(4,1fr)}
  .hp3-flow-line article{grid-template-columns:30px minmax(0,1fr);gap:9px}
  .hp3-flow-line h3{margin-top:3px;font-size:14px}
  .hp3-flow-line p{margin-top:2px}
  .hp3-flow-line article>a{margin-top:3px}
  .hp3-guide{margin-top:18px;padding-block:25px}
}

/* Upbit MARKET RADAR v2: scoped after legacy home table overrides. */
.hp3-upbit-market-radar-v2{--radar-up:#50d6ad;--radar-down:#ff7185;--radar-neutral:#a8b5c7}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2{max-width:none;padding:20px 22px!important}
.hp3-upbit-market-radar-v2>header{align-items:flex-end}
.hp3-upbit-market-radar-v2>header .hp3-hd{margin-top:4px;font-size:20px!important;font-weight:800;letter-spacing:-.025em}
.hp3-upbit-market-radar-v2>header>small{font-size:11px;color:#8fa3b8}
.hp3-radar-tabs{display:inline-flex;gap:3px;margin-top:16px;padding:3px;border:1px solid rgba(116,145,174,.2);border-radius:10px;background:rgba(7,15,26,.52)}
.hp3-radar-tabs button{min-height:31px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#8295aa;font:700 12px/1 inherit;cursor:pointer;transition:background-color 160ms,color 160ms}
.hp3-radar-tabs button:hover{color:#c7d6e5;background:rgba(92,132,166,.1)}
.hp3-radar-tabs button[aria-selected="true"]{color:#dff7ff;background:linear-gradient(135deg,rgba(111,86,215,.3),rgba(48,169,205,.2));box-shadow:inset 0 0 0 1px rgba(116,190,221,.2)}
.hp3-radar-tabs button:focus-visible{outline:2px solid #77c9e8;outline-offset:2px}
.hp3-upbit-market-radar-v2 .hp3-radar-summary{margin:10px 0 5px;color:#8295aa;font-size:11px;line-height:1.5}
.hp3-upbit-market-radar-v2 .hp3-radar-table-wrap[hidden]{display:none}
.hp3-upbit-market-radar-v2 .hp3-panel-more[hidden]{display:none!important}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 table{table-layout:fixed;font-size:13px!important}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 th{padding:8px 10px!important;color:#7f93a9;font-size:11px!important;font-weight:600;border-bottom-color:rgba(148,163,184,.16)}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td{height:55px;padding:8px 10px!important;font-size:13px;border-bottom-color:rgba(148,163,184,.11)}
.hp3-upbit-market-radar-v2 tbody tr{transition:background-color 150ms}
.hp3-upbit-market-radar-v2 tbody tr:hover{background:rgba(105,151,188,.055)}
.hp3-upbit-market-radar-v2 th[data-col="rank"],.hp3-upbit-market-radar-v2 td[data-col="rank"]{width:8%;text-align:center!important}
.hp3-upbit-market-radar-v2 th[data-col="coin"],.hp3-upbit-market-radar-v2 td[data-col="coin"]{width:30%;text-align:left!important}
.hp3-upbit-market-radar-v2 th[data-col="price"]{width:20%}
.hp3-upbit-market-radar-v2 th[data-col="volume"]{width:24%}
.hp3-upbit-market-radar-v2 th[data-col="change"]{width:18%}
.hp3-upbit-market-radar-v2 td[data-col="coin"] strong{display:block;overflow:hidden;color:#e5edf5;font-size:15px;font-weight:750;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.hp3-upbit-market-radar-v2 td[data-col="coin"] small{display:block;margin-top:2px;color:#778ba1;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.04em}
.hp3-upbit-market-radar-v2 td[data-col="price"]{color:#cbd7e3;font-size:13px;font-weight:600}
.hp3-upbit-market-radar-v2 td[data-col="volume"]{color:#edf7ff;font-size:14px;font-weight:800;letter-spacing:-.015em}
.hp3-upbit-market-radar-v2 td[data-col="change"]{font-size:13px;font-weight:750}
.hp3-upbit-market-radar-v2 td.is-up{color:var(--radar-up)}
.hp3-upbit-market-radar-v2 td.is-down{color:var(--radar-down)}
.hp3-upbit-market-radar-v2 td.is-neutral{color:var(--radar-neutral)}
.hp3-upbit-market-radar-v2 .hp3-radar-rank span{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:8px;color:#8294a8;background:rgba(119,139,161,.09);font-size:12px;font-weight:800}
.hp3-upbit-market-radar-v2 tr.is-top-1 .hp3-radar-rank span{color:#dcd5ff;background:rgba(124,93,220,.2);box-shadow:inset 0 0 0 1px rgba(157,133,235,.18)}
.hp3-upbit-market-radar-v2 tr.is-top-2 .hp3-radar-rank span,.hp3-upbit-market-radar-v2 tr.is-top-3 .hp3-radar-rank span{color:#bdefff;background:rgba(54,166,200,.12)}
.hp3-upbit-market-radar-v2[data-active-tab="surge"] th[data-col="coin"]{width:34%}
.hp3-upbit-market-radar-v2[data-active-tab="surge"] th[data-col="current"],.hp3-upbit-market-radar-v2[data-active-tab="surge"] th[data-col="previous"]{width:23%}
.hp3-upbit-market-radar-v2[data-active-tab="surge"] th[data-col="surge"]{width:20%}
.hp3-upbit-market-radar-v2 td[data-col="surge"] strong,.hp3-upbit-market-radar-v2 td[data-col="surge"] small{display:block}
.hp3-upbit-market-radar-v2 td[data-col="surge"] small{margin-top:2px;font-size:10px;color:#83bcae}
.hp3-upbit-market-radar-v2 .hp3-surge-status{padding:34px 12px;font-size:12px}
.hp3-upbit-market-radar-v2 .hp3-surge-updated{margin-top:10px;text-align:right;font-size:11px}
@media(max-width:600px){
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2{padding:17px 12px!important}
  .hp3-upbit-market-radar-v2>header .hp3-hd{font-size:18px!important}
  .hp3-radar-tabs{margin-top:13px}
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 th,.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td{padding:8px 4px!important}
  .hp3-upbit-market-radar-v2 th[data-col="rank"],.hp3-upbit-market-radar-v2 td[data-col="rank"]{width:11%}
  .hp3-upbit-market-radar-v2 th[data-col="coin"],.hp3-upbit-market-radar-v2 td[data-col="coin"]{width:35%}
  .hp3-upbit-market-radar-v2 th[data-col="volume"]{width:32%}
  .hp3-upbit-market-radar-v2 th[data-col="change"]{width:22%}
  .hp3-upbit-market-radar-v2 th[data-col="price"],.hp3-upbit-market-radar-v2 td[data-col="price"]{display:none}
  .hp3-upbit-market-radar-v2 td[data-col="coin"] strong{font-size:14px}
  .hp3-upbit-market-radar-v2 td[data-col="volume"]{font-size:13px}
  .hp3-upbit-market-radar-v2 td[data-col="change"]{font-size:12px}
}

/* V16 final cascade: these rules intentionally come after all legacy responsive overrides. */
@media(min-width:1201px){
  .hp3-now-grid{grid-template-columns:36fr 32fr 32fr}
  .hp3-mission-card{min-height:188px;padding:16px}
}
@media(max-width:768px){
  .hp3-now{display:block!important;order:2}
  .hp3-now-grid{display:grid!important;grid-template-columns:1fr;gap:7px;overflow:visible}
  .hp3-live-card.market{display:none!important}
  .hp3-live-card.community,.hp3-live-card.news,.hp3-mission-card{min-width:0;min-height:0;margin:0}
  .hp3-mission-card{height:auto}
  .hp3-mission-card{padding:13px}
  .hp3-content-row{display:none!important}
}

/* TRADER CITY unified activity: existing live panel, compact desktop/mobile rows. */
[data-city-activity]{min-width:0}
[data-city-activity] .hp3-live-timeline{min-width:0;overflow:hidden}
[data-city-activity] .hp3-live-timeline:before{left:15px;top:16px;bottom:16px}
[data-city-activity] .hp3-live-event{grid-template-columns:30px minmax(0,1fr) 6px;gap:8px;min-width:0;min-height:36px;padding:4px 3px;opacity:1}
[data-city-activity] .hp3-event-avatar{width:29px;height:29px;border-width:1px;border-color:#18211f;border-radius:9px;font-size:12px}
[data-city-activity] .hp3-event-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
[data-city-activity] .hp3-event-copy strong{margin:0;overflow:hidden;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
[data-city-activity] .hp3-event-copy small{color:#778294;font-size:9px;white-space:nowrap}
[data-city-activity] .hp3-event-dot{opacity:.45}
[data-city-activity] .is-priority-high{margin-inline:-4px;padding-inline:7px;border-radius:7px;background:linear-gradient(90deg,rgba(115,88,202,.13),rgba(40,186,151,.06))}
[data-city-activity] .is-priority-high .hp3-event-copy strong{color:#f1edff}
[data-city-activity] .is-priority-high .hp3-event-dot{background:#b69cff;opacity:1;box-shadow:0 0 7px rgba(182,156,255,.75)}
[data-city-activity] .is-poll .hp3-event-avatar{background:linear-gradient(135deg,#4b725f,#397d70)}
[data-city-activity] .is-post .hp3-event-avatar{background:linear-gradient(135deg,#3c579e,#6851a4)}
[data-city-activity] .is-news .hp3-event-avatar{background:linear-gradient(135deg,#7950a6,#a05d80)}

@media(min-width:769px){
  [data-city-activity]>header{align-items:center;margin-bottom:7px}
  [data-city-activity]>header h2{font-size:18px;white-space:nowrap}
  [data-city-activity] .hp3-live-timeline{flex:1}
}

@media(max-width:768px){
  [data-city-activity]{width:auto;min-width:0;overflow:hidden}
  [data-city-activity]>header{align-items:flex-start;gap:5px}
  [data-city-activity]>header h2{font-size:19px;line-height:1.25}
  [data-city-activity]>header small{font-size:9px;text-align:right}
  [data-city-activity] .hp3-live-event:nth-child(n+4){display:grid}
  [data-city-activity] .hp3-live-event:nth-child(n+6){display:none}
  [data-city-activity] .hp3-live-event{grid-template-columns:30px minmax(0,1fr);min-height:44px;padding-block:5px}
  [data-city-activity] .hp3-event-copy{display:block;min-width:0}
  [data-city-activity] .hp3-event-copy strong{display:block;font-size:12px}
  [data-city-activity] .hp3-event-copy small{display:block;margin-top:2px;font-size:9px}
  [data-city-activity] .hp3-event-dot{display:none}
}

@media(max-width:390px){
  [data-city-activity]>header h2{font-size:17px}
  [data-city-activity]>header small{max-width:74px}
  [data-city-activity] .hp3-event-copy strong{font-size:11px}
}

/* 2026-08-31 home IA: city signals and compact market prediction. */
.hp3-city-status{min-width:0}.hp3-city-status .hp3-city-lead{display:block;margin:12px 0 9px;font-size:15px;line-height:1.4}.hp3-city-status ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.hp3-city-status li{min-width:0;overflow:hidden;color:#c7ceda;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hp3-ant-voice{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.hp3-ant-voice>small{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em}.hp3-city-status .hp3-ant-voice blockquote{margin:8px 0 0;padding:0;border:0;color:var(--text);font-size:18px;font-weight:600;line-height:1.55;opacity:.9;overflow-wrap:break-word;white-space:normal}.hp3-city-status>a{display:block;margin-top:10px;color:#55dcb8;font-size:12px;font-weight:900}
.hp3-prediction{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(244,201,93,.12),transparent 38%),linear-gradient(145deg,#151421,#0b0e16)}.hp3-prediction>header{align-items:center}.hp3-prediction>header small{color:#f4c95d;font-weight:900}.hp3-prediction>p{margin:0 0 8px;color:#9da5b5;font-size:12px}.hp3-prediction-list{display:grid;min-width:0;gap:7px}.hp3-prediction-list>section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(5,8,14,.42)}.hp3-prediction-list>section>div:first-child{min-width:0}.hp3-prediction-list strong,.hp3-prediction-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp3-prediction-list strong{font-size:13px}.hp3-prediction-list small{margin-top:3px;color:#8993a5;font-size:10px}.hp3-prediction-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.hp3-prediction-actions button{min-width:58px;padding:7px 8px;border:1px solid rgba(164,143,240,.3);border-radius:7px;background:#171525;color:#ddd7f8;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.hp3-prediction-actions button:hover{border-color:#b59df8;background:#211d38}.hp3-prediction-actions button:disabled{cursor:wait;opacity:.55}.hp3-prediction-actions .my-vote{color:#55dcb8;font-size:11px;font-weight:800}.hp3-prediction-actions .my-vote b{color:#f4c95d}.hp3-prediction-actions em{color:#98a2b3;font-size:10px;font-style:normal}.hp3-prediction>footer{display:flex;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#aeb6c4;font-size:11px}.hp3-prediction>footer b{color:#f4c95d}.hp3-prediction-feedback{min-height:16px!important;margin:7px 0 0!important;color:#55dcb8!important;font-size:10px!important}
.hp3-prediction-actions:has(.prediction-status),.hp3-prediction-actions:has(.prediction-result),.hp3-prediction-actions:has(.prediction-holiday){align-items:flex-end;flex-direction:column;gap:2px}.hp3-prediction-actions .prediction-status{padding:2px 6px;border-radius:10px;background:rgba(255,255,255,.07)}.hp3-prediction-actions .prediction-flow{color:#f4c95d;font-size:11px;font-weight:900}.hp3-prediction-actions .prediction-wait,.hp3-prediction-actions .prediction-holiday{max-width:190px;overflow:hidden;text-overflow:ellipsis}.hp3-prediction-actions .prediction-result{color:#55dcb8;font-weight:800}
.hp3-prediction-actions:has(.prediction-complete){align-items:flex-end;flex-direction:column;gap:2px}.hp3-prediction-actions .prediction-complete{color:#55dcb8;font-weight:900}.hp3-prediction-actions .prediction-countdown{flex-basis:100%;width:100%;text-align:right}.hp3-perfect-day{margin:0 0 8px;padding:7px 9px;border:1px solid rgba(244,201,93,.24);border-radius:8px;background:rgba(244,201,93,.07);color:#f4c95d;font-size:11px;font-weight:900;text-align:center}.hp3-perfect-day[hidden]{display:none}.hp3-prediction-actions .prediction-detail{color:var(--muted)}
[data-city-activity] .is-prediction .hp3-event-avatar{background:linear-gradient(135deg,#8d651e,#7251a4)}
.hp3-prediction-actions:has(.prediction-countdown){align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.hp3-prediction-actions .prediction-countdown{flex-basis:100%;width:100%;color:var(--text);font-size:14px;font-weight:600;line-height:1.35;text-align:right}.hp3-prediction-actions .prediction-countdown-at{display:inline;margin-left:6px;color:var(--muted);font-size:12px;font-weight:400;line-height:inherit;white-space:nowrap}

@media(max-width:768px){
  .hp3-main-row{display:flex!important;flex-direction:column;overflow:visible!important}
  .hp3-main-row .hp3-prediction{order:1;width:100%;height:auto;min-height:0;max-width:100%}
  .hp3-main-row [data-city-activity]{order:2}
  .hp3-main-row .hp3-my{order:3}
  .hp3-city-status li:nth-child(n+3){display:none}
  .hp3-ant-voice{margin-top:14px;padding-top:14px}.hp3-city-status .hp3-ant-voice blockquote{display:-webkit-box;overflow:hidden;font-size:16px;line-height:1.5;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .hp3-prediction-list>section{grid-template-columns:1fr;gap:7px;max-width:100%}
  .hp3-prediction-actions{width:100%;align-items:flex-start!important;justify-content:flex-start!important}.hp3-prediction-actions button{flex:1;min-width:0}.hp3-prediction-actions .prediction-countdown{text-align:left}
  .hp3-prediction-list strong,.hp3-prediction-list small{max-width:100%}
}

/* Mission card: three readable two-row actions. */
.hp3-mission-card{--accent:#f4c95d;display:flex;flex-direction:column;height:auto!important;min-height:266px!important;overflow:visible}
.hp3-mission-card>header{margin-bottom:12px}
.hp3-mission-card>header span{font-size:23px;line-height:1.2}
.hp3-mission-card>header em{margin-left:auto;color:#55dcb8;font-size:13px;font-style:normal;font-weight:900;white-space:nowrap}
.hp3-mission-card .mission-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important}
.hp3-mission-card .mission-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name cta" "desc desc";gap:4px 10px;align-items:center;min-height:64px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(5,8,14,.42);color:inherit;text-align:left}
.hp3-mission-card .mission-name{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:center;min-width:0}
.hp3-mission-card .mission-name>i{font-size:16px;font-style:normal;text-align:center}
.hp3-mission-card .mission-name{grid-area:name}
.hp3-mission-card .mission-name>b{min-width:0;overflow:visible;font-size:15px;line-height:1.3;text-overflow:clip;white-space:normal;word-break:keep-all}
.hp3-mission-card .mission-description{display:block;grid-area:desc;min-width:0;color:#9ba4b6;font-size:13px;line-height:1.4;overflow-wrap:break-word;white-space:normal;word-break:keep-all}
.hp3-mission-card .mission-list>a>em{grid-area:cta;min-width:max-content;color:#b39dff;font-size:14px;font-style:normal;font-weight:900;text-align:right;white-space:nowrap}
.hp3-mission-card .mission-list>a.done{border-color:rgba(68,220,176,.3);background:rgba(44,165,133,.11)}
.hp3-mission-card .mission-list>a.done .mission-name>i,.hp3-mission-card .mission-list>a.done>em{color:#55dcb8}

@media(max-width:768px){
  .hp3-mission-card{min-height:0!important;padding:13px}
  .hp3-mission-card>header{margin-bottom:8px}
  .hp3-mission-card>header span{font-size:20px}
  .hp3-mission-card .mission-list{gap:6px!important}
  .hp3-mission-card .mission-list>a{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:58px;padding:7px 9px}
  .hp3-mission-card .mission-name{grid-template-columns:22px minmax(0,1fr);gap:7px}
  .hp3-mission-card .mission-name>b{font-size:14px}
  .hp3-mission-card .mission-description{font-size:11px;line-height:1.35}
  .hp3-mission-card .mission-list>a>em{font-size:12px}
}

@media(max-width:430px){
  .hp3-mission-card .mission-list>a{grid-template-columns:minmax(0,1fr) auto}
}

.hp3-my-detail dl>div{min-width:0}
.hp3-my-detail dt{min-width:76px;flex-shrink:0;white-space:nowrap;word-break:keep-all}
.hp3-my-detail dd{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}

/* V9: content-aware recovery after the V8 desktop compression pass. */
@media(min-width:1201px){
  .hp3{overflow:visible}
  .hp3-hero{height:auto;min-height:466px}
  .hp3-market-lobby{gap:0;padding:19px 23px 14px;overflow:visible}
  .hp3-quick{margin-top:10px}
  .hp3-town{height:auto;min-height:466px}
  .hp3-town-map{width:139%;left:-22%;top:-22%}

  .hp3-live-card.market,.hp3-live-card:not(.market):not(.hp3-mobile-news-card){display:flex;height:auto;min-height:176px;flex-direction:column;overflow:visible}
  .hp3-live-card>h3{display:-webkit-box;overflow:hidden;line-height:1.35;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-live-card>footer{position:static;margin-top:auto;padding-top:9px}
  .hp3-live-card.market>strong{font-size:30px}

  .hp3-main-row{height:auto;min-height:420px;align-items:stretch}
  .hp3-main-row>*{height:auto;min-height:420px}
  .hp3-my{overflow:visible}
  .hp3-my-stage .character{height:104px}
  .hp3-my-stage .identity h3{margin-top:0}
  .hp3-live-panel{height:auto;min-height:420px;overflow:visible}
  .hp3-live-event{min-height:72px;line-height:1.4}
  .hp3-event-copy strong,.hp3-event-copy em{line-height:1.4}
  .hp3-feed{overflow:visible}
  .hp3-feed-list{flex:none}
  .hp3-feed-item{min-height:53px;line-height:1.4}

  .hp3-village-flow{height:auto;min-height:155px;padding-top:12px;overflow:visible}
  .hp3-flow-line{overflow:visible}
  .hp3-flow-line article{min-height:101px;padding:12px 14px 10px;overflow:visible}
  .hp3-flow-line article>div{min-width:0}
  .hp3-flow-line h3{display:-webkit-box;overflow:hidden;margin-top:3px;line-height:1.35;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-flow-line p{overflow:visible;margin-top:3px;line-height:1.4;text-overflow:clip;white-space:normal}
  .hp3-flow-line article>a{margin-top:4px;line-height:1.4}

  .hp3-guide{gap:22px;padding:24px 26px}
  .hp3-about p{margin-top:9px;line-height:1.6}
  .hp3-latest-text{gap:17px}
  .hp3-latest-text li a,.hp3-service-links a{padding-block:6px}
}

@media(max-width:1200px){
  .hp3{overflow:visible}
  .hp3-live-card{height:auto;min-height:190px}
  .hp3-main-row>*{height:auto}
  .hp3-my,.hp3-feed,.hp3-live-panel,.hp3-village-flow{overflow:visible}
  .hp3-live-event{line-height:1.4}
  .hp3-flow-line h3{line-height:1.4;white-space:normal}
  .hp3-flow-line p{line-height:1.4}
}

/* V10 production hierarchy and responsive home. */
@media(min-width:1201px){
  .hp3-now-grid{grid-template-columns:.82fr 1.09fr 1.09fr}
  .hp3-live-card.market{background:linear-gradient(145deg,#111b1b,#0c1018);box-shadow:none}
  .hp3-live-card.market>strong{font-size:25px}
  .hp3-live-card.community,.hp3-live-card.news{border-color:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 8%,transparent)}
  .hp3-live-card.community>strong,.hp3-live-card.news>strong{font-size:34px}
}

/* Tablet: retain the two-column town experience until copy needs the full width. */
@media(min-width:901px) and (max-width:1200px){
  .hp3-hero{grid-template-columns:minmax(0,45fr) minmax(520px,55fr);height:auto;min-height:560px}
  .hp3-market-lobby{min-height:560px}
  .hp3-town{height:auto;min-height:560px}
  .hp3-now-grid{grid-template-columns:.82fr 1.09fr 1.09fr}
  .hp3-main-row{grid-template-columns:1fr 1fr}
  .hp3-my{grid-column:1/-1}
  .hp3-feed{grid-column:auto}
  .hp3-flow-line{grid-template-columns:1fr 1fr}
}

@media(min-width:769px) and (max-width:1024px){
  .hp3-hero{grid-template-columns:1fr;min-height:0}
  .hp3-market-lobby{min-height:0}
  .hp3-town{height:400px;min-height:400px}
}

/* Mobile: one shared production template, stacked content and touch-safe controls. */
@media(max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  .hp3{width:100%;max-width:100%;padding:8px 8px 34px;overflow:hidden}
  .hp3-preview-note{margin-inline:2px}
  .hp3-hero{display:grid;grid-template-columns:minmax(0,1fr);height:auto;border-radius:16px;overflow:hidden}
  .hp3-market-lobby{min-width:0;min-height:0;padding:18px 14px 16px}
  .hp3-market-lobby h1{font-size:clamp(30px,9vw,36px);line-height:1.12}
  .hp3-btc-card{grid-template-columns:minmax(0,1fr) 88px;padding:13px 12px}
  .hp3-btc-copy{min-width:0}
  .hp3-btc-copy strong{overflow-wrap:anywhere;font-size:clamp(21px,6.5vw,28px)}
  .hp3-mini-markets{display:flex;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory}
  .hp3-mini-markets a{min-width:138px;scroll-snap-align:start}
  .hp3-market-issue{grid-template-columns:auto minmax(0,1fr)}
  .hp3-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hp3-actions a{min-height:44px;padding-inline:9px;font-size:13px}
  .hp3-actions .ghost{grid-column:1/-1;width:auto;min-height:42px}
  .hp3-hero-suggestion{min-height:42px}
  .hp3-quick{grid-template-columns:1fr 1fr;margin-top:12px}
  .hp3-quick>div{min-height:58px;padding:10px 8px 9px 29px}
  .hp3-quick dt{font-size:11px}.hp3-quick dd{font-size:14px}

  .hp3-town{width:100%;height:320px;min-height:320px;overflow:hidden}
  .hp3-town-map{width:160%;left:-32%;top:-10%}
  .hp3-resident:nth-child(n+6){display:none}
  .hp3-bubble{max-width:145px;min-width:0;line-height:1.35;white-space:normal}
  .hp3-places .market{left:15%;top:17%}.hp3-places .square{left:3%;top:48%}.hp3-places .news{display:none}
  .hp3-places a{min-width:0;padding:6px 7px}
  .hp3-market-overlay{right:7px;bottom:43px;width:150px}
  .hp3-news-overlay{display:none}
  .hp3-town-status{grid-template-columns:auto minmax(0,1fr);gap:8px;height:38px}
  .hp3-town-status span{min-width:0}.hp3-town-status small{display:none}

  .hp3-event-strip{grid-template-columns:auto minmax(0,1fr);gap:9px;min-height:50px;padding-inline:11px;overflow:hidden}
  .hp3-event-track{min-width:0}.hp3-event-track span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp3-event-strip>a{display:none}

  .hp3-section>header,.hp3-panel>header{align-items:flex-start;gap:8px}
  .hp3-section>header h2,header .hp3-hd,.hp3-panel>header h2,.hp3-panel>header .hp3-hd{font-size:clamp(21px,6vw,24px)}
  .hp3-section>header small{font-size:11px}
  .hp3-now-grid{display:flex;max-width:100%;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory}
  .hp3-live-card.market,.hp3-live-card:not(.market){width:auto;min-width:84%;min-height:202px;margin:0;scroll-snap-align:start;overflow:hidden}
  .hp3-live-card>h3{font-size:15px;line-height:1.4;white-space:normal}
  .hp3-live-card>footer{font-size:11px}

  .hp3-main-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible}
  .hp3-main-row>.hp3-panel,.hp3-main-row>.hp3-live-panel{width:auto;min-width:0;min-height:0;height:auto;scroll-snap-align:none}
  .hp3-my{order:1}.hp3-live-panel{order:2}.hp3-feed{order:3}
  .hp3-my-stage{grid-template-columns:112px minmax(0,1fr)}
  .hp3-my-stage .character{height:136px}.hp3-my-stage img{width:104px;height:140px}
  .hp3-my-stage .identity h3{overflow-wrap:anywhere;font-size:20px}
  .hp3-my-stage .identity a,.hp3-panel>header a,.hp3-panel-more{display:inline-flex;min-height:40px;align-items:center}
  .hp3-my-tiles{grid-template-columns:1fr 1fr}
  .hp3-my-tiles>div{min-height:61px;padding:10px}
  .hp3-my-detail{grid-template-columns:1fr;gap:8px}
  .hp3-my-detail nav a{display:flex;min-height:42px;align-items:center;justify-content:center;font-size:12px}
  .hp3-my-recent li{grid-template-columns:1fr auto auto}
  .hp3-live-event{min-height:68px;line-height:1.4}
  .hp3-event-copy strong,.hp3-event-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp3-feed-item{grid-template-columns:30px minmax(0,1fr) auto;min-height:58px;line-height:1.4}
  .hp3-feed-item>div{min-width:0}.hp3-feed-item>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp3-feed-item time{grid-column:2;text-align:left}.hp3-feed-item>em{white-space:nowrap}

  .hp3-village-flow{height:auto;min-height:0;overflow:visible}
  .hp3-village-flow>header{padding-inline:8px}
  .hp3-flow-line{grid-template-columns:1fr 1fr;overflow:visible}
  .hp3-flow-line:before{display:none}
  .hp3-flow-line article{grid-template-columns:32px minmax(0,1fr);min-height:154px;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
  .hp3-flow-line article:nth-child(2n){border-right:0}
  .hp3-flow-line h3{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.4;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-flow-line p{font-size:11px;line-height:1.4;white-space:normal}
  .hp3-flow-line article>a{display:flex;min-height:40px;align-items:flex-end}

  .hp3-content-row{grid-template-columns:1fr;gap:10px}
  .hp3-news-card{grid-template-columns:100px minmax(0,1fr);min-height:190px}
  .hp3-news-card .copy{min-width:0;padding:14px}
  .hp3-news-card h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
  .hp3-news-card p{font-size:13px;line-height:1.5}
  .hp3-talk>div>a{grid-template-columns:20px 58px minmax(0,1fr);min-height:58px;padding-block:9px}
  .hp3-talk>div>a strong{font-size:13px;line-height:1.4;white-space:normal}
  .hp3-talk>div>a em,.hp3-talk>div>a small{grid-column:3}

  .hp3-season{grid-template-columns:1fr;padding:15px}
  .hp3-season dl{grid-template-columns:1fr 1fr}
  .hp3-season dl>div{min-width:0;padding:9px 8px}
  .hp3-season dd{overflow-wrap:anywhere;font-size:13px}
  .hp3-season>div:last-child{display:grid;grid-template-columns:1fr 1fr}
  .hp3-season>div:last-child a{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:13px}

  .hp3-guide{grid-template-columns:1fr;gap:22px;padding:21px 17px}
  .hp3-about p{font-size:13px;line-height:1.6}
  .hp3-service-links a,.hp3-latest-text li a{min-height:40px;padding-block:9px}
  .hp3-latest-text{grid-template-columns:1fr;gap:20px}
  .hp3-latest-text li span{font-size:12px}.hp3-latest-text li small{font-size:11px}
  .hp3-sitemap{align-items:flex-start}
}

@media(max-width:480px){
  .hp3{padding-inline:6px}
  .hp3-market-lobby{padding-inline:12px}
  .hp3-town{height:300px;min-height:300px}
  .hp3-town-top span{display:none}
  .hp3-flow-line{grid-template-columns:1fr}
  .hp3-flow-line article{min-height:128px;border-right:0}
  .hp3-news-card{grid-template-columns:92px minmax(0,1fr)}
  .hp3-sitemap{gap:12px}
}

/* V11 mobile information architecture: priority over stacking. */
@media(max-width:768px){
  .hp3{display:flex;flex-direction:column}
  .hp3-preview-note{order:0}
  .hp3-hero{order:1}
  .hp3-event-strip{order:2}
  .hp3-now{display:none}
  .hp3-content-row{order:3}
  .hp3-main-row{order:4}
  .hp3-village-flow{display:none}
  .hp3-season{order:5}
  .hp3-guide{order:6}
  .hp3-sitemap{order:7}

  .hp3-market-lobby{padding-block:15px 13px}
  .hp3-brand{padding-block:4px}
  .hp3-market-lobby h1{margin-top:10px;font-size:clamp(32px,9vw,37px);line-height:1.1}
  .hp3-btc-card{min-height:106px;margin-top:11px;padding-block:10px}
  .hp3-signal{height:48px}
  .hp3-mini-markets{gap:0;margin-top:6px;border-block:1px solid rgba(255,255,255,.07);scrollbar-width:none}
  .hp3-mini-markets::-webkit-scrollbar{display:none}
  .hp3-mini-markets a{display:flex;min-width:max-content;gap:6px;padding:8px 10px;border:0;border-right:1px solid rgba(255,255,255,.07);border-radius:0;background:transparent}
  .hp3-mini-markets em{grid-area:auto}
  .hp3-market-issue,.hp3-hero-suggestion,.hp3-quick{display:none}
  .hp3-actions{margin-top:10px}
  .hp3-actions .ghost{min-height:36px;font-size:12px}

  .hp3-town{height:320px;min-height:320px}
  .hp3-resident:nth-child(n+4){display:none}
  .hp3-resident-label small{display:none!important}
  .hp3-bubble{max-width:128px;padding:6px 8px;font-size:10px}
  .hp3-resident:nth-child(1) .hp3-bubble{left:20%}
  .hp3-resident:nth-child(2) .hp3-bubble{left:40%}
  .hp3-resident:nth-child(3) .hp3-bubble{right:45%;left:auto;border-radius:11px 11px 2px 11px}
  .hp3-places .market{display:none}
  .hp3-places .square{left:4%;top:45%}
  .hp3-places .news{display:flex;left:auto;right:5%;top:29%}
  .hp3-market-overlay{right:8px;bottom:12px;width:145px}
  .hp3-town-status{display:none}

  .hp3-live-card.community,.hp3-live-card.news{padding:14px 15px;transform:none}
  .hp3-live-card.community{height:232px;background:radial-gradient(circle at 88% 4%,rgba(93,126,255,.2),transparent 42%),linear-gradient(145deg,#111b2d,#0d101a 72%);box-shadow:inset 0 1px rgba(255,255,255,.04)}
  .hp3-live-card.news{height:252px;background:radial-gradient(circle at 13% 38%,rgba(180,124,255,.2),transparent 36%),linear-gradient(145deg,#181329,#0d1019 72%);box-shadow:inset 0 1px rgba(255,255,255,.04)}
  .hp3-live-card.community>strong,.hp3-live-card.community>h3,.hp3-live-card.community>.faces,.hp3-live-card.community>footer,.hp3-live-card.news>strong,.hp3-live-card.news>h3,.hp3-live-card.news>.paper-lines,.hp3-live-card.news>footer{display:none}
  .hp3-live-card.community>header,.hp3-live-card.news>header{min-height:30px}
  .hp3-live-card.community>header i,.hp3-live-card.news>header i{width:30px;height:30px;font-size:13px}
  .hp3-live-card.community>header span,.hp3-live-card.news>header span{font-size:13px}
  .hp3-live-card.news>header em{display:none}
  .hp3-mobile-status{display:block;margin-left:auto;color:#c9b4ff;font-size:11px;white-space:nowrap}
  .hp3-mobile-community{display:flex;height:calc(100% - 38px);flex-direction:column;padding-top:12px}
  .hp3-mobile-community .activity{display:flex;align-items:center;justify-content:space-between;min-width:0}
  .hp3-mobile-community .activity>span{display:flex;align-items:center;gap:7px;color:#8fb6ff;font-size:12px;font-weight:900}
  .hp3-mobile-community .activity>span i{width:6px;height:6px;border-radius:50%;background:#70a6ff;box-shadow:0 0 8px rgba(112,166,255,.7);animation:hp3-pulse 2.6s ease-in-out infinite}
  .hp3-mobile-community .activity img,.hp3-mobile-community .activity>b{display:grid;width:27px;height:27px;place-items:center;border:2px solid rgba(128,158,255,.3);border-radius:50%;background:#243b68;object-fit:cover;font-size:12px}
  .hp3-mobile-community h3{display:-webkit-box;margin-top:8px;overflow:hidden;font-size:19px;font-weight:900;line-height:1.34;overflow-wrap:break-word;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-mobile-community p{margin-top:7px;color:#8995aa;font-size:12px;line-height:1.4;white-space:nowrap}
  .hp3-mobile-community .cta,.hp3-mobile-news .cta{display:flex;min-height:42px;align-items:center;align-self:flex-end;justify-content:flex-end;margin-top:auto;padding-left:14px;padding-right:64px;color:#b7a8ff;font-size:14px;font-weight:900;white-space:nowrap}
  .hp3-mobile-news{display:grid;height:calc(100% - 40px);grid-template-columns:88px minmax(0,1fr);gap:13px;padding-top:13px}
  .hp3-mobile-news .visual{position:relative;display:flex;min-width:0;height:122px;flex-direction:column;justify-content:center;padding:10px;border:1px solid rgba(190,154,255,.16);border-radius:9px;background:radial-gradient(circle at 78% 20%,rgba(199,157,255,.32),transparent 35%),linear-gradient(150deg,#352253,#161728);overflow:hidden}
  .hp3-mobile-news .visual small{color:#aa91e5;font-size:8px;font-weight:900;letter-spacing:.08em}
  .hp3-mobile-news .visual>b{margin-top:7px;font-family:serif;font-size:22px;line-height:.92}
  .hp3-mobile-news .visual>i{position:absolute;right:-4px;bottom:-12px;color:rgba(255,255,255,.07);font-size:58px;font-style:normal}
  .hp3-mobile-news .copy{display:flex;min-width:0;flex-direction:column}
  .hp3-mobile-news h3{display:-webkit-box;overflow:hidden;font-size:19px;font-weight:900;line-height:1.34;overflow-wrap:break-word;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-mobile-news p{display:-webkit-box;margin-top:7px;overflow:hidden;color:#a0a2b2;font-size:13px;line-height:1.4;overflow-wrap:break-word;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-mobile-news .copy>small{margin-top:7px;color:#7e8294;font-size:11px;white-space:nowrap}
  .hp3-mobile-news .cta{min-height:40px;padding-right:64px;font-size:14px}

  .hp3-content-row{margin-top:17px}
  .hp3-newspaper{padding:14px}
  .hp3-news-card{grid-template-columns:96px minmax(0,1fr);min-height:224px}
  .hp3-news-card .visual{padding:12px}
  .hp3-news-card .copy{display:flex;flex-direction:column;padding:14px}
  .hp3-news-card h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-news-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hp3-news-card .copy>small{margin-top:9px}
  .hp3-news-read{display:block;margin-top:auto;padding-top:9px;color:#b69dff;font-size:12px}
  .hp3-talk>div>a:nth-child(n+4){display:none}
  .hp3-talk>div>a em{display:inline;grid-column:3}
  .hp3-talk>div>a small{grid-column:3}

  .hp3-feed{display:none}
  .hp3-main-row{margin-top:17px}
  .hp3-my{min-height:0;padding:14px}
  .hp3-my-stage{grid-template-columns:104px minmax(0,1fr)}
  .hp3-my-stage .character{height:112px}
  .hp3-my-stage img{width:94px;height:120px}
  .hp3-my-stage .identity>a{display:none}
  .hp3-my-tiles{margin-top:7px}
  .hp3-my-tiles>div{min-height:53px;padding:8px 9px}
  .hp3-my-detail,.hp3-my-recent{display:none}
  .hp3-my-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
  .hp3-my-mobile-actions a{display:flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;background:rgba(103,82,196,.17);color:#c5b8f5;font-size:13px;font-weight:900}

  .hp3-live-panel{min-height:0;padding:14px 13px}
  .hp3-live-event:nth-child(n+4){display:none}
  .hp3-live-event{min-height:66px}
  .hp3-live-panel .hp3-panel-more{min-height:40px}

  .hp3-season{min-height:0;margin-top:17px;gap:10px;padding:14px}
  .hp3-season-title>i{width:38px;height:38px}
  .hp3-season dl{gap:5px}
  .hp3-season dl>div{min-height:51px;padding:7px 8px}

  .hp3-guide{margin-top:17px;gap:15px;padding:18px 15px}
  .hp3-about p{margin-top:8px}
  .hp3-about p:nth-of-type(n+2){display:none}
  .hp3-service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .hp3-service-links h3{grid-column:1/-1}
  .hp3-service-links a{min-height:40px}
  .hp3-latest-text{display:none}
  .hp3-sitemap{margin-top:8px}

  .cw{right:10px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .cw-fab{width:58px!important;height:58px!important}
  .cw-fab svg{width:21px;height:21px}
  .cw-lab{font-size:9.5px}
  .cw-panel{bottom:68px;max-width:calc(100vw - 20px)}
}

@media(max-width:390px){
  .hp3-mobile-news{grid-template-columns:80px minmax(0,1fr);gap:10px}
  .hp3-mobile-news .visual{height:116px;padding:8px}
  .hp3-mobile-community .cta,.hp3-mobile-news .cta{padding-right:60px}
}

@media(prefers-reduced-motion:reduce){
  .hp3-mobile-community .activity>span i{animation:none}
}

@media(min-width:769px) and (max-width:1024px){
  .hp3-resident:nth-child(n+6){display:none}
}

/* V12: compact participation checklist inside Personal. */
.hp3-tasks{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.hp3-tasks>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.hp3-tasks>header h3{font-size:12px}
.hp3-tasks>header small{color:#7e889a;font-size:10px}
.hp3-tasks>header small b{color:#55dcb8}
.hp3-tasks>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.hp3-tasks a{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:5px;align-items:center;min-width:0;min-height:54px;padding:6px 7px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(5,8,14,.38)}
.hp3-tasks a>i{font-size:13px;font-style:normal;text-align:center}
.hp3-tasks a span,.hp3-tasks a span b,.hp3-tasks a span small{display:block;min-width:0}
.hp3-tasks a span b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.hp3-tasks a span small{margin-top:2px;overflow:hidden;color:#747e90;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.hp3-tasks a>em{color:#aa99ec;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
.hp3-tasks a.done{border-color:rgba(68,220,176,.16);background:rgba(44,165,133,.07)}
.hp3-tasks a.done>i,.hp3-tasks a.done>em{color:#50d9b3}
.hp3-my-recent{display:none}
.hp3-bubble{min-width:0;max-width:210px;line-height:1.35;white-space:normal}

@media(max-width:768px){
  .hp3-my{display:flex;flex-direction:column}
  .hp3-my-stage .character{height:94px}
  .hp3-my-stage img{width:86px;height:102px}
  .hp3-my-tiles>div{min-height:48px;padding-block:7px}
  .hp3-tasks{order:5;margin-top:8px;padding-top:7px}
  .hp3-tasks>header{margin-bottom:5px}
  .hp3-tasks>header h3{font-size:13px}
  .hp3-tasks>header small{font-size:11px}
  .hp3-tasks>div{grid-template-columns:1fr;gap:4px}
  .hp3-tasks a{grid-template-columns:25px minmax(0,1fr) auto;min-height:44px;padding:5px 9px}
  .hp3-tasks a>i{font-size:15px}
  .hp3-tasks a span b{font-size:12px}
  .hp3-tasks a span small{display:none}
  .hp3-tasks a>em{font-size:11px}
  .hp3-my-mobile-actions{order:6;margin-top:7px}
}

/* V13: horizontal Korean speech bubbles with viewport-safe opening sides. */
.hp3-bubble{
  width:auto;
  width:max-content;
  min-width:8em;
  max-width:260px;
  padding:7px 10px;
  line-height:1.35;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.hp3-resident:nth-child(n+6) .hp3-bubble{right:55%;left:auto;border-radius:11px 11px 2px 11px}
.hp3-resident:nth-child(n+6) .hp3-bubble:after{right:3px;left:auto;border-width:6px 0 0 6px;border-color:#f8f9fc transparent transparent}

@media(min-width:769px) and (max-width:1024px){
  .hp3-bubble{max-width:220px}
}

@media(max-width:768px){
  .hp3-bubble{min-width:8em;max-width:190px;padding:6px 9px;line-height:1.35}
  .hp3-resident:nth-child(1) .hp3-bubble{right:auto;left:20%}
  .hp3-resident:nth-child(2) .hp3-bubble,.hp3-resident:nth-child(3) .hp3-bubble{right:45%;left:auto;border-radius:11px 11px 2px 11px}
  .hp3-resident:nth-child(2) .hp3-bubble:after,.hp3-resident:nth-child(3) .hp3-bubble:after{right:3px;left:auto;border-width:6px 0 0 6px;border-color:#f8f9fc transparent transparent}
}

@media(max-width:380px){
  .hp3-bubble{max-width:170px}
}

/* V14: final hierarchy, readability and role polish. */
@media(min-width:1201px){
  .hp3-now-grid{grid-template-columns:30fr 35fr 35fr}
  .hp3-village-flow{min-height:104px;padding-top:9px}
  .hp3-village-flow>header{margin-bottom:5px}
  .hp3-village-flow>header h2{font-size:16px}
  .hp3-flow-line article{grid-template-columns:30px minmax(0,1fr) auto;min-height:62px;gap:8px;align-items:center;padding:8px 12px}
  .hp3-flow-line:before{display:none}
  .hp3-flow-line article>i{width:30px;height:30px;box-shadow:none}
  .hp3-flow-line article>div{min-width:0}
  .hp3-flow-line h3{display:block;margin-top:2px;overflow:hidden;font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
  .hp3-flow-line p{display:none}
  .hp3-flow-line article>a{grid-column:auto;margin:0;white-space:nowrap}
}
.hp3-live-card>strong small{margin-left:5px;color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:11px;font-weight:800}
.hp3-live-card.community>h3,.hp3-live-card.news>h3{font-size:calc(1em + 1px);font-weight:900}
.hp3-live-card.news>footer b{padding:4px 7px;border-radius:5px;background:rgba(180,124,255,.15);color:#cebaff}
.hp3-my-tiles dd{overflow:visible;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap}
.hp3-my-tiles dd small{font-size:.66em;letter-spacing:-.01em}
.hp3-feed>header span{color:#62dcb9}
.hp3-feed>header h2:after{margin-left:7px;color:#708179;font-size:9px;font-weight:800;content:'투자 전용'}
.hp3-live-event.is-trade .hp3-event-avatar{background:linear-gradient(135deg,#246e85,#3155a0)}
.hp3-live-event.is-talk .hp3-event-avatar{background:linear-gradient(135deg,#3c579e,#6851a4)}
.hp3-live-event.is-news .hp3-event-avatar{background:linear-gradient(135deg,#7950a6,#a05d80)}
.hp3-live-event.is-comment .hp3-event-avatar{background:linear-gradient(135deg,#8c6438,#9b8141)}
.hp3-live-event.is-trade .hp3-event-dot{background:#61a8ff}.hp3-live-event.is-talk .hp3-event-dot{background:#8da5ff}.hp3-live-event.is-news .hp3-event-dot{background:#c294ff}.hp3-live-event.is-comment .hp3-event-dot{background:#e1bd68}
.hp3-news-card h3{font-size:21px;font-weight:950}
.hp3-news-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hp3-news-read{display:block;width:max-content;margin-top:8px;padding:6px 9px;border:1px solid rgba(182,157,255,.28);border-radius:6px;background:rgba(154,116,239,.12);color:#c9b7ff;font-size:12px}
.hp3-talk>div>a:first-child{border-color:rgba(115,151,255,.22);background:linear-gradient(90deg,rgba(75,106,190,.12),transparent)}
.hp3-talk>div>a:first-child>b{width:auto;padding-inline:5px;border-radius:4px;background:rgba(104,139,236,.17);color:#a9bfff;font-size:9px}
.hp3-bubble.opens-right{right:auto!important;left:60%!important;border-radius:11px 11px 11px 2px!important}
.hp3-bubble.opens-right:after{right:auto!important;left:3px!important;border-width:6px 6px 0 0!important;border-color:#f8f9fc transparent transparent!important}
.hp3-bubble.opens-left{right:55%!important;left:auto!important;border-radius:11px 11px 2px 11px!important}
.hp3-bubble.opens-left:after{right:3px!important;left:auto!important;border-width:6px 0 0 6px!important;border-color:#f8f9fc transparent transparent!important}
@media(max-width:768px){.hp3-news-card h3{font-size:18px}}

/* Desktop daily service saying; the existing news feature remains mobile-only. */
.hp3-live-card.saying{--accent:#b47cff;background:radial-gradient(circle at 12% 42%,rgba(180,124,255,.18),transparent 38%),radial-gradient(circle at 92% 8%,rgba(114,152,255,.12),transparent 35%),linear-gradient(145deg,#181329,#0d1019 72%);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.hp3-live-card.saying>header span{font-size:13px}
.hp3-live-card.saying blockquote{position:relative;display:flex;min-height:64px;align-items:center;margin:5px 0 0;padding:3px 7px 3px 22px}
.hp3-live-card.saying blockquote>span{position:absolute;top:-8px;left:0;color:rgba(205,177,255,.25);font-family:Georgia,serif;font-size:48px;line-height:1}
.hp3-live-card.saying blockquote p{display:-webkit-box;overflow:hidden;color:#f3efff;font-size:20px;font-weight:900;line-height:1.4;letter-spacing:-.035em;overflow-wrap:break-word;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.hp3-saying-market{display:flex;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums}
.hp3-saying-market>i{width:6px;height:6px;border-radius:50%;background:#737b8b}
.hp3-saying-market>span{color:#939bad;font-weight:800}.hp3-saying-market>b{font-weight:900}
.hp3-saying-market.is-up>i{background:#49dcb1;box-shadow:0 0 8px rgba(73,220,177,.45)}.hp3-saying-market.is-up>b{color:#49dcb1}
.hp3-saying-market.is-down>i{background:#ff7755;box-shadow:0 0 8px rgba(255,119,85,.4)}.hp3-saying-market.is-down>b{color:#ff7755}
.hp3-saying-market.is-flat>b{color:#8c95a7}
.hp3-saying-extra{display:grid;grid-template-columns:minmax(104px,.72fr) minmax(0,1.28fr);gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.hp3-saying-extra>div{min-width:0;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.025)}
.hp3-saying-extra small,.hp3-saying-extra strong{display:block}.hp3-saying-extra small{color:#8d869d;font-size:9px;font-weight:800}.hp3-saying-extra strong{margin-top:4px;color:#e9e3f5;font-size:11px;line-height:1.3;overflow-wrap:break-word;word-break:keep-all}
.hp3-saying-temp strong{white-space:nowrap}.hp3-saying-tip strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hp3-live-card.saying>footer span{font-size:10px;font-weight:900;letter-spacing:.08em}
.hp3-live-card.saying>footer b{color:#9b91ad;font-size:10px}
.hp3-mobile-news-card{display:none!important}

/* V15: desktop content alignment and checklist emphasis. */
@media(min-width:769px){
  .hp3{width:calc(100% - 32px);max-width:1440px}
  .site-header .nav,.season-bar .sb-inner{max-width:1440px}
  .ft .ft-in{max-width:1440px}
}
@media(min-width:1201px){
  .hp3-hero{grid-template-columns:minmax(0,43fr) minmax(0,57fr)}
  .hp3-main-row{grid-template-columns:32fr 29fr 39fr}
  .hp3-tasks{margin-top:17px;padding-top:13px;border-top-color:rgba(137,112,239,.22)}
  .hp3-tasks>header{margin-bottom:9px}
  .hp3-tasks>header h3{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:950;letter-spacing:-.035em}
  .hp3-tasks>header h3:before{content:'✨';font-size:14px}
  .hp3-tasks>header small{font-size:11px;color:#8f98a9}
  .hp3-tasks>header small b{color:#55dcb8;font-weight:900}
  .hp3-tasks>div{gap:6px}
  .hp3-tasks a{min-height:42px;padding:7px 8px;border-color:rgba(255,255,255,.09);background:rgba(7,10,17,.56)}
  .hp3-tasks a>i{font-size:14px}
  .hp3-tasks a span b{font-size:11px}
  .hp3-tasks a span small{max-width:11em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
  .hp3-tasks a>em{color:#b09bff;font-size:10px}
  .hp3-tasks a.done{border-color:rgba(68,220,176,.28);background:rgba(44,165,133,.1)}
  .hp3-tasks a.done>i,.hp3-tasks a.done>em{color:#50d9b3}
}

/* Hero introduction and browse-first calls to action. */
.hp3-market-lobby h1,.hp3-hero-description,.hp3-hero-highlight,.hp3-actions a,.hp3-hero-signup{font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
.hp3-market-lobby h1{font-size:clamp(25px,2vw,29px);font-weight:700;line-height:1.18;letter-spacing:-.025em}
.hp3-market-lobby h1 em{white-space:nowrap}
.hp3-hero-description{margin-top:9px;color:#aeb6c7;font-size:14px;font-weight:500;line-height:1.55;letter-spacing:-.01em;word-break:keep-all}
.hp3-hero-highlight{display:block;margin-top:6px;color:#f4c95d;font-size:14px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
.hp3-hero-signup{margin-top:5px;color:#747f93;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:-.01em;text-align:center}
.hp3-actions a{font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.hp3-actions .ghost{border:1px solid rgba(169,154,236,.24);background:rgba(113,88,190,.08)}

@media(min-width:1201px){
  .hp3-market-lobby h1{margin-top:11px}
  .hp3-hero-description{margin-top:7px}
  .hp3-actions{margin-top:8px}
  .hp3-btc-card{margin-top:9px}
  .hp3-quick{margin-top:8px}
}

@media(min-width:769px) and (max-width:1200px){
  .hp3-market-lobby h1{font-size:25px}
  .hp3-hero-description{font-size:13px}
  .hp3-actions a{padding-inline:10px;font-size:12px}
}

@media(max-width:768px){
  .hp3-market-lobby h1{font-size:clamp(27px,7.6vw,33px);line-height:1.18}
  .hp3-market-lobby h1 em{white-space:normal}
  .hp3-hero-description{margin-top:9px;font-size:13px}
  .hp3-hero-highlight{margin-top:5px;font-size:13px}
  .hp3-actions{margin-top:10px}
  .hp3-actions a{min-width:0;padding-inline:7px;font-size:12px}
  .hp3-actions .ghost{min-height:42px;font-size:12px}
  .hp3-hero-signup{margin-top:5px}
  .hp3-btc-card{margin-top:10px}
}

/* V16 final cascade: moved mission card and mobile visibility. */
@media(min-width:1201px){
  .hp3-now-grid{grid-template-columns:36fr 32fr 32fr}
  .hp3-mission-card{min-height:188px;padding:16px}
}
@media(min-width:769px){
  .hp3-mission-card,.hp3-live-card.community,.hp3-live-card.saying{min-height:266px!important}
}
@media(max-width:768px){
  .hp3-now{display:block!important;order:2}
  .hp3-now-grid{display:grid!important;grid-template-columns:1fr;gap:7px;overflow:visible}
  .hp3-live-card.market{display:none!important}
  .hp3-live-card.community,.hp3-live-card.news,.hp3-mission-card{min-width:0;min-height:0;margin:0}
  .hp3-live-card.saying{display:none!important}
  .hp3-mobile-news-card{display:flex!important}
  .hp3-mission-card{height:auto}
  .hp3-mission-card{padding:13px}
  .hp3-content-row{display:none!important}
}

@media(prefers-reduced-motion:reduce){.hp3-saying-market>i{animation:none}}

/* Final mobile visibility cascade: keep desktop-only bodies hidden above 768px. */
@media(max-width:768px){
  .hp3-live-card.community .hp3-mobile-community{display:flex!important}
  .hp3-live-card.news .hp3-mobile-news{display:grid!important}
  .hp3-live-card.news .hp3-mobile-status{display:block!important}
}

/* V17: lively three-card service summary. */
.hp3-live-card.community{display:flex;flex-direction:column}
.hp3-community-list{display:grid;margin-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.hp3-community-list>a{display:grid;gap:4px;min-width:0;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.07);border-radius:6px;transition:background .18s,box-shadow .18s}
.hp3-community-list>a:hover{background:rgba(102,137,255,.08);box-shadow:0 0 18px rgba(96,130,255,.07)}
.hp3-community-list>a>span{display:flex;min-width:0;align-items:center;gap:7px}
.hp3-community-list>a b{flex:none;padding:2px 5px;border-radius:4px;background:rgba(111,145,255,.13);color:#9cb7ff;font-size:9px}
.hp3-community-list>a strong{min-width:0;overflow:hidden;color:#e9edfa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.hp3-community-list>a small{overflow:hidden;color:#7f899e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.hp3-community-list>p{padding:31px 8px;color:#818a9d;font-size:12px;text-align:center}
.hp3-community-cta{margin-top:auto;padding-top:8px;color:#aabaff;font-size:11px;font-weight:900;text-align:right}
.hp3-live-card.saying{display:flex;flex-direction:column}
.hp3-saying-meter{display:flex;gap:3px;margin-top:5px}
.hp3-saying-meter span{width:15px;height:4px;border-radius:4px;background:rgba(255,255,255,.1)}
.hp3-saying-meter span.on{background:linear-gradient(90deg,#806be6,#b47cff);box-shadow:0 0 6px rgba(180,124,255,.22)}
.hp3-saying-ant{position:absolute;right:8px;bottom:20px;width:58px;height:72px;opacity:.3;pointer-events:none}
.hp3-saying-ant:after{position:absolute;right:9px;bottom:2px;width:39px;height:7px;border-radius:50%;background:rgba(74,55,133,.3);filter:blur(2px);content:''}
.hp3-saying-ant .sprite-frame{position:relative;z-index:1;display:block;width:100%;height:100%}
.hp3-saying-ant img{width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:pixelated;filter:drop-shadow(0 5px 10px rgba(114,91,218,.3))}
.hp3-saying-ant.is-animated .sprite-frame{animation:hp3-ant-idle 3.2s linear infinite}
.hp3-saying-ant.is-animated:after{animation:hp3-ant-shadow 3.2s linear infinite}
.hp3-saying-tip{padding-right:34px!important}
@keyframes hp3-ant-idle{0%,50%,100%{transform:translateY(0) rotate(-.3deg)}25%{transform:translateY(-2px) rotate(.3deg)}}
@keyframes hp3-ant-shadow{0%,50%,100%{opacity:.48;transform:scaleX(1)}25%{opacity:.36;transform:scaleX(.92)}}

@media(max-width:768px){
  .hp3-live-card.community,.hp3-live-card.saying{display:flex!important;height:auto!important;min-height:0!important;padding:13px 14px;overflow:hidden}
  .hp3-live-card.community{min-height:196px!important}
  .hp3-community-list{margin-top:7px}
  .hp3-community-list>a{padding-block:7px}
  .hp3-community-list>a:nth-child(n+3){display:none}
  .hp3-community-list>a strong{font-size:12px}
  .hp3-community-cta{padding-top:7px}
  .hp3-live-card.saying{min-height:230px!important}
  .hp3-live-card.saying blockquote{min-height:52px;margin-top:3px}
  .hp3-live-card.saying blockquote p{font-size:18px;-webkit-line-clamp:2}
  .hp3-saying-extra{grid-template-columns:104px minmax(0,1fr);margin-top:7px;padding-top:7px}
  .hp3-saying-extra>div{padding:6px 7px}
  .hp3-saying-ant{right:8px;bottom:29px;display:block;width:42px;height:52px;opacity:.22}
  .hp3-saying-ant:after{right:6px;width:29px;height:5px}
  .hp3-saying-tip{padding-right:38px!important}
  .hp3-live-card.saying>footer{position:static;margin-top:auto;padding-top:8px}
}

@media(prefers-reduced-motion:reduce){
  .hp3-saying-ant .sprite-frame,.hp3-saying-ant:after{animation:none!important;transform:none!important}
}

/* Today poll: prominent, readable interaction directly below the Hero. */
.hp3-daily-poll{position:relative;min-height:244px;margin-top:12px;padding:21px 24px 17px;border:1px solid rgba(151,122,244,.42);border-radius:18px;background:radial-gradient(circle at 9% 8%,rgba(117,85,226,.24),transparent 33%),radial-gradient(circle at 91% 18%,rgba(52,208,182,.12),transparent 28%),linear-gradient(135deg,#16182a 0,#101521 54%,#0a1119 100%);box-shadow:0 18px 46px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.055);overflow:hidden}.hp3-daily-poll:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,rgba(177,150,255,.05),transparent 37%,rgba(69,224,184,.035));content:"";pointer-events:none}.hp3-poll-glow{position:absolute;right:-70px;top:-100px;width:240px;height:240px;border:1px solid rgba(85,222,190,.13);border-radius:50%;box-shadow:0 0 70px rgba(64,207,180,.1);pointer-events:none}.hp3-poll-dots{position:absolute;right:28px;top:55px;width:64px;height:30px;background-image:radial-gradient(circle,rgba(181,157,250,.28) 1.2px,transparent 1.5px);background-size:9px 9px;opacity:.65;pointer-events:none}
.hp3-poll-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.hp3-poll-eyebrow{display:flex;align-items:center;gap:8px}.hp3-poll-eyebrow>span{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(178,151,255,.32);border-radius:9px;background:linear-gradient(145deg,rgba(126,91,226,.35),rgba(66,194,173,.13));font-size:15px;box-shadow:0 5px 18px rgba(91,65,190,.18)}.hp3-poll-eyebrow>strong{color:#d7ccff;font-size:13px;font-weight:800;letter-spacing:.02em}.hp3-poll-eyebrow>small{padding:4px 7px;border:1px solid rgba(135,113,220,.2);border-radius:999px;background:rgba(104,79,190,.1);color:#9484c9;font-size:9px;font-weight:800;letter-spacing:.11em}.hp3-poll-head>p{color:#a6afbf;font-size:13px;font-weight:550;letter-spacing:-.01em}
.hp3-poll-body{position:relative;z-index:1;margin-top:12px}.hp3-poll-question-wrap{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}.hp3-poll-question-wrap>span{display:grid;width:30px;height:30px;place-items:center;margin-top:3px;border-radius:50%;background:linear-gradient(145deg,#8266df,#3e8f98);color:#fff;font-size:16px;font-weight:900;box-shadow:0 5px 16px rgba(92,70,194,.3)}.hp3-poll-question{max-width:1050px;color:#f7f5ff;font:700 clamp(26px,2vw,31px)/1.28 "Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;letter-spacing:-.028em;word-break:keep-all;text-wrap:balance}
.hp3-poll-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.hp3-poll-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;min-height:68px;padding:9px 14px;border:1px solid rgba(175,185,218,.18);border-radius:12px;background:linear-gradient(145deg,rgba(31,36,54,.94),rgba(15,20,31,.96));color:#eef1fa;font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;text-align:left;cursor:pointer;isolation:isolate;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.hp3-poll-option:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.035),transparent 42%);content:"";pointer-events:none}.hp3-poll-option-bar{position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--poll-width);background:linear-gradient(90deg,rgba(123,91,225,.35),rgba(51,193,175,.17));transition:width .38s ease}.hp3-poll-option-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.hp3-poll-option-main>em{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(7,10,17,.42);font-size:19px;font-style:normal}.hp3-poll-option-main>span{display:block;min-width:0}.hp3-poll-option-label{display:-webkit-box;overflow:hidden;color:#f3f4fa;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.015em;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hp3-poll-option-state{display:block;margin-top:4px;color:#7f899e;font-size:10px;font-weight:650;letter-spacing:-.01em}.hp3-poll-option-value{min-width:48px;color:#c5b7f8;font-size:15px;font-weight:800;text-align:right;white-space:nowrap}.hp3-poll-option:hover:not(:disabled),.hp3-poll-option:focus-visible:not(:disabled){border-color:rgba(170,143,255,.7);background:linear-gradient(145deg,rgba(58,48,94,.98),rgba(19,28,39,.98));box-shadow:0 9px 24px rgba(68,50,145,.23),0 0 0 2px rgba(143,116,231,.11);outline:0;transform:translateY(-2px)}.hp3-poll-option:active:not(:disabled){transform:translateY(0)}.hp3-poll-option.is-voted{border-color:rgba(142,151,183,.17);background:rgba(16,21,32,.86)}.hp3-poll-option.is-voted .hp3-poll-option-value{font-size:17px}.hp3-poll-option.is-selected{border-color:rgba(108,225,193,.72);background:linear-gradient(145deg,rgba(40,103,94,.48),rgba(54,43,94,.62));box-shadow:0 0 0 1px rgba(92,221,186,.13),0 8px 25px rgba(34,155,132,.15)}.hp3-poll-option.is-selected .hp3-poll-option-main>em{border-color:rgba(96,224,191,.4);background:rgba(45,159,133,.16)}.hp3-poll-option.is-selected .hp3-poll-option-state,.hp3-poll-option.is-selected .hp3-poll-option-value{color:#70e0c1}.hp3-poll-option:disabled{cursor:default}
.hp3-poll-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;min-height:23px}.hp3-poll-meta{display:flex;align-items:center;gap:7px;color:#aab2c2;font-size:13px}.hp3-poll-meta>span{font-size:14px}.hp3-poll-meta>strong{font-weight:600}.hp3-poll-meta b{color:#c7b9f8}.hp3-poll-choice{color:#6fdec0;font-size:12px;font-style:normal;font-weight:750}.hp3-poll-message{display:none;align-items:center;gap:8px;margin-top:7px;padding:8px 11px;border:1px solid rgba(143,123,213,.18);border-radius:9px;background:rgba(72,56,126,.09);color:#b9b3ca;font-size:13px;line-height:1.4}.hp3-poll-message.is-visible{display:flex}.hp3-poll-message>span{flex:none}.hp3-poll-message>p{margin:0}.hp3-poll-message a{display:inline-flex;margin-left:7px;padding:5px 9px;border:1px solid rgba(154,130,239,.34);border-radius:6px;background:rgba(112,82,209,.2);color:#d6caff;font-weight:750;white-space:nowrap}.hp3-poll-unavailable{position:relative;z-index:1;margin-top:38px;color:#aab2c2;font-size:14px;text-align:center}

@media(max-width:768px){
  .hp3-daily-poll{order:2;min-height:0;margin-top:9px;padding:17px 14px 14px;border-radius:15px}
  .hp3-poll-dots{right:12px;top:52px;opacity:.42}.hp3-poll-head{align-items:flex-start}.hp3-poll-eyebrow{gap:6px}.hp3-poll-eyebrow>span{width:29px;height:29px}.hp3-poll-eyebrow>strong{font-size:12px}.hp3-poll-eyebrow>small{display:none}.hp3-poll-head>p{max-width:128px;font-size:11px;line-height:1.35;text-align:right}
  .hp3-poll-body{margin-top:12px}.hp3-poll-question-wrap{grid-template-columns:29px minmax(0,1fr);gap:8px}.hp3-poll-question-wrap>span{width:27px;height:27px;margin-top:1px;font-size:14px}.hp3-poll-question{display:-webkit-box;overflow:hidden;font-size:clamp(22px,6.2vw,24px);line-height:1.32;letter-spacing:-.025em;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .hp3-poll-options{grid-template-columns:1fr;gap:7px;margin-top:13px}.hp3-poll-option{min-height:64px;padding:8px 11px}.hp3-poll-option-main{grid-template-columns:38px minmax(0,1fr);gap:9px}.hp3-poll-option-label{font-size:14px}.hp3-poll-option-value{min-width:45px;font-size:14px}.hp3-poll-option.is-voted .hp3-poll-option-value{font-size:16px}
  .hp3-poll-footer{align-items:flex-start;flex-direction:column;gap:4px;margin-top:9px}.hp3-poll-meta{font-size:13px}.hp3-poll-choice{font-size:12px}.hp3-poll-message{align-items:flex-start;margin-top:7px;font-size:12px}.hp3-poll-message a{margin:5px 0 0}
}

@media(max-width:390px){.hp3-daily-poll{padding-inline:12px}.hp3-poll-head>p{max-width:112px;font-size:10px}.hp3-poll-option{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding-inline:9px}.hp3-poll-option-main{grid-template-columns:34px minmax(0,1fr);gap:8px}.hp3-poll-option-main>em{width:34px;height:36px;font-size:18px}.hp3-poll-option-value{min-width:42px}}
@media(prefers-reduced-motion:reduce){.hp3-poll-option,.hp3-poll-option-bar{transition:none}.hp3-poll-option:hover:not(:disabled){transform:none}}

/* Compact poll state: results occupy space only after the signed-in user votes. */
.hp3-daily-poll{min-height:0;padding:9px 16px 8px;border-radius:15px}
.hp3-poll-glow{right:-90px;top:-135px}.hp3-poll-dots{top:34px}
.hp3-poll-head{min-height:24px}.hp3-poll-eyebrow>span{width:25px;height:25px;border-radius:7px;font-size:13px}.hp3-poll-eyebrow>strong{font-size:12px}.hp3-poll-head>p{font-size:11px}
.hp3-poll-body{margin-top:3px}.hp3-poll-question-wrap{grid-template-columns:25px minmax(0,1fr);gap:7px}.hp3-poll-question-wrap>span{width:23px;height:23px;margin-top:1px;font-size:12px}.hp3-poll-question{font-size:clamp(21px,1.55vw,24px);line-height:1.22}
.hp3-poll-options{gap:7px;margin-top:5px}.hp3-poll-option{min-height:44px;padding:4px 10px;border-radius:9px}.hp3-poll-option-main{grid-template-columns:31px minmax(0,1fr);gap:8px}.hp3-poll-option-main>em{width:31px;height:31px;border-radius:8px;font-size:16px}.hp3-poll-option-label{font-size:13px}.hp3-poll-option-state{display:none;margin-top:1px;font-size:9px}.hp3-poll-option-value{display:none;min-width:42px;font-size:14px}.hp3-poll-option-bar{width:0!important;opacity:0}
.hp3-daily-poll[data-result-visible="true"] .hp3-poll-option{grid-template-columns:minmax(0,1fr) auto}.hp3-daily-poll[data-result-visible="true"] .hp3-poll-option-bar{width:var(--poll-width)!important;opacity:1}.hp3-daily-poll[data-result-visible="true"] .hp3-poll-option-state,.hp3-daily-poll[data-result-visible="true"] .hp3-poll-option-value{display:block}
.hp3-poll-footer{min-height:16px;margin-top:4px}.hp3-poll-meta{font-size:11px}.hp3-poll-meta>span{font-size:12px}.hp3-poll-choice{font-size:10px}.hp3-poll-message{margin-top:4px;padding:5px 8px;font-size:11px}.hp3-poll-message:not(.is-login){display:none!important}

.hp3-mission-card .mission-list{gap:5px!important}.hp3-mission-card .mission-list>a{min-height:45px;padding:4px 9px}.hp3-mission-card .mission-description{font-size:10px;line-height:1.2}.hp3-mission-card .mission-name>b{font-size:13px}.hp3-mission-card .mission-list>a>em{font-size:12px}

@media(max-width:768px){
  .hp3-daily-poll{padding:11px 12px 9px}.hp3-poll-head{min-height:25px}.hp3-poll-body{margin-top:5px}.hp3-poll-question{font-size:clamp(18px,5.2vw,21px);line-height:1.27}.hp3-poll-question-wrap{grid-template-columns:24px minmax(0,1fr);gap:6px}.hp3-poll-question-wrap>span{width:22px;height:22px}
  .hp3-poll-options{gap:5px;margin-top:7px}.hp3-poll-option{min-height:50px;padding:5px 9px}.hp3-poll-option-label{font-size:13px}.hp3-poll-footer{margin-top:5px}.hp3-poll-meta{font-size:11px}.hp3-poll-message{font-size:11px}
  .hp3-mission-card .mission-list{gap:4px!important}.hp3-mission-card .mission-list>a{min-height:46px;padding:4px 8px}.hp3-mission-card .mission-description{font-size:10px}
}

/* Mobile ant-news: editorial copy takes priority over the newspaper decoration. */
@media(max-width:768px){
  .hp3-mobile-news-card{display:block!important;height:224px!important;padding:12px 13px!important;border-color:rgba(181,143,255,.38)!important;background:radial-gradient(circle at 8% 47%,rgba(176,116,255,.21),transparent 37%),radial-gradient(circle at 95% 2%,rgba(83,125,255,.16),transparent 34%),linear-gradient(145deg,#18162a,#0d1220 72%)!important;box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important;overflow:hidden!important}
  .hp3-mobile-news-card:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 42%);content:"";pointer-events:none}.hp3-mobile-news-card:focus-visible{border-color:rgba(203,177,255,.8)!important;box-shadow:0 0 0 2px rgba(172,137,255,.2)!important;outline:0}
  .hp3-mobile-news-head{position:relative;z-index:1;display:flex!important;min-height:27px!important;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px solid rgba(194,169,255,.12)}.hp3-mobile-news-head>i{display:grid!important;width:27px!important;height:27px!important;place-items:center;border:1px solid rgba(192,158,255,.24);border-radius:7px;background:rgba(157,111,239,.15)!important;color:#c9adff!important;font-size:12px!important}.hp3-mobile-news-head>span{min-width:0;color:#f2edff;font-size:17px!important;font-weight:900!important;letter-spacing:-.025em;white-space:nowrap}.hp3-mobile-news-card .hp3-mobile-status{display:block!important;margin-left:auto;padding:3px 7px;border:1px solid rgba(187,153,255,.2);border-radius:999px;background:rgba(141,98,222,.11);color:#c9b4ff;font-size:10px!important;font-weight:800;line-height:1.3;white-space:nowrap}
  .hp3-mobile-news-card .hp3-mobile-news{display:grid!important;height:calc(100% - 35px);grid-template-columns:92px minmax(0,1fr);gap:14px;padding-top:10px}
  .hp3-mobile-news .visual{position:relative;display:flex;width:92px;height:132px;align-self:start;flex-direction:column;justify-content:flex-start;padding:9px;border:1px solid rgba(211,186,255,.26);border-radius:8px;background:linear-gradient(155deg,rgba(74,46,112,.96),rgba(24,28,51,.98) 66%,rgba(19,36,49,.98));box-shadow:inset 0 0 24px rgba(180,121,255,.1),0 8px 20px rgba(0,0,0,.18);overflow:hidden}.hp3-mobile-news .visual:after{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.055);border-radius:5px;content:"";pointer-events:none}.hp3-mobile-news .visual>small{color:#cbb7ec;font-size:7px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.hp3-mobile-news .visual>b{display:block;margin-top:6px;color:#fff;font-family:serif;font-size:19px;font-weight:900;line-height:1;letter-spacing:-.06em;white-space:nowrap}.hp3-mobile-news .visual>b em{color:#d5b7ff;font-style:normal}.hp3-mobile-news .visual>time{margin-top:5px;color:#9e92b4;font-size:7px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.hp3-mobile-news .paper-rule{height:1px;margin-top:6px;background:linear-gradient(90deg,#c29eff,rgba(194,158,255,.08))}.hp3-mobile-news .paper-copy{display:grid;gap:3px;margin-top:6px}.hp3-mobile-news .paper-copy i{display:block;width:100%;height:2px;border-radius:2px;background:rgba(226,218,241,.18)}.hp3-mobile-news .paper-copy i:nth-child(2){width:78%}.hp3-mobile-news .paper-copy i:nth-child(3){width:89%}.hp3-mobile-news .visual>strong{position:absolute;right:-7px;bottom:-12px;color:rgba(203,174,255,.08);font-size:53px;font-weight:900;line-height:1}
  .hp3-mobile-news .copy{display:flex;min-width:0;height:100%;flex-direction:column;padding:0}.hp3-mobile-news h3{display:-webkit-box;margin:0;overflow:hidden;color:#f7f4ff;font-size:19px;font-weight:900;line-height:1.36;letter-spacing:-.03em;overflow-wrap:break-word;white-space:normal;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hp3-mobile-news p{display:-webkit-box;margin-top:7px;overflow:hidden;color:#b8bac7;font-size:14px;line-height:1.48;letter-spacing:-.012em;overflow-wrap:break-word;white-space:normal;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .hp3-mobile-news-foot{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(190,169,228,.1)}.hp3-mobile-news-foot>small{min-width:0;color:#969bad;font-size:11px;font-weight:650;line-height:1.35;white-space:nowrap}.hp3-mobile-news-foot>small i{margin-inline:5px;color:#655f73;font-style:normal}.hp3-mobile-news .cta{display:inline-flex;min-height:27px;flex:none;align-items:center;margin:0;padding:4px 7px;border:1px solid rgba(185,151,255,.27);border-radius:6px;background:rgba(137,93,225,.14);color:#d1c0ff;font-size:12px;font-weight:850;line-height:1.2;white-space:nowrap}.hp3-mobile-news .cta b{margin-left:3px;color:#e3d9ff;font-size:13px}.hp3-mobile-news-card:hover .cta{border-color:rgba(202,175,255,.45);background:rgba(151,107,235,.22)}
}

@media(max-width:390px){
  .hp3-mobile-news-card{height:226px!important;padding-inline:11px!important}.hp3-mobile-news-card .hp3-mobile-news{grid-template-columns:86px minmax(0,1fr);gap:12px}.hp3-mobile-news .visual{width:86px;height:128px;padding:8px}.hp3-mobile-news h3{font-size:18px}.hp3-mobile-news p{font-size:13px;line-height:1.46}.hp3-mobile-news-foot{gap:5px}.hp3-mobile-news-foot>small{font-size:10px}.hp3-mobile-news .cta{min-height:26px;padding-inline:6px;font-size:11px}
}

@media(max-width:350px){
  .hp3-mobile-news-card{height:236px!important}.hp3-mobile-news-card .hp3-mobile-news{grid-template-columns:78px minmax(0,1fr);gap:10px}.hp3-mobile-news .visual{width:78px;height:120px;padding:7px}.hp3-mobile-news-head>span{font-size:16px!important}.hp3-mobile-news-foot{align-items:flex-start;flex-direction:column}.hp3-mobile-news .cta{align-self:flex-start}.hp3-mobile-news p{-webkit-line-clamp:2}
}

/* Hero composition: the main row is content-led; live data sits in a shared strip. */
.hp3-hero{display:block;height:auto;min-height:0;overflow:hidden}
.hp3-hero-main{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);align-items:stretch}
.hp3-market-lobby{min-height:0;padding:16px 22px 13px;overflow:visible}
.hp3-brand{padding-block:4px}
.hp3-market-lobby h1{margin-top:9px}
.hp3-hero-description{margin-top:6px;line-height:1.45}
.hp3-hero-highlight{margin-top:4px;line-height:1.4}
.hp3-actions{margin-top:7px}
.hp3-actions a{min-height:38px}
.hp3-hero-signup{margin-top:3px}
.hp3-btc-card{margin-top:8px;padding:9px 13px}
.hp3-signal{height:42px}
.hp3-mini-markets{margin-top:5px}
.hp3-mini-markets a{padding-block:6px}
.hp3-town{height:auto;min-height:0;aspect-ratio:auto;align-self:stretch}
.hp3-town-map{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}
.hp3-hero-status{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(0,3.65fr);gap:0;align-items:stretch;min-height:54px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,8,14,.82)}
.hp3-hero-status .hp3-market-issue{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;margin:0;padding:7px 14px;border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:linear-gradient(90deg,rgba(255,133,70,.1),transparent)}
.hp3-hero-status .hp3-market-issue span{display:none}
.hp3-hero-status .hp3-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.hp3-hero-status .hp3-quick>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value";column-gap:7px;align-content:center;min-width:0;padding:7px 11px;border-right:1px solid rgba(255,255,255,.07);border-radius:0;background:transparent}
.hp3-hero-status .hp3-quick>div:last-child{border-right:0}
.hp3-hero-status .hp3-quick i{position:static;grid-area:icon;align-self:center}
.hp3-hero-status .hp3-quick dt{grid-area:label}
.hp3-hero-status .hp3-quick dd{grid-area:value;margin-top:2px}
.hp3-news-overlay,.hp3-market-overlay{right:10px;max-width:calc(100% - 20px)}
@media(min-width:1200px) and (max-width:1439px){
  .hp3-hero-main{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}
  .hp3-market-lobby{padding-inline:19px}
  .hp3-hero-status{grid-template-columns:minmax(230px,1.2fr) minmax(0,3.8fr)}
  .hp3-hero-status .hp3-quick>div{padding-inline:8px}
}
@media(min-width:1025px) and (max-width:1199px){
  .hp3-hero-main{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
  .hp3-market-lobby{padding:15px 17px 12px}
  .hp3-market-lobby h1{font-size:24px}
  .hp3-actions a{padding-inline:9px;font-size:12px}
  .hp3-hero-status{grid-template-columns:minmax(220px,1.15fr) minmax(0,3.85fr)}
  .hp3-hero-status .hp3-quick>div{padding-inline:7px}
}
@media(min-width:1025px){
  .hp3-market-lobby{padding-top:12px;padding-bottom:9px}
  .hp3-market-lobby h1{margin-top:6px}
  .hp3-hero-description{margin-top:3px}
  .hp3-hero-highlight{margin-top:2px}
  .hp3-actions{margin-top:5px}
  .hp3-actions a{min-height:36px}
  .hp3-btc-card{margin-top:5px;padding-block:7px}
  .hp3-signal{height:38px}
  .hp3-mini-markets{margin-top:3px}
  .hp3-mini-markets a{padding-block:5px}
}
@media(max-width:1024px){
  .hp3-hero-main{grid-template-columns:1fr}
  .hp3-market-lobby{min-height:0}
  .hp3-town{height:auto;min-height:0;aspect-ratio:3/2}
  .hp3-town-map{object-fit:cover;object-position:center 47%}
  .hp3-hero-status{grid-template-columns:1fr}
  .hp3-hero-status .hp3-market-issue{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:768px){
  .hp3-town{aspect-ratio:4/3}
  .hp3-hero-status .hp3-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp3-hero-status .hp3-quick>div:nth-child(2){border-right:0}
  .hp3-hero-status .hp3-quick>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .hp3-hero-status .hp3-market-issue span{display:block}
}
.hp3-town .hp3-resident{display:block;transition:left .85s ease,top .85s ease}
.hp3-town .hp3-resident>img{image-rendering:crisp-edges;image-rendering:pixelated;filter:drop-shadow(0 4px 2px rgba(0,0,0,.55))}
.hp3-town .hp3-bubble{z-index:5;pointer-events:none}
@media(max-width:1024px){
  .hp3-town .hp3-resident{width:52px;height:70px}
  .hp3-town .hp3-resident>img{width:52px;height:70px}
}
@media(max-width:768px){
  .hp3-town .hp3-resident{width:48px;height:64px}
  .hp3-town .hp3-resident>img{width:48px;height:64px}
}
.hp3-actions .ghost{border-color:rgba(169,154,236,.14);background:rgba(113,88,190,.035);color:#9185bd}
.hp3-news-card .visual.has-image,.hp3-mobile-news .visual.has-image{padding:0;background:#090c13}
.hp3-news-card .visual.has-image img,.hp3-mobile-news .visual.has-image img{display:block;width:100%;height:100%;object-fit:cover}
.hp3-my-guest{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;min-height:285px;align-items:center;padding:18px;border:1px solid rgba(137,112,225,.13);border-radius:12px;background:radial-gradient(circle at 15% 45%,rgba(101,70,211,.17),transparent 34%),rgba(5,8,14,.25)}
.hp3-my-guest>img{width:120px;height:160px;object-fit:contain;image-rendering:pixelated}
.hp3-my-guest h3{font-size:20px;letter-spacing:-.03em}
.hp3-my-guest p{margin-top:8px;color:#929bad;font-size:13px;line-height:1.55;word-break:keep-all}
.hp3-my-guest nav{display:flex;gap:7px;margin-top:18px}
.hp3-my-guest nav a{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;border-radius:8px;background:linear-gradient(135deg,#7257d7,#5869cf);font-size:12px;font-weight:800}
.hp3-my-guest nav a:last-child{border:1px solid rgba(169,154,236,.2);background:rgba(113,88,190,.08);color:#b4a7e8}
@media(min-width:769px){
  .hp3-guide{padding:20px 22px;border-color:rgba(145,158,190,.1);background:linear-gradient(145deg,rgba(15,19,29,.72),rgba(9,12,18,.76))}
  .hp3-about>span{opacity:.68}
  .hp3-about h2{font-size:20px;color:#cbd0db}
  .hp3-about p{color:#858e9f}
}
@media(max-width:768px){
  .hp3-my-guest{grid-template-columns:92px minmax(0,1fr);min-height:190px;padding:13px;gap:12px}
  .hp3-my-guest>img{width:88px;height:120px}
  .hp3-my-guest h3{font-size:17px}
  .hp3-my-guest p{font-size:12px}
  .hp3-my-guest nav{flex-wrap:wrap;margin-top:12px}
}
.hp3-prediction-rank{margin-left:auto;color:#aa99ec;font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}

/* ── SEO 목차 정리: h2 강등/승격에 따른 시각 보정 ── */
/* 패널 헤더 제목 — 기존 header h2 와 동일하게 */
/* 주요 서비스 링크 — h2 래퍼가 레이아웃에 영향 주지 않게 */
.hp3-service-links h2{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;display:block;}

/* 홈 청산맵 카드 */
.hp3-liquidation{--liq-short:#ff7081;--liq-long:#45e0a8;margin:18px 0;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);min-width:0}
.hp3-liq-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hp3-liq-header h2,.hp3-liq-header>.hp3-hd{font-size:17px;letter-spacing:-.03em}.hp3-liq-status{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--muted);font-size:10px}.hp3-liq-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.hp3-liquidation[data-status=live] .hp3-liq-status{color:var(--liq-long)}.hp3-liquidation[data-status=stale] .hp3-liq-status{color:#e2b976}
.hp3-liq-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:24px;align-items:center;margin-top:16px}.hp3-liq-price{display:flex;flex-direction:column;gap:8px;min-width:0;font-variant-numeric:tabular-nums}.hp3-liq-price small{color:var(--muted);font-size:11px}.hp3-liq-price strong{font-size:clamp(20px,2vw,29px);letter-spacing:-.04em;overflow-wrap:anywhere}.hp3-liq-price>span{font-size:12px}.hp3-liq-price .hp3-liq-range{margin-top:10px;line-height:1.8;font-size:10px}
.hp3-liq-chart{min-width:0}.hp3-liq-columns,.hp3-liq-row{display:grid;grid-template-columns:86px minmax(0,1fr) 1px minmax(0,1fr);align-items:center;column-gap:8px}.hp3-liq-columns{padding-bottom:8px;font-size:10px;color:var(--muted)}.hp3-liq-columns span:nth-child(2){text-align:right;color:var(--liq-short)}.hp3-liq-columns span:last-child{color:var(--liq-long)}
.hp3-liq-row{height:20px;font-variant-numeric:tabular-nums}.hp3-liq-label{font-size:10px;color:#b8bfd0;white-space:nowrap}.hp3-liq-track{display:flex;min-width:0;height:9px;background:rgba(145,158,190,.035);border-radius:2px}.hp3-liq-axis{height:20px;background:var(--line)}.hp3-liq-row[data-side=short] .hp3-liq-track:nth-child(2){justify-content:flex-end}.hp3-liq-bar{display:block;flex-shrink:0;height:100%;border-radius:2px;background:var(--liq-long);transition:width 400ms ease;opacity:.86}.hp3-liq-row[data-side=short] .hp3-liq-bar{background:var(--liq-short)}.hp3-liq-row:hover .hp3-liq-bar{opacity:1}
.hp3-liq-current{display:flex;align-items:center;gap:10px;margin:7px 0;color:var(--text);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.hp3-liq-current:before,.hp3-liq-current:after{content:"";height:1px;flex:1;background:rgba(145,158,190,.5)}.hp3-liq-current span{padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:var(--bg);white-space:nowrap}.hp3-liq-empty{padding:12px 0;font-size:12px;color:var(--muted);line-height:1.7}
.hp3-liq-notice{font-size:12px;color:#e2b976;margin-top:10px!important}.hp3-liq-notice:empty{display:none}.hp3-liq-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:10px;color:var(--muted)}.hp3-liq-info{position:relative;cursor:help;font-size:14px}.hp3-liq-info>span{display:none;position:absolute;right:0;bottom:24px;width:240px;max-width:calc(100vw - 64px);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:11px;line-height:1.7;z-index:2}.hp3-liq-info:hover>span,.hp3-liq-info:focus>span{display:block}.hp3-liquidation [hidden]{display:none!important}
@media(max-width:700px){.hp3-liquidation{padding:16px 14px;border-radius:14px}.hp3-liq-header h2,.hp3-liq-header>.hp3-hd{font-size:15px}.hp3-liq-status{font-size:9px}.hp3-liq-content{grid-template-columns:minmax(0,1fr);gap:16px}.hp3-liq-price{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center}.hp3-liq-price>small:first-child{grid-column:1/-1}.hp3-liq-price strong{font-size:25px}.hp3-liq-price .hp3-liq-range{grid-column:1/-1;margin-top:2px}.hp3-liq-range br{display:none}.hp3-liq-columns,.hp3-liq-row{grid-template-columns:68px minmax(0,1fr) 1px minmax(0,1fr);column-gap:6px}.hp3-liq-current{font-size:11px}.hp3-liq-footer{gap:9px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hp3-liq-bar{transition:none}}

/* 데이터 대시보드 V1 — 기존 기능 선택자와 색상 유지 */
.hp3.hp3-dashboard{display:block;padding-top:14px}.hp3-dashboard>section,.hp3-dashboard>details{margin-bottom:16px;min-width:0}.hp3-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.hp3-dashboard-heading>div{display:flex;align-items:center;gap:14px}.hp3-dashboard-heading h1{font-size:19px;letter-spacing:-.03em;white-space:nowrap}.hp3-dashboard-heading h1 span{font-size:11px;color:#45e0a8;letter-spacing:.08em}.hp3-dashboard-heading p,.hp3-dashboard-heading>a{font-size:12px;color:var(--muted)}
.hp3-pulse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.hp3-pulse-card{display:flex;flex-direction:column;gap:7px;min-width:0;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-variant-numeric:tabular-nums}.hp3-pulse-card>span{font-size:12px;font-weight:700}.hp3-pulse-card small{font-size:10px;color:var(--muted);font-weight:400;margin-left:4px}.hp3-pulse-card strong{font-size:clamp(18px,1.7vw,25px);letter-spacing:-.035em;white-space:nowrap}.hp3-pulse-card em{font-size:12px;font-style:normal;color:var(--muted)}.hp3-pulse-card:hover{border-color:rgba(145,158,190,.4)}.hp3-dashboard .hp3-pulse-time{margin-top:6px;font-size:10px;color:var(--muted);text-align:right}
.hp3-dashboard-data{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch}.hp3-dashboard .hp3-liquidation{margin:0;padding:17px 18px;border-radius:14px}.hp3-dashboard .hp3-liq-content{grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:18px}.hp3-dashboard .hp3-liq-price strong{font-size:clamp(20px,1.8vw,27px)}.hp3-dashboard .hp3-liq-columns,.hp3-dashboard .hp3-liq-row{grid-template-columns:78px minmax(0,1fr);column-gap:12px}.hp3-dashboard .hp3-liq-columns>span:nth-child(2){text-align:left;color:var(--muted)}.hp3-liq-columns small{font-size:10px;margin-left:6px}.hp3-dashboard .hp3-liq-row{height:21px}.hp3-dashboard .hp3-liq-label{font-size:11px}.hp3-dashboard .hp3-liq-track{height:10px}.hp3-dashboard .hp3-liq-row[data-side=short] .hp3-liq-track:nth-child(2){justify-content:flex-start}.hp3-liq-side-label{margin:2px 0 5px;font-size:10px;letter-spacing:.04em}.hp3-dashboard .hp3-liq-current{margin:8px 0}.hp3-dashboard .hp3-liq-header h2,.hp3-dashboard .hp3-liq-header>.hp3-hd{font-size:16px}.hp3-dashboard .hp3-liq-footer{margin-top:9px}
.hp3-dashboard-now{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.hp3-dashboard .hp3-event-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:46px;margin:0;padding:10px 15px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(69,224,168,.035);order:initial}.hp3-dashboard .hp3-event-strip>a{display:none}.hp3-dashboard .hp3-event-track{min-width:0}.hp3-dashboard .hp3-event-track span{font-size:12px}.hp3-dashboard .hp3-live-panel{display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;max-height:410px;padding:15px;border:0;border-radius:0;background:none;overflow:hidden;flex:1}.hp3-dashboard .hp3-live-panel:after{display:none}.hp3-dashboard .hp3-live-panel>header{gap:8px;align-items:center}.hp3-dashboard .hp3-live-panel .hp3-hd{font-size:18px}.hp3-dashboard .hp3-live-panel>header small{font-size:11px;text-align:right}.hp3-dashboard .hp3-live-panel>header span{font-size:10px}.hp3-dashboard .hp3-live-panel>header span i{animation:none;box-shadow:none;width:5px;height:5px}.hp3-dashboard .hp3-live-timeline{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1}.hp3-dashboard .hp3-live-event{min-height:55px;opacity:1}.hp3-dashboard .hp3-event-copy strong{font-size:12px}.hp3-dashboard .hp3-panel-more{font-size:12px;margin-top:10px;flex-shrink:0}
.hp3-dashboard-participation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.hp3-dashboard .hp3-daily-poll{margin:0;padding:17px 18px;border-color:var(--line);border-radius:14px;background:var(--panel);box-shadow:none;order:initial}.hp3-dashboard .hp3-poll-glow,.hp3-dashboard .hp3-poll-dots{display:none}.hp3-dashboard .hp3-poll-head{flex-wrap:wrap;gap:8px}.hp3-dashboard .hp3-poll-eyebrow>strong{font-size:15px}.hp3-dashboard .hp3-poll-head>p{font-size:11px}.hp3-dashboard .hp3-poll-body{margin-top:12px}.hp3-dashboard .hp3-poll-question{font-size:20px;line-height:1.4}.hp3-dashboard .hp3-poll-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.hp3-dashboard .hp3-poll-option{min-height:48px}.hp3-dashboard .hp3-poll-option-label{white-space:normal;line-height:1.4}.hp3-dashboard .hp3-poll-footer{margin-top:12px;flex-wrap:wrap;gap:6px}.hp3-dashboard .hp3-prediction{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);height:auto;min-width:0}.hp3-dashboard .hp3-prediction .hp3-hd{font-size:17px}.hp3-dashboard .hp3-prediction>header{gap:10px}.hp3-dashboard .hp3-prediction-list>section{padding:8px 10px}.hp3-dashboard .hp3-prediction-list small{font-size:12px}.hp3-dashboard .hp3-prediction-actions .prediction-countdown{font-size:12px}.hp3-dashboard .hp3-prediction-feedback:empty{display:none}
.hp3-dashboard-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.hp3-dashboard .hp3-dashboard-content>.hp3-panel{display:block;min-width:0;height:auto;margin:0;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.hp3-dashboard-content .hp3-hd{font-size:18px}.hp3-dashboard .hp3-news-card{display:grid;grid-template-columns:minmax(110px,30%) minmax(0,1fr);min-height:200px;border-radius:9px;overflow:hidden}.hp3-dashboard .hp3-news-card .copy{padding:14px;min-width:0}.hp3-dashboard .hp3-news-card h3{font-size:18px;line-height:1.5}.hp3-dashboard .hp3-news-card p{font-size:13px;line-height:1.6}.hp3-dashboard .hp3-talk>div>a{min-width:0}.hp3-dashboard .hp3-talk>div>a strong{font-size:13px}
.hp3-dashboard-personal{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px 16px}.hp3-dashboard-personal>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--muted)}.hp3-dashboard-support{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:14px}.hp3-dashboard-support>.hp3-panel,.hp3-dashboard-support>.hp3-live-card{height:auto;min-width:0;width:auto;margin:0;border:1px solid var(--line);border-radius:12px}.hp3-dashboard .hp3-season{margin-top:14px}.hp3-dashboard .hp3-dashboard-services{margin-top:20px}.hp3-dashboard .hp3-service-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0;border:0;background:none}.hp3-dashboard .hp3-service-links h3{font-size:12px;color:var(--muted);margin-right:8px}.hp3-dashboard .hp3-service-links a{padding:8px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:var(--panel)}
@media(max-width:1050px){.hp3-dashboard-data{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.hp3-dashboard .hp3-liq-content{grid-template-columns:minmax(0,1fr);gap:12px}.hp3-dashboard .hp3-liq-price{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.hp3-dashboard .hp3-liq-price>small:first-child{grid-column:1/-1}.hp3-dashboard .hp3-liq-range{display:none}.hp3-dashboard .hp3-prediction-list>section{grid-template-columns:minmax(0,1fr)}.hp3-dashboard .hp3-prediction-actions{flex-wrap:wrap;white-space:normal;justify-content:flex-start}.hp3-dashboard .hp3-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hp3-dashboard .hp3-prediction-actions .prediction-countdown{text-align:left}}
@media(max-width:768px){.hp3.hp3-dashboard{display:block;padding:10px 12px 30px}.hp3-dashboard-heading{gap:8px}.hp3-dashboard-heading>div{display:block}.hp3-dashboard-heading h1{font-size:18px}.hp3-dashboard-heading p{margin-top:4px;font-size:11px}.hp3-dashboard-heading>a{font-size:11px}.hp3-dashboard .hp3-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp3-pulse-card{padding:11px 12px;gap:6px}.hp3-pulse-card strong{font-size:19px}.hp3-pulse-card em{font-size:11px}.hp3-dashboard-data,.hp3-dashboard-participation,.hp3-dashboard-content,.hp3-dashboard-support{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hp3-dashboard .hp3-liquidation{padding:15px 14px}.hp3-dashboard .hp3-liq-price strong{font-size:26px}.hp3-dashboard .hp3-liq-columns,.hp3-dashboard .hp3-liq-row{grid-template-columns:75px minmax(0,1fr)}.hp3-dashboard .hp3-live-panel{max-height:350px;min-height:0;height:auto;flex:auto;overflow:hidden}.hp3-dashboard .hp3-live-timeline{max-height:240px;flex:auto}.hp3-dashboard .hp3-daily-poll{padding:16px 14px}.hp3-dashboard .hp3-poll-options{grid-template-columns:minmax(0,1fr)}.hp3-dashboard .hp3-poll-head>p{max-width:none}.hp3-dashboard .hp3-prediction{padding:16px 14px}.hp3-dashboard .hp3-dashboard-content>.hp3-panel{padding:16px 14px}.hp3-dashboard .hp3-news-card{grid-template-columns:96px minmax(0,1fr);min-height:210px}.hp3-dashboard .hp3-news-card .copy{padding:12px}.hp3-dashboard .hp3-news-card h3{font-size:16px}.hp3-dashboard .hp3-service-links{gap:8px}.hp3-dashboard .hp3-service-links h3{flex-basis:100%;margin:0}.hp3-dashboard-personal{padding:12px}.hp3-dashboard .hp3-season{flex-wrap:wrap;min-width:0}.hp3-dashboard .hp3-sitemap{margin-top:20px}}
.hp3-liq-footer>a{margin-right:auto;color:#b9d7ef}.hp3-liq-row:focus-visible{outline:1px solid #92c7ff;outline-offset:2px}

/* 상세와 같은 plotting area, 홈에서는 viewport 높이만 축소 */
.hp3-dashboard .hp3-liquidation.lmap{width:100%;max-width:none;min-width:0}
.hp3-liquidation .lmap-chart{height:460px}
.hp3-liquidation .lmap-chart svg{cursor:default}
.hp3-liquidation .lmap-market{margin-bottom:14px}
.hp3-liquidation .lmap-chart-toolbar{flex-wrap:wrap;color:var(--muted);font-size:11px}
.hp3-liquidation .lmap-legend{flex-wrap:wrap}
.hp3-liq-controls{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}
.hp3-liq-controls small{margin-right:3px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.hp3-liq-controls button{min-width:28px;min-height:28px;padding:2px 7px;font-size:15px;line-height:1}
.hp3-liq-controls button[data-reset]{min-width:0;margin-left:2px;font-size:10px;padding-inline:7px}
.hp3-liq-zoom-help{margin:5px 0 0;color:var(--text-muted);font-size:10px;text-align:right}
.hp3-liquidation .lmap-notice:empty{display:none}
.hp3-liquidation .lmap-coverage{overflow-wrap:anywhere;font-size:10px}
@media(max-width:700px){.hp3-liquidation .lmap-chart{height:420px}.hp3-liquidation .lmap-market strong{font-size:26px}}
@media(max-width:700px){.hp3-liq-controls{gap:4px}.hp3-liq-controls button{min-width:36px;min-height:36px}.hp3-liq-controls button[data-reset]{font-size:10px}.hp3-liq-zoom-help{text-align:left}}

/* 활동 + 투표 통합 카드 내부 구조 */
.hp3-dashboard .hp3-dashboard-now .hp3-live-panel{flex:0 0 auto;max-height:none}
.hp3-dashboard .hp3-dashboard-now .hp3-live-timeline{flex:none;max-height:none;overflow:visible}
.hp3-dashboard .hp3-poll-compact{border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 15px;margin-top:14px;flex:0 0 auto;background:none;overflow:visible}
.hp3-poll-compact:before{display:none}
.hp3-dashboard .hp3-poll-compact .hp3-poll-head{min-height:0}
.hp3-poll-compact .hp3-poll-eyebrow small,.hp3-poll-compact .hp3-poll-question-wrap>span{display:none}
.hp3-dashboard .hp3-poll-compact .hp3-poll-body{margin-top:8px}
.hp3-dashboard .hp3-poll-compact .hp3-poll-question-wrap{display:block}
.hp3-dashboard .hp3-poll-compact .hp3-poll-question{font-size:15px;line-height:1.45}
.hp3-dashboard .hp3-poll-compact .hp3-poll-options{grid-template-columns:minmax(0,1fr);gap:5px;margin-top:8px}
.hp3-dashboard .hp3-poll-compact .hp3-poll-option{min-height:42px;padding:5px 9px}
.hp3-poll-compact .hp3-poll-option-main{grid-template-columns:25px minmax(0,1fr);gap:7px}
.hp3-poll-compact .hp3-poll-option-main>em{width:25px;height:25px;font-size:14px}
.hp3-dashboard .hp3-poll-compact .hp3-poll-option-label{font-size:12px}
.hp3-poll-compact .hp3-poll-option-value,.hp3-poll-compact .hp3-poll-option.is-voted .hp3-poll-option-value{font-size:12px}
.hp3-dashboard .hp3-poll-compact .hp3-poll-footer{margin-top:7px;gap:4px}
.hp3-poll-compact .hp3-poll-meta,.hp3-poll-compact .hp3-poll-choice{font-size:10px}
.hp3-dashboard .hp3-whale{padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}
.hp3-whale .hp3-hd{font-size:17px;margin:0}
.hp3-whale table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.hp3-whale th,.hp3-whale td{padding:11px 4px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.hp3-whale th{color:var(--muted);font-size:11px;font-weight:400}
.hp3-whale th:last-child,.hp3-whale td:last-child{text-align:right;width:30%}
.hp3-whale td[data-side=SHORT]{color:#ff7081}.hp3-whale td[data-side=LONG]{color:#45e0a8}
.hp3-whale-description{caption-side:bottom;text-align:left;padding-top:12px;font-size:10px;color:var(--muted);line-height:1.6}
.hp3-whale-meta,.hp3-whale-empty{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}
.hp3-whale-updated{color:var(--muted);font-size:10px}
.hp3-whale [hidden]{display:none!important}
@media(max-width:768px){.hp3-dashboard .hp3-whale{padding:16px 14px}.hp3-whale .hp3-hd{font-size:16px}}
.hp3-dashboard-now>[data-city-activity]{order:2}
.hp3-dashboard .hp3-dashboard-now>.hp3-poll-compact{order:1}

/* MARKET PULSE: 하나의 네이비 대시보드 스트립 */
.hp3-dashboard .hp3-market-pulse{position:relative;padding:16px 20px 10px;border:1px solid rgba(109,151,213,.24);border-radius:18px;background:radial-gradient(ellipse at 25% 0,rgba(49,101,180,.19),transparent 65%),linear-gradient(115deg,#101c30,#0b1220 60%,#101a29);box-shadow:inset 0 1px rgba(173,206,255,.07);min-width:0}
.hp3-market-pulse .hp3-dashboard-heading{min-height:54px;margin-bottom:14px;gap:16px}
.hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-brand{display:block}
.hp3-market-pulse .hp3-dashboard-heading h1{margin:0;font-size:22px;letter-spacing:-.045em}
.hp3-market-pulse .hp3-dashboard-heading h1 span{display:inline-block;margin-left:5px;font-size:11px;letter-spacing:.12em;color:#6ee7c1}
.hp3-market-pulse .hp3-dashboard-heading p{margin:6px 0 0;font-size:12px;color:#97aac5}
.hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:11px;color:#9cacc2;font-variant-numeric:tabular-nums}
.hp3-pulse-status a{color:#b4c9e6;white-space:nowrap}
.hp3-pulse-live{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#d6b477}
.hp3-pulse-live i{width:5px;height:5px;background:currentColor;border-radius:50%}
.hp3-pulse-live[data-fresh=true]{color:#6ee7c1}.hp3-pulse-live[data-fresh=true] i{box-shadow:0 0 8px #45e0a85c}
.hp3-pulse-mood{padding:5px 9px;border:1px solid #708ba33d;border-radius:20px;background:#99b8e110;color:#bfcde0;font-weight:650;white-space:nowrap}
.hp3-pulse-mood[data-tone=up]{color:#6ee7c1;border-color:#45e0a83d;background:#45e0a80b}.hp3-pulse-mood[data-tone=down]{color:#ff8a98;border-color:#ff70813d;background:#ff70810b}
.hp3-market-pulse [hidden]{display:none!important}
.hp3-dashboard .hp3-market-pulse .hp3-pulse-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hp3-market-pulse .hp3-pulse-card{position:relative;justify-content:center;gap:10px;min-height:122px;padding:15px 17px;background:linear-gradient(135deg,rgba(22,34,54,.83),rgba(8,15,27,.7));border:1px solid rgba(120,153,196,.16);border-radius:12px;box-shadow:inset 0 1px rgba(208,226,255,.025)}
.hp3-market-pulse .hp3-pulse-card:hover{border-color:rgba(135,181,245,.5);background:rgba(26,43,66,.75)}
.hp3-market-pulse .hp3-pulse-card:focus-visible{outline:2px solid #8fbef9;outline-offset:3px}
.hp3-market-pulse .hp3-pulse-label{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:12px;color:#d2deef}
.hp3-market-pulse .hp3-pulse-label small{font-size:10px;color:#8296b2;margin:0}
.hp3-market-pulse .hp3-pulse-card strong{font-size:clamp(21px,2.1vw,30px);line-height:1.2;letter-spacing:-.035em;color:#f0f5ff}
.hp3-market-pulse .hp3-pulse-card strong small{font-size:11px;margin-left:5px;color:#94a8c2}
.hp3-market-pulse .hp3-pulse-card em{font-size:11px}
.hp3-market-pulse .hp3-pulse-card .is-up{color:#65ddb5}.hp3-market-pulse .hp3-pulse-card .is-down{color:#ff8292}
.hp3-dashboard .hp3-market-pulse .hp3-pulse-time{font-size:9px;margin:8px 0 0;color:#7c8fa9}
@media(max-width:1000px){.hp3-market-pulse .hp3-pulse-label{display:block}.hp3-market-pulse .hp3-pulse-label small{display:block;margin-top:4px}.hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-status{gap:8px}}
@media(max-width:768px){.hp3-dashboard .hp3-market-pulse{padding:14px 12px 10px;border-radius:14px}.hp3-market-pulse .hp3-dashboard-heading{display:block;min-height:0;margin-bottom:12px}.hp3-market-pulse .hp3-dashboard-heading h1{font-size:21px}.hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-status{justify-content:flex-start;margin-top:12px;gap:8px;font-size:10px}.hp3-pulse-status a{margin-left:auto;font-size:10px}.hp3-dashboard .hp3-market-pulse .hp3-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp3-market-pulse .hp3-pulse-card{min-height:120px;padding:12px 10px;gap:9px}.hp3-market-pulse .hp3-pulse-card strong{font-size:clamp(17px,5.1vw,24px)}.hp3-market-pulse .hp3-pulse-card strong small{font-size:9px;margin-left:3px}.hp3-market-pulse .hp3-pulse-card em{font-size:10px}}

.hp3-pulse-label i{font-style:normal;color:#82afd9;margin-right:6px}
.hp3-market-pulse .hp3-pulse-card{min-height:126px}
.hp3-pulse-ratio-bar{display:block;height:3px;background:#ff7081;border-radius:3px;overflow:hidden;position:absolute;bottom:8px;left:17px;right:17px}
.hp3-pulse-ratio-bar i{display:block;height:100%;background:#45e0a8}
.hp3-market-pulse [data-source-status=stale] [data-pulse-change],.hp3-market-pulse [data-source-status=partial] [data-pulse-change]{color:#d9b47b}
.hp3-market-pulse [data-pulse-extra] em{line-height:1.4;overflow-wrap:anywhere}
@media(max-width:768px){.hp3-market-pulse .hp3-pulse-card{min-height:126px}.hp3-pulse-ratio-bar{left:10px;right:10px}.hp3-market-pulse [data-pulse-extra=ratio] strong{font-size:19px}}

/* 홈 전용 surface system. 상태/차트/선택 accent는 기존 의미 색상을 유지한다. */
body:has(.hp3-dashboard),.hp3-dashboard{
  --page-bg:#07090D;
  --surface-1:#0D1117;
  --surface-2:#111720;
  --surface-hover:#131A23;
  --border:#202733;
  --text-muted:#9AA4B2;
}
body:has(.hp3-dashboard){background:var(--page-bg)}
.hp3-dashboard,.hp3-dashboard .lmap{
  --bg:var(--page-bg);
  --panel:var(--surface-1);
  --line:var(--border);
  --muted:var(--text-muted);
}
.hp3-dashboard .hp3-market-pulse{
  background:linear-gradient(115deg,var(--surface-2),var(--surface-1) 65%);
  border-color:var(--border);
  box-shadow:inset 0 1px rgba(200,210,225,.035);
}
.hp3-market-pulse .hp3-pulse-card{background:var(--surface-1);border-color:var(--border)}
.hp3-market-pulse .hp3-pulse-card:hover{background:var(--surface-hover);border-color:#354355}
.hp3-dashboard .hp3-live-panel,.hp3-dashboard .hp3-poll-compact{background:var(--surface-1)}
.hp3-dashboard .hp3-event-strip{background:var(--surface-2)}
.hp3-dashboard .hp3-news-card,.hp3-dashboard .hp3-prediction-list>section{background:var(--surface-2);border-color:var(--border)}
.hp3-dashboard .hp3-poll-option:not(.is-selected){background:var(--surface-2)}
.hp3-dashboard .hp3-poll-option:hover:not(:disabled):not(.is-selected){background:var(--surface-hover)}
.hp3-dashboard .hp3-live-event:hover,.hp3-dashboard .hp3-talk>div>a:hover,.hp3-dashboard .hp3-news-card:hover,.hp3-dashboard .hp3-service-links a:hover{background:var(--surface-hover)}
.hp3-dashboard .lmap-empty{background:var(--surface-2)}
.hp3-market-pulse .hp3-dashboard-heading p,
.hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-status,
.hp3-market-pulse .hp3-pulse-label small,
.hp3-market-pulse .hp3-pulse-card strong small,
.hp3-dashboard .hp3-market-pulse .hp3-pulse-time{color:var(--text-muted)}

.hp3-whale-filters{display:flex;gap:6px;margin-top:12px}.hp3-whale-filters button{font:inherit;font-size:11px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:5px;padding:4px 9px;cursor:pointer}.hp3-whale-filters [aria-pressed=true]{color:var(--text);background:var(--panel);border-color:var(--muted)}.hp3-whale .hp3-exchange-badge{font-size:9px;letter-spacing:.2px;border:1px solid var(--line);border-radius:4px;padding:2px 4px;color:var(--muted)}.hp3-whale-more{display:block;margin-top:12px;text-align:right;font-size:12px;color:inherit}.hp3-whale td{padding-top:7px;padding-bottom:7px}

/* Actual liquidation feedback: one-shot only, with a reduced-motion alternative. */
.hp3-whale>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hp3-whale>header .hp3-whale-live{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:10px;white-space:nowrap;letter-spacing:.2px}
.hp3-whale-live i{display:block;width:6px;height:6px;border-radius:50%;background:#7b8697}
.hp3-whale-live[data-state=live] i{background:#67cfad}
.hp3-whale-live.is-pulsing i{animation:hp3-whale-live-pulse .8s ease-out 2}
.hp3-whale th:first-child{width:31%}.hp3-whale th:nth-child(2){width:22%}.hp3-whale th:nth-child(3){width:19%}
.hp3-whale th:last-child,.hp3-whale td:last-child{width:28%}
.hp3-whale .hp3-whale-row td{padding:6px 2px;vertical-align:middle}
.hp3-whale-time time,.hp3-whale-value strong{display:block;line-height:17px}
.hp3-whale .hp3-whale-value{color:var(--text,#edf2f8);text-align:right;font-variant-numeric:tabular-nums}
.hp3-whale-value strong{font-weight:750;font-size:13px;letter-spacing:-.15px}
.hp3-whale-row-note{display:block;height:13px;line-height:12px}
.hp3-whale-new,.hp3-whale-tier{display:inline-block;font-size:8px;font-weight:650;letter-spacing:.35px;line-height:11px;border-radius:3px;padding:0 4px}
.hp3-whale-new{color:#c6d2de;background:rgba(167,184,205,.12)}
.hp3-whale-tier{color:#c1cbd6;background:rgba(167,184,205,.09)}
.hp3-whale-tier[data-tier=MEGA]{color:#e2ceab;background:rgba(203,173,121,.12)}
.hp3-whale .hp3-exchange-badge{display:inline-block;padding:2px 5px;border-radius:999px;font-size:9px;font-weight:600;line-height:14px;background:rgba(180,187,200,.06);color:#c9cdd4}
.hp3-whale .hp3-exchange-badge[data-exchange=bybit]{border-color:rgba(202,167,126,.3);color:#d1c2b1}
.hp3-whale .hp3-exchange-badge[data-exchange=binance]{border-color:rgba(199,182,111,.3);color:#d2c9a8}
.hp3-whale-row[data-side=LONG]{--whale-highlight:rgba(75,202,162,.16)}
.hp3-whale-row[data-side=SHORT]{--whale-highlight:rgba(224,109,130,.16)}
.hp3-whale-row.is-new td{animation:hp3-whale-row-highlight 1s ease-out 1}
@keyframes hp3-whale-row-highlight{0%{background-color:transparent}18%{background-color:var(--whale-highlight)}100%{background-color:transparent}}
@keyframes hp3-whale-live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(103,207,173,0);opacity:1}40%{box-shadow:0 0 0 4px rgba(103,207,173,.14);opacity:.85}}
@media(max-width:480px){.hp3-whale table{font-size:11px}.hp3-whale-value strong{font-size:12px}.hp3-whale>header{gap:6px}.hp3-whale>header .hp3-whale-live{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hp3-whale-row.is-new td,.hp3-whale-live.is-pulsing i{animation:none!important}}

/* Home rows: estimated + observed risk, then activity/poll + prediction. */
.hp3-dashboard-data{grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);align-items:start}
.hp3-dashboard-data>.hp3-whale{height:auto;align-self:start}
.hp3-dashboard .hp3-dashboard-data>.hp3-whale .hp3-hd{font-size:16px}
.hp3-dashboard-data>.hp3-whale>header>div>span{font-size:9px;letter-spacing:.06em}
.hp3-dashboard-data>.hp3-whale .hp3-whale-meta{margin:10px 0}
.hp3-dashboard-participation{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.hp3-dashboard-participation>.hp3-dashboard-now{height:auto;justify-content:flex-start}
@media(max-width:1000px){.hp3-dashboard-data{grid-template-columns:minmax(0,1fr)}}
@media(max-width:768px){.hp3-dashboard-participation{grid-template-columns:minmax(0,1fr)}}

/* Independent dashboard columns: cards use their own content height. */
.hp3-dashboard-columns{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(340px,.9fr);
  gap:16px;
  align-items:stretch;
  min-width:0;
}
.hp3-dashboard-column{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
  align-items:stretch;
  justify-content:flex-start;
}
.hp3-dashboard-column>section,
.hp3-dashboard-column>article,
.hp3-dashboard-column>aside{min-width:0;width:100%;margin:0}
.hp3-dashboard-column-left>.hp3-dashboard-now{order:2}
.hp3-dashboard-column-right>[data-liquidation-recent]{order:1}
.hp3-dashboard-column-right>.hp3-oi-strip{order:2}
.hp3-dashboard-column-right>[data-upbit-surge]{order:3}
.hp3-dashboard-column-right>[data-market-prediction]{order:4}
.hp3-dashboard-columns .hp3-dashboard-now{height:auto}
.hp3-dashboard-columns .hp3-prediction{height:auto;min-height:0}
.hp3-dashboard-columns .hp3-prediction-list{gap:20px}
.hp3-dashboard-columns .hp3-live-panel{flex:none}
.hp3-dashboard-columns .hp3-live-panel>.hp3-live-timeline{overflow:visible}
@media(max-width:1000px){
  .hp3-dashboard-columns{display:flex;flex-direction:column;gap:16px}
  .hp3-dashboard-columns>.hp3-dashboard-column{display:contents}
  .hp3-dashboard-columns [data-liquidation-summary]{order:1}
  .hp3-dashboard-columns [data-liquidation-recent]{order:2}
  .hp3-dashboard-columns .hp3-oi-strip{order:3}
  .hp3-dashboard-columns .hp3-dashboard-now{order:4}
  .hp3-dashboard-columns [data-upbit-surge]{order:5}
  .hp3-dashboard-columns [data-market-prediction]{order:6}
}

.hp3-upbit-surge table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.hp3-upbit-surge th,.hp3-upbit-surge td{padding:11px 3px;text-align:right;white-space:nowrap;border-bottom:1px solid rgba(148,163,184,.12)}
.hp3-upbit-surge th{font-size:10px;color:#94a3b8;font-weight:500}
.hp3-upbit-surge th:first-child,.hp3-upbit-surge td:first-child{text-align:left;width:23%;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.hp3-upbit-surge th:nth-child(2){width:21%}
.hp3-upbit-surge th:nth-child(3){width:18%}
.hp3-upbit-surge th:nth-child(4){width:18%}
.hp3-upbit-surge th:last-child{width:20%}
.hp3-upbit-surge td strong,.hp3-upbit-surge td small{display:block}
.hp3-upbit-surge td small{font-size:10px;font-weight:400;line-height:1.5;color:#94a3b8}
.hp3-upbit-surge .hp3-surge-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp3-upbit-surge td:last-child small{font-size:9px;color:#bd8590}
.hp3-upbit-surge th{white-space:normal;word-break:keep-all}
.hp3-upbit-surge td{font-size:11px}
.hp3-upbit-surge td:last-child{color:#f0788d;font-weight:700}
.hp3-surge-description,.hp3-surge-status,.hp3-surge-updated{font-size:11px;color:#94a3b8;line-height:1.6}
.hp3-surge-description{text-align:left;margin:10px 0}
.hp3-surge-status{text-align:center;padding:18px 0}
.hp3-surge-updated{display:block;margin-top:10px}
@media(max-width:1000px){.hp3-dashboard-columns [data-upbit-surge]{order:5}}
@media(max-width:480px){.hp3-upbit-surge th:first-child,.hp3-upbit-surge td:first-child{width:20%}.hp3-upbit-surge th:nth-child(2){width:24%}.hp3-upbit-surge table{font-size:10px}.hp3-upbit-surge th,.hp3-upbit-surge td{padding:10px 1px;font-size:10px}.hp3-upbit-surge th{font-size:9px}}

/* Compact MARKET PULSE: unchanged eight data cards and status semantics. */
.hp3-dashboard .hp3-market-pulse{padding:6px 16px}
.hp3-market-pulse .hp3-dashboard-heading{min-height:48px;margin-bottom:0;gap:12px}
.hp3-market-pulse .hp3-dashboard-heading h1{font-size:22px;line-height:26px}
.hp3-market-pulse .hp3-dashboard-heading p{font-size:12px;line-height:15px;margin:2px 0 0}
.hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-status{gap:8px;flex-wrap:nowrap;margin-top:0;line-height:16px}
.hp3-market-pulse .hp3-pulse-mood{display:inline-flex;align-items:center;min-height:26px;padding:3px 7px;font-size:11px;line-height:18px}
.hp3-dashboard .hp3-market-pulse .hp3-pulse-grid{gap:8px 10px}
.hp3-market-pulse .hp3-pulse-card{min-height:92px;padding:8px 12px;gap:2px;justify-content:flex-start}
.hp3-market-pulse .hp3-pulse-label{display:flex;align-items:baseline;gap:4px;line-height:16px;font-size:13px;white-space:nowrap}
.hp3-market-pulse .hp3-pulse-label>span{min-width:0}
.hp3-market-pulse .hp3-pulse-label small{display:block;min-width:0;margin:0;font-size:11px;line-height:16px;white-space:nowrap}
.hp3-market-pulse .hp3-pulse-label .hp3-pulse-source-short{display:none}
.hp3-market-pulse .hp3-pulse-card strong{font-size:28px;line-height:32px;margin:0;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hp3-market-pulse .hp3-pulse-card em{font-size:11px;line-height:15px;margin:0;white-space:nowrap}
.hp3-market-pulse .hp3-pulse-ratio-bar{bottom:4px;left:12px;right:12px;height:2px}
.hp3-dashboard .hp3-market-pulse .hp3-pulse-time{font-size:10px;line-height:12px;margin:2px 0 0}
@media(min-width:769px) and (max-width:1150px){
  .hp3-market-pulse .hp3-pulse-label .hp3-pulse-source-full{display:none}
  .hp3-market-pulse .hp3-pulse-label .hp3-pulse-source-short{display:inline}
  .hp3-market-pulse .hp3-pulse-card strong{font-size:24px}
}
@media(max-width:768px){
  .hp3-dashboard .hp3-market-pulse{padding:8px 10px}
  .hp3-market-pulse .hp3-dashboard-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;margin-bottom:6px;position:relative}
  .hp3-market-pulse .hp3-dashboard-heading h1{font-size:20px;line-height:26px}
  .hp3-market-pulse .hp3-dashboard-heading p{display:none}
  .hp3-market-pulse .hp3-dashboard-heading>.hp3-pulse-status{display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap;margin-top:0;min-height:16px;font-size:10px;line-height:14px}
  .hp3-market-pulse .hp3-pulse-mood{position:absolute;right:0;top:0;min-height:26px;font-size:10px;padding:3px 6px}
  .hp3-market-pulse .hp3-pulse-status a{font-size:10px;margin-left:auto}
  .hp3-dashboard .hp3-market-pulse .hp3-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .hp3-market-pulse .hp3-pulse-card{min-height:82px;padding:9px 10px;gap:3px}
  .hp3-market-pulse .hp3-pulse-label{font-size:11px;line-height:14px;gap:3px}
  .hp3-market-pulse .hp3-pulse-label i{margin-right:4px}
  .hp3-market-pulse .hp3-pulse-label small{font-size:10px;line-height:14px}
  .hp3-market-pulse .hp3-pulse-label .hp3-pulse-source-full{display:none}
  .hp3-market-pulse .hp3-pulse-label .hp3-pulse-source-short{display:inline}
  .hp3-market-pulse .hp3-pulse-card strong,.hp3-market-pulse [data-pulse-extra=ratio] strong{font-size:20px;line-height:24px;letter-spacing:-.045em}
  .hp3-market-pulse .hp3-pulse-card strong small{font-size:10px;margin-left:2px}
  .hp3-market-pulse .hp3-pulse-card em{font-size:10px;line-height:14px;overflow:hidden;text-overflow:ellipsis}
  .hp3-market-pulse .hp3-pulse-ratio-bar{left:10px;right:10px;bottom:3px}
  .hp3-dashboard .hp3-market-pulse .hp3-pulse-time{font-size:10px;line-height:12px;margin-top:4px;white-space:nowrap}
}

/* Content-driven participation stack: poll first, then the existing activity feed. */
.hp3-dashboard-columns .hp3-dashboard-now{gap:16px;border:0;background:none;overflow:visible}
.hp3-dashboard-columns .hp3-dashboard-now>[data-home-poll],
.hp3-dashboard-columns .hp3-dashboard-now>[data-city-activity]{margin:0;border:1px solid var(--line);border-radius:14px}
.hp3-dashboard-columns [data-city-activity] .hp3-live-event{display:grid}
@media(max-width:1000px){.hp3-dashboard-columns [data-city-activity] .hp3-live-event:nth-child(n+6){display:none}}

/* Home map navigation stays beside the quote and below it on mobile. */
.hp3-liquidation .lmap-market{gap:12px}
.hp3-liquidation .lmap-market>div{min-width:0}
.hp3-liquidation .hp3-map-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;height:32px;padding:0 11px;border:1px solid #345a71;border-radius:999px;background:#102332;color:#a4d8ed;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color 170ms,border-color 170ms,color 170ms}
.hp3-liquidation .hp3-map-cta:hover{border-color:#54849d;background:#183346;color:#d0effb}
.hp3-liquidation .hp3-map-cta:focus-visible{outline:2px solid #7fcbe8;outline-offset:3px}
@media(max-width:700px){.hp3-liquidation .hp3-map-cta{margin-top:12px;width:fit-content;max-width:100%}}

.hp3-market-summary{display:flex;flex-wrap:wrap;gap:2px 8px;margin:0 0 10px;font-size:12px;line-height:1.6;color:var(--muted,#94a3b8);min-width:0}
.hp3-market-summary[hidden]{display:none}
.hp3-market-summary strong{font-weight:600;flex-shrink:0}
.hp3-market-summary>span{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.hp3-map-updated{display:inline-block;margin-left:8px;font-variant-numeric:tabular-nums}

/* Keep all activity items; compact the 55px rows without changing text or icons. */
.hp3-dashboard [data-city-activity] .hp3-live-event{min-height:50px;padding-block:4px}
/* Nine activity rows save 45px; six surge rows save the same 45px on desktop. */
@media(min-width:1001px){
  .hp3-upbit-surge td{padding-block:7.25px}
  .hp3-upbit-surge th,.hp3-upbit-surge td{padding-inline:5px;vertical-align:middle}
  .hp3-upbit-surge th:first-child,.hp3-upbit-surge td:first-child{width:20%;padding-left:0;text-align:left}
  .hp3-upbit-surge th:nth-child(2){width:23%}
  .hp3-upbit-surge th:nth-child(3){width:18%}
  .hp3-upbit-surge th:nth-child(4){width:19%}
  .hp3-upbit-surge th:last-child{width:20%}
  .hp3-upbit-surge th:last-child,.hp3-upbit-surge td:last-child{padding-right:0}
}

/* Compact pulse cards: reserve a separate bottom track for actual-value visuals. */
.hp3-dashboard .hp3-market-pulse{padding-block:4px}
.hp3-dashboard .hp3-market-pulse .hp3-pulse-grid{row-gap:6px}
.hp3-market-pulse .hp3-pulse-card{min-height:80px;padding:5px 12px 12px;gap:1px;background:radial-gradient(ellipse at 100% 100%,rgba(111,153,190,.055),transparent 70%),rgba(12,18,28,.55)}
.hp3-market-pulse .hp3-pulse-label{line-height:14px;font-size:12px}
.hp3-market-pulse .hp3-pulse-label small{line-height:14px;font-size:10px}
.hp3-market-pulse .hp3-pulse-card strong{line-height:28px;font-size:26px}
.hp3-market-pulse .hp3-pulse-card em{line-height:13px;font-size:10px}
.hp3-pulse-mini{position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:2px;background:#ffffff16;color:#8dabc1;pointer-events:auto}
.hp3-pulse-mini[hidden]{display:none}
.hp3-pulse-mini i{position:absolute;left:clamp(3px,var(--position),calc(100% - 3px));top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#d8e3ed}
.hp3-pulse-mini[data-kind=kimp]{background:linear-gradient(90deg,#567c963d,#92b4bc4d)}
.hp3-pulse-mini[data-kind=kimp]:before{content:"";position:absolute;left:50%;top:-2px;height:7px;border-left:1px solid #9aa9b575}
.hp3-pulse-mini[data-kind=fear]{background:linear-gradient(90deg,#b36d7566 0% 24%,#b2936466 25% 44%,#9babb266 45% 55%,#639a8866 56% 74%,#4eaa9366 75% 100%)}
.hp3-pulse-mini[data-kind=volatility]{background:linear-gradient(90deg,#59799144,#8aa1b966)}
.hp3-pulse-mini[data-kind=direction],.hp3-pulse-mini[data-kind=liquidation]{background:none;height:8px;bottom:3px;text-align:right;font-size:11px;line-height:8px}
.hp3-pulse-mini[data-kind=direction] i,.hp3-pulse-mini[data-kind=liquidation] i{display:none}
.hp3-pulse-mini[data-direction=up]:after{content:"↑";color:#73bba5}
.hp3-pulse-mini[data-direction=down]:after{content:"↓";color:#c38a96}
.hp3-pulse-mini[data-direction=flat]:after{content:"↔"}
.hp3-pulse-mini[data-kind=liquidation]:after{content:"↯";color:#c38a96}
.hp3-market-pulse .hp3-pulse-ratio-bar{height:3px;bottom:5px}
@media(max-width:768px){
  .hp3-dashboard .hp3-market-pulse{padding-block:5px}
  .hp3-dashboard .hp3-market-pulse .hp3-pulse-grid{row-gap:5px}
  .hp3-market-pulse .hp3-pulse-card{min-height:68px;padding:3px 8px 11px;gap:1px}
  .hp3-market-pulse .hp3-pulse-label{font-size:11px;line-height:12px;gap:3px}
  .hp3-market-pulse .hp3-pulse-label small{font-size:9px;line-height:12px}
  .hp3-market-pulse .hp3-pulse-card strong,.hp3-market-pulse [data-pulse-extra=ratio] strong{font-size:20px;line-height:22px}
  .hp3-market-pulse .hp3-pulse-card em{font-size:10px;line-height:12px}
  .hp3-pulse-mini,.hp3-market-pulse .hp3-pulse-ratio-bar{left:8px;right:8px;bottom:4px}
}

/* [OI섹션] 비트코인 미체결약정 스트립 — 기존 hp3 카드와 겹치지 않는 hp3-oi- 접두어만 사용한다. */
.hp3-oi-strip{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid rgba(155,131,244,.22);border-radius:11px;background:linear-gradient(90deg,rgba(103,76,198,.16),rgba(14,18,28,.94) 46%,rgba(37,139,120,.08));color:var(--text)}
.hp3-oi-strip:hover{border-color:rgba(155,131,244,.45)}
.hp3-oi-strip:focus-within{outline:2px solid #9b83f4;outline-offset:2px}
.hp3-oi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp3-oi-label{display:flex;align-items:baseline;gap:8px;min-width:0}
.hp3-oi-label b{font-size:13px;font-weight:800;letter-spacing:-.01em}
.hp3-oi-label em{color:var(--muted);font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 상세 지표로 가는 버튼. 호버에서 화살표만 오른쪽으로 밀린다. */
.hp3-oi-more{position:static;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid rgba(155,131,244,.42);border-radius:8px;background:rgba(155,131,244,.14);color:#b9a6ff;font-size:11px;font-weight:700;white-space:nowrap;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.hp3-oi-more i{display:inline-block;font-style:normal;transition:transform .2s ease}
.hp3-oi-more:hover{border-color:rgba(155,131,244,.6);background:rgba(155,131,244,.28);color:#d3c6ff}
.hp3-oi-more:hover i{transform:translateX(4px)}
.hp3-oi-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.hp3-oi-figure{display:flex;flex-direction:column;gap:3px;min-width:0}
.hp3-oi-figure small{color:var(--muted);font-size:10px}
.hp3-oi-figure strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}
.hp3-oi-figure>em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}
.hp3-oi-verdict{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0;padding-top:2px;border-top:1px solid rgba(155,131,244,.14)}
.hp3-oi-verdict>span{color:var(--muted);font-size:12px;line-height:1.5}
.hp3-oi-badge{flex:0 0 auto;padding:4px 9px;border:1px solid rgba(155,131,244,.3);border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.hp3-oi-badge.is-long-build{border-color:rgba(239,123,132,.45);background:rgba(239,123,132,.12);color:#ef7b84}
.hp3-oi-badge.is-short-build{border-color:rgba(118,162,246,.45);background:rgba(118,162,246,.12);color:#76a2f6}
.hp3-oi-badge.is-short-cover{border-color:rgba(240,166,94,.45);background:rgba(240,166,94,.12);color:#f0a65e}
.hp3-oi-badge.is-long-unwind{border-color:rgba(109,197,232,.45);background:rgba(109,197,232,.12);color:#6dc5e8}
.hp3-oi-badge.is-flat{border-color:rgba(160,168,184,.4);background:rgba(160,168,184,.1);color:#a7aebc}
@media(max-width:640px){
  .hp3-oi-strip{gap:9px;padding:13px}
  .hp3-oi-figures{grid-template-columns:1fr;gap:8px}
  .hp3-oi-figure{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}
  .hp3-oi-figure small{flex:0 0 auto}
  .hp3-oi-figure strong{justify-content:flex-end;font-size:18px}
  .hp3-oi-figure>em{flex:1 0 100%;font-size:11px;text-align:right}
  .hp3-oi-verdict{gap:7px 8px}
  .hp3-oi-verdict>span{font-size:11.5px}
}

/* [실시간 갱신 효과] 값이 바뀔 때만 짧게 반응한다. 상승=붉은 계열(한국식) / 하락=푸른 계열 / 그 외=중립.
   상태 전환은 전부 CSS 애니메이션이고, JS는 클래스만 붙였다 떼므로 타이머가 늘지 않는다. */
.hp3 .tick-up,.hp3 .tick-down,.hp3 .tick-flat{border-radius:5px;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}
.hp3 .tick-up{animation-name:hp3-tick-up}
.hp3 .tick-down{animation-name:hp3-tick-down}
.hp3 .tick-flat{animation-name:hp3-tick-flat}
@keyframes hp3-tick-up{
  0%{background-color:rgba(230,72,86,0);color:inherit}
  18%{background-color:rgba(230,72,86,.24);color:#ff8a92}
  100%{background-color:rgba(230,72,86,0);color:inherit}
}
@keyframes hp3-tick-down{
  0%{background-color:rgba(70,140,255,0);color:inherit}
  18%{background-color:rgba(70,140,255,.24);color:#8fbcff}
  100%{background-color:rgba(70,140,255,0);color:inherit}
}
@keyframes hp3-tick-flat{
  0%{background-color:rgba(180,190,210,0)}
  18%{background-color:rgba(180,190,210,.18)}
  100%{background-color:rgba(180,190,210,0)}
}
/* 표 셀은 border-radius가 어색해서 배경만 쓴다. */
.hp3 td.tick-up,.hp3 td.tick-down,.hp3 td.tick-flat{border-radius:0}

/* 새 항목 등장: 위에서 부드럽게 내려온다. */
.hp3 .tick-in{animation:hp3-tick-in .3s ease-out both}
@keyframes hp3-tick-in{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
  .hp3 .tick-up,.hp3 .tick-down,.hp3 .tick-flat,.hp3 .tick-in{animation:none!important;background-color:transparent!important;transform:none!important;opacity:1!important}
}

/* ── 실시간 이벤트 토스트 ─────────────────────────────── */
#tick-toast-root{position:fixed;right:18px;bottom:18px;z-index:1400;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
#tick-toast-root .tick-toast{
  pointer-events:auto;display:block;max-width:min(78vw,320px);
  font:600 13px/1.35 inherit;letter-spacing:.01em;font-variant-numeric:tabular-nums;
  color:#eaf0fb;background:#141a26f2;border:1px solid #2c3648;border-left:3px solid #6c7c99;
  border-radius:10px;padding:10px 14px;text-align:left;cursor:pointer;
  box-shadow:0 10px 26px rgba(0,0,0,.45);
  animation:tick-toast-in .26s ease-out both;
}
#tick-toast-root .tick-toast[data-side=LONG]{border-left-color:#e64856}
#tick-toast-root .tick-toast[data-side=SHORT]{border-left-color:#3d7bff}
#tick-toast-root .tick-toast:hover{background:#1a2231f2}
#tick-toast-root .tick-toast:focus-visible{outline:2px solid #7fa6ff;outline-offset:2px}
#tick-toast-root .tick-toast.is-mega{
  transform-origin:right bottom;font-size:15.6px;padding:12px 17px;
  border-color:#e8b44a;border-left-color:#e8b44a;
  box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 1px #e8b44a55;
}
#tick-toast-root .tick-toast.is-leaving{animation:tick-toast-out .22s ease-in both}
@keyframes tick-toast-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes tick-toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(18px)}}
@media(max-width:640px){
  #tick-toast-root{left:5%;right:5%;width:90%;align-items:center}
  #tick-toast-root .tick-toast{width:100%;max-width:none;text-align:center}
  @keyframes tick-toast-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
  @keyframes tick-toast-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}
}

/* ── 청산맵: 막대·현재가 선 부드러운 이동, 현재가 근접 구간 펄스 ── */
.hp3 .lmap-bar{transition:width .6s ease-out,x .6s ease-out,y .6s ease-out,height .6s ease-out}
.hp3 .lmap-chart svg.is-dragging .lmap-bar{transition:none}
.hp3 .lmap-chart [data-price-line] line{transition:y1 .4s ease-out,y2 .4s ease-out}
.hp3 .lmap-chart [data-price-line] rect{transition:y .4s ease-out}
.hp3 .lmap-chart [data-price-line] text{transition:y .4s ease-out}
.hp3 .lmap-bar.lmap-bar-near{animation:hp3-lmap-near .8s ease-in-out infinite alternate}
@keyframes hp3-lmap-near{from{opacity:.7}to{opacity:1}}

@media(prefers-reduced-motion:reduce){
  #tick-toast-root .tick-toast,#tick-toast-root .tick-toast.is-leaving{animation:none!important;transform:none!important}
  .hp3 .lmap-bar,.hp3 .lmap-chart [data-price-line] line,.hp3 .lmap-chart [data-price-line] rect,.hp3 .lmap-chart [data-price-line] text{transition:none!important}
  .hp3 .lmap-bar.lmap-bar-near{animation:none!important}
}

/* ── 홈 주간 경제 캘린더: /market/calendar 주간 뷰와 같은 7칸 그리드 ──
   배지(.mc-badge)와 중요도 점(.mc-dots)은 market-calendar.css 를 재사용하고,
   레이아웃만 hp3-cal-* 로 따로 둔다. (mc-week/mc-day 는 860px 미디어쿼리가
   붙어 있어 홈의 720px 기준과 어긋나므로 상속하지 않는다) */
.hp3 .hp3-cal{margin:0 0 18px;padding:14px 16px 15px;border:1px solid rgba(109,151,213,.24);border-radius:18px;background:linear-gradient(115deg,#101c30,#0b1220 60%,#101a29);box-shadow:inset 0 1px rgba(173,206,255,.07);min-width:0}
.hp3 .hp3-cal-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:11px}
.hp3 .hp3-cal-label{font-size:15px;font-weight:800;letter-spacing:-.02em;color:#e8eefb}
.hp3 .hp3-cal-label i{font-style:normal;margin-right:6px}
.hp3 .hp3-cal-range{font-size:12.5px;font-weight:700;color:#9cb3d4}
.hp3 .hp3-cal-tz{font-size:11px;color:#7d8ea8}
.hp3 .hp3-cal-all{margin-left:auto;font-size:12px;font-weight:700;color:#93c5fd;text-decoration:none;white-space:nowrap}
.hp3 .hp3-cal-all:hover{text-decoration:underline}
/* 월간 보기(보조 버튼): 전체 캘린더와 같은 크기·색이되 배경 없이 테두리만. */
.hp3 .hp3-cal-month{margin-left:auto;font-size:12px;font-weight:700;color:#93c5fd;text-decoration:none;white-space:nowrap;padding:3px 9px;border:1px solid rgba(147,197,253,.35);border-radius:999px;background:none;line-height:1.4}
.hp3 .hp3-cal-month:hover{border-color:rgba(147,197,253,.6);color:#bfdbfe}
.hp3 .hp3-cal-month ~ .hp3-cal-all{margin-left:0}

/* 상위 컨테이너의 flex/grid 영향을 받지 않도록 자체 grid 로 고정한다. */
.hp3 .hp3-cal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;min-width:0}
.hp3 .hp3-cal-day{position:relative;display:flex;flex-direction:column;min-width:0;height:112px;padding:7px 8px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(8,15,27,.55)}
.hp3 .hp3-cal-day.is-today{border-color:rgba(244,63,94,.5);box-shadow:0 0 0 1px rgba(244,63,94,.18) inset}
.hp3 .hp3-cal-date{display:flex;align-items:baseline;gap:5px;margin-bottom:5px;color:inherit;text-decoration:none}
.hp3 .hp3-cal-date b{font-size:12.5px;font-weight:800;color:#e2e8f0}
.hp3 .hp3-cal-date small{font-size:10.5px;color:#8fa0b8}
.hp3 .hp3-cal-day.is-weekend .hp3-cal-date b{color:#94a3b8}
.hp3 .hp3-cal-date:hover b,.hp3 .hp3-cal-date:hover small{text-decoration:underline}
.hp3 .hp3-cal-today-tag{position:absolute;top:6px;right:7px;font-size:9px;font-weight:800;letter-spacing:.04em;color:#f43f5e}

.hp3 .hp3-cal-items{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:3px}
.hp3 .hp3-cal-none{font-size:11px;color:rgba(154,160,170,.5)}
.hp3 .hp3-cal-item{display:block;padding:3px 5px;border-left:2px solid #64748b;border-radius:5px;background:rgba(255,255,255,.03);color:inherit;text-decoration:none}
.hp3 .hp3-cal-item:hover{background:rgba(255,255,255,.08)}
.hp3 .hp3-cal-item[data-importance="2"]{border-left-color:#38bdf8}
.hp3 .hp3-cal-item[data-importance="3"]{border-left-color:#f43f5e;background:rgba(244,63,94,.08)}
.hp3 .hp3-cal-item-top{display:flex;align-items:center;gap:4px;min-width:0}
.hp3 .hp3-cal-item-when{font-size:10px;font-weight:700;color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap}
.hp3 .hp3-cal-item .mc-badge{font-size:9px;padding:0 4px}
.hp3 .hp3-cal-item-name{display:block;font-size:10.5px;line-height:1.3;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 중요도: 3 붉은 굵게 · 2 하늘색 · 1 회색 */
.hp3 .hp3-cal-item[data-importance="1"] .hp3-cal-item-name{color:#94a3b8}
.hp3 .hp3-cal-item[data-importance="2"] .hp3-cal-item-name{color:#7dd3fc}
.hp3 .hp3-cal-item[data-importance="3"] .hp3-cal-item-name{color:#fda4af;font-weight:800}

/* '+N' 은 칸 높이를 넘기지 않도록 띄워서 펼친다. */
.hp3 .hp3-cal-more{flex:0 0 auto;margin-top:2px}
.hp3 .hp3-cal-more>summary{list-style:none;cursor:pointer;font-size:10px;font-weight:800;color:#93c5fd}
.hp3 .hp3-cal-more>summary::-webkit-details-marker{display:none}
.hp3 .hp3-cal-more-panel{position:absolute;z-index:6;left:6px;right:6px;top:100%;margin-top:4px;display:flex;flex-direction:column;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0d1524;box-shadow:0 10px 26px rgba(0,0,0,.5)}
.hp3 .hp3-cal-more-panel .hp3-cal-item-name{white-space:normal}

/* 모바일: 세로 목록으로 전환하고, 일정 없는 날은 숨긴다. */
@media(max-width:720px){
  .hp3 .hp3-cal{padding:12px 13px}
  .hp3 .hp3-cal-all{margin-left:0}
  /* 모바일: 두 버튼이 라벨 줄 아래로 함께 줄바꿈된다. */
  .hp3 .hp3-cal-month{margin-left:0}
  .hp3 .hp3-cal-month,.hp3 .hp3-cal-all{align-self:center}
  .hp3 .hp3-cal-week{grid-template-columns:1fr;gap:5px}
  .hp3 .hp3-cal-day:not(.has-events){display:none}
  .hp3 .hp3-cal-day{height:auto}
  .hp3 .hp3-cal-items{overflow:visible}
  .hp3 .hp3-cal-item-name{white-space:normal;font-size:11.5px}
  .hp3 .hp3-cal-more-panel{position:static;padding:0;border:0;background:none;box-shadow:none;margin-top:3px}
}


/* liquidation pressure summary v1 */
.hp3-liquidation .lmap-market{
  display:grid;
  grid-template-columns:auto minmax(280px,380px) auto;
  align-items:center;
  gap:18px;
}

.hp3-liquidation .hp3-liq-quote{
  min-width:0;
}

.hp3-liq-signal{
  min-width:0;
  padding:8px 12px 9px;
  border:1px solid rgba(93,118,143,.24);
  border-radius:10px;
  background:rgba(7,14,22,.34);
}

.hp3-liq-pressure-head{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
  color:var(--muted);
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.hp3-liq-pressure-head>span:first-child{
  color:#b9c5d2;
  font-weight:700;
}

.hp3-liq-pressure-short{
  color:var(--liq-short);
  font-weight:700;
}

.hp3-liq-pressure-long{
  color:var(--liq-long);
  font-weight:700;
}

.hp3-liq-pressure-bar{
  display:flex;
  width:100%;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#18212c;
}

.hp3-liq-pressure-bar i{
  display:block;
  width:50%;
  height:100%;
  transition:width 300ms ease;
}

.hp3-liq-pressure-bar .is-short{
  background:var(--liq-short);
}

.hp3-liq-pressure-bar .is-long{
  background:var(--liq-long);
}

.hp3-liq-nearest{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin-top:7px;
  font-size:10px;
  line-height:1.3;
  font-variant-numeric:tabular-nums;
}

.hp3-liq-nearest>span{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  white-space:nowrap;
}

.hp3-liq-nearest>span:last-child{
  justify-content:flex-end;
}

.hp3-liq-nearest b{
  flex:none;
  font-size:9px;
}

.hp3-liq-nearest .is-short b{
  color:var(--liq-short);
}

.hp3-liq-nearest .is-long b{
  color:var(--liq-long);
}

.hp3-liq-nearest span span{
  overflow:hidden;
  color:#c3ccd7;
  text-overflow:ellipsis;
}

@media(max-width:900px){
  .hp3-liquidation .lmap-market{
    grid-template-columns:auto 1fr;
  }

  .hp3-liquidation .hp3-liq-signal{
    grid-column:1 / -1;
    grid-row:2;
  }

  .hp3-liquidation .hp3-map-cta{
    justify-self:end;
  }
}

@media(max-width:700px){
  .hp3-liquidation .lmap-market{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px 8px;
  }

  .hp3-liquidation .hp3-liq-signal{
    grid-column:1 / -1;
    width:100%;
    padding:9px 10px;
  }

  .hp3-liquidation .hp3-map-cta{
    margin-top:0;
  }

  .hp3-liq-pressure-head{
    gap:7px;
    font-size:9px;
  }

  .hp3-liq-nearest{
    gap:7px;
    font-size:9px;
  }

  .hp3-liq-nearest b{
    font-size:8px;
  }
}

@media(max-width:430px){
  .hp3-liq-nearest{
    grid-template-columns:1fr;
    gap:4px;
  }

  .hp3-liq-nearest>span:last-child{
    justify-content:flex-start;
  }
}


/* liquidation pressure compact polish v2 */

/* 요약 추가 전 카드 높이에 가깝게 복원 */
.hp3-liquidation .lmap-chart{
  height:425px;
}

.hp3-liq-signal{
  padding:7px 11px 8px;
}

.hp3-liq-pressure-head{
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:8px;
  margin-bottom:5px;
}

.hp3-liq-pressure-head>strong{
  min-width:0;
  color:#d4dbe5;
  font-size:10px;
  font-weight:650;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hp3-liq-nearest{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
}

.hp3-liq-nearest>em{
  flex:none;
  color:var(--muted);
  font-size:9px;
  font-style:normal;
}

.hp3-liq-nearest>span{
  flex:none;
}

.hp3-liq-nearest>span:last-child{
  justify-content:flex-start;
}

@media(max-width:700px){
  .hp3-liquidation .lmap-chart{
    height:390px;
  }

  .hp3-liq-pressure-head{
    grid-template-columns:1fr auto auto;
  }

  .hp3-liq-pressure-head>strong{
    grid-column:1 / -1;
    grid-row:2;
    font-size:10px;
  }

  .hp3-liq-nearest{
    display:grid;
    grid-template-columns:auto 1fr 1fr;
    gap:5px 8px;
  }
}

@media(max-width:430px){
  .hp3-liq-nearest{
    grid-template-columns:1fr 1fr;
  }

  .hp3-liq-nearest>em{
    grid-column:1 / -1;
  }
}

/* =========================================================
   HOME LIQUIDATION HEATMAP V2
   ========================================================= */

/* 전체 묶음:
   1행 = 히트맵
   2행 = 투표 / 실시간 활동
*/
.hp3-dashboard .hp3-dashboard-now{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  align-items:stretch;
  gap:0;
  min-width:0;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  overflow:hidden;
}


/* ---------------------------------------------------------
   HEATMAP
   --------------------------------------------------------- */

.hp3-dashboard .hp3-liq-heatmap{
  grid-column:1 / -1;
  min-width:0;
  padding:15px 17px 13px;
  border-bottom:1px solid var(--line);
  background:var(--panel);
}

.hp3-liq-heatmap-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.hp3-liq-heatmap-head>div{
  min-width:0;
}

.hp3-liq-heatmap-head>div>span{
  display:block;
  margin-bottom:3px;
  color:#8f82ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}

.hp3-liq-heatmap-head h2,
.hp3-liq-heatmap-head .hp3-hd{
  margin:0;
  color:var(--text);
  font-size:17px;
  line-height:1.3;
  letter-spacing:-.025em;
}

.hp3-liq-heatmap-head>a{
  flex:none;
  margin-top:2px;
  color:#b9d7ef;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}

.hp3-liq-heatmap-head>a:hover{
  color:#e1f4ff;
}


/* 기간 버튼 */

.hp3-liq-heatmap-periods{
  display:flex;
  gap:5px;
  margin-top:9px;
}

.hp3-liq-heatmap-periods button{
  min-width:40px;
  height:24px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--surface-2);
  color:var(--muted);
  font-family:inherit;
  font-size:10px;
  font-weight:700;
}

.hp3-liq-heatmap-periods button.is-active{
  border-color:rgba(127,203,232,.38);
  background:rgba(58,129,164,.16);
  color:#bceaff;
}


/* 히트맵 영역 */

.hp3-liq-heatmap-stage{
  position:relative;
  height:175px;
  margin-top:9px;
  overflow:hidden;
  border:1px solid rgba(145,158,190,.13);
  border-radius:9px;

  background:
    linear-gradient(
      rgba(145,158,190,.05) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(145,158,190,.04) 1px,
      transparent 1px
    ),
    #090f17;

  background-size:
    100% 35px,
    70px 100%;
}


/* 현재는 실제 history가 없으므로
   배경은 명확히 preview 용도 */
.hp3-liq-heatmap-demo{
  position:absolute;
  inset:0;
  opacity:.72;
}

.hp3-liq-heatmap-demo i{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--w);
  height:9px;
  border-radius:2px;
  background:#ff657c;
  opacity:var(--o);
}

.hp3-liq-heatmap-demo i.is-long{
  background:#42dba4;
}

.hp3-liq-heatmap-demo>span{
  position:absolute;
  left:0;
  right:0;
  top:53%;
  height:1px;
  background:#76bee3;
  opacity:.42;
}


/* 데이터 축적 안내 */

.hp3-liq-heatmap-placeholder{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;

  display:flex;
  align-items:center;
  gap:10px;

  width:min(385px, calc(100% - 28px));
  padding:11px 13px;

  border:1px solid rgba(145,158,190,.20);
  border-radius:9px;

  background:rgba(8,14,22,.90);

  transform:translate(-50%,-50%);
}

.hp3-liq-heatmap-icon{
  flex:none;
  color:#7fcbe8;
  font-size:23px;
}

.hp3-liq-heatmap-placeholder>div{
  min-width:0;
}

.hp3-liq-heatmap-placeholder strong{
  display:block;
  color:#dae3ec;
  font-size:12px;
  line-height:1.4;
}

.hp3-liq-heatmap-placeholder p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}


/* 하단 설명 */

.hp3-liq-heatmap-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  margin-top:7px;

  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}

.hp3-liq-heatmap-foot em{
  flex:none;
  color:#d9b873;
  font-style:normal;
}


/* ---------------------------------------------------------
   POLL + LIVE ACTIVITY
   --------------------------------------------------------- */

.hp3-dashboard .hp3-dashboard-now >
.hp3-daily-poll.hp3-poll-compact{
  grid-column:1;
  min-width:0;

  margin:0;
  padding:13px 14px;

  border:0;
  border-right:1px solid var(--line);
  border-top:0;
  border-radius:0;

  background:none;
}


/* 기존 compact CSS보다 더 작게 */

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-head{
  min-height:0;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-eyebrow strong{
  font-size:13px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-body{
  margin-top:6px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-question{
  font-size:14px;
  line-height:1.35;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-options{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px;
  margin-top:7px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option{
  min-height:35px;
  padding:3px 7px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option-main{
  grid-template-columns:23px minmax(0,1fr);
  gap:6px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option-main>em{
  width:23px;
  height:23px;
  font-size:12px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option-label{
  font-size:11px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option-state{
  font-size:8px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option-value{
  font-size:11px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-footer{
  margin-top:6px;
  gap:4px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-meta,
.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-choice{
  font-size:9px;
}


/* 실시간 활동 */

.hp3-dashboard .hp3-dashboard-now >
.hp3-live-panel{
  grid-column:2;

  display:flex;
  flex-direction:column;

  min-width:0;
  min-height:0;
  max-height:none;

  margin:0;
  padding:13px 14px;

  border:0;
  border-radius:0;

  background:none;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-panel:after{
  display:none;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-panel>header{
  gap:7px;
  align-items:center;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-panel .hp3-hd{
  font-size:16px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-panel>header span{
  font-size:9px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-panel>header small{
  font-size:9px;
  text-align:right;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-timeline{
  flex:1;
  min-height:0;
  max-height:none;
  overflow:hidden;
  margin-top:4px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-event{
  min-height:41px;
  padding-block:2px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-event-avatar{
  transform:scale(.88);
}

.hp3-dashboard .hp3-dashboard-now
.hp3-event-copy strong{
  font-size:11px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-event-copy small{
  font-size:8px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-panel-more{
  margin-top:6px;
  font-size:10px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:768px){

  .hp3-dashboard .hp3-dashboard-now{
    grid-template-columns:minmax(0,1fr);
  }

  .hp3-dashboard .hp3-liq-heatmap{
    grid-column:1;
    padding:14px 13px 12px;
  }

  .hp3-liq-heatmap-stage{
    height:165px;
  }

  .hp3-dashboard .hp3-dashboard-now >
  .hp3-daily-poll.hp3-poll-compact{
    grid-column:1;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .hp3-dashboard .hp3-dashboard-now >
  .hp3-live-panel{
    grid-column:1;
  }

  .hp3-liq-heatmap-foot{
    display:block;
  }

  .hp3-liq-heatmap-foot em{
    display:block;
    margin-top:2px;
  }
}


@media(max-width:430px){

  .hp3-liq-heatmap-head h2,
.hp3-liq-heatmap-head .hp3-hd{
    font-size:15px;
  }

  .hp3-liq-heatmap-head>a{
    font-size:9px;
  }

  .hp3-liq-heatmap-stage{
    height:155px;
  }

  .hp3-liq-heatmap-placeholder{
    width:calc(100% - 20px);
    padding:10px;
  }

  .hp3-liq-heatmap-placeholder strong{
    font-size:11px;
  }

  .hp3-liq-heatmap-placeholder p{
    font-size:9px;
  }
}


/* =========================================================
   HOME HEATMAP SIZE POLISH V3
   ========================================================= */

/* 투표 40 / 활동 60 */
.hp3-dashboard .hp3-dashboard-now{
  grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);
}

/* 히트맵 높이 축소 */
.hp3-liq-heatmap-stage{
  height:145px;
}

/* 상단 공간 조금 더 압축 */
.hp3-dashboard .hp3-liq-heatmap{
  padding:13px 16px 11px;
}

.hp3-liq-heatmap-periods{
  margin-top:7px;
}

.hp3-liq-heatmap-stage{
  margin-top:7px;
}

.hp3-liq-heatmap-foot{
  margin-top:6px;
}

/* 투표 compact */
.hp3-dashboard .hp3-dashboard-now >
.hp3-daily-poll.hp3-poll-compact{
  padding:12px 13px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option{
  min-height:33px;
}

/* 실시간 활동 compact */
.hp3-dashboard .hp3-dashboard-now >
.hp3-live-panel{
  padding:12px 13px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-event{
  min-height:39px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-panel-more{
  margin-top:4px;
}

@media(max-width:768px){
  .hp3-dashboard .hp3-dashboard-now{
    grid-template-columns:minmax(0,1fr);
  }

  .hp3-liq-heatmap-stage{
    height:145px;
  }
}

@media(max-width:430px){
  .hp3-liq-heatmap-stage{
    height:135px;
  }
}


/* =========================================================
   HOME COMMUNITY COMPACT V4
   ========================================================= */

/* JS가 바뀌기 전 캐시가 남아도 5번째부터는 숨김 */
.hp3-dashboard .hp3-dashboard-now
.hp3-live-timeline .hp3-live-event:nth-child(n+5){
  display:none !important;
}

/* 하단 커뮤니티 영역의 불필요한 높이 감소 */
.hp3-dashboard .hp3-dashboard-now >
.hp3-daily-poll.hp3-poll-compact,
.hp3-dashboard .hp3-dashboard-now >
.hp3-live-panel{
  align-self:start;
}

/* 활동 4개 기준으로 조금 더 조밀하게 */
.hp3-dashboard .hp3-dashboard-now
.hp3-live-event{
  min-height:36px;
  padding-block:1px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-panel{
  padding-top:11px;
  padding-bottom:10px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-live-timeline{
  margin-top:3px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-panel-more{
  margin-top:3px;
}

/* 투표도 활동 높이와 비슷하게 압축 */
.hp3-dashboard .hp3-dashboard-now >
.hp3-daily-poll.hp3-poll-compact{
  padding-top:11px;
  padding-bottom:10px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-option{
  min-height:31px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-options{
  margin-top:6px;
}

.hp3-dashboard .hp3-dashboard-now
.hp3-poll-compact .hp3-poll-footer{
  margin-top:5px;
}


/* HOME HEATMAP HEIGHT BALANCE V5 */

.hp3-liq-heatmap-stage{
  height:240px;
}

@media(max-width:768px){
  .hp3-liq-heatmap-stage{
    height:210px;
  }
}

@media(max-width:430px){
  .hp3-liq-heatmap-stage{
    height:185px;
  }
}


/* =========================================================
   HOME COLUMN AUTO BALANCE V6
   좌/우 컬럼 하단 자동 정렬
   ========================================================= */

@media(min-width:1001px){

  /* 좌우 컬럼 자체를 같은 높이로 사용 */
  .hp3-dashboard-columns{
    align-items:stretch;
  }

  .hp3-dashboard-column-left,
  .hp3-dashboard-column-right{
    min-height:100%;
  }

  /* 왼쪽 컬럼:
     상단 청산맵은 기존 높이,
     아래 히트맵/커뮤니티 카드는 남은 높이를 모두 사용 */
  .hp3-dashboard-column-left{
    display:flex;
    flex-direction:column;
  }

  .hp3-dashboard-column-left .hp3-dashboard-now{
    flex:1 1 auto;

    display:grid;

    /* 위 히트맵이 남는 공간을 모두 먹고
       아래 투표/활동은 콘텐츠 높이만 사용 */
    grid-template-rows:minmax(240px,1fr) auto;

    min-height:0;
  }

  /* 히트맵 section 자체도 세로 확장 */
  .hp3-dashboard-column-left .hp3-liq-heatmap{
    display:flex;
    flex-direction:column;

    min-height:0;
    height:auto;
  }

  /* 실제 차트 영역이 남는 공간을 사용 */
  .hp3-dashboard-column-left .hp3-liq-heatmap-stage{
    flex:1 1 auto;

    height:auto;
    min-height:240px;
  }

  /* 투표 + 활동은 필요 이상으로 늘어나지 않음 */
  .hp3-dashboard-column-left
  .hp3-daily-poll.hp3-poll-compact,

  .hp3-dashboard-column-left
  .hp3-live-panel{
    align-self:stretch;
  }
}


/* =========================================================
   HOME LIVE HEATMAP CANVAS V7
   ========================================================= */

.hp3-liq-heatmap-stage{
  position:relative;
}

.hp3-liq-heatmap-canvas{
  display:block;
  width:100%;
  height:100%;
}

.hp3-liq-heatmap-tooltip{
  position:absolute;
  z-index:8;

  min-width:165px;
  max-width:210px;

  padding:8px 10px;

  border:1px solid rgba(126,159,190,.35);
  border-radius:7px;

  background:rgba(7,13,20,.96);

  box-shadow:
    0 7px 22px rgba(0,0,0,.32);

  pointer-events:none;

  color:#dbe8f3;

  font-size:9px;
  line-height:1.45;
}

.hp3-liq-heatmap-tooltip strong,
.hp3-liq-heatmap-tooltip span,
.hp3-liq-heatmap-tooltip b{
  display:block;
}

.hp3-liq-heatmap-tooltip strong{
  margin-bottom:2px;
  font-size:10px;
}

.hp3-liq-heatmap-tooltip span{
  color:#91a8ba;
}

.hp3-liq-heatmap-tooltip b{
  margin-top:2px;
  color:#fff;
  font-size:11px;
}


/* ===== Liquidation heatmap readability ===== */

.hp3-liq-heatmap-legend{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin:2px 0 10px;
  font-size:11px;
  color:#9fb0c3;
}

.hp3-liq-heatmap-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.hp3-liq-heatmap-legend i{
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:2px;
}

.hp3-liq-heatmap-legend .is-short i{
  background:#ef476f;
  box-shadow:0 0 8px rgba(239,71,111,.28);
}

.hp3-liq-heatmap-legend .is-long i{
  background:#31c992;
  box-shadow:0 0 8px rgba(49,201,146,.25);
}

.hp3-liq-heatmap-legend .is-price i{
  width:14px;
  height:0;
  border-radius:0;
  border-top:1px dashed #67d6ff;
  background:transparent;
}

.hp3-liq-heatmap-stage{
  position:relative;
  min-height:0;
}

.hp3-liq-history-empty{
  position:absolute;
  z-index:3;
  top:50%;
  left:32%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  text-align:center;
  color:#607287;
  font-size:11px;
  line-height:1.5;
  opacity:.72;
}

.hp3-liq-history-empty strong{
  display:block;
  margin-bottom:2px;
  color:#73869c;
  font-weight:600;
}

.hp3-liq-history-empty span{
  font-size:10px;
}

.hp3-liq-current-label{
  position:absolute;
  z-index:4;
  right:12px;
  pointer-events:none;
  transform:translateY(-50%);
  padding:2px 6px;
  border:1px solid rgba(103,214,255,.34);
  border-radius:4px;
  background:rgba(5,15,24,.88);
  color:#8ee6ff;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

@media (max-width: 720px){
  .hp3-liq-heatmap-legend{
    gap:8px 12px;
    font-size:10px;
  }

  .hp3-liq-history-empty{
    left:36%;
    font-size:10px;
  }

  .hp3-liq-current-label{
    display:none;
  }
}

/* =========================================================
   Liquidation heatmap insight v1
   ========================================================= */

.hp3-liq-insight{
  display:grid;
  grid-template-columns:
    minmax(110px,.75fr)
    minmax(180px,1fr)
    minmax(180px,1fr);

  gap:8px;

  margin:7px 0 8px;
}

.hp3-liq-insight-current,
.hp3-liq-insight-zone{
  min-width:0;

  padding:8px 10px;

  border:1px solid rgba(137,157,183,.13);
  border-radius:7px;

  background:rgba(10,18,27,.58);
}

.hp3-liq-insight-current{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hp3-liq-insight-current span,
.hp3-liq-insight-zone>span{
  display:block;

  color:#8197aa;

  font-size:9px;
  font-weight:600;
  line-height:1.35;
}

.hp3-liq-insight-current strong{
  display:block;

  margin-top:2px;

  color:#e8f4ff;

  font-size:15px;
  font-weight:800;
  line-height:1.2;

  font-variant-numeric:tabular-nums;
}

.hp3-liq-insight-zone{
  position:relative;
}

.hp3-liq-insight-zone>span{
  display:flex;
  align-items:center;
  gap:5px;
}

.hp3-liq-insight-zone>span i{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:16px;
  height:16px;

  border-radius:4px;

  font-style:normal;
  font-size:10px;
}

.hp3-liq-insight-zone.is-short>span i{
  background:rgba(255,91,117,.12);
  color:#ff6680;
}

.hp3-liq-insight-zone.is-long>span i{
  background:rgba(62,219,163,.12);
  color:#45dda8;
}

.hp3-liq-insight-zone strong{
  display:block;

  margin-top:4px;

  color:#e7eff7;

  font-size:12px;
  font-weight:750;
  line-height:1.25;

  font-variant-numeric:tabular-nums;
}

.hp3-liq-insight-zone.is-short strong{
  color:#ff8297;
}

.hp3-liq-insight-zone.is-long strong{
  color:#65ddb2;
}

.hp3-liq-insight-zone small{
  display:block;

  margin-top:2px;

  color:#75899b;

  font-size:9px;
  line-height:1.3;

  font-variant-numeric:tabular-nums;
}

@media(max-width:760px){

  .hp3-liq-insight{
    grid-template-columns:1fr 1fr;
  }

  .hp3-liq-insight-current{
    grid-column:1 / -1;

    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }

  .hp3-liq-insight-current strong{
    margin-top:0;
  }

}

@media(max-width:430px){

  .hp3-liq-insight{
    grid-template-columns:1fr;
  }

  .hp3-liq-insight-current{
    grid-column:auto;
  }

}


/* =========================================================
   Liquidation heatmap interpretation v1
   ========================================================= */

.hp3-liq-intensity-legend{
  display:flex;
  align-items:center;

  gap:6px;

  margin:
    -3px 0 9px;

  color:#71869a;

  font-size:9px;
  line-height:1;
}

.hp3-liq-intensity-title{
  margin-right:3px;

  color:#8096aa;
  font-weight:650;
}

.hp3-liq-intensity-low,
.hp3-liq-intensity-high{
  color:#64798c;
}

.hp3-liq-intensity-scale{
  display:inline-flex;
  align-items:center;

  gap:2px;
}

.hp3-liq-intensity-scale i{
  display:block;

  width:10px;
  height:6px;

  border-radius:1px;

  background:#60d9b0;
}

.hp3-liq-intensity-scale i:nth-child(1){
  opacity:.18;
}

.hp3-liq-intensity-scale i:nth-child(2){
  opacity:.36;
}

.hp3-liq-intensity-scale i:nth-child(3){
  opacity:.62;
}

.hp3-liq-intensity-scale i:nth-child(4){
  opacity:1;
}


/*
 * 미수집 영역 안내는 오류 문구처럼 보이지 않도록
 * 기존보다 조금 더 낮은 시각적 우선순위로 표시.
 */
.hp3-liq-history-empty{
  opacity:.62;
}

.hp3-liq-history-empty strong{
  color:#71849a;
  font-size:10px;
}

.hp3-liq-history-empty span{
  color:#5d7084;
}


@media(max-width:720px){

  .hp3-liq-intensity-legend{
    gap:5px;
    margin-bottom:7px;
    font-size:8px;
  }

  .hp3-liq-intensity-scale i{
    width:8px;
  }

}


/* =========================================================
   Heatmap current BTC left axis v1
   ========================================================= */

/*
 * 현재 BTC 라벨을 차트 오른쪽에서
 * Y축 가격 숫자 영역으로 이동한다.
 *
 * 기준가와 가까운 일반 Y축 눈금은 이미 숨기므로
 * 같은 위치에서 두 가격이 겹치지 않는다.
 */
.hp3-liq-current-label{
  left:5px !important;
  right:auto !important;

  transform:translateY(-50%);

  padding:3px 6px;

  border-color:rgba(103,214,255,.48);

  background:rgba(5,15,24,.96);

  box-shadow:
    0 0 0 1px rgba(4,10,16,.55),
    0 2px 8px rgba(0,0,0,.25);

  font-size:9px;
  line-height:1.15;
}


/*
 * 모바일은 기존처럼 숨긴다.
 * 좁은 Y축에서 가격 눈금을 가리는 문제 방지.
 */
@media(max-width:720px){
  .hp3-liq-current-label{
    display:none;
  }
}



/* =========================================================
   Liquidation nearest strong band v1
   ========================================================= */

.hp3-liq-nearest{
  margin-top:5px;
  padding-top:5px;

  border-top:
    1px solid rgba(128,151,173,.10);

  color:#91a4b6;

  font-size:9px;
  font-weight:600;
  line-height:1.3;

  font-variant-numeric:tabular-nums;
}

.hp3-liq-nearest.is-nearest-short{
  color:#e58a9a;
}

.hp3-liq-nearest.is-nearest-long{
  color:#72cdb0;
}

@media(max-width:720px){
  .hp3-liq-nearest{
    margin-top:4px;
    padding-top:4px;
    font-size:8px;
  }
}



/* =========================================================
   Liquidation pressure index v1
   ========================================================= */

.hp3-liq-pressure{
  margin:8px 0 9px;

  padding:9px 11px;

  border:
    1px solid rgba(132,154,177,.14);

  border-radius:7px;

  background:
    linear-gradient(
      180deg,
      rgba(12,21,31,.72),
      rgba(7,14,22,.55)
    );
}


.hp3-liq-pressure-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  margin-bottom:7px;
}


.hp3-liq-pressure-head>span{
  color:#8399ad;

  font-size:10px;
  font-weight:700;
}


.hp3-liq-pressure-head>strong{
  color:#dce8f2;

  font-size:11px;
  font-weight:750;
}


.hp3-liq-pressure[
  data-pressure-state="short"
]
.hp3-liq-pressure-head>strong{
  color:#ff8195;
}


.hp3-liq-pressure[
  data-pressure-state="long"
]
.hp3-liq-pressure-head>strong{
  color:#62dcb1;
}


.hp3-liq-pressure-values{
  display:grid;

  grid-template-columns:
    72px
    minmax(120px,1fr)
    72px;

  align-items:center;

  gap:8px;
}


.hp3-liq-pressure-values>strong{
  font-size:10px;
  font-weight:700;

  font-variant-numeric:
    tabular-nums;
}


.hp3-liq-pressure-values>strong b{
  font-size:13px;
  font-weight:800;
}


.hp3-liq-pressure-values>strong.is-short{
  color:#ff748b;
  text-align:right;
}


.hp3-liq-pressure-values>strong.is-long{
  color:#54d7aa;
  text-align:left;
}


.hp3-liq-pressure-bar{
  display:flex;

  width:100%;
  height:7px;

  overflow:hidden;

  border-radius:999px;

  background:
    rgba(114,137,158,.10);
}


.hp3-liq-pressure-bar i{
  display:block;

  height:100%;

  transition:
    width .25s ease;
}


.hp3-liq-pressure-bar i.is-short{
  background:
    rgba(246,77,108,.86);
}


.hp3-liq-pressure-bar i.is-long{
  background:
    rgba(47,208,151,.84);
}


.hp3-liq-pressure p{
  margin:
    7px 0 0;

  color:#9cafbf;

  font-size:10px;
  line-height:1.4;
}


.hp3-liq-pressure>small{
  display:block;

  margin-top:3px;

  color:#617588;

  font-size:8px;
  line-height:1.35;
}


@media(max-width:720px){

  .hp3-liq-pressure-values{
    grid-template-columns:
      60px
      minmax(90px,1fr)
      60px;
  }

  .hp3-liq-pressure{
    padding:8px 9px;
  }

  .hp3-liq-pressure p{
    font-size:9px;
  }

}



/* =========================================================
   Liquidation radar flow v1
   현재 BTC → 가까운 청산 → 최대 청산 → 히트맵
   ========================================================= */


/*
 * 기존 insight는 JS 계산/호환성을 위해 DOM에는 남기고
 * 시각적으로만 숨긴다.
 */
.hp3-liq-insight.hp3-liq-insight-radar-source{
  display:none !important;
}


.hp3-liq-radar-flow{
  position:relative;

  display:grid;

  grid-template-columns:
    minmax(145px,.78fr)
    minmax(220px,1.12fr)
    minmax(220px,1.12fr);

  gap:18px;

  margin:11px 0 8px;
}


.hp3-liq-radar-step{
  position:relative;

  min-width:0;
  min-height:82px;

  padding:10px 12px;

  border:
    1px solid rgba(126,151,174,.16);

  border-radius:7px;

  background:
    linear-gradient(
      180deg,
      rgba(11,20,30,.80),
      rgba(7,14,22,.66)
    );
}


/*
 * 단계 간 화살표
 */
.hp3-liq-radar-step:not(.is-maximum)::after{
  content:'→';

  position:absolute;

  top:50%;
  right:-15px;

  z-index:2;

  transform:translateY(-50%);

  color:#4d667c;

  font-size:13px;
  font-weight:800;
}


.hp3-liq-radar-step-head{
  display:flex;
  align-items:center;

  gap:6px;

  margin-bottom:7px;
}


.hp3-liq-radar-step-head>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:20px;
  height:16px;

  border-radius:3px;

  background:
    rgba(79,159,213,.10);

  color:#67cfff;

  font-size:8px;
  font-weight:800;
}


.hp3-liq-radar-step-head>strong{
  color:#9db1c3;

  font-size:9px;
  font-weight:700;
}


/* 현재 BTC */
.hp3-liq-radar-current{
  display:block;

  margin-top:4px;

  color:#f2f7fb;

  font-size:18px;
  line-height:1.1;
  font-weight:850;

  font-variant-numeric:
    tabular-nums;
}


.hp3-liq-radar-step.is-current>small{
  display:block;

  margin-top:5px;

  color:#61768a;

  font-size:8px;
}


/* SHORT / LONG 행 */
.hp3-liq-radar-pair{
  display:grid;

  grid-template-columns:
    54px
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:7px;

  min-height:24px;
}


.hp3-liq-radar-pair+
.hp3-liq-radar-pair{
  margin-top:3px;

  padding-top:3px;

  border-top:
    1px solid rgba(122,145,166,.07);
}


.hp3-liq-radar-pair em{
  font-style:normal;

  font-size:8px;
  font-weight:750;
}


.hp3-liq-radar-pair b{
  overflow:hidden;

  color:#d9e5ef;

  font-size:11px;
  font-weight:800;

  white-space:nowrap;
  text-overflow:ellipsis;

  font-variant-numeric:
    tabular-nums;
}


.hp3-liq-radar-pair small{
  font-size:9px;
  font-weight:700;

  font-variant-numeric:
    tabular-nums;
}


.hp3-liq-radar-pair.is-short em,
.hp3-liq-radar-pair.is-short small{
  color:#ff748b;
}


.hp3-liq-radar-pair.is-long em,
.hp3-liq-radar-pair.is-long small{
  color:#55d7aa;
}


/*
 * 가까운 청산 카드를 우선순위가 가장 높은 데이터처럼
 * 살짝 강조.
 */
.hp3-liq-radar-step.is-nearest{
  border-color:
    rgba(104,181,222,.24);

  background:
    linear-gradient(
      180deg,
      rgba(12,25,36,.92),
      rgba(7,16,24,.72)
    );
}


.hp3-liq-radar-step.is-nearest
.hp3-liq-radar-step-head>strong{
  color:#c5d8e7;
}


/*
 * 최대 청산은 중요하지만 거리상 두 번째 정보이므로
 * 가까운 청산보다 시각 우선순위를 한 단계 낮춘다.
 */
.hp3-liq-radar-step.is-maximum{
  opacity:.94;
}


/*
 * 04 히트맵 안내
 */
.hp3-liq-radar-next{
  grid-column:1 / -1;

  display:flex;
  align-items:center;

  gap:7px;

  margin:
    -8px 2px 0;

  color:#60778b;

  font-size:8px;
}


.hp3-liq-radar-next>span{
  color:#67cfff;
  font-weight:800;
}


.hp3-liq-radar-next>strong{
  color:#8298aa;
  font-size:9px;
}


.hp3-liq-radar-next>small{
  color:#5c7184;
  font-size:8px;
}


.hp3-liq-radar-next::before{
  content:'↓';

  color:#4e7088;

  font-weight:800;
}


/* pressure panel은 레이더 흐름의 해석 결과 */
.hp3-liq-radar-flow+
.hp3-liq-insight-radar-source+
.hp3-liq-pressure{
  margin-top:5px;
}


/* Tablet */
@media(max-width:900px){

  .hp3-liq-radar-flow{
    grid-template-columns:
      minmax(120px,.72fr)
      minmax(190px,1fr)
      minmax(190px,1fr);

    gap:14px;
  }

  .hp3-liq-radar-step:not(.is-maximum)::after{
    right:-12px;
  }

}


/* Mobile */
@media(max-width:720px){

  .hp3-liq-radar-flow{
    grid-template-columns:
      minmax(0,1fr);

    gap:9px;
  }

  .hp3-liq-radar-step{
    min-height:0;
  }

  .hp3-liq-radar-step:not(.is-maximum)::after{
    content:'↓';

    top:auto;
    right:50%;
    bottom:-9px;

    transform:
      translateX(50%);
  }

  .hp3-liq-radar-next{
    grid-column:1;

    margin-top:-2px;
  }

  .hp3-liq-radar-current{
    font-size:17px;
  }

}



/* =========================================================
   TRADERDA ALERT v1
   ========================================================= */

.hp3-traderda-alert{
  margin:7px 0 10px;

  padding:10px 12px;

  border:
    1px solid rgba(113,143,168,.14);

  border-radius:7px;

  background:
    linear-gradient(
      180deg,
      rgba(9,18,27,.82),
      rgba(6,13,20,.68)
    );

  transition:
    border-color .2s ease,
    background .2s ease;
}


.hp3-traderda-alert-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;
}


.hp3-traderda-alert-head>div{
  display:flex;
  align-items:center;

  gap:9px;
}


.hp3-traderda-alert-badge{
  display:inline-flex;
  align-items:center;

  gap:5px;

  color:#7e94a7;

  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}


.hp3-traderda-alert-badge i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#52697c;
}


.hp3-traderda-alert-head strong{
  color:#8196a8;

  font-size:9px;
  font-weight:700;
}


/* 공유 */
.hp3-traderda-alert button[
  data-alert-share
]{
  min-height:25px;

  padding:4px 10px;

  border:
    1px solid rgba(102,190,229,.28);

  border-radius:5px;

  background:
    rgba(42,124,165,.08);

  color:#80d7ff;

  font-size:9px;
  font-weight:750;

  cursor:pointer;
}


.hp3-traderda-alert button[
  data-alert-share
]:hover{
  background:
    rgba(42,124,165,.15);
}


/* 본문 */
.hp3-traderda-alert-body{
  margin-top:7px;
}


.hp3-traderda-alert-body>strong{
  display:block;

  color:#cbd9e4;

  font-size:11px;
  font-weight:800;
}


.hp3-traderda-alert-body>p{
  margin:4px 0 0;

  color:#72889b;

  font-size:9px;
  line-height:1.4;
}


/* 하단 */
.hp3-traderda-alert-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  margin-top:6px;
}


.hp3-traderda-alert-foot>span{
  color:#536a7d;

  font-size:8px;
}


.hp3-traderda-alert-foot>em{
  color:#6f8799;

  font-size:8px;
  font-style:normal;
  font-weight:800;
}


/* SHORT 경보 */
.hp3-traderda-alert[
  data-alert-state="short"
]{
  border-color:
    rgba(246,76,107,.32);

  background:
    linear-gradient(
      180deg,
      rgba(47,14,24,.36),
      rgba(8,14,21,.76)
    );
}


.hp3-traderda-alert[
  data-alert-state="short"
]
.hp3-traderda-alert-badge{
  color:#ff8398;
}


.hp3-traderda-alert[
  data-alert-state="short"
]
.hp3-traderda-alert-badge i{
  background:#ff5572;

  box-shadow:
    0 0 7px
    rgba(255,85,114,.55);
}


.hp3-traderda-alert[
  data-alert-state="short"
]
.hp3-traderda-alert-body>strong{
  color:#ff8297;
}


/* LONG 경보 */
.hp3-traderda-alert[
  data-alert-state="long"
]{
  border-color:
    rgba(54,211,157,.30);

  background:
    linear-gradient(
      180deg,
      rgba(9,42,32,.35),
      rgba(8,14,21,.76)
    );
}


.hp3-traderda-alert[
  data-alert-state="long"
]
.hp3-traderda-alert-badge{
  color:#67dfb6;
}


.hp3-traderda-alert[
  data-alert-state="long"
]
.hp3-traderda-alert-badge i{
  background:#44daa7;

  box-shadow:
    0 0 7px
    rgba(68,218,167,.48);
}


.hp3-traderda-alert[
  data-alert-state="long"
]
.hp3-traderda-alert-body>strong{
  color:#66ddb5;
}


/* 양방향 복합 경보 */
.hp3-traderda-alert[
  data-alert-state="mixed"
]{
  border-color:
    rgba(227,176,83,.30);
}


.hp3-traderda-alert[
  data-alert-state="mixed"
]
.hp3-traderda-alert-badge{
  color:#e8be6f;
}


.hp3-traderda-alert[
  data-alert-state="mixed"
]
.hp3-traderda-alert-badge i{
  background:#e8b85b;
}


/* 신규 신호 */
.hp3-traderda-alert[
  data-alert-fresh-state="true"
]
.hp3-traderda-alert-foot>em{
  color:#ffca66;
}


@media(max-width:720px){

  .hp3-traderda-alert{
    padding:9px 10px;
  }

  .hp3-traderda-alert-head>div{
    gap:6px;
  }

  .hp3-traderda-alert-foot{
    align-items:flex-start;
  }

  .hp3-traderda-alert-foot>span{
    max-width:80%;
  }

}



/* =========================================================
   TRADERDA share always v1
   ========================================================= */

.hp3-traderda-alert[
  data-alert-state="idle"
]
button[data-alert-share]{
  border-color:
    rgba(105,177,218,.20);

  background:
    rgba(57,119,154,.06);

  color:#8dbdd6;
}


.hp3-traderda-alert[
  data-alert-state="short"
]
button[data-alert-share]{
  border-color:
    rgba(255,102,128,.32);

  background:
    rgba(255,77,111,.09);

  color:#ff91a3;
}


.hp3-traderda-alert[
  data-alert-state="long"
]
button[data-alert-share]{
  border-color:
    rgba(76,218,169,.30);

  background:
    rgba(47,208,151,.08);

  color:#72dfba;
}


.hp3-traderda-alert[
  data-alert-state="mixed"
]
button[data-alert-share]{
  border-color:
    rgba(232,184,91,.30);

  background:
    rgba(232,184,91,.07);

  color:#ebc579;
}


@media(max-width:720px){

  .hp3-traderda-alert
  button[data-alert-share]{
    min-height:30px;
    padding-inline:10px;
  }

}



/* =========================================================
   Liquidation radar readability v2
   ========================================================= */


/* ---------------------------------------------------------
   1. PRESSURE + ALERT : desktop 2 columns
   --------------------------------------------------------- */

.hp3-liq-summary-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap:10px;

  margin:
    8px 0 10px;
}


.hp3-liq-summary-grid
.hp3-liq-pressure,

.hp3-liq-summary-grid
.hp3-traderda-alert{
  margin:0;

  min-width:0;
  height:100%;
}


/* ---------------------------------------------------------
   2. 전체 설명/범례 글씨 확대
   --------------------------------------------------------- */

.hp3-liq-heatmap-head>div>span{
  font-size:10px !important;
}


.hp3-liq-heatmap-head h2,
.hp3-liq-heatmap-head .hp3-hd{
  font-size:18px !important;
  line-height:1.2;
}


.hp3-liq-heatmap-legend{
  font-size:11px !important;
}


.hp3-liq-intensity-legend{
  font-size:10px !important;
}


.hp3-liq-intensity-title{
  font-size:10px;
}


/* ---------------------------------------------------------
   3. 01 / 02 / 03 RADAR FLOW 확대
   --------------------------------------------------------- */

.hp3-liq-radar-flow{
  gap:14px;

  margin-top:13px;
}


.hp3-liq-radar-step{
  min-height:92px;

  padding:
    12px 14px;
}


.hp3-liq-radar-step-head{
  margin-bottom:9px;
}


.hp3-liq-radar-step-head>span{
  width:22px;
  height:18px;

  font-size:9px;
}


.hp3-liq-radar-step-head>strong{
  font-size:11px;
}


.hp3-liq-radar-current{
  font-size:21px !important;

  line-height:1.08;
}


.hp3-liq-radar-step.is-current>small{
  margin-top:6px;

  font-size:10px;
}


.hp3-liq-radar-pair{
  grid-template-columns:
    62px
    minmax(0,1fr)
    auto;

  gap:9px;

  min-height:27px;
}


.hp3-liq-radar-pair em{
  font-size:10px;
}


.hp3-liq-radar-pair b{
  font-size:13px;

  letter-spacing:-.01em;
}


.hp3-liq-radar-pair small{
  font-size:11px;
}


/* ---------------------------------------------------------
   4. 04 section header 확대
   --------------------------------------------------------- */

.hp3-liq-radar-next{
  margin:
    -3px 4px 2px;

  gap:8px;

  font-size:10px;
}


.hp3-liq-radar-next>span{
  font-size:10px;
}


.hp3-liq-radar-next>strong{
  color:#9db3c5;

  font-size:11px;
}


.hp3-liq-radar-next>small{
  color:#718699;

  font-size:9px;
}


/* ---------------------------------------------------------
   5. PRESSURE CARD 확대하면서 압축
   --------------------------------------------------------- */

.hp3-liq-pressure{
  padding:
    10px 13px !important;
}


.hp3-liq-pressure-head{
  margin-bottom:8px;
}


.hp3-liq-pressure-head>span{
  font-size:11px !important;
}


.hp3-liq-pressure-head>strong{
  font-size:12px !important;
}


.hp3-liq-pressure-values{
  grid-template-columns:
    86px
    minmax(120px,1fr)
    86px;

  gap:10px;
}


.hp3-liq-pressure-values>strong{
  font-size:11px !important;
}


.hp3-liq-pressure-values>strong b{
  font-size:15px !important;
}


.hp3-liq-pressure-bar{
  height:8px;
}


.hp3-liq-pressure p{
  margin-top:7px;

  font-size:11px !important;

  line-height:1.35;
}


.hp3-liq-pressure>small{
  margin-top:3px;

  font-size:9px !important;
}


/* ---------------------------------------------------------
   6. ALERT : 2줄 중심으로 압축 + 글자 확대
   --------------------------------------------------------- */

.hp3-traderda-alert{
  padding:
    10px 13px !important;
}


.hp3-traderda-alert-head{
  min-height:26px;
}


.hp3-traderda-alert-badge{
  font-size:9px !important;
}


.hp3-traderda-alert-head strong{
  font-size:10px !important;
}


.hp3-traderda-alert-body{
  margin-top:6px !important;
}


.hp3-traderda-alert-body>strong{
  font-size:13px !important;
  line-height:1.25;
}


.hp3-traderda-alert-body>p{
  margin-top:4px !important;

  font-size:10px !important;

  line-height:1.35;
}


.hp3-traderda-alert-foot{
  margin-top:5px !important;
}


.hp3-traderda-alert-foot>span{
  font-size:9px !important;
}


.hp3-traderda-alert-foot>em{
  font-size:9px !important;
}


.hp3-traderda-alert
button[data-alert-share]{
  min-height:29px !important;

  padding:
    4px 11px !important;

  font-size:10px !important;
}


/* ---------------------------------------------------------
   7. 기간 버튼
   --------------------------------------------------------- */

.hp3-liq-heatmap-periods button{
  min-width:42px;

  min-height:28px;

  padding:
    4px 10px;

  font-size:10px !important;
}


/* ---------------------------------------------------------
   8. footer 확대
   --------------------------------------------------------- */

.hp3-liq-heatmap-foot{
  font-size:10px !important;
}


.hp3-liq-heatmap-foot em{
  font-size:10px !important;
}


/* ---------------------------------------------------------
   9. 현재 BTC floating label 확대
   --------------------------------------------------------- */

.hp3-liq-current-label{
  padding:
    4px 7px !important;

  font-size:10px !important;
}


/* ---------------------------------------------------------
   10. 미수집 문구 확대
   --------------------------------------------------------- */

.hp3-liq-history-empty{
  font-size:11px !important;
}


.hp3-liq-history-empty strong{
  font-size:11px !important;
}


.hp3-liq-history-empty span{
  font-size:10px !important;
}


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media(max-width:900px){

  .hp3-liq-radar-step{
    padding:
      11px 12px;
  }

  .hp3-liq-radar-pair{
    grid-template-columns:
      55px
      minmax(0,1fr)
      auto;
  }

  .hp3-liq-radar-pair b{
    font-size:12px;
  }

}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media(max-width:720px){

  .hp3-liq-summary-grid{
    grid-template-columns:
      minmax(0,1fr);

    gap:8px;
  }


  .hp3-liq-radar-step{
    min-height:0;
  }


  .hp3-liq-radar-current{
    font-size:19px !important;
  }


  .hp3-liq-radar-pair{
    grid-template-columns:
      58px
      minmax(0,1fr)
      auto;
  }


  .hp3-liq-radar-pair b{
    font-size:12px;
  }


  .hp3-liq-radar-pair small{
    font-size:10px;
  }


  .hp3-liq-pressure-values{
    grid-template-columns:
      72px
      minmax(90px,1fr)
      72px;
  }


  .hp3-traderda-alert{
    padding:
      9px 10px !important;
  }

}



/* =========================================================
   HOME LIVE LIQUIDATION SUMMARY V2

   역할 분리:
   상단 = 현재 청산 규모
   하단 heatmap = 시간 흐름
   ========================================================= */


/* ---------------------------------------------------------
   A. 전체 상단 summary
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2{
  min-width:0;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market{
  display:grid !important;

  grid-template-columns:
    minmax(215px,.78fr)
    minmax(360px,1.18fr)
    auto;

  align-items:center;

  gap:24px;

  margin:
    16px 0 18px !important;

  min-width:0;
}


/*
 * lmap-market 안의 모든 direct child가
 * 자신의 최소 콘텐츠 폭 때문에 grid를 밀지 않도록 함.
 */
.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market>*{
  min-width:0;
}


/* ---------------------------------------------------------
   B. 현재 BTC
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market>div:first-child{
  display:grid;

  grid-template-columns:
    auto minmax(0,1fr);

  align-items:end;

  column-gap:12px;
  row-gap:3px;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market>div:first-child>small{
  grid-row:1 / 3;

  align-self:center;

  font-size:11px;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market
[data-price]{
  font-size:
    clamp(28px,2.6vw,37px) !important;

  line-height:1;

  white-space:nowrap;

  overflow:visible !important;

  overflow-wrap:normal !important;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market
[data-change]{
  font-size:11px !important;

  white-space:nowrap;
}


/* ---------------------------------------------------------
   C. 현재 청산 위험

   기존 hp3-liq-pressure 구조는 그대로 사용한다.
   폭/줄바꿈만 홈에 맞게 재설정.
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure{
  width:100%;

  min-width:0;

  max-width:none !important;

  padding:
    10px 13px !important;

  overflow:hidden;

  box-sizing:border-box;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure *{
  min-width:0;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-compact-label{
  color:#9eb2c4 !important;

  font-size:11px !important;

  font-weight:700;

  white-space:nowrap;
}


/*
 * 기존 긴:
 * "LONG · SHORT 청산 위험이 비슷합니다"
 *
 * → "↔ 균형"
 */
.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-compact-state{
  display:inline-block;

  margin-left:7px;

  color:#d5e1ea;

  font-size:12px !important;

  font-weight:800;

  white-space:nowrap;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-compact-state.is-short{
  color:#ff788f;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-compact-state.is-long{
  color:#55dbae;
}


/*
 * 혹시 writer가 긴 문자열을 담는 다른 span을 갖고 있어도
 * 카드 바깥으로 빠져나가지 못하게 한다.
 */
.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure span,

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure strong,

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure b{
  max-width:100%;

  overflow-wrap:anywhere;
}


/* ---------------------------------------------------------
   D. SHORT / LONG pressure bar
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure-bar{
  height:8px !important;

  margin:
    8px 0 7px;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-pressure-values{
  font-size:11px;
}


/* ---------------------------------------------------------
   E. 가까운 청산

   상단에서는 "가장 가까운 곳"만 보여준다.
   최대 청산/시간 해석은 아래 heatmap이 담당.
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-nearest{
  display:grid !important;

  grid-template-columns:
    auto
    minmax(0,1fr)
    minmax(0,1fr);

  align-items:center;

  gap:6px 12px;

  margin-top:8px !important;

  padding-top:7px;

  border-top:
    1px solid rgba(130,153,175,.10);
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-nearest>em{
  margin:0 !important;

  color:#7890a4;

  font-size:9px !important;

  font-style:normal;

  white-space:nowrap;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-nearest>span{
  display:flex;

  align-items:center;

  gap:5px;

  min-width:0;

  font-size:10px !important;

  white-space:nowrap;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-nearest>span>b{
  flex:0 0 auto;

  font-size:9px !important;
}


.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-nearest
[data-nearest-short],

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-nearest
[data-nearest-long]{
  overflow:hidden;

  text-overflow:ellipsis;

  white-space:nowrap;
}


/* ---------------------------------------------------------
   F. 전체 청산맵 CTA
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-market>
.hp3-map-cta{
  justify-self:end;

  align-self:center;

  padding:
    8px 13px;

  font-size:10px;

  white-space:nowrap;
}


/* ---------------------------------------------------------
   G. 차트 역할 제목
   --------------------------------------------------------- */

.hp3-liq-distribution-title{
  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:12px;

  margin:
    4px 0 9px;

  padding-top:14px;

  border-top:
    1px solid rgba(124,148,170,.13);
}


.hp3-liq-distribution-title>div{
  display:flex;

  align-items:baseline;

  gap:10px;

  min-width:0;
}


.hp3-liq-distribution-title strong{
  color:#c9d8e4;

  font-size:13px;

  font-weight:800;

  white-space:nowrap;
}


.hp3-liq-distribution-title small{
  color:#687f93;

  font-size:9px;

  line-height:1.35;
}


/* toolbar 글씨도 약간 확대 */
.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-chart-toolbar{
  font-size:11px !important;
}


/* ---------------------------------------------------------
   H. 중복 느낌을 줄이기 위해
   상단 실시간맵 하단 설명은 더 조용하게
   --------------------------------------------------------- */

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-chart-foot,

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.hp3-liq-zoom-help,

.hp3-dashboard
.hp3-liquidation.hp3-liq-live-compact-v2
.lmap-coverage-wrap{
  font-size:9px;
}


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media(max-width:980px){

  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .lmap-market{
    grid-template-columns:
      minmax(190px,.7fr)
      minmax(300px,1.3fr);

    gap:14px;
  }


  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .lmap-market>
  .hp3-map-cta{
    grid-column:1 / -1;

    justify-self:end;
  }

}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media(max-width:700px){

  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .lmap-market{
    grid-template-columns:
      minmax(0,1fr);

    gap:10px;
  }


  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .lmap-market>div:first-child{
    grid-template-columns:
      auto minmax(0,1fr);
  }


  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .hp3-liq-nearest{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr);
  }


  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .hp3-liq-nearest>em{
    grid-column:1 / -1;
  }


  .hp3-dashboard
  .hp3-liquidation.hp3-liq-live-compact-v2
  .lmap-market>
  .hp3-map-cta{
    grid-column:auto;

    justify-self:start;
  }


  .hp3-liq-distribution-title>div{
    display:block;
  }


  .hp3-liq-distribution-title small{
    display:block;

    margin-top:3px;
  }

}



/* =========================================================
   HOME LIVE LIQUIDATION SUMMARY V3B
   ========================================================= */

.hp3-dashboard
.hp3-liquidation
.lmap-market{
  display:grid !important;

  grid-template-columns:
    minmax(230px,.75fr)
    minmax(420px,1.35fr)
    auto !important;

  align-items:center;

  gap:24px !important;

  margin:
    18px 0 !important;
}


.hp3-dashboard
.hp3-liquidation
.lmap-market>*{
  min-width:0;
}


/* BTC */
.hp3-dashboard
.hp3-liquidation
.hp3-liq-quote{
  display:grid;

  grid-template-columns:
    auto minmax(0,1fr);

  align-items:end;

  column-gap:13px;
  row-gap:4px;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-quote>small{
  grid-row:1 / 3;

  align-self:center;

  font-size:11px;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-quote
[data-price]{
  font-size:
    clamp(30px,3vw,39px) !important;

  line-height:1;

  white-space:nowrap;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-quote
[data-change]{
  font-size:11px !important;
}


/* signal card */
.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal{
  min-width:0;

  padding:
    12px 14px !important;

  border:
    1px solid rgba(115,153,181,.22);

  border-radius:9px;

  background:
    rgba(7,17,26,.58);

  overflow:hidden;
}


/* header */
.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
.hp3-liq-pressure-head{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  grid-template-areas:
    "title state"
    "short long";

  gap:
    6px 16px !important;

  align-items:center;
}


.hp3-liq-risk-title{
  grid-area:title;

  color:#9eb3c5;

  font-size:11px;

  font-weight:700;
}


.hp3-liq-risk-state{
  grid-area:state;

  justify-self:end;

  color:#dce7ef;

  font-size:12px;

  font-weight:800;

  white-space:nowrap;
}


.hp3-liq-risk-state[
  data-state="short"
]{
  color:#ff7189;
}


.hp3-liq-risk-state[
  data-state="long"
]{
  color:#50dba9;
}


.hp3-liq-pressure-summary-source{
  display:none !important;
}


.hp3-dashboard
.hp3-liquidation
[data-pressure-short-text]{
  grid-area:short;

  justify-self:start;

  color:#ff7189 !important;

  font-size:11px !important;

  font-weight:800;
}


.hp3-dashboard
.hp3-liquidation
[data-pressure-long-text]{
  grid-area:long;

  justify-self:end;

  color:#50dba9 !important;

  font-size:11px !important;

  font-weight:800;
}


/* bar */
.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
.hp3-liq-pressure-bar{
  width:100%;

  height:8px !important;

  margin:
    9px 0 8px !important;

  border-radius:999px;

  overflow:hidden;
}


/* nearest */
.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
.hp3-liq-nearest{
  display:grid !important;

  grid-template-columns:
    auto
    minmax(0,1fr)
    minmax(0,1fr) !important;

  align-items:center;

  gap:
    7px 12px !important;

  margin:0 !important;

  padding:
    8px 0 0 !important;

  border-top:
    1px solid rgba(122,151,173,.12);
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
.hp3-liq-nearest>em{
  margin:0 !important;

  color:#8197aa;

  font-size:10px !important;

  font-style:normal;

  font-weight:700;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
.hp3-liq-nearest>span{
  display:flex !important;

  align-items:center;

  gap:5px;

  min-width:0;

  font-size:10px !important;

  white-space:nowrap;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
.hp3-liq-nearest>span>b{
  font-size:9px !important;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
[data-nearest-short],

.hp3-dashboard
.hp3-liquidation
.hp3-liq-signal
[data-nearest-long]{
  overflow:hidden;

  text-overflow:ellipsis;

  white-space:nowrap;
}


/* CTA */
.hp3-dashboard
.hp3-liquidation
.lmap-market>
.hp3-map-cta{
  justify-self:end;

  padding:
    9px 14px;

  font-size:10px;

  white-space:nowrap;
}


/* chart separator */
.hp3-dashboard
.hp3-liquidation
.hp3-liq-distribution-title{
  display:block !important;

  margin:
    0 0 10px !important;

  padding-top:15px;

  border-top:
    1px solid rgba(126,149,171,.16);
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-distribution-title>div{
  display:flex !important;

  align-items:baseline;

  gap:10px;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-distribution-title strong{
  color:#d6e2eb;

  font-size:13px !important;

  font-weight:800;
}


.hp3-dashboard
.hp3-liquidation
.hp3-liq-distribution-title small{
  color:#71879a;

  font-size:9px !important;
}


/* tablet */
@media(max-width:1050px){

  .hp3-dashboard
  .hp3-liquidation
  .lmap-market{
    grid-template-columns:
      minmax(200px,.75fr)
      minmax(330px,1.25fr) !important;

    gap:15px !important;
  }


  .hp3-dashboard
  .hp3-liquidation
  .lmap-market>
  .hp3-map-cta{
    grid-column:1 / -1;

    justify-self:end;
  }

}


/* mobile */
@media(max-width:700px){

  .hp3-dashboard
  .hp3-liquidation
  .lmap-market{
    grid-template-columns:
      minmax(0,1fr) !important;

    gap:10px !important;
  }


  .hp3-dashboard
  .hp3-liquidation
  .hp3-liq-signal
  .hp3-liq-nearest{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr) !important;
  }


  .hp3-dashboard
  .hp3-liquidation
  .hp3-liq-signal
  .hp3-liq-nearest>em{
    grid-column:1 / -1;
  }


  .hp3-dashboard
  .hp3-liquidation
  .lmap-market>
  .hp3-map-cta{
    grid-column:auto;

    justify-self:start;
  }


  .hp3-dashboard
  .hp3-liquidation
  .hp3-liq-distribution-title>div{
    display:block !important;
  }

}



/* =========================================================
   HOME MARKET LAYOUT V1
   ========================================================= */


/* ---------------------------------------------------------
   기본 section 간격
   --------------------------------------------------------- */

.hp3-home-layout-v1-ready
.hp3-home-realtime-grid,

.hp3-home-layout-v1-ready
.hp3-home-heatmap-full,

.hp3-home-layout-v1-ready
.hp3-home-market-section,

.hp3-home-layout-v1-ready
.hp3-home-community-section{
  width:100%;
  min-width:0;

  margin-top:16px;
}


/* ---------------------------------------------------------
   1. 실시간 청산 + 고래청산
   --------------------------------------------------------- */

.hp3-home-realtime-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1.85fr)
    minmax(330px,1fr);

  align-items:start;

  gap:16px;
}


.hp3-home-realtime-grid>
*{
  min-width:0;

  width:100%;

  margin:0 !important;
}


.hp3-home-realtime-grid
.hp3-liquidation{
  height:100%;
}


.hp3-home-realtime-grid
.hp3-whale{
  height:auto;
}


/* ---------------------------------------------------------
   2. 청산 히트맵 FULL WIDTH
   --------------------------------------------------------- */

.hp3-home-heatmap-full{
  display:block;
}


.hp3-home-heatmap-full
.hp3-liq-heatmap{
  width:100%;

  min-width:0;

  margin:0 !important;

  border:
    1px solid var(--line);

  border-radius:12px;

  overflow:hidden;
}


/*
 * 이전에는 좌측 column 폭을 기준으로 만들어졌기 때문에
 * full width에서는 chart 자체도 충분한 높이를 준다.
 */
.hp3-home-heatmap-full
.hp3-liq-heatmap-stage{
  height:
    clamp(
      360px,
      31vw,
      455px
    ) !important;
}


/*
 * 레이더 카드 01/02/03 역시 넓어진 폭을 활용.
 */
.hp3-home-heatmap-full
.hp3-liq-radar-flow{
  grid-template-columns:
    minmax(160px,.78fr)
    minmax(260px,1.12fr)
    minmax(260px,1.12fr);
}


/* ---------------------------------------------------------
   공통 section header
   --------------------------------------------------------- */

.hp3-home-section-head{
  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:16px;

  margin:
    0 2px 9px;
}


.hp3-home-section-head>div{
  display:flex;

  align-items:baseline;

  gap:9px;
}


.hp3-home-section-head span{
  color:#7468ef;

  font-size:9px;
  font-weight:800;

  letter-spacing:.08em;
}


.hp3-home-section-head strong{
  color:#dce7ef;

  font-size:14px;
  font-weight:800;
}


.hp3-home-section-head small{
  color:#6e8295;

  font-size:9px;
}


/* ---------------------------------------------------------
   3. MARKET RADAR 3열
   --------------------------------------------------------- */

.hp3-home-market-grid{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  align-items:start;

  gap:14px;
}


.hp3-home-market-grid>
*{
  width:100%;

  min-width:0;

  margin:0 !important;
}


/*
 * 3열에서 지나치게 세로로 길어지지 않도록.
 * 내부 데이터가 많으면 자연스럽게 늘어난다.
 */
.hp3-home-market-grid
.hp3-oi-strip,

.hp3-home-market-grid
[data-upbit-surge],

.hp3-home-market-grid
[data-market-prediction]{
  height:100%;
}


/*
 * 거래대금 테이블은 3열 폭에 맞춰 조금 더 촘촘하게.
 */
.hp3-home-market-grid
.hp3-upbit-surge table{
  font-size:11px;
}


.hp3-home-market-grid
.hp3-upbit-surge th,

.hp3-home-market-grid
.hp3-upbit-surge td{
  padding:
    9px 3px;
}


/*
 * 예측 목록 간격도 column card에 맞춤.
 */
.hp3-home-market-grid
.hp3-prediction-list{
  gap:10px !important;
}


/* ---------------------------------------------------------
   4. 투표 + 실시간 활동
   --------------------------------------------------------- */

.hp3-home-community-grid{
  display:grid;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr);

  gap:14px;

  align-items:stretch;
}


.hp3-home-community-grid>
*{
  width:100%;

  min-width:0;

  margin:0 !important;
}


.hp3-home-community-grid
.hp3-daily-poll,

.hp3-home-community-grid
.hp3-live-panel{
  height:100%;
}


/* 활동 리스트가 불필요하게 길어지지 않게 */
.hp3-home-community-grid
.hp3-live-timeline{
  overflow:visible !important;
}


/* ---------------------------------------------------------
   5. 뉴스 / 커뮤니티
   기존 hp3-content-row를 그대로 사용하되
   시각적으로 새 구조와 맞춘다.
   --------------------------------------------------------- */

.hp3-home-layout-v1-ready
.hp3-content-row{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap:16px;

  margin-top:16px;
}


.hp3-home-layout-v1-ready
.hp3-content-row>
*{
  min-width:0;
}


/* ---------------------------------------------------------
   기존 columns가 혹시 예상치 못한 콘텐츠를 가지고 있으면
   숨기지 않고 full-width fallback으로 노출.
   --------------------------------------------------------- */

.hp3-home-columns-fallback{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr);

  gap:12px;

  margin-top:14px;
}


.hp3-home-columns-fallback>
.hp3-dashboard-column{
  display:contents;
}


/* ---------------------------------------------------------
   Large desktop
   넓은 화면에서 전체 페이지도 공간을 조금 더 활용
   --------------------------------------------------------- */

@media(min-width:1500px){

  .hp3-dashboard{
    max-width:
      1380px;
  }

}


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media(max-width:1100px){

  .hp3-home-realtime-grid{
    grid-template-columns:
      minmax(0,1.55fr)
      minmax(300px,1fr);
  }


  .hp3-home-market-grid{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  .hp3-home-market-grid>
  [data-market-prediction]{
    grid-column:
      1 / -1;
  }


  .hp3-home-heatmap-full
  .hp3-liq-radar-flow{
    grid-template-columns:
      minmax(130px,.75fr)
      minmax(210px,1fr)
      minmax(210px,1fr);
  }

}


/* ---------------------------------------------------------
   Mobile / narrow tablet
   --------------------------------------------------------- */

@media(max-width:800px){

  .hp3-home-realtime-grid,

  .hp3-home-market-grid,

  .hp3-home-community-grid,

  .hp3-home-layout-v1-ready
  .hp3-content-row{
    grid-template-columns:
      minmax(0,1fr);
  }


  .hp3-home-market-grid>
  [data-market-prediction]{
    grid-column:auto;
  }


  .hp3-home-section-head{
    display:block;
  }


  .hp3-home-section-head small{
    display:block;

    margin-top:3px;
  }


  .hp3-home-heatmap-full
  .hp3-liq-heatmap-stage{
    height:
      330px !important;
  }


  .hp3-home-heatmap-full
  .hp3-liq-radar-flow{
    grid-template-columns:
      minmax(0,1fr);
  }

}


/* ---------------------------------------------------------
   Phone
   --------------------------------------------------------- */

@media(max-width:520px){

  .hp3-home-layout-v1-ready
  .hp3-home-realtime-grid,

  .hp3-home-layout-v1-ready
  .hp3-home-heatmap-full,

  .hp3-home-layout-v1-ready
  .hp3-home-market-section,

  .hp3-home-layout-v1-ready
  .hp3-home-community-section{
    margin-top:12px;
  }


  .hp3-home-heatmap-full
  .hp3-liq-heatmap-stage{
    height:
      300px !important;
  }

}



/* =========================================================
   HOME MARKET LAYOUT V2
   Actual card-height based layout
   ========================================================= */


/* =========================================================
   0. 이전 columns / 빈 wrapper 차단
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-dashboard-columns{
  display:none !important;
}


.hp3-home-layout-v2-ready
.hp3-dashboard-column:empty,

.hp3-home-layout-v2-ready
.hp3-dashboard-now:empty{
  display:none !important;
}


/* =========================================================
   1. REALTIME
   왼쪽 = 실시간 청산맵
   오른쪽 = 고래청산 + OI
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-home-realtime-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.82fr)
    minmax(330px,1fr) !important;

  gap:16px !important;

  align-items:start !important;
}


.hp3-home-layout-v2-ready
.hp3-home-realtime-grid>
[data-liquidation-summary]{
  width:100%;

  min-width:0;

  height:auto !important;

  align-self:start;
}


.hp3-home-realtime-side{
  display:flex;

  flex-direction:column;

  gap:14px;

  min-width:0;

  align-self:start;
}


.hp3-home-realtime-side>
*{
  width:100%;

  min-width:0;

  height:auto !important;

  margin:0 !important;
}


/*
 * OI는 오른쪽 보조 지표 역할.
 * 불필요하게 긴 카드가 되지 않도록 강제 height 제거.
 */
.hp3-home-realtime-side
.hp3-oi-strip{
  height:auto !important;

  min-height:0 !important;

  flex:none !important;
}


/* =========================================================
   2. HEATMAP
   FULL WIDTH 유지
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-home-heatmap-full{
  width:100%;

  margin-top:16px;
}


.hp3-home-layout-v2-ready
.hp3-home-heatmap-full
.hp3-liq-heatmap{
  width:100%;

  margin:0 !important;
}


.hp3-home-layout-v2-ready
.hp3-home-heatmap-full
.hp3-liq-heatmap-stage{
  height:
    clamp(
      350px,
      29vw,
      430px
    ) !important;
}


/* =========================================================
   3. MARKET RADAR
   거래대금 + 예측만 2열
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-home-market-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.45fr)
    minmax(320px,.85fr) !important;

  align-items:start !important;

  gap:14px !important;
}


/*
 * V1에서 blank card를 만든 핵심 원인 제거.
 */
.hp3-home-layout-v2-ready
.hp3-home-market-grid>
*{
  width:100%;

  min-width:0;

  height:auto !important;

  min-height:0 !important;

  align-self:start !important;

  margin:0 !important;
}


.hp3-home-layout-v2-ready
.hp3-home-market-grid
[data-upbit-surge]{
  height:auto !important;
}


.hp3-home-layout-v2-ready
.hp3-home-market-grid
[data-market-prediction]{
  height:auto !important;
}


/*
 * 거래대금은 넓은 column을 받아
 * 표 자체의 가독성을 높인다.
 */
.hp3-home-layout-v2-ready
.hp3-upbit-surge table{
  font-size:11px;
}


.hp3-home-layout-v2-ready
.hp3-upbit-surge th,

.hp3-home-layout-v2-ready
.hp3-upbit-surge td{
  padding:
    9px 4px;
}


/* =========================================================
   4. COMMUNITY PULSE
   투표 + 활동
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-home-community-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr) !important;

  gap:14px !important;

  align-items:start !important;
}


.hp3-home-layout-v2-ready
.hp3-home-community-grid>
*{
  width:100%;

  height:auto !important;

  min-height:0 !important;

  align-self:start !important;

  margin:0 !important;
}


/*
 * 두 카드가 지나치게 높아지지 않도록
 * 기존 stretch 규칙 제거.
 */
.hp3-home-layout-v2-ready
.hp3-home-community-grid
.hp3-daily-poll,

.hp3-home-layout-v2-ready
.hp3-home-community-grid
.hp3-live-panel{
  height:auto !important;
}


/* =========================================================
   5. NEWS + TALK
   기존 2열 유지
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-content-row{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  gap:16px !important;

  align-items:start !important;

  margin-top:16px !important;
}


.hp3-home-layout-v2-ready
.hp3-content-row>
*{
  height:auto !important;

  min-height:0;

  align-self:start;
}


/* =========================================================
   6. Section 간격 통일
   ========================================================= */

.hp3-home-layout-v2-ready
.hp3-home-market-section,

.hp3-home-layout-v2-ready
.hp3-home-community-section{
  margin-top:18px;
}


.hp3-home-layout-v2-ready
.hp3-home-section-head{
  margin-bottom:10px;
}


/* =========================================================
   7. Wide desktop
   ========================================================= */

@media(min-width:1500px){

  .hp3-home-layout-v2-ready{
    max-width:
      1380px !important;
  }

}


/* =========================================================
   8. Tablet
   ========================================================= */

@media(max-width:1100px){

  .hp3-home-layout-v2-ready
  .hp3-home-realtime-grid{
    grid-template-columns:
      minmax(0,1.55fr)
      minmax(290px,1fr) !important;
  }


  .hp3-home-layout-v2-ready
  .hp3-home-market-grid{
    grid-template-columns:
      minmax(0,1.25fr)
      minmax(280px,.9fr) !important;
  }

}


/* =========================================================
   9. Narrow / mobile
   ========================================================= */

@media(max-width:820px){

  .hp3-home-layout-v2-ready
  .hp3-home-realtime-grid,

  .hp3-home-layout-v2-ready
  .hp3-home-market-grid,

  .hp3-home-layout-v2-ready
  .hp3-home-community-grid,

  .hp3-home-layout-v2-ready
  .hp3-content-row{
    grid-template-columns:
      minmax(0,1fr) !important;
  }


  .hp3-home-realtime-side{
    display:grid;

    grid-template-columns:
      minmax(0,1fr);

    gap:10px;
  }


  .hp3-home-layout-v2-ready
  .hp3-home-heatmap-full
  .hp3-liq-heatmap-stage{
    height:
      320px !important;
  }

}


/* =========================================================
   10. Phone
   ========================================================= */

@media(max-width:520px){

  .hp3-home-layout-v2-ready
  .hp3-home-heatmap-full
  .hp3-liq-heatmap-stage{
    height:
      290px !important;
  }

}



/* =========================================================
   HOME MARKET LAYOUT V3
   Final balanced desktop layout
   ========================================================= */


/* =========================================================
   1. REALTIME
   ========================================================= */

.hp3-home-layout-v3-ready
.hp3-home-realtime-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.78fr)
    minmax(330px,1fr) !important;

  gap:16px !important;

  align-items:start !important;
}


.hp3-home-layout-v3-ready
.hp3-home-realtime-grid>
[data-liquidation-summary]{
  width:100%;

  min-width:0;

  height:auto !important;

  margin:0 !important;

  align-self:start !important;
}


/*
 * 오른쪽은 하나의 sidebar stack.
 */
.hp3-home-layout-v3-ready
.hp3-home-realtime-side{
  display:flex !important;

  flex-direction:column;

  gap:12px;

  width:100%;

  min-width:0;

  align-self:start;
}


.hp3-home-layout-v3-ready
.hp3-home-realtime-side>
*{
  flex:none !important;

  width:100%;

  min-width:0;

  height:auto !important;

  min-height:0 !important;

  margin:0 !important;
}


/*
 * 고래 청산이 가장 중요한 실시간 보조 데이터.
 */
.hp3-home-layout-v3-ready
.hp3-home-realtime-side
[data-liquidation-recent]{
  order:1;
}


/*
 * OI는 compact 중간 카드.
 */
.hp3-home-layout-v3-ready
.hp3-home-realtime-side
.hp3-oi-strip{
  order:2;

  height:auto !important;

  min-height:0 !important;
}


/*
 * 시장예측은 sidebar 마지막.
 */
.hp3-home-layout-v3-ready
.hp3-home-realtime-side
[data-market-prediction]{
  order:3;

  height:auto !important;

  min-height:0 !important;
}


.hp3-home-layout-v3-ready
.hp3-home-realtime-side
.hp3-prediction-list{
  gap:8px !important;
}


/* =========================================================
   2. HEATMAP
   ========================================================= */

.hp3-home-layout-v3-ready
.hp3-home-heatmap-full{
  width:100%;

  margin-top:16px !important;
}


.hp3-home-layout-v3-ready
.hp3-home-heatmap-full
.hp3-liq-heatmap-stage{
  height:
    clamp(
      345px,
      28vw,
      415px
    ) !important;
}


/* =========================================================
   3. MARKET RADAR = 거래대금 단독 FULL WIDTH
   ========================================================= */

.hp3-home-layout-v3-ready
.hp3-home-market-section{
  margin-top:18px !important;
}


.hp3-home-layout-v3-ready
.hp3-home-market-grid{
  display:block !important;
}


.hp3-home-layout-v3-ready
.hp3-home-market-grid>
[data-upbit-surge]{
  display:block;

  width:100%;

  height:auto !important;

  min-height:0 !important;

  margin:0 !important;
}


/*
 * full width가 되었으므로 표 가독성을 다시 키운다.
 */
.hp3-home-layout-v3-ready
.hp3-upbit-surge table{
  width:100%;

  font-size:12px !important;
}


.hp3-home-layout-v3-ready
.hp3-upbit-surge th{
  font-size:10px !important;
}


.hp3-home-layout-v3-ready
.hp3-upbit-surge th,

.hp3-home-layout-v3-ready
.hp3-upbit-surge td{
  padding:
    10px 8px !important;
}


/*
 * 거래대금 카드가 너무 넓어 보이지 않도록
 * 내부 컨텐츠에 충분한 좌우 여백.
 */
.hp3-home-layout-v3-ready
.hp3-upbit-surge{
  padding-left:
    18px !important;

  padding-right:
    18px !important;
}


/* =========================================================
   4. COMMUNITY PULSE
   ========================================================= */

.hp3-home-layout-v3-ready
.hp3-home-community-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(0,1.05fr) !important;

  gap:14px !important;

  align-items:stretch !important;
}


/*
 * 이 둘은 실제 높이가 비슷하므로
 * 같은 행에서만 equal-height 허용.
 */
.hp3-home-layout-v3-ready
.hp3-home-community-grid>
.hp3-daily-poll,

.hp3-home-layout-v3-ready
.hp3-home-community-grid>
.hp3-live-panel{
  height:100% !important;

  min-height:0 !important;

  margin:0 !important;
}


/* =========================================================
   5. NEWS / COMMUNITY
   ========================================================= */

.hp3-home-layout-v3-ready
.hp3-content-row{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  gap:16px !important;

  align-items:stretch !important;
}


.hp3-home-layout-v3-ready
.hp3-content-row>
.hp3-newspaper,

.hp3-home-layout-v3-ready
.hp3-content-row>
.hp3-talk{
  height:100% !important;
}


/* =========================================================
   6. Vertical rhythm
   ========================================================= */

.hp3-home-layout-v3-ready
.hp3-home-section-head{
  margin:
    0 2px 10px !important;
}


.hp3-home-layout-v3-ready
.hp3-home-community-section{
  margin-top:18px !important;
}


.hp3-home-layout-v3-ready
.hp3-content-row{
  margin-top:18px !important;
}


/* =========================================================
   7. Large desktop
   ========================================================= */

@media(min-width:1500px){

  .hp3-home-layout-v3-ready{
    max-width:
      1380px !important;
  }


  .hp3-home-layout-v3-ready
  .hp3-home-realtime-grid{
    grid-template-columns:
      minmax(0,1.82fr)
      minmax(350px,.98fr) !important;
  }

}


/* =========================================================
   8. Medium desktop
   ========================================================= */

@media(max-width:1150px){

  .hp3-home-layout-v3-ready
  .hp3-home-realtime-grid{
    grid-template-columns:
      minmax(0,1.5fr)
      minmax(300px,1fr) !important;
  }

}


/* =========================================================
   9. Tablet
   ========================================================= */

@media(max-width:860px){

  .hp3-home-layout-v3-ready
  .hp3-home-realtime-grid,

  .hp3-home-layout-v3-ready
  .hp3-home-community-grid,

  .hp3-home-layout-v3-ready
  .hp3-content-row{
    grid-template-columns:
      minmax(0,1fr) !important;
  }


  .hp3-home-layout-v3-ready
  .hp3-home-realtime-side{
    gap:10px;
  }


  .hp3-home-layout-v3-ready
  .hp3-home-heatmap-full
  .hp3-liq-heatmap-stage{
    height:
      320px !important;
  }


  .hp3-home-layout-v3-ready
  .hp3-home-community-grid>
  .hp3-daily-poll,

  .hp3-home-layout-v3-ready
  .hp3-home-community-grid>
  .hp3-live-panel,

  .hp3-home-layout-v3-ready
  .hp3-content-row>
  *{
    height:auto !important;
  }

}


/* =========================================================
   10. Phone
   ========================================================= */

@media(max-width:520px){

  .hp3-home-layout-v3-ready
  .hp3-home-heatmap-full
  .hp3-liq-heatmap-stage{
    height:
      290px !important;
  }


  .hp3-home-layout-v3-ready
  .hp3-upbit-surge{
    padding-left:
      12px !important;

    padding-right:
      12px !important;
  }

}



/* =========================================================
   HOME TOP BALANCE V4

   실시간 청산맵과 오른쪽 sidebar의 실제 높이를
   콘텐츠 축약으로 맞춘다.
   ========================================================= */


/* ---------------------------------------------------------
   1. sidebar 간격 축소
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-home-realtime-side{
  gap:10px !important;
}


/* ---------------------------------------------------------
   2. WHALE
   홈에서는 최신 5건만.
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-liquidation-recent]
.hp3-whale-row[hidden]{
  display:none !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-whale{
  padding:
    13px 14px 11px !important;

  height:auto !important;
  min-height:0 !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-whale-row td{
  padding:
    5px 2px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-whale-value strong{
  line-height:15px;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-whale table{
  margin-bottom:5px;
}


/* ---------------------------------------------------------
   3. OI
   이미 간결하므로 여백만 조금 압축.
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-strip{
  padding:
    11px 13px !important;

  gap:7px !important;

  height:auto !important;
  min-height:0 !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-head{
  gap:8px;
}


/* ---------------------------------------------------------
   4. MARKET PREDICTION COMPACT

   정보는 삭제하지 않고 세로 여백만 줄인다.
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]{
  padding:
    12px 13px 10px !important;

  height:auto !important;
  min-height:0 !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
header{
  margin-bottom:
    6px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list{
  gap:
    5px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list>
*{
  min-height:
    0 !important;

  padding:
    7px 8px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
p{
  margin-top:
    3px !important;

  margin-bottom:
    4px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
footer{
  margin-top:
    6px !important;
}


/* ---------------------------------------------------------
   5. 좌우 카드 시작점 확실히 정렬
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-home-realtime-grid{
  align-items:start !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-grid>
[data-liquidation-summary],

.hp3-home-top-balance-v4
.hp3-home-realtime-side{
  margin-top:
    0 !important;

  align-self:
    start !important;
}


/* ---------------------------------------------------------
   6. 데스크톱에서 바로 아래 히트맵과 간격 통일
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-home-heatmap-full{
  margin-top:
    14px !important;
}


/* ---------------------------------------------------------
   Tablet/mobile에서는 고래청산을 다시 5건 그대로 쓰되
   지나친 압축은 일부 완화.
   --------------------------------------------------------- */

@media(max-width:860px){

  .hp3-home-top-balance-v4
  .hp3-home-realtime-side{
    gap:10px !important;
  }


  .hp3-home-top-balance-v4
  .hp3-home-realtime-side
  [data-market-prediction]{
    padding:
      13px !important;
  }

}



/* =========================================================
   HOME SIDEBAR COMPACT V5

   오른쪽 sidebar:
   - OI 높이 축소
   - 시장예측 세로 밀도 개선
   - 정보 삭제 없이 홈에 적합한 compact density
   ========================================================= */


/* =========================================================
   1. OI 카드
   ========================================================= */

.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-strip{
  padding:
    9px 12px !important;

  gap:
    5px !important;

  border-radius:
    10px;
}


/* OI header */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-head{
  min-height:
    22px;

  gap:
    6px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-label{
  line-height:
    1.15;
}


/* 상세 지표 버튼 축소 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-strip a,

.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-strip button{
  min-height:
    26px !important;

  padding:
    4px 9px !important;

  font-size:
    9px !important;
}


/* 가격 / OI 숫자 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-figure strong{
  font-size:
    19px !important;

  line-height:
    21px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-figure small{
  font-size:
    9px !important;

  line-height:
    11px !important;
}


/* OI verdict */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-verdict{
  margin:
    4px 0 0 !important;

  padding-top:
    6px !important;

  font-size:
    9px !important;

  line-height:
    1.3 !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-oi-badge{
  padding:
    2px 7px !important;

  font-size:
    8px !important;
}


/* =========================================================
   2. MARKET PREDICTION
   ========================================================= */

.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]{
  padding:
    10px 12px 9px !important;
}


/* 상단 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
header{
  margin-bottom:
    4px !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
header h2,

.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
header .hp3-hd{
  line-height:
    1.15 !important;
}


/*
 * "오늘 시장의 방향을 맞혀보세요."
 * 너무 많은 높이를 쓰지 않도록 조정.
 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]>
p{
  margin:
    2px 0 5px !important;

  font-size:
    9px !important;

  line-height:
    1.25 !important;
}


/* 예측 3개 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list{
  gap:
    4px !important;
}


/*
 * 각 BTC / NASDAQ / KOSPI row
 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list>
*{
  min-height:
    48px !important;

  padding:
    6px 8px !important;

  border-radius:
    7px !important;
}


/* 질문 영역 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list strong{
  line-height:
    1.15 !important;
}


.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list small{
  font-size:
    8px !important;

  line-height:
    1.2 !important;
}


/*
 * 오른쪽 선택/결과/시간 정보
 */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list em,

.hp3-home-top-balance-v4
.hp3-home-realtime-side
.hp3-prediction-list b{
  line-height:
    1.15 !important;
}


/* prediction footer */
.hp3-home-top-balance-v4
.hp3-home-realtime-side
[data-market-prediction]
footer{
  margin-top:
    4px !important;

  padding-top:
    4px !important;

  font-size:
    8px !important;
}


/* =========================================================
   3. Sidebar card spacing
   ========================================================= */

.hp3-home-top-balance-v4
.hp3-home-realtime-side{
  gap:
    8px !important;
}


/* =========================================================
   4. 데스크톱에서 오른쪽 열의 최대 세로 밀도 보정
   ========================================================= */

@media(min-width:861px){

  .hp3-home-top-balance-v4
  .hp3-home-realtime-side
  [data-market-prediction]{
    line-height:
      1.22;
  }


  .hp3-home-top-balance-v4
  .hp3-home-realtime-side
  .hp3-prediction-list>
  *{
    margin:
      0 !important;
  }

}


/* =========================================================
   5. 모바일에서는 너무 압축하지 않음
   ========================================================= */

@media(max-width:860px){

  .hp3-home-top-balance-v4
  .hp3-home-realtime-side
  .hp3-oi-strip{
    padding:
      11px 12px !important;
  }


  .hp3-home-top-balance-v4
  .hp3-home-realtime-side
  [data-market-prediction]{
    padding:
      12px !important;
  }


  .hp3-home-top-balance-v4
  .hp3-home-realtime-side
  .hp3-prediction-list>
  *{
    min-height:
      52px !important;
  }

}



/* =========================================================
   LIVE LIQUIDATION CHART FOCUS V6

   목표:
   - 카드 전체 높이는 유지
   - 상단 summary 세로공간 축소
   - 실제 청산 규모 차트 확대
   ========================================================= */


/* ---------------------------------------------------------
   1. 카드 내부 상/하 여백 소폭 축소
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6{
  padding-top:
    15px !important;

  padding-bottom:
    13px !important;
}


/* ---------------------------------------------------------
   2. 제목 영역 compact
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6>
header{
  margin-bottom:
    6px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6>
header h2,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6>
header .hp3-hd{
  line-height:
    1.15 !important;
}


/* ---------------------------------------------------------
   3. BTC + 청산위험 + CTA summary 압축

   가격 숫자는 그대로 유지하고
   주변 여백만 줄인다.
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-market{
  margin:
    7px 0 10px !important;

  gap:
    18px !important;

  align-items:
    center !important;
}


/* BTC quote */
.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-quote{
  row-gap:
    1px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-quote
[data-price]{
  /*
   * 핵심 현재가는 크기 유지.
   */
  line-height:
    .95 !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-quote
[data-change]{
  line-height:
    1.1 !important;
}


/* 청산 위험 */
.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-signal{
  padding:
    9px 12px !important;

  border-radius:
    8px;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-signal
.hp3-liq-pressure-head{
  gap:
    3px 12px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-pressure-bar{
  height:
    7px !important;

  margin:
    6px 0 !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-nearest{
  padding-top:
    5px !important;

  gap:
    4px 9px !important;
}


/* CTA */
.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-map-cta{
  padding:
    7px 11px !important;
}


/* ---------------------------------------------------------
   4. summary와 차트 사이 separator 축소
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-distribution-title{
  margin:
    0 0 5px !important;

  padding-top:
    9px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-distribution-title strong{
  font-size:
    13px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-distribution-title small{
  font-size:
    8px !important;
}


/* ---------------------------------------------------------
   5. 차트 toolbar compact
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart-toolbar{
  margin-top:
    3px !important;

  margin-bottom:
    3px !important;

  min-height:
    25px !important;
}


/* ---------------------------------------------------------
   6. 실제 chart 확대

   여러 버전에서 사용할 수 있게
   known chart wrapper/canvas 모두 대상으로 지정.
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart-wrap,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
[data-liquidation-chart]{
  height:
    455px !important;

  min-height:
    455px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart canvas,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart-wrap canvas,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
[data-liquidation-chart] canvas{
  width:
    100% !important;

  height:
    100% !important;
}


/*
 * SVG 기반 렌더러일 경우도 대응.
 */
.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart svg,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart-wrap svg,

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
[data-liquidation-chart] svg{
  width:
    100% !important;

  height:
    100% !important;
}


/* ---------------------------------------------------------
   7. 차트 아래 설명 compact

   차트 자체에 공간을 더 돌려준다.
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-chart-foot{
  margin-top:
    4px !important;

  line-height:
    1.2 !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.lmap-coverage-wrap{
  margin-top:
    5px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-chart-focus-v6
.hp3-liq-zoom-help{
  margin-top:
    2px !important;
}


/* ---------------------------------------------------------
   8. Desktop high resolution
   조금 더 큰 chart
   --------------------------------------------------------- */

@media(min-width:1400px){

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-chart,

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-chart-wrap,

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  [data-liquidation-chart]{
    height:
      475px !important;

    min-height:
      475px !important;
  }

}


/* ---------------------------------------------------------
   9. Medium desktop
   --------------------------------------------------------- */

@media(max-width:1200px){

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-chart,

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-chart-wrap,

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  [data-liquidation-chart]{
    height:
      420px !important;

    min-height:
      420px !important;
  }

}


/* ---------------------------------------------------------
   10. Mobile
   모바일에서는 기존 밀도를 지나치게 키우지 않는다.
   --------------------------------------------------------- */

@media(max-width:820px){

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-market{
    margin:
      8px 0 10px !important;
  }


  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-chart,

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  .lmap-chart-wrap,

  .hp3-home-top-balance-v4
  .hp3-live-liq-chart-focus-v6
  [data-liquidation-chart]{
    height:
      330px !important;

    min-height:
      330px !important;
  }

}



/* =========================================================
   LIVE LIQUIDATION SIMPLIFY V7
   ========================================================= */


/* ---------------------------------------------------------
   1. writer용 청산 위험 카드 숨김
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
[data-liq-signal]{
  display:none !important;
}


/* ---------------------------------------------------------
   2. 상단 market row:
   BTC 현재가 + 전체 청산맵 보기만 유지
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-market{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto !important;

  align-items:center !important;

  gap:16px !important;

  margin:
    5px 0 8px !important;

  min-height:
    72px;
}


/* BTC quote */
.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-liq-quote{
  display:grid !important;

  grid-template-columns:
    auto minmax(0,1fr);

  align-items:end;

  column-gap:13px;

  row-gap:1px !important;

  min-width:0;
}


.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-liq-quote>small{
  grid-row:
    1 / 3;

  align-self:center;

  font-size:
    10px !important;
}


/*
 * 현재가는 핵심이므로 크기 유지
 */
.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-liq-quote
[data-price]{
  font-size:
    clamp(31px,3vw,40px) !important;

  line-height:
    .95 !important;

  white-space:nowrap;
}


.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-liq-quote
[data-change]{
  font-size:
    10px !important;

  line-height:
    1.1 !important;
}


/* CTA */
.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-map-cta{
  justify-self:end;

  padding:
    7px 11px !important;

  font-size:
    10px !important;

  white-space:nowrap;
}


/* ---------------------------------------------------------
   3. 차트 제목/toolbar 여백 축소
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-liq-distribution-title{
  margin:
    0 0 5px !important;

  padding-top:
    9px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart-toolbar{
  margin-top:
    2px !important;

  margin-bottom:
    2px !important;

  min-height:
    26px !important;
}


/* ---------------------------------------------------------
   4. 실시간 청산 규모 분포 확대
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart-wrap,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
[data-liquidation-chart]{
  height:
    520px !important;

  min-height:
    520px !important;
}


/*
 * canvas/svg가 부모 높이를 전부 사용하도록.
 */
.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart canvas,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart-wrap canvas,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
[data-liquidation-chart] canvas,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart svg,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart-wrap svg,

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
[data-liquidation-chart] svg{
  width:
    100% !important;

  height:
    100% !important;
}


/* ---------------------------------------------------------
   5. 차트 아래 부가정보는 compact
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-chart-foot{
  margin-top:
    3px !important;

  font-size:
    9px !important;

  line-height:
    1.2 !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.hp3-liq-zoom-help{
  margin-top:
    2px !important;

  font-size:
    8px !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-notice{
  margin:
    3px 0 !important;
}


.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7
.lmap-coverage-wrap{
  margin-top:
    4px !important;
}


/* ---------------------------------------------------------
   6. 카드 자체 padding도 조금 줄여 차트에 공간 배분
   --------------------------------------------------------- */

.hp3-home-top-balance-v4
.hp3-live-liq-simplify-v7{
  padding-top:
    13px !important;

  padding-bottom:
    11px !important;
}


/* ---------------------------------------------------------
   7. 넓은 데스크톱에서는 조금 더 확대
   --------------------------------------------------------- */

@media(min-width:1400px){

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-chart,

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-chart-wrap,

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  [data-liquidation-chart]{
    height:
      545px !important;

    min-height:
      545px !important;
  }

}


/* ---------------------------------------------------------
   8. 중간 해상도
   --------------------------------------------------------- */

@media(max-width:1200px){

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-chart,

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-chart-wrap,

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  [data-liquidation-chart]{
    height:
      470px !important;

    min-height:
      470px !important;
  }

}


/* ---------------------------------------------------------
   9. 모바일
   모바일에서는 CTA와 가격을 세로 배치 가능하게.
   --------------------------------------------------------- */

@media(max-width:820px){

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-market{
    grid-template-columns:
      minmax(0,1fr) !important;

    gap:
      8px !important;

    min-height:
      0;
  }


  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .hp3-map-cta{
    justify-self:start;
  }


  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-chart,

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  .lmap-chart-wrap,

  .hp3-home-top-balance-v4
  .hp3-live-liq-simplify-v7
  [data-liquidation-chart]{
    height:
      340px !important;

    min-height:
      340px !important;
  }

}

/* Final MARKET RADAR v2 cascade guard after all legacy home overrides. */
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 table{font-size:13px!important}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 th{padding:8px 10px!important;font-size:11px!important}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td{height:55px;padding:8px 10px!important;font-size:13px!important}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td[data-col="coin"] strong{font-size:15px!important}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td[data-col="volume"]{font-size:14px!important}
@media(max-width:600px){
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 th,.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td{padding:8px 4px!important}
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 th[data-col="price"],.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td[data-col="price"]{display:none!important}
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td[data-col="coin"] strong{font-size:14px!important}
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v2 td[data-col="volume"]{font-size:13px!important}
}

/* Compact Upbit MARKET RADAR v3. Keep this after the legacy and v2 cascade. */
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v3{padding:14px 18px 12px!important}
.hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-head{display:flex;min-height:0;margin:0;align-items:center;justify-content:space-between;gap:16px}
.hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-title{min-width:0}
.hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-title>span{font-size:9px;line-height:1.2;letter-spacing:.08em}
.hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-title .hp3-hd{margin-top:2px;font-size:19px!important;line-height:1.25;font-weight:800}
.hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-tabs{flex:none;margin:0;padding:2px;border-radius:9px}
.hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-tabs button{min-height:29px;padding:0 11px;border-radius:7px;font-size:11px}
.hp3-upbit-market-radar-v3 .hp3-radar-summary{margin:7px 0 2px;font-size:10px;line-height:1.35}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v3 th{height:27px;padding:4px 8px!important;font-size:10px!important;line-height:1.2}
.hp3-home-layout-v3-ready .hp3-upbit-market-radar-v3 td{height:46px;padding:5px 8px!important;font-size:13px!important;line-height:1.25}
.hp3-upbit-market-radar-v3 td[data-col="coin"] strong{font-size:14px!important;font-weight:800;line-height:1.25}
.hp3-upbit-market-radar-v3 td[data-col="coin"] small{display:inline-block;margin-top:1px;font-size:10px;line-height:1.1}
.hp3-upbit-market-radar-v3 .hp3-radar-mobile-price{display:none;margin:1px 0 0;color:#9bacc0;font-size:10px;font-style:normal;font-weight:600;line-height:1.1}
.hp3-upbit-market-radar-v3 td[data-col="price"]{font-size:13px!important;font-weight:650}
.hp3-upbit-market-radar-v3 td[data-col="volume"]{font-size:14px!important;font-weight:800}
.hp3-upbit-market-radar-v3 td[data-col="change"]{font-size:13px!important;font-weight:750}
.hp3-upbit-market-radar-v3 .hp3-radar-rank span{width:23px;height:23px;border-radius:7px;font-size:11px}
.hp3-upbit-market-radar-v3 tr.is-top-1 .hp3-radar-rank span{color:#ded7ff;background:rgba(124,93,220,.22)}
.hp3-upbit-market-radar-v3 tr.is-top-2 .hp3-radar-rank span{color:#c4efff;background:rgba(54,166,200,.14)}
.hp3-upbit-market-radar-v3 tr.is-top-3 .hp3-radar-rank span{color:#b9f2e3;background:rgba(63,178,151,.12)}
.hp3-upbit-market-radar-v3 tbody tr:hover{background:rgba(105,151,188,.045)}
.hp3-upbit-market-radar-v3 .hp3-surge-status{padding:24px 10px;font-size:11px}
.hp3-upbit-market-radar-v3 .hp3-surge-updated{display:none!important}
.hp3-upbit-market-radar-v3 .hp3-panel-more{margin-top:5px;padding-top:5px;font-size:11px}
@media(max-width:600px){
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v3{padding:13px 11px 11px!important}
  .hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-head{align-items:flex-start;flex-wrap:wrap;gap:8px 12px}
  .hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-title{flex:1 1 190px}
  .hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-title .hp3-hd{font-size:17px!important}
  .hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-tabs{flex:0 0 auto}
  .hp3-upbit-market-radar-v3 .hp3-radar-summary{margin-top:6px}
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v3 th{padding:4px 3px!important}
  .hp3-home-layout-v3-ready .hp3-upbit-market-radar-v3 td{height:47px;padding:5px 3px!important}
  .hp3-upbit-market-radar-v3 td[data-col="coin"] small{margin-right:5px}
  .hp3-upbit-market-radar-v3 .hp3-radar-mobile-price{display:inline-block}
}
@media(max-width:420px){
  .hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-tabs{width:100%}
  .hp3-upbit-market-radar-v3 .hp3-upbit-market-radar-v3-tabs button{flex:1}
}

/* Home investment calendar v2: two priority-ranked events per day. */
.hp3 .hp3-cal .hp3-cal-item-top{gap:3px}
.hp3 .hp3-cal .mc-category{flex:none}
.hp3 .hp3-cal .hp3-cal-item-name small{margin-left:5px;color:#8292a8;font-size:9px;font-weight:700;letter-spacing:.03em}
.hp3 .hp3-cal .hp3-cal-item-name em{margin-left:4px;color:#f3c96b;font-size:9px;font-style:normal;font-weight:750}
.hp3 .hp3-cal .hp3-cal-item[data-importance="3"]{box-shadow:inset 0 0 0 1px rgba(244,63,94,.05)}
@media(max-width:720px){
  .hp3 .hp3-cal .hp3-cal-item-name small,.hp3 .hp3-cal .hp3-cal-item-name em{display:inline}
}


/* ── [홈 SSR] SEO 목차 정리: 카드 제목 h2 → div.hp3-hd 강등 시각 보정 ──
   h2 가 브라우저 기본으로 갖던 굵기만 되살린다. 크기/여백은 기존 규칙 그대로.
   업비트 제목은 이미 font-weight:800 을 갖고 있어 건드리지 않는다. */
.hp3-liq-header>.hp3-hd,
.hp3-liq-heatmap-head .hp3-hd,
.hp3-whale>header .hp3-hd{
  font-weight:700;
}

.hp3-liq-header>.hp3-hd{
  margin:0;
}

/* ============================================================
   시장 브리핑 개미 (ant-briefing.js)
   CHAT 버튼 바로 위에 앉는다. z-index 는 .cw(900)보다 1 낮게 둬서
   채팅 패널·버튼을 절대 가리지 않는다.
   ============================================================ */
.ant-brief{
  position:fixed;
  right:33px;                                  /* CHAT FAB(78px) 가운데 정렬 */
  bottom:calc(18px + env(safe-area-inset-bottom) + 78px + 12px);
  z-index:899;
  pointer-events:none;                         /* 빈 영역은 클릭을 통과시킨다 */
}

.ant-brief-ant{
  display:block;
  width:48px; height:64px;
  padding:0; border:0; background:none;
  cursor:pointer; pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
  animation:antBriefFloat 3s ease-in-out infinite;
}
.ant-brief-ant img{
  display:block; width:48px; height:64px;
  image-rendering:pixelated;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));
}
.ant-brief-ant:active{ transform:scale(.93); }

@keyframes antBriefFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}

.ant-brief-bubble{
  position:absolute;
  right:0; bottom:calc(100% + 8px);
  width:max-content; max-width:264px;
  padding:10px 26px 10px 12px;
  border:1px solid var(--border,#2a2a2e);
  border-radius:12px 12px 4px 12px;
  background:var(--panel,#141416);
  box-shadow:0 12px 30px rgba(0,0,0,.55);
  pointer-events:auto;
}
.ant-brief-text{
  margin:0;
  color:var(--text,#e8e8ea);
  font-size:12.5px; font-weight:600; line-height:1.55;
  word-break:keep-all;
}
.ant-brief-x{
  position:absolute; top:3px; right:4px;
  width:18px; height:18px; padding:0;
  border:0; border-radius:50%; background:none;
  color:var(--muted,#8b8b93);
  font-size:14px; line-height:1; cursor:pointer;
}
.ant-brief-x:hover{ color:var(--text,#e8e8ea); }

.ant-brief-bubble.is-in{ animation:antBriefIn .3s ease-out; }
@keyframes antBriefIn{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:none; }
}

@media (max-width:640px){
  .ant-brief{
    right:21px;                                /* 모바일 FAB(58px) 가운데 */
    bottom:calc(14px + env(safe-area-inset-bottom) + 58px + 12px);
  }
  .ant-brief-ant,
  .ant-brief-ant img{ width:36px; height:48px; }
  .ant-brief-bubble{ max-width:min(224px, calc(100vw - 52px)); padding:9px 24px 9px 11px; }
  .ant-brief-text{ font-size:12px; }
}

/* 모션을 줄여달라고 한 사용자에겐 떠 있는 동작도 페이드도 주지 않는다 */
.ant-brief.is-still .ant-brief-ant{ animation:none; }
.ant-brief.is-still .ant-brief-bubble.is-in{ animation:none; }
@media (prefers-reduced-motion:reduce){
  .ant-brief-ant{ animation:none; }
  .ant-brief-bubble.is-in{ animation:none; }
}

/* 투자연구소: 홈의 시장 정보 흐름을 침범하지 않는 단일 진입 카드 */
.hp3-lab-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0;padding:22px 26px;border:1px solid rgba(139,92,246,.28);border-radius:16px;background:linear-gradient(105deg,rgba(139,92,246,.12),rgba(18,21,31,.92) 55%,rgba(88,240,193,.06));box-shadow:0 12px 34px rgba(0,0,0,.16)}
.hp3-lab-feature span,.hp3-lab-feature strong,.hp3-lab-feature p{display:block}.hp3-lab-feature span{color:#64e9c1;font-size:10px;font-weight:850;letter-spacing:.16em}.hp3-lab-feature strong{margin-top:5px;color:#f1f3f8;font-size:19px;letter-spacing:-.025em}.hp3-lab-feature p{margin:4px 0 0;color:#929bad;font-size:12px}.hp3-lab-feature a{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 17px;border-radius:10px;background:linear-gradient(110deg,#7c55e8,#ad55dd);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.hp3-lab-feature a:hover,.hp3-lab-feature a:focus-visible{filter:brightness(1.12)}.hp3-lab-feature i{font-style:normal}
@media(max-width:640px){.hp3-lab-feature{align-items:flex-start;flex-direction:column;gap:16px;padding:19px}.hp3-lab-feature a{width:100%;justify-content:center}}