/* Meypher / HiddenKillers visual system. Replaces the previous redesign. */
:root{--bg:#060d17;--surface:#0b1724;--surface-2:#101f2e;--text:#eef2ff;--muted:#a4b1c8;--cyan:#ff536c;--hk-cyan:#ff536c;--blue:#bb1934;--violet:#a71b35;--line:#633443;--line-bright:#e3415b;--online:#3ce1b0;--radius:8px;--radius-lg:10px;--shadow:0 10px 35px #0005;--auth-lime:#ff7387;--auth-cyan:#ff7387}
html,body{background:#060d17;color:var(--text);font-family:'Segoe UI',sans-serif}
body:not(.public-entry) .hk-unsynced-app-video,body:not(.public-entry) .hk-unsynced-app-video-shade{display:none!important}
.hk-product-shell{box-sizing:border-box;display:grid!important;grid-template-columns:218px minmax(0,1fr)!important;min-height:100vh;background:linear-gradient(180deg,#07111d88,#05101b60),url('/frontend/assets/hiddenkillers-summary-banner-v1.png') center bottom/cover fixed!important}
.hk-product-shell *, .hk-product-shell *:before,.hk-product-shell *:after{box-sizing:border-box}
.hk-product-shell .sidebar{width:218px!important;min-width:0!important;position:sticky!important;top:0;height:100vh;display:flex;flex-direction:column;padding:0 12px 14px!important;border-right:1px solid #bb344c;background:linear-gradient(180deg,#07111c10,#07111ccb 35%,#07111c12 72%,#060e18af),url('/frontend/assets/hiddenkillers-sidebar-art.png') center/cover!important;box-shadow:8px 0 35px #0005;overflow:hidden}
.hk-product-shell .crest-row{height:175px;min-height:175px;display:flex;flex-direction:column;gap:0;justify-content:flex-end;padding:0 0 12px;border:0;margin:0 0 8px;position:relative;text-align:center}
.hk-product-shell #brand-emblem{display:none!important}.hk-product-shell .crest-copy{width:100%;text-align:center}.hk-product-shell #brand-name{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.025em;text-transform:none;display:block;white-space:normal;line-height:1.1;text-shadow:0 2px 8px #000}.hk-product-shell .crest-copy span{display:block;font-size:8px;letter-spacing:.19em;margin-top:8px;color:#aab4cb}.hk-product-shell .season-chip{display:none}.hk-product-shell .profile-chip{display:none!important}
.hk-product-shell .scope-switcher{margin:0 0 10px;padding:0;border:0;background:transparent}.hk-product-shell .scope-switcher label{display:none}.hk-product-shell .scope-switcher select{height:42px;border:1px solid #bc344e;background:#091321b8;color:#eef2ff;border-radius:7px;font-size:12px;width:100%;padding:8px}
.hk-product-shell #nav{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#6a2434 transparent}.hk-product-shell .nav-block{margin:0 0 10px;padding:0;border:0;background:none}.hk-product-shell .nav-kicker{font-size:8px;letter-spacing:.17em;color:#c593a1;margin:14px 12px 7px}.hk-product-shell .nav-item{width:100%!important;min-height:38px!important;display:flex;align-items:center;gap:11px;border:1px solid transparent!important;border-radius:7px!important;padding:8px 12px!important;margin:3px 0!important;background:transparent;color:#c8d3e7;font-size:13px;font-weight:500;white-space:normal;opacity:1}.hk-product-shell .nav-item span:nth-child(2){overflow:visible;text-overflow:clip;white-space:normal}.hk-product-shell .nav-item:hover{background:#7c152638!important;border-color:#993047!important}.hk-product-shell .nav-item.active{background:linear-gradient(90deg,#c51938af,#69162899)!important;border-color:#ff405e!important;box-shadow:0 0 14px #ff294133,inset 2px 0 #ff6a80!important;color:#fff}.hk-product-shell .nav-glyph{display:flex;width:24px;height:24px;flex:0 0 24px;color:#e7eafb;font-size:0!important;background:none!important}.hk-product-shell .nav-glyph:before,.hk-product-shell .nav-glyph:after{display:none!important;content:none!important}.nav-glyph svg{width:24px;height:24px}.hk-product-shell .nav-item.active .nav-glyph{color:#fff;filter:drop-shadow(0 0 6px #ff244c)}.hk-product-shell .nav-beta{font-size:8px;padding:2px 4px}.hk-product-shell .sidebar-foot{padding:0;margin-top:10px;border:0;background:transparent}.sidebar-meypher{display:block;width:126px;height:40px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 2px 7px #000)}.hk-product-shell .sidebar-foot .connection{display:none}
.hk-product-shell .main{min-width:0;width:100%;padding:0 22px 20px!important;background:transparent!important}.hk-product-shell .topbar{height:56px;min-height:56px;margin:0 -22px 18px;padding:0 22px!important;border-bottom:1px solid #773548;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#070f1ad9}.hk-product-shell .topbar .view-subtitle{display:none}.hk-product-shell .location{font-size:12px;letter-spacing:0;color:#aebed6}.hk-product-shell #scope-eyebrow{font-size:12px;color:#aebed6}.hk-product-shell .top-actions{display:flex;align-items:center;gap:12px}.hk-product-shell .connection-state{font-size:10px;padding:5px 8px;border-color:#25433c;background:#0e241e66}.hk-product-shell .user-button{padding:4px 8px;background:transparent;border:0;font-size:12px}.hk-product-shell .user-button .avatar{width:34px;height:34px}.hk-product-shell .notification-button{background:transparent;border:0;font-size:24px}.hk-product-shell #theme-toggle{display:none}.hk-product-shell #notice-bar{display:none}.hk-product-shell #view{margin:0;padding:0;width:100%;min-width:0}
.hk-product-shell .content-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 286px!important;gap:18px!important;align-items:start}.hk-product-shell .content-primary{min-width:0}.hk-product-shell .context-rail{position:static!important;top:auto!important;border:0!important;background:none!important;display:flex;flex-direction:column;gap:12px;padding:0!important}
.hk-product-shell .summary-page{display:block!important;padding:0;margin:0;gap:0!important}.hk-product-shell .summary-welcome{height:92px;display:flex;align-items:center;padding:0 0 12px!important;border:0!important;border-radius:0;background:linear-gradient(90deg,#07101c00 50%,#07101c11),url('/frontend/assets/hiddenkillers-header-elf.png') right top/cover no-repeat!important;box-shadow:none!important}.summary-welcome .eyebrow{display:none}.hk-product-shell .summary-welcome h1{font-size:clamp(24px,2.25vw,42px);letter-spacing:-.035em;font-weight:600;line-height:1.15;margin:0 0 6px!important}.summary-welcome h1 em{font-style:normal;color:#ff657a}.hk-product-shell .summary-welcome p{font-size:17px;color:#aebdda;margin:0}.hk-product-shell .summary-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.hk-product-shell .kpi-card{min-height:78px;height:78px;padding:12px 14px 10px 52px!important;position:relative;background:linear-gradient(135deg,#132238ed,#091321ed)!important;border:1px solid #853c4c!important;border-radius:8px;box-shadow:inset 0 1px #ffffff08,0 6px 20px #0004;display:flex;flex-direction:column;justify-content:center}.hk-product-shell .kpi-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;height:auto;background:linear-gradient(transparent,#ff3e5e50,transparent)}.hk-product-shell .kpi-card:after{content:'';position:absolute;left:15px;top:24px;width:26px;height:26px;background:currentColor;mask:url('/frontend/assets/product-members.svg') center/contain no-repeat;color:#ff6b80;filter:drop-shadow(0 0 8px #ff315d)}.hk-product-shell .kpi-card:nth-child(3):after{mask-image:url('/frontend/assets/product-shield.svg')}.hk-product-shell .kpi-card:nth-child(4):after{mask-image:url('/frontend/assets/product-calendar.svg')}.hk-product-shell .kpi-label{font-size:12px;letter-spacing:0;text-transform:none;color:#bbcae0;margin:0}.hk-product-shell .kpi-card strong{font-size:28px;line-height:1.2;color:#fff;margin:0;font-weight:500}.hk-product-shell .kpi-card small{display:none}
.hk-featured-event{height:235px;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 26px;margin:0 0 12px;border:1px solid #ea4961;border-radius:9px;background:linear-gradient(90deg,#060d18de,#080e1730 60%,transparent),url('/frontend/assets/hiddenkillers-event-castle.png') center/cover;box-shadow:inset 0 0 20px #ef284d10,0 8px 28px #0004;overflow:hidden}.hk-featured-event .eyebrow{font-size:9px;letter-spacing:.3em;color:#ff8798;font-weight:500}.hk-featured-event h2{font:400 clamp(28px,3vw,44px)/1.15 Georgia,serif;margin:14px 0 10px;max-width:85%;color:#f3f2fb;text-shadow:0 3px 10px #000}.hk-featured-event p{margin:0;font-size:15px;color:#d5dcef}.hk-event-actions{display:flex;gap:16px;margin-top:18px;align-items:center}.hk-featured-event>.button{margin-top:18px}.hk-featured-event .button.primary{width:auto;min-width:195px;height:42px;font-size:13px}
.hk-product-shell .summary-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin:0}.summary-main,.summary-side{display:flex;flex-direction:column;gap:12px;min-width:0}.hk-panel,.hk-presence,.hk-product-shell .community-rail-card{border:1px solid #a63d51!important;border-radius:8px!important;background:linear-gradient(145deg,#0c1927ee,#070f1be8)!important;box-shadow:inset 0 1px #ffffff06,0 4px 20px #0003!important;padding:14px 16px!important}.hk-panel-heading,.hk-presence header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:29px;padding-bottom:9px;border-bottom:1px solid #67708730}.hk-panel h3,.hk-presence h3{font-size:15px;font-weight:500;margin:0;display:flex;align-items:center;gap:10px}.hk-panel h3 svg,.hk-presence header>svg,.hk-utility-bar svg{width:22px;height:22px;color:#ff627b;filter:drop-shadow(0 0 5px #ef33596b)}.hk-panel-heading .button{font-size:11px;min-height:24px;padding:0;color:#e87989}.hk-cp-members{display:flex;justify-content:space-between;gap:7px;padding:12px 0 0}.hk-cp-members>div{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;width:70px}.hk-cp-members .avatar{width:58px;height:58px;border:1px solid #e5697b;border-radius:50%;padding:2px;background:#081522;box-shadow:0 0 0 2px #0005}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.hk-cp-members strong{font-size:11px;font-weight:500;max-width:75px;overflow-wrap:anywhere}.hk-cp-members small{font-size:9px;color:#aebbd0;text-align:center}.hk-cp-panel>p{font-size:11px;margin:8px 0 0;color:#aebbd0}.hk-cp-panel .state-block{margin:10px 0 0;padding:12px;min-height:105px}.hk-panel .state-block{border:0;background:none;font-size:12px;text-transform:none;letter-spacing:0}.hk-panel .state-block small{display:block;text-transform:none;font-size:12px;line-height:1.6;margin-top:8px;letter-spacing:0}.hk-alliance-readout{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#8f9fb7;padding:8px}.hk-panel .summary-news-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff0b}.summary-news-row>div{flex:1;min-width:0}.summary-news-row strong{font-size:12px;font-weight:500}.summary-news-row small{font-size:10px;display:block;margin-top:5px;color:#97a8c1}.summary-news-row .avatar{width:38px;height:38px;flex-shrink:0}.hk-utility-bar{border:1px solid #bb3a52;border-radius:8px;margin-top:12px;padding:11px 15px;display:flex;align-items:center;gap:12px;background:#0a1725d9}.hk-utility-bar h3{font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 auto 0 0}.hk-utility-bar .button{font-size:11px;min-height:35px;padding:6px 12px}
.hk-product-shell .community-rail-card{position:static!important;height:460px;min-height:0;display:flex;flex-direction:column}.hk-product-shell .community-rail-heading{padding:0 0 12px!important}.hk-product-shell .community-rail-heading .eyebrow{display:none}.hk-product-shell .community-rail-heading h3{font-size:17px;font-weight:500;margin:0}.hk-product-shell .community-rail-heading h3:before{content:'◌';color:#ff687f;margin-right:10px}.hk-product-shell .community-channel-tabs{display:flex;padding:0!important;gap:0;border:1px solid #5a3544;border-radius:6px;overflow:hidden;margin:0 0 12px!important}.hk-product-shell .community-channel-tab{flex:1;border:0;border-radius:0!important;min-height:34px;background:transparent!important;padding:4px 7px!important;font-size:12px;color:#aebbd0}.hk-product-shell .community-channel-tab span{display:none}.hk-product-shell .community-channel-tab.active{background:linear-gradient(#691123bb,#b41e37bb)!important;box-shadow:inset 0 -2px #ff6b81,0 0 12px #e1264930!important;color:#fff}.hk-product-shell .community-chat-preview{display:flex;flex-direction:column;min-height:0;flex:1;background:none!important;padding:0!important;border:0!important}.hk-product-shell .community-chat-title{display:none}.hk-product-shell .community-message-list{flex:1;min-height:0;overflow:auto;margin:0;padding:0}.hk-product-shell .community-message{display:flex;gap:10px;padding:9px 0;border:0;background:none}.hk-product-shell .community-message .avatar{width:39px;height:39px;flex:0 0 39px;border:1px solid #bc7180;padding:2px}.hk-product-shell .community-message-body strong{font-size:12px;font-weight:500}.hk-product-shell .community-message-body small{font-size:9px;color:#8f9eb5}.hk-product-shell .community-message-body p{font-size:12px;line-height:1.5;margin:5px 0;color:#d3deef;text-transform:none}.hk-product-shell .muted-copy{font-size:11px;line-height:1.6;text-transform:none;letter-spacing:0}.hk-product-shell .community-chat-compose{display:flex;gap:8px;padding-top:10px!important;margin:0}.hk-product-shell .community-chat-compose textarea,.hk-product-shell .community-chat-compose input{flex:1;width:100%;min-width:0;height:38px!important;min-height:38px!important;border:1px solid #4c465e!important;background:#071321!important;border-radius:6px;padding:10px;font-size:11px;resize:none}.hk-product-shell .community-chat-compose .button{min-height:38px!important;padding:6px 11px!important;background:linear-gradient(#a91c36,#561329)!important;border:1px solid #c7455c!important;box-shadow:none!important;font-size:11px}
.hk-presence header{justify-content:flex-start}.hk-presence header span{margin-left:auto;font-size:12px;color:#aebdda}.hk-presence-note{display:block;font-size:9px;color:#8999b1;margin:8px 0}.hk-presence-list>div{display:flex;align-items:center;gap:8px;min-height:37px}.hk-presence-list .avatar{width:29px;height:29px}.hk-online-dot{width:6px;height:6px;border-radius:50%;background:#3ce1b0;flex-shrink:0}.hk-presence-list strong{font-size:11px;font-weight:500}.hk-presence-list small{margin-left:auto;color:#99a8bf;font-size:9px}.hk-presence .button{font-size:11px;margin-top:8px;min-height:25px;color:#ff7a8e}.hk-presence p{font-size:12px;color:#9eadc4}
.hk-product-shell .button.primary{background:linear-gradient(135deg,#e12443,#82172f)!important;border:1px solid #ff6079!important;color:#fff;box-shadow:0 0 12px #ea264332;border-radius:6px}.hk-product-shell .button.secondary{background:#101d30;border:1px solid #5f4056;color:#e5e9f4;border-radius:6px}.hk-product-shell .button.text{color:#e29ca9}.button:focus-visible,.nav-item:focus-visible{outline:2px solid #ff91a2;outline-offset:3px}.product-signature{display:none!important}
@media(min-width:1500px){.hk-product-shell .content-layout{grid-template-columns:minmax(0,1fr) 300px!important}.hk-product-shell .main{padding-inline:28px!important}.hk-product-shell .topbar{margin-inline:-28px;padding-inline:28px!important}.hk-product-shell .community-rail-card{height:478px}.hk-featured-event{height:235px}.hk-product-shell .summary-welcome{height:98px}.hk-cp-members .avatar{width:64px;height:64px}}
@media(max-width:1200px){.hk-product-shell{grid-template-columns:210px minmax(0,1fr)!important}.hk-product-shell .sidebar{width:210px!important}.hk-product-shell .content-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:16px!important}.hk-product-shell .summary-welcome h1{font-size:25px}.hk-product-shell .kpi-card{padding-left:12px!important}.hk-product-shell .kpi-card:after{display:none}.hk-product-shell .kpi-label{font-size:10px}.hk-product-shell .summary-layout{grid-template-columns:1fr}.hk-utility-bar{flex-wrap:wrap}.hk-featured-event h2{font-size:31px}}
@media(max-width:950px){.hk-product-shell .content-layout{grid-template-columns:minmax(0,1fr)!important}.hk-product-shell .context-rail{display:grid;grid-template-columns:1fr 1fr;align-items:start}.hk-product-shell .summary-layout{grid-template-columns:1.5fr 1fr}.hk-product-shell .community-rail-card{height:400px}.hk-product-shell .summary-welcome{background:none!important}}
@media(max-width:720px){.hk-product-shell{display:block!important}.hk-product-shell .sidebar{position:fixed!important;width:218px!important;z-index:50;left:-260px;transition:left .2s}.sidebar-open .hk-product-shell .sidebar{left:0}.hk-product-shell .main{padding:0 12px 20px!important}.hk-product-shell .topbar{margin:0 -12px 12px;padding:0 12px!important}.hk-product-shell .summary-welcome{height:110px}.hk-product-shell .summary-welcome h1{font-size:27px}.hk-product-shell .summary-welcome p{font-size:14px}.hk-product-shell .summary-layout,.hk-product-shell .context-rail{grid-template-columns:1fr}.hk-product-shell .summary-kpis{gap:6px}.hk-featured-event{height:230px;padding:18px}.hk-featured-event h2{font-size:30px}.hk-product-shell .kpi-card{height:70px;min-height:70px;padding:8px!important}.hk-product-shell .kpi-card strong{font-size:23px}.hk-utility-bar h3{width:100%;margin:0}.hk-utility-bar .button{flex:1}.hk-product-shell .connection-state{display:none}.hk-product-shell #scope-eyebrow{max-width:130px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}}

.profile-avatar-picker{padding-block:20px;border-block:1px solid rgba(255,255,255,.1);margin-block:20px}.profile-avatar-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:18px 0}.profile-avatar-choice{padding:10px;border:1px solid #39415c;border-radius:14px;background:#101827;color:#dce1ee;cursor:pointer;font:inherit}.profile-avatar-choice img{display:block;width:72px;height:72px;object-fit:cover;border-radius:50%;margin:0 auto 9px}.profile-avatar-choice span{font-size:11px;line-height:1.4;display:block}.profile-avatar-choice.selected{border-color:#ea6576;background:#321723;box-shadow:0 0 0 2px rgba(234,101,118,.16)}.profile-avatar-choice:focus-visible{outline:2px solid #ff8c99;outline-offset:3px}


.auth-entry-shell{background:linear-gradient(100deg,rgba(9,13,24,.92),rgba(33,14,25,.6)),url('/frontend/assets/avatar-dark-elf-mage-hd.png') left center/cover;border-color:#753648}.auth-context-panel{min-height:460px;justify-content:flex-end;text-shadow:0 2px 12px #000}.auth-form-card{border-color:#86404f;border-radius:12px;background:rgba(9,16,29,.95);box-shadow:0 24px 70px #0008,inset 0 1px #f17a8a16}.auth-context-panel h1 em{color:#f17687}.auth-entry-shell .button.primary{background:linear-gradient(135deg,#d93a56,#8a1934);color:#fff;border-color:#f07587}.input:focus,.select:focus{outline-color:#e34c62;border-color:#e34c62}.button.primary{background:linear-gradient(135deg,#d93a56,#8a1934);color:#fff}.button:focus-visible{outline:2px solid #f68a99;outline-offset:3px}
@media(max-width:820px){.auth-context-panel{min-height:220px}.hk-featured-event{min-height:220px;padding:20px}.hk-dashboard .summary-layout{grid-template-columns:1fr}}

.hk-empty{padding:18px 0;min-height:86px;text-align:left;color:#aebbd0;font-size:12px}.hk-empty strong{font-weight:500;color:#e5e9f4}.hk-empty small{display:block;margin-top:8px;line-height:1.6}.hk-panel .summary-news-row p{font-size:12px;line-height:1.5;color:#c0cde1;margin:7px 0}.hk-product-shell .hk-nav-more summary{padding:10px 12px;color:#a8b5cb;font-size:11px;cursor:pointer}.hk-product-shell .hk-dashboard .summary-layout{margin:0!important}.hk-product-shell .hk-dashboard .summary-kpis{margin:0 0 12px!important}.hk-product-shell .hk-dashboard .summary-main,.hk-product-shell .hk-dashboard .summary-side{gap:12px!important}.hk-product-shell .hk-dashboard .kpi-card{min-height:78px!important;height:78px!important}.hk-product-shell .hk-dashboard .hk-panel{min-height:0!important}.hk-product-shell .hk-dashboard .summary-welcome{margin:0!important}.hk-product-shell .nav-glyph{border:0!important;border-radius:0!important;box-shadow:none!important}.hk-product-shell .hk-search{display:flex;align-items:center;border:1px solid #454b61;border-radius:7px;height:34px;overflow:hidden;background:#0c1624;width:260px}.hk-search input{background:transparent;border:0;outline:none;color:#e3eaf7;width:100%;min-width:0;padding:8px 10px;font:12px 'Segoe UI',sans-serif}.hk-search button{border:0;background:none;color:#adbedb;font-size:23px;padding:0 10px;cursor:pointer}.hk-product-shell .community-chat-compose textarea{scrollbar-width:none;overflow:auto}.hk-product-shell .community-chat-compose textarea::-webkit-scrollbar{display:none}.hk-product-shell .community-channel-tab strong{font-weight:500}.hk-product-shell .nav-item{font-weight:500!important}.hk-product-shell .hk-panel .button{font-weight:500}.hk-product-shell .kpi-label{text-transform:none!important}.hk-product-shell .summary-welcome{background:linear-gradient(90deg,#07101c00 62%,#07101c00),url('/frontend/assets/hiddenkillers-header-elf.png') right top/cover no-repeat!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}@media(max-width:1200px){.hk-product-shell .hk-search{width:170px}}@media(max-width:720px){.hk-product-shell .hk-search{display:none}}

.hk-product-shell .hk-empty small,.hk-product-shell .hk-presence-note{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}.hk-product-shell .hk-presence-note{font-size:10px!important}.hk-product-shell .hk-panel-heading h3{font-weight:500!important}.hk-product-shell .hk-utility-bar{margin-top:12px!important}.hk-product-shell .community-message-body p{font-weight:400!important}

.hk-product-shell .hk-module-heading{margin:0 0 20px;padding:8px 0 16px;border-bottom:1px solid #593243}.hk-module-heading h1{font-size:29px;letter-spacing:-.02em;margin:0 0 6px;font-weight:500}.hk-module-heading p{font-size:13px;color:#a4b4ce;margin:0;line-height:1.5}.hk-product-shell .card,.hk-product-shell .event-card,.hk-product-shell .cp-card,.hk-product-shell .settings-card{background:linear-gradient(140deg,#0d1a2aee,#07111eeb);border:1px solid #623548;border-radius:8px;box-shadow:0 8px 28px #0004}.hk-product-shell .input,.hk-product-shell .select{background:#0a1525;color:#e4ecfa;border:1px solid #4e3d55;border-radius:6px}.hk-product-shell .modal{background:#0b1523;border-color:#bb4a61}.hk-product-shell .data-table{background:#081423}.hk-product-shell .data-table th{background:#102034;color:#9daecc}.hk-product-shell .data-table td{border-color:#35405166}.hk-product-shell .data-table tbody tr:hover{background:#81233b18}body.public-entry .hk-product-shell{display:block!important;background:transparent!important}body.public-entry .hk-product-shell .main{padding:0!important}body.public-entry .hk-product-shell #view{width:100%!important}

.hk-cp-vacancy span{width:58px;height:58px;border:1px solid #746374;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#9aabc8;background:#0a1624}.hk-cp-vacancy strong{color:#a3afc4}.hk-cp-vacancy small{font-size:8px!important}.hk-product-shell .hk-featured-event .button{font-weight:500!important}.hk-product-shell .hk-featured-event p{font-size:15px;font-weight:400}

.hk-product-shell .avatar{border-radius:50%!important;overflow:hidden}.hk-product-shell .avatar img{border-radius:50%!important;object-fit:cover}.hk-product-shell .hk-cp-members strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px;text-align:center;width:100%;font-weight:500!important}.hk-product-shell .hk-cp-members small{letter-spacing:0!important;text-transform:none!important;font-size:9px!important;line-height:12px}.hk-product-shell .hk-cp-vacancy small{display:none}.hk-product-shell .hk-empty{min-height:65px;padding:14px 0}.hk-product-shell .summary-news-row{background:none!important;border-radius:0!important;box-shadow:none!important}.hk-product-shell .community-message .avatar{flex-shrink:0!important}

/* Ember frames: uneven luminous traces and localized corner flares. */
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar){position:relative!important;isolation:isolate;overflow:visible!important;border-color:#aa293c55!important;box-shadow:0 6px 20px #0003,inset 0 0 18px #ec183310!important}
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::before{content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:2;pointer-events:none;border:0!important;transform:none!important;border-radius:inherit;background:radial-gradient(ellipse 34px 16px at 3px 3px,#fff4da 0%,#ff9b73 7%,#ff233bc0 24%,#fc143d42 52%,transparent 80%),radial-gradient(ellipse 90px 12px at 65px 2px,#ff344b65,transparent 80%),radial-gradient(ellipse 16px 75px at 2px 48px,#ff264c5c,transparent 80%),radial-gradient(ellipse 30px 14px at calc(100% - 3px) calc(100% - 3px),#ffe9d9 0%,#ff6d62 10%,#ff143ab0 30%,transparent 80%),radial-gradient(ellipse 100px 12px at calc(100% - 70px) calc(100% - 2px),#ff234555,transparent 80%)!important;filter:blur(1.3px);opacity:.9;animation:hk-ember-light 5s ease-in-out infinite alternate}
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::after{content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;transform:none!important;opacity:1!important;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from 0deg,#ff365c12 0deg,#ff365c28 45deg,#ff5164 80deg,#fff3db 90deg,#ff5c65 100deg,#ff365c20 135deg,#ff365c00 170deg,#ff365c18 225deg,#ff4b57 258deg,#fff5e7 270deg,#ff6a63 282deg,#ff365c35 310deg,#ff365c12 360deg)!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 3px #ff244fc9)}
.hk-product-shell .nav-item{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.hk-product-shell .nav-item:is(.active,:hover){position:relative;isolation:isolate;border-color:#ff556c!important;box-shadow:-3px -2px 12px #ff284a80,0 0 22px #ff17353a,inset 0 0 16px #ff244d33!important}
.hk-product-shell .nav-item.active{background:linear-gradient(90deg,#d21938c9,#661528a8)!important}
.hk-product-shell .nav-item:is(.active,:hover)::after{content:'';position:absolute;inset:-1px;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from 0deg,#ff345b22,#ff8494 87deg,#ff345b08 145deg,#ff345b05 215deg,#fff3df 270deg,#ff3d5c 290deg,#ff345b18);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes hk-ember-light{from{opacity:.65;filter:blur(1.2px)}to{opacity:1;filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){.hk-product-shell .nav-item{transition:none}.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::before{animation:none}}
/* Compact application controls and social rail. */
.hk-product-shell .community-rail-card{top:auto!important;height:425px!important;padding:13px 14px!important}
.hk-product-shell .community-rail-heading h3{display:flex;align-items:center;gap:9px;font-size:15px!important}
.hk-product-shell .community-rail-heading h3:before{display:none}
.hk-product-shell .community-rail-heading h3 svg{width:21px;height:21px;color:#ff6679;filter:drop-shadow(0 0 5px #ff345b)}
.hk-product-shell .community-message{gap:9px;padding:7px 0}
.hk-product-shell .community-message .avatar{width:34px;height:34px;flex-basis:34px;padding:1px}
.hk-message-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hk-product-shell .community-message-body strong{color:#e9c2a0;font-size:11px}
.hk-product-shell .community-message-body p{font-size:12px;line-height:1.45;margin:3px 0}
.hk-product-shell .community-message-delete{opacity:0;min-width:20px;font-size:12px}
.hk-product-shell .community-message:hover .community-message-delete,.hk-product-shell .community-message:focus-within .community-message-delete{opacity:1}
.hk-product-shell .community-chat-compose{gap:7px}
.hk-product-shell .community-chat-compose textarea{height:34px!important;min-height:34px!important;padding:8px 9px!important}
.hk-product-shell .community-chat-compose .button{width:34px;min-width:34px;min-height:34px!important;height:34px;padding:6px!important;border-radius:5px!important;background:linear-gradient(135deg,#6b1024,#d22b44)!important;box-shadow:inset 0 0 9px #ff8a7940,0 0 8px #ff234d35!important}
.hk-product-shell .community-chat-compose .button svg{width:20px;height:20px;filter:drop-shadow(0 0 3px #ffb6bc)}
.hk-product-shell .button.primary{background:linear-gradient(135deg,#6a1125,#b3223c 65%,#df4655)!important;box-shadow:inset 0 1px #ffbcaa44,0 0 10px #ff234b26!important;font-size:12px}
.hk-product-shell .button.secondary{background:linear-gradient(140deg,#102034,#0a1422)!important;border-color:#75404f!important;box-shadow:inset 0 1px #ffffff09!important}
.hk-product-shell .summary-welcome{position:relative}
.hk-art-caption{position:absolute;right:18px;top:18px;color:#fb7987;font-size:9px;line-height:1.6;letter-spacing:.25em;text-align:right;text-shadow:0 2px 8px #000;background:linear-gradient(90deg,transparent,#07101c88);padding:4px 6px}
.hk-event-caption{top:auto;bottom:22px;right:22px}
.hk-product-shell .hk-featured-event h2{font-size:clamp(28px,2.5vw,40px)}
.hk-product-shell .summary-welcome p{font-size:15px}
.hk-product-shell .hk-panel,.hk-product-shell .hk-presence{padding:12px 14px!important}
.hk-product-shell .sidebar-meypher{width:104px;height:35px;filter:drop-shadow(0 2px 4px #000);animation:none}
@keyframes meypher-aura{from{filter:drop-shadow(0 0 3px #f7777c25)}to{filter:drop-shadow(0 0 8px #efa9be80)}}
@media(max-width:1100px){.hk-art-caption{display:none}}
@media(max-width:950px){.hk-product-shell .content-layout{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:720px){.hk-product-shell{grid-template-columns:1fr!important}.hk-product-shell .sidebar{width:100%!important}.hk-cp-members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hk-cp-members>div{width:100%}.hk-product-shell .community-message-delete{opacity:1}}
@media(prefers-reduced-motion:reduce){.hk-product-shell .sidebar-meypher{animation:none}}
.hk-product-shell .hk-announcement-panel .summary-news-row{border:0!important;border-bottom:1px solid #ffffff0b!important;padding:10px 0!important}.hk-product-shell .hk-presence h3{font-size:14px}.hk-product-shell .hk-presence-list .avatar{width:30px;height:30px}

/* Transparent crimson glass and reference social sidebar. */
.hk-product-shell .button.primary{background:linear-gradient(135deg,#b4143338,#e8385152)!important;backdrop-filter:blur(8px);border-color:#ef58756e!important;box-shadow:inset 0 1px #ffd3db22,0 0 10px #ff234b18!important}
.hk-product-shell .nav-item.active{background:linear-gradient(90deg,#d2193860,#66152830)!important}
.hk-product-shell .community-channel-tab.active{background:linear-gradient(180deg,#c82b4126,#b7193b66)!important;border-bottom:1px solid #ff7287}
.hk-product-shell .community-channel-tab{font-size:11px;min-height:29px;padding:5px!important;color:#afbad0}
.hk-product-shell .community-channel-tab:disabled{opacity:.55;cursor:default}
.hk-product-shell .community-rail-heading{padding-bottom:10px!important}
.hk-product-shell .community-rail-heading>.button{display:none}
.hk-product-shell .community-chat-compose{position:relative}
.hk-product-shell .community-chat-compose[hidden]{display:none!important}
.hk-product-shell .community-chat-compose textarea{padding-right:29px!important;border-color:#68728780!important;border-radius:6px!important}
.hk-emoji-button{position:absolute;right:42px;bottom:3px;width:27px;height:28px;border:0;background:none;color:#bbc9e3;font:22px/1 'Segoe UI',sans-serif;cursor:pointer}
.hk-product-shell .community-chat-compose .button{background:linear-gradient(135deg,#b4143345,#e8385166)!important;backdrop-filter:blur(8px)}
.hk-product-shell #user-menu .avatar{display:inline-flex!important;width:34px!important;height:34px!important;position:relative;overflow:visible!important;border:1px solid #cd6a7e;padding:1px}
.hk-product-shell #user-menu .avatar img{width:100%;height:100%;object-fit:cover}
.hk-product-shell #user-menu .avatar:after{content:'';position:absolute;width:7px;height:7px;right:-1px;bottom:0;border-radius:50%;background:#39dfae;border:1px solid #071321;box-shadow:0 0 5px #39dfae50}
.hk-product-shell .user-button{display:flex;align-items:center;gap:9px;min-height:43px}
.hk-product-shell .hk-presence header h3{font-size:13px;white-space:nowrap}
.hk-product-shell .hk-presence-note{font-size:9px!important;margin:6px 0}
.hk-product-shell .hk-presence-list>div{min-height:34px;gap:6px}
.hk-product-shell .hk-presence-list .avatar{width:28px;height:28px;flex:0 0 28px;border:1px solid #b88f99}
.hk-product-shell .hk-presence-list strong{font-weight:400;font-size:11px}
.hk-product-shell .hk-presence-list small{font-size:10px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-product-shell .hk-presence .button{display:block;margin:12px auto 0;font-size:11px;font-weight:400}
.hk-product-shell .community-message-list .hk-presence{border:0!important;box-shadow:none!important;background:none!important;padding:0!important}
.hk-product-shell .community-message-list .hk-presence:before,.hk-product-shell .community-message-list .hk-presence:after{display:none!important}
/* Reference right rail: 286 px, compact chat and fixed member panel. */
.hk-product-shell .context-rail{gap:8px!important}
.hk-product-shell .community-rail-card{height:388px!important;padding:10px 11px!important;border-radius:6px!important;background:linear-gradient(145deg,#0b1620f5,#050e17ed)!important}
.hk-product-shell .community-rail-heading{padding:0 0 10px!important;min-height:28px}
.hk-product-shell .community-rail-heading h3{font-size:14px!important;gap:10px}
.hk-product-shell .community-rail-heading h3 svg{width:22px;height:22px;stroke-width:2}
.hk-product-shell .community-channel-tabs{height:30px;margin:0 0 8px!important;border-color:#693d4a;border-radius:4px}
.hk-product-shell .community-channel-tab{flex:1;text-align:center;font-size:11px!important;line-height:20px;padding:4px!important;border-right:1px solid #4c475a55}
.hk-product-shell .community-channel-tab:disabled{opacity:1;color:#a9b2c4}
.hk-product-shell .community-message-list{border-top:1px solid #60708722!important;padding-top:3px!important}
.hk-product-shell .community-message{padding:5px 0!important;gap:10px!important}
.hk-product-shell .community-message .avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;border:1px solid #cba29d!important;padding:1px!important}
.hk-product-shell .community-message-body{flex:1;min-width:0}
.hk-product-shell .hk-message-meta{gap:9px}
.hk-product-shell .community-message-body strong{font-size:11px!important;color:#e2bc8c!important;line-height:15px}
.hk-product-shell .community-message-body small{font-size:9px!important;color:#8898b0;line-height:15px}
.hk-product-shell .community-message-body p{font-size:12px!important;line-height:15px!important;margin:2px 0 0!important;color:#ccd4e3}
.hk-product-shell .community-message-delete{position:absolute;right:2px;top:4px;background:#0b1621d9}
.hk-product-shell .community-message{position:relative}
.hk-product-shell .community-chat-compose{padding-top:8px!important;gap:7px;border-top:0!important}
.hk-product-shell .community-chat-compose textarea{height:30px!important;min-height:30px!important;padding:7px 27px 6px 9px!important;font-size:10px!important;line-height:15px}
.hk-product-shell .community-chat-compose .button{width:30px;min-width:30px;height:30px!important;min-height:30px!important;padding:5px!important}
.hk-product-shell .community-chat-compose .button svg{width:20px;height:20px;stroke-width:1.5}
.hk-product-shell .hk-emoji-button{right:36px;bottom:2px;width:26px;height:26px;font-size:21px}
.hk-product-shell .hk-presence{min-height:300px;height:300px;display:flex;flex-direction:column;padding:9px 11px!important;border-radius:6px!important;background:linear-gradient(145deg,#0b1620f5,#050e17ed)!important}
.hk-product-shell .hk-presence header{min-height:27px;padding-bottom:7px;gap:9px}
.hk-product-shell .hk-presence header h3{font-size:13px!important;font-weight:400!important}
.hk-product-shell .hk-presence header>svg{width:20px;height:20px;stroke-width:2;color:#ff7488}
.hk-product-shell .hk-presence-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hk-product-shell .hk-presence-list{padding-top:4px;flex:1;overflow:auto}
.hk-product-shell .hk-presence-list>div{min-height:30px;height:30px;gap:6px}
.hk-product-shell .hk-presence-list .avatar{width:26px;height:26px;flex:0 0 26px;padding:0;border-color:#bca39e}
.hk-product-shell .hk-presence-list strong{font-size:11px;line-height:15px}
.hk-product-shell .hk-presence-list small{font-size:9px;line-height:15px;color:#8e9eb6}
.hk-product-shell .hk-presence .button{margin:6px auto 0;min-height:26px;padding:4px;font-size:11px;color:#ed687d}
.hk-product-shell .hk-presence header .button{margin:0;padding:0;min-height:18px;font-size:16px}
.hk-product-shell .community-message-list .hk-presence{height:auto;min-height:0}
@media(min-width:1100px){.hk-product-shell .user-menu-wrap{width:286px;height:55px;display:flex;align-items:center;border-left:1px solid #633b48;padding-left:12px;margin-right:-22px}.hk-product-shell .user-button{width:162px;padding:0;gap:11px}.hk-product-shell .user-button>span:last-child{margin-left:auto}.hk-product-shell .top-actions{gap:10px}}@media(min-width:1100px){.hk-product-shell .connection-state{display:none!important}.hk-product-shell .user-menu-wrap{flex:0 0 308px;width:308px}.hk-product-shell .location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.hk-product-shell .context-rail{margin-top:-18px!important}.hk-product-shell .hk-search{width:230px}}
.hk-product-shell .community-channel-tabs{margin-top:2px!important}.hk-product-shell .community-channel-tab.active{box-shadow:inset 0 -1px #ff7e8e,0 0 10px #ff244977!important;background:linear-gradient(180deg,#8c152e44,#b6224666)!important}
/* Keep title icons optically centered and consistently spaced. */
.hk-product-shell .community-rail-heading,.hk-product-shell .hk-presence header{display:flex;align-items:center!important}
.hk-product-shell .community-rail-heading h3,.hk-product-shell .hk-presence header h3{display:flex;align-items:center!important;line-height:22px!important;margin:0!important}
.hk-product-shell .community-rail-heading h3{gap:10px!important}
.hk-product-shell .community-rail-heading h3 svg,.hk-product-shell .hk-presence header>svg{display:block;flex:0 0 22px;width:22px!important;height:22px!important;margin:0!important;align-self:center;transform:translateY(0)}
.hk-product-shell .hk-presence header{gap:10px!important}
.hk-product-shell .hk-presence header>span,.hk-product-shell .hk-presence header>.button{align-self:center;line-height:22px!important}
.hk-product-shell .community-channel-tabs .community-channel-tab{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:auto!important;flex:1 1 0!important;margin:0!important;line-height:normal!important}.hk-product-shell .community-channel-tabs .community-channel-tab strong{width:auto;margin:0;text-align:center}

/* Illustrated reference finish: hierarchy, portrait scale and cut-corner frames. */
.hk-product-shell .hk-panel,.hk-product-shell .hk-presence,.hk-product-shell .community-rail-card,.hk-product-shell .hk-utility-bar{border-radius:3px!important}
.hk-product-shell .hk-featured-event{border-radius:4px!important;background-position:center!important;background-image:linear-gradient(90deg,#07101bde,#07101b22 65%,#07101b05),url('/frontend/assets/hiddenkillers-event-castle.png')}
.hk-product-shell .summary-welcome h1{font-size:clamp(27px,2.5vw,42px)!important;font-weight:500!important;letter-spacing:-.025em}
.hk-product-shell .summary-welcome p{font-size:17px!important;line-height:1.4}
.hk-product-shell .hk-panel-heading h3,.hk-product-shell .hk-utility-bar h3{font-size:16px!important;font-weight:400!important}
.hk-product-shell .hk-panel-heading .button{font-size:12px!important}
.hk-product-shell .hk-cp-members{gap:7px;padding:13px 0 2px}
.hk-product-shell .hk-cp-members .avatar,.hk-product-shell .hk-cp-vacancy span{width:64px!important;height:64px!important;flex-shrink:0;border-color:#cb9b9d;box-shadow:0 0 0 2px #060c17,0 0 9px #e3375126}
.hk-product-shell .hk-cp-members strong{font-size:11px;max-width:100%;font-weight:400!important}
.hk-product-shell .hk-cp-members small{font-size:10px!important;color:#adbcd4}
.hk-product-shell .summary-news-row .avatar{width:47px!important;height:47px!important;flex:0 0 47px;border:1px solid #c6a4a5;padding:2px}
.hk-product-shell .hk-panel .summary-news-row strong{font-size:13px!important;font-weight:400!important}
.hk-product-shell .hk-panel .summary-news-row p{font-size:13px!important;line-height:1.5}
.hk-product-shell .hk-utility-bar{gap:14px;padding:11px 16px}
.hk-product-shell .hk-utility-bar .button{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:400;min-height:42px;padding:6px 13px;color:#e9eaf4;border-color:#646b8955!important}
.hk-product-shell .hk-utility-bar .button svg{width:24px;height:24px;color:#ff6b83;filter:drop-shadow(0 0 5px #ff355d99)}
.hk-product-shell .nav-glyph svg{stroke-width:2;filter:drop-shadow(0 0 2px #e8e8ff22)}
.hk-product-shell .nav-item[data-route="roster"] .nav-glyph svg path,.hk-product-shell .nav-item[data-route="cps"] .nav-glyph svg path{fill:currentColor;stroke-width:.6}
.hk-product-shell .hk-panel h3 svg,.hk-product-shell .hk-presence header>svg{stroke-width:2;color:#ff6d82;filter:drop-shadow(0 0 4px #ff3b63cc)}
.hk-product-shell .kpi-card:after{width:32px;height:32px;left:17px;top:21px;color:#ff8095;filter:drop-shadow(0 0 3px #ffd0d655) drop-shadow(0 0 8px #ff315da8)}
.hk-product-shell .kpi-card{padding-left:60px!important}
.hk-product-shell .kpi-card strong{font-size:31px!important}
.hk-product-shell .kpi-label{font-size:13px!important}
.hk-product-shell .nav-item{font-size:14px!important}
.hk-product-shell #brand-name{font-variant:small-caps;letter-spacing:.04em;font-size:25px;line-height:1.1}
.hk-product-shell .hk-cp-panel>p{font-size:12px}
/* Desktop geometry measured against the 1672 × 941 reference. All panels remain live DOM. */
@media(min-width:1500px){
 .hk-product-shell{grid-template-columns:248px minmax(0,1fr)!important}
 .hk-product-shell .sidebar{width:248px!important}
 .hk-product-shell .main{padding:0 12px 20px 32px!important}
 .hk-product-shell .topbar{height:55px;min-height:55px;margin:0 -12px 0 -32px;padding:0 12px 0 28px!important}
 .hk-product-shell .content-layout{grid-template-columns:minmax(0,1fr) 328px!important;gap:30px!important}
 .hk-product-shell .context-rail{margin-top:15px!important;gap:8px!important}
 .hk-product-shell .user-menu-wrap{width:348px;flex-basis:348px;margin-right:0}
 .hk-product-shell .user-button{font-size:14px}
 .hk-product-shell .user-button .avatar{width:40px;height:40px}
 .hk-product-shell .hk-search{width:344px;height:36px}
 .hk-product-shell .summary-welcome{height:110px!important;padding:18px 0 8px!important;align-items:flex-start;background-size:auto 200px!important}
 .hk-product-shell .summary-welcome h1{font-size:42px!important;line-height:50px;letter-spacing:-.025em}
 .hk-product-shell .summary-welcome p{font-size:20px!important;line-height:26px}
 .hk-product-shell .hk-dashboard .summary-kpis{width:80%;gap:11px;margin:0 0 10px!important;grid-template-columns:1.1fr 1fr .95fr .95fr}
 .hk-product-shell .hk-dashboard .kpi-card{height:79px!important;min-height:79px!important}
 .hk-product-shell .hk-featured-event{height:234px!important;margin-bottom:12px;padding:19px 26px;justify-content:flex-start}
 .hk-product-shell .hk-featured-event h2{font-size:46px!important;margin:13px 0 9px;line-height:55px}
 .hk-product-shell .hk-featured-event .eyebrow{font-size:10px;line-height:16px}
 .hk-product-shell .hk-featured-event p{font-size:18px;line-height:25px}
 .hk-product-shell .hk-event-actions{margin-top:auto;gap:28px}
 .hk-product-shell .hk-featured-event .button.primary{height:48px;min-width:247px;font-size:16px}
 .hk-product-shell .summary-layout{grid-template-columns:minmax(0,649fr) minmax(0,363fr);gap:11px}
 .hk-product-shell .hk-dashboard .summary-main,.hk-product-shell .hk-dashboard .summary-side{gap:10px!important}
 .hk-product-shell .hk-cp-panel{height:186px;min-height:186px!important}
 .hk-product-shell .summary-main>.hk-panel:not(.hk-cp-panel){min-height:134px!important}
 .hk-product-shell .summary-side>.hk-panel{min-height:230px!important}
 .hk-product-shell .hk-cp-members{gap:12px;padding-top:13px;justify-content:space-between}
 .hk-product-shell .hk-cp-members>div{flex:1 1 0;max-width:85px}
 .hk-product-shell .hk-cp-members .avatar,.hk-product-shell .hk-cp-vacancy span{width:70px!important;height:70px!important}
 .hk-product-shell .hk-cp-members strong{font-size:12px!important}
 .hk-product-shell .hk-cp-members small{font-size:11px!important}
 .hk-product-shell .hk-utility-bar{min-height:73px;margin-top:15px!important;gap:18px}
 .hk-product-shell .hk-utility-bar .button{height:48px;min-width:0;flex:0 1 140px;font-size:14px;padding-inline:12px;white-space:nowrap}.hk-product-shell .hk-utility-bar .button:last-child{flex-basis:160px}.hk-product-shell .hk-utility-bar h3{white-space:nowrap;flex:1;font-size:16px!important}
 .hk-product-shell .community-rail-card{height:477px!important;padding:12px!important}
 .hk-product-shell .community-channel-tab{height:37px!important;font-size:14px!important;display:flex;align-items:center;justify-content:center}
 .hk-product-shell .community-message-body p{font-size:14px!important;line-height:19px!important}
 .hk-product-shell .community-message .avatar{width:40px!important;height:40px!important;flex-basis:40px!important}
 .hk-product-shell .community-message{padding:9px 0!important}
 .hk-product-shell .community-chat-compose textarea{height:38px!important;min-height:38px!important}
 .hk-product-shell .hk-presence{height:363px;min-height:363px;padding:12px!important}
 .hk-product-shell .hk-presence-list>div{height:33px;min-height:33px}
 .hk-product-shell .hk-presence-list .avatar{width:30px;height:30px;flex-basis:30px}
 .hk-product-shell .nav-item{min-height:43px!important;font-size:15px!important}
}
@media(max-width:1100px){.hk-product-shell .hk-cp-members .avatar,.hk-product-shell .hk-cp-vacancy span{width:50px!important;height:50px!important}.hk-product-shell .hk-utility-bar{flex-wrap:wrap}}.hk-product-shell .hk-cp-members{justify-content:flex-start;gap:15px}.hk-product-shell .hk-cp-members>div{flex:0 1 76px;width:76px}
.hk-product-shell .summary-welcome{background-size:auto 150px!important;background-position:right top!important;background-color:#07101c22}
.hk-product-shell .hk-art-caption{font-size:9px;letter-spacing:.23em}
.hk-product-shell .hk-cp-vacancy span{background:#07132155;box-shadow:none;color:#a7b4d4;font-weight:300;border-color:#73829a88}
.hk-product-shell .crest-row{height:175px;min-height:175px;justify-content:flex-end;padding-bottom:9px;background:radial-gradient(ellipse at 50% 35%,#d8173133,transparent 65%)}
.hk-product-shell .hk-clan-emblem{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:148px;height:148px;object-fit:contain;filter:drop-shadow(0 0 8px #ff28482a);pointer-events:none}
.hk-product-shell .crest-copy{position:relative;z-index:1;background:linear-gradient(180deg,transparent,#07101caa);text-shadow:0 2px 8px #000}
.hk-product-shell .sidebar{background-image:linear-gradient(180deg,#06101bcc 0,#07111c99 21%,#07111c08 72%,#060e1870),url('/frontend/assets/hiddenkillers-sidebar-art.png')!important}
.hk-product-shell .nav-item{font-weight:400!important}
.hk-product-shell .nav-item>span:nth-child(2){max-width:none!important;flex:1;white-space:nowrap!important}
@media(min-width:1500px){.hk-product-shell .hk-clan-emblem{width:160px;height:160px;top:-12px}.hk-product-shell #brand-name{font-size:27px}}.hk-product-shell .hk-panel,.hk-product-shell .hk-presence,.hk-product-shell .community-rail-card,.hk-product-shell .hk-featured-event,.hk-product-shell .hk-utility-bar{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.hk-product-shell .notification-button svg{width:23px;height:23px;stroke:#cad3e7;fill:none;stroke-width:1.5}
/* HiddenKillers: aged metal, blood-red accents and atmospheric electricity. */
.hk-product-shell{--cyan:#ba2931;--hk-cyan:#ba2931;--line-bright:#b92a30;--gold:#b69a64}
.hk-product-shell .summary-page{position:relative;isolation:isolate}
.hk-product-shell .summary-page::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:210px;background:url('/frontend/assets/hiddenkillers-header-elf.png') right top/auto 250px no-repeat;mask-image:linear-gradient(90deg,transparent 48%,#000 76%),linear-gradient(#000 70%,transparent);mask-composite:intersect;opacity:.85}
.hk-product-shell .summary-welcome{background:none!important}
.hk-product-shell .summary-welcome h1{font-family:Georgia,'Times New Roman',serif;font-weight:400!important;font-size:clamp(26px,2.35vw,39px)!important;letter-spacing:-.035em}
.hk-product-shell .summary-welcome h1 em{color:#bc3034;text-shadow:0 2px 8px #260309}
.hk-product-shell #brand-name{font-family:Georgia,'Times New Roman',serif;letter-spacing:.045em;color:#e2ded5;text-shadow:0 2px 5px #000;font-variant:small-caps}
.hk-product-shell .crest-row::before{content:'';position:absolute;inset:-8px -12px 0;background:url('/frontend/assets/hiddenkillers-lightning.svg') center top/100% auto no-repeat;pointer-events:none;animation:hk-storm-breath 7s ease-in-out infinite}
.hk-product-shell .hk-clan-emblem{filter:drop-shadow(0 0 11px #850e1b65)}
.hk-product-shell .avatar{border:1px solid #b69a64!important;padding:2px;background:linear-gradient(135deg,#d8bc82,#66502d 55%,#b99b61)!important;box-shadow:0 0 0 1px #060c14,inset 0 0 0 1px #e6d4a344!important}
.hk-product-shell .avatar img{border:0!important}
.hk-product-shell .nav-item.active{background:linear-gradient(100deg,#75151dbb,#2e111acc)!important;border-color:#a73939!important;box-shadow:inset 0 1px #bc886840,inset 0 -1px #170706,0 0 10px #770c1828!important}
.hk-product-shell .button{border-radius:3px!important;border-color:#70604477!important;background-image:linear-gradient(135deg,#a98b5020,transparent 30%,#0003)!important;box-shadow:inset 0 1px #d0ae7020,inset 0 -1px #0006!important}
.hk-product-shell .button.primary{background:linear-gradient(140deg,#8c1d28bf,#41121cac)!important;border:1px solid #b65848!important;box-shadow:inset 0 1px #d4946950,inset 0 -2px #28090e,0 3px 9px #0004!important;color:#f0e6db}
.hk-product-shell .kpi-card:after,.hk-product-shell .hk-panel h3 svg,.hk-product-shell .hk-utility-bar .button svg,.hk-product-shell .hk-presence header>svg,.hk-product-shell .community-rail-heading h3 svg{color:#c13e40!important;filter:drop-shadow(0 1px 1px #120608) drop-shadow(0 0 3px #790a172b)!important}
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar){background-color:#08111c;border-color:#65423b!important;box-shadow:inset 0 1px #b58b4920,0 5px 16px #0005!important}
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::before{background:radial-gradient(ellipse 25px 9px at 5px 4px,#d7af77aa,#91303040 55%,transparent 85%),radial-gradient(ellipse 35px 10px at calc(100% - 5px) calc(100% - 4px),#c89968a0,#81212130 60%,transparent 85%)!important;filter:blur(.6px);animation:none;opacity:.8}
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::after{filter:drop-shadow(0 0 2px #6d141730)!important;background:conic-gradient(from 0deg,#67463280,#b68b61 85deg,#dfbd86 90deg,#882a2d 100deg,#542c2b66 155deg,#60413199 225deg,#ba8d62 265deg,#d6b786 270deg,#8e3334 280deg,#57352c99)!important}
.hk-product-shell .hk-panel-heading h3,.hk-product-shell .hk-utility-bar h3{font-family:Georgia,serif;color:#e4ddcf}
.hk-product-shell .community-channel-tab.active{background:linear-gradient(#4f172255,#76212a80)!important;box-shadow:inset 0 -1px #b38266!important}
.hk-product-shell .community-chat-compose .button,.hk-product-shell .community-chat-compose button{filter:none!important;background:linear-gradient(135deg,#76202a,#39131b)!important;border-color:#a77953!important;box-shadow:inset 0 1px #c9976133!important}.hk-product-shell .button.text{border:0!important;background:none!important;box-shadow:none!important;color:#c49a83}
.hk-product-shell .user-menu-wrap{background:linear-gradient(110deg,#101c28aa,#080f19);border-left:1px solid #65503c77;padding-inline:18px!important;align-self:stretch}
.hk-product-shell .user-button{height:100%;width:100%!important;max-width:190px;border-radius:0!important;border:0!important;background:none!important;box-shadow:none!important;display:flex;align-items:center;gap:12px;text-align:left}
.hk-product-shell .user-button .avatar{width:36px!important;height:36px!important;flex:0 0 36px}
.hk-product-shell .hk-utility-bar{gap:14px}
.hk-product-shell .hk-utility-motto{flex:0 0 106px;border-left:1px solid #a28b6255;padding-left:17px;color:#b9a58c;font-size:9px;letter-spacing:.22em;line-height:1.8;text-align:center}
@keyframes hk-storm-breath{0%,100%{opacity:.65}40%{opacity:.9}42%{opacity:.65}44%{opacity:.95}70%{opacity:.7}}
@media(min-width:1500px){
 .hk-product-shell .hk-dashboard .summary-kpis{width:80%;margin-bottom:10px!important}
 .hk-product-shell .hk-dashboard .kpi-card{height:58px!important;min-height:58px!important;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 47px!important}
 .hk-product-shell .kpi-card:after{width:25px;height:25px;left:13px;top:16px}
 .hk-product-shell .kpi-label{font-size:12px!important;line-height:16px}
 .hk-product-shell .kpi-card strong{font-size:25px!important;line-height:30px}
 .hk-product-shell .summary-page::before{height:190px}
 .hk-product-shell .hk-utility-bar .button{flex:0 1 116px;height:44px;font-size:12px;padding-inline:10px}
 .hk-product-shell .hk-utility-bar .button:last-of-type{flex-basis:142px}
 .hk-product-shell .hk-utility-bar h3{flex:1;min-width:170px}
}
@media(prefers-reduced-motion:reduce){.hk-product-shell .crest-row::before{animation:none}}
@media(max-width:1100px){.hk-product-shell .hk-utility-motto{flex:1 0 100%;border-left:0;border-top:1px solid #a28b6255;padding:8px 0 0}}
@media(max-width:950px){.hk-product-shell .summary-page::before{opacity:.45}}
/* Blood-red flame pockets along metal edges; staggered without layout animation. */
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::before{inset:-2px!important;background:radial-gradient(ellipse 72px 9px at 8% 2px,#e63925b0,#ad071659 45%,transparent 75%),radial-gradient(ellipse 8px 65px at calc(100% - 2px) 36%,#f04328b0,#a804164d 45%,transparent 80%),radial-gradient(ellipse 94px 9px at 68% calc(100% - 2px),#d8281faf,#97061855 45%,transparent 80%),radial-gradient(ellipse 8px 50px at 2px 75%,#f14b2c9f,#97061755 45%,transparent 80%)!important;filter:blur(2px);mix-blend-mode:screen;animation:hk-edge-fire 5.7s ease-in-out infinite!important;opacity:.8}
.hk-product-shell .summary-side .hk-panel::before,.hk-product-shell .hk-presence::before{animation-delay:-2.3s!important}
.hk-product-shell .hk-featured-event::before,.hk-product-shell .hk-utility-bar::before{animation-delay:-4s!important}
.hk-product-shell :is(.kpi-card,.nav-item,.button:not(.text),.scope-switcher select,.hk-search){border-color:#9c3131!important;box-shadow:inset 0 1px #b28b5533,0 0 7px #9c111c32!important;animation:hk-metal-heat 6.4s ease-in-out infinite}
.hk-product-shell .kpi-card:nth-child(even),.hk-product-shell .hk-utility-bar .button:nth-child(odd){animation-delay:-3.1s}
.hk-product-shell .hk-art-caption,.hk-product-shell .hk-utility-motto{color:#d8473e!important;text-shadow:0 1px 3px #160508,0 0 7px #9f071735}
.hk-product-shell .user-menu-wrap{padding:0 0 0 20px!important}
.hk-product-shell .user-button{max-width:none!important;width:100%!important;padding:0 18px 0 0!important;animation:none!important}
.hk-product-shell #user-menu-popover{right:0!important;left:auto!important;width:calc(100% - 20px)!important;min-width:0!important;max-width:none!important;top:calc(100% + 8px);border:1px solid #986149;border-radius:5px;background:linear-gradient(135deg,#10202b,#080f19)!important;box-shadow:0 12px 35px #0009,inset 0 1px #bd935333;z-index:70}
.hk-product-shell #user-menu-popover button{width:100%;padding:14px 18px;text-align:left;font-size:14px}
.hk-product-shell .crest-row{isolation:isolate;background:none}.hk-product-shell .crest-row::after{content:'';position:absolute;inset:-5px -12px -18px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,#9a0c233a,transparent 67%),url('/frontend/assets/hiddenkillers-summary-banner-v1.png') center 58%/cover no-repeat;mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 100%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.hk-product-shell .hk-clan-emblem{filter:drop-shadow(0 0 3px #c8273560) drop-shadow(0 0 16px #9f0b2640)}
.hk-product-shell .crest-copy{background:linear-gradient(180deg,transparent,#07101cb0);text-shadow:0 2px 5px #000,0 0 16px #890a1820}
@keyframes hk-edge-fire{0%,100%{opacity:.16;transform:scaleX(.98)}18%{opacity:.85}23%{opacity:.3}36%{opacity:1}48%{opacity:.12}62%{opacity:.75}69%{opacity:.25}84%{opacity:.9;transform:scaleX(1)}}
@keyframes hk-metal-heat{0%,100%{box-shadow:inset 0 1px #b28b5533,0 0 3px #9c111c15}35%{box-shadow:inset 0 1px #b28b5550,0 0 8px #ad18233f}70%{box-shadow:inset 0 1px #b28b5533,0 0 2px #9c111c10}}
@media(prefers-reduced-motion:reduce){.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::before{animation:none!important;opacity:.5}.hk-product-shell :is(.kpi-card,.nav-item,.button,.scope-switcher select,.hk-search){animation:none!important}}

/* Weathered edges: broken strokes and fading patches rather than a continuous rectangle. */
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar){border-color:transparent!important;clip-path:none!important}
.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::after{background:conic-gradient(from 25deg,transparent 0deg,#9b4130 24deg,#c49d6caa 39deg,transparent 57deg,#90242d80 80deg,#b07b53 94deg,transparent 113deg,transparent 135deg,#75482f88 158deg,#af363b 171deg,transparent 196deg,#c3996280 222deg,transparent 242deg,#8c2929 263deg,#ceab79b0 277deg,transparent 302deg,#94343199 329deg,transparent 355deg)!important;mask-image:linear-gradient(#fff 0 0),repeating-linear-gradient(171deg,#000 0 23px,transparent 26px 28px,#000 33px 87px);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;animation:hk-aged-edge 9s ease-in-out infinite}
.hk-product-shell .summary-side .hk-panel::after,.hk-product-shell .hk-presence::after{animation-delay:-4s}
.hk-product-shell .top-actions{min-width:0}
.hk-product-shell .network-icon-only span{display:none}
@keyframes hk-aged-edge{0%,100%{opacity:.45}37%{opacity:.85}66%{opacity:.6}}
@media(max-width:1300px){.hk-product-shell .location{max-width:140px}}
@media(max-width:720px){}
@media(prefers-reduced-motion:reduce){.hk-product-shell :is(.hk-panel,.hk-presence,.community-rail-card,.hk-featured-event,.hk-utility-bar)::after{animation:none}}
.hk-product-shell .hk-search{flex-shrink:1;min-width:140px}

@media(min-width:1500px){}
/* Continuous artwork: extend into gutters and feather the edges; filter art only. */
.hk-product-shell .summary-page::before{right:-30px;filter:contrast(1.23) saturate(1.35) brightness(1.08);mask-image:linear-gradient(90deg,transparent 45%,#000 72%,#000 91%,transparent 100%),linear-gradient(#000 65%,transparent 100%);opacity:1}
.hk-product-shell .hk-featured-event{background:none!important;overflow:visible!important}
.hk-product-shell .hk-event-art{position:absolute;inset:-12px -30px -14px 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06101ade,#07101a35 52%,transparent),url('/frontend/assets/hiddenkillers-event-castle.png') center/cover no-repeat;filter:contrast(1.08) saturate(1.16) brightness(1.04);mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 87%,transparent 100%);mask-composite:intersect}
.hk-product-shell .crest-row::after{filter:contrast(1.2) saturate(1.35) brightness(1.13)}
.hk-product-shell .summary-welcome h1 em{color:#d6413e}
.hk-product-shell .hk-art-caption,.hk-product-shell .hk-utility-motto{color:#ee6254!important}
.hk-product-shell .hk-panel,.hk-product-shell .community-rail-card,.hk-product-shell .hk-presence{background:linear-gradient(145deg,#142435ec,#070e18ed)!important}
@media(max-width:950px){.hk-product-shell .summary-page::before{right:0}.hk-product-shell .hk-event-art{right:0}}
/* One coherent composer: input + inset emoji, aligned send control. */
.hk-product-shell .community-rail-card .community-chat-compose{display:grid!important;grid-template-columns:minmax(0,1fr) 38px;gap:8px!important;align-items:center!important;position:relative;padding-top:8px!important}
.hk-product-shell .hk-chat-input{position:relative;min-width:0;height:38px}
.hk-product-shell .hk-chat-input textarea{display:block;width:100%;height:38px!important;min-height:38px!important;max-height:38px;padding:9px 38px 9px 10px!important;font-size:12px!important;line-height:18px!important;resize:none;border-radius:5px}
.hk-product-shell .hk-chat-input .hk-emoji-button{position:absolute!important;right:5px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;animation:none!important;color:#c5cdd8;font-size:21px;line-height:1}
.hk-product-shell .community-rail-card [data-action="community-send"]{display:grid;place-items:center;align-self:center;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:7px!important;margin:0!important}
.hk-product-shell .community-rail-card [data-action="community-send"] svg{display:block;width:22px;height:22px}
.hk-product-shell .community-chat-compose>[data-community-image-preview]{grid-column:1/-1}
.hk-product-shell .topbar-leading:has(.mobile-menu){min-width:0}

.hk-product-shell .community-channel-tabs .community-channel-tab{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;flex:1 1 0!important;min-width:0;line-height:1!important}.hk-product-shell .community-channel-tabs .community-channel-tab strong{display:block;margin:0!important;padding:0!important;line-height:1!important;text-align:center!important}

/* Give the scenery its own contrast layer without filtering interface content. */
.hk-product-shell{position:relative;isolation:isolate;background:#07101a!important}
.hk-product-shell::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06101a60,#06101a25),url('/frontend/assets/hiddenkillers-summary-banner-v1.png') center bottom/cover no-repeat;filter:contrast(1.14) saturate(1.25) brightness(1.2)}
.hk-product-shell .sidebar{background:transparent!important;isolation:isolate}
.hk-product-shell .sidebar::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06101a95,#06101a50 35%,#06101a10 75%,#06101a55),url('/frontend/assets/hiddenkillers-sidebar-art.png') center/cover no-repeat;filter:contrast(1.16) saturate(1.25) brightness(1.2)}
.hk-product-shell .topbar{background:linear-gradient(180deg,#10202beb,#080f18f5)!important}
.hk-product-shell .top-actions{flex:1;justify-content:flex-end;gap:16px!important}
.hk-product-shell .hk-search{width:310px!important;flex:0 1 310px;height:36px;background:#0b1622;border-color:#655243!important;animation:none!important;box-shadow:inset 0 1px #b6945420!important}
@media(max-width:1400px){.hk-product-shell .hk-search{width:230px!important;flex-basis:230px}.hk-product-shell .top-actions{gap:10px!important}}
@media(max-width:1100px){.hk-product-shell .hk-search{width:170px!important;flex-basis:170px}}.hk-product-shell .topbar-leading{flex:0 0 auto}
/* Full-HD composition: fluid center and artwork sized for the wider canvas. */
@media(min-width:1800px){
 .hk-product-shell .content-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:26px!important}
 .hk-product-shell .user-menu-wrap{width:360px;flex-basis:360px}
 .hk-product-shell .summary-welcome{height:120px!important;padding-top:20px!important}
 .hk-product-shell .summary-welcome h1{font-size:44px!important;line-height:54px}
 .hk-product-shell .summary-page::before{height:210px;background-size:auto 285px;background-position:right top}
 .hk-product-shell .hk-featured-event{height:270px!important;padding:22px 28px}
 .hk-product-shell .hk-event-art{background-position:center 48%;background-size:cover}
 .hk-product-shell .summary-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:16px}
 .hk-product-shell .hk-cp-panel{height:205px;min-height:205px!important}
 .hk-product-shell .summary-main>.hk-community-panel{min-height:155px!important}
 .hk-product-shell .summary-side>.hk-announcement-panel{min-height:250px!important}
 .hk-product-shell .community-rail-card{height:520px!important}
 .hk-product-shell .hk-presence{height:390px;min-height:390px}
 .hk-product-shell .hk-utility-bar{gap:18px}
 .hk-product-shell .hk-utility-bar .button{flex-basis:140px;font-size:14px}
 .hk-product-shell .hk-utility-bar .button:last-of-type{flex-basis:165px}
}

.hk-product-shell .content-layout{width:100%!important;max-width:none!important}.hk-product-shell .topbar{width:calc(100% + 44px)!important;max-width:none!important}@media(max-width:1499px){.hk-product-shell .topbar{width:calc(100% + 44px)!important}}@media(max-width:720px){.hk-product-shell .topbar{width:calc(100% + 24px)!important}}

.hk-product-shell #view{max-width:none!important;width:100%!important}
@media(max-width:1600px){.hk-product-shell .hk-search{flex-basis:200px!important;width:200px!important}.hk-product-shell .top-actions{gap:10px!important}}
@media(max-width:1300px){}

/* One header link layout: compact portraits, accessible names, unobstructed live labels. */
.hk-product-shell .top-actions>#network-strip{display:flex;align-items:center;flex:0 0 auto;width:auto;max-width:none;margin:0 auto 0 0;padding:6px 0;gap:12px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.hk-product-shell #network-strip .network-strip-item{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:transparent;text-decoration:none;box-shadow:none}
.hk-product-shell #network-strip .network-strip-item img{display:block;width:28px;height:28px;object-fit:contain;border-radius:50%;filter:none;box-shadow:none}
.hk-product-shell #network-strip .network-kick-avatar img{width:30px;height:30px;object-fit:cover;border:1px solid #b99a57;background:#111a25}
.hk-product-shell #network-strip .network-strip-item:focus-visible{outline:2px solid #d5b775;outline-offset:3px}
.hk-product-shell #network-strip .network-live-label{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);display:block;white-space:nowrap;padding:2px 4px;border:1px solid #ee6b75;border-radius:3px;background:#8d1426;color:#fff;font-size:7px;line-height:9px;font-weight:800;letter-spacing:.025em;pointer-events:none;z-index:2}
@media(max-width:1100px){.hk-product-shell .top-actions>#network-strip{gap:5px}.hk-product-shell .hk-search{width:170px!important;flex-basis:170px!important}}
@media(max-width:720px){.hk-product-shell .top-actions>#network-strip{flex-wrap:wrap;gap:5px}.hk-product-shell .top-actions{flex-wrap:wrap}}
/* Product credit stays secondary to the clan and application. */
.meypher-entry-brand{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:26px;max-width:100%;color:#acb4c0;font-size:10px;letter-spacing:.1em}
.meypher-entry-brand img{display:block;flex:0 0 auto;width:144px;max-width:100%;height:48px;object-fit:contain;object-position:left center;margin-left:-8px;opacity:.85}
.meypher-entry-features{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;color:#bd8d94;font-size:11px}
.meypher-entry-features span{display:flex;align-items:center;gap:8px}.meypher-entry-features b{font-weight:500;color:#cad0da}
.hk-intro{width:100%;min-width:0}.hk-intro-content{min-width:0;max-width:100%;box-sizing:border-box}.hk-intro-content>p{font-size:17px;line-height:1.65;color:#d2d6df;margin-top:26px;max-width:580px}
.hk-intro-kicker{color:#cf6a77}.hk-intro-actions .hk-intro-primary{color:#fff;background:linear-gradient(135deg,#991d32,#4d101f);border-color:#bb3c50;box-shadow:0 0 22px #b6233820}.hk-intro-actions button{border-color:#6f3b45}.hk-intro-actions button:hover{border-color:#d65a6f}.hk-intro-meta span:before{background:#bd4556;box-shadow:0 0 8px #bd455640}

.hk-product-shell #network-strip .network-kick-placeholder img{border-radius:7px;border:1px solid #344337;object-fit:contain;background:#101711}

/* Desktop shell: only the workspace scrolls; navigation, search and social rail stay in place. */
@media(min-width:951px){
 body:not(.public-entry){overflow:hidden}
 body:not(.public-entry) .hk-product-shell{height:100dvh;min-height:0;overflow:hidden}
 body:not(.public-entry) .hk-product-shell .main{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden!important}
 body:not(.public-entry) .hk-product-shell .topbar{flex:0 0 56px;min-height:56px;margin-bottom:12px;z-index:20}
 body:not(.public-entry) .hk-product-shell #view{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:4px}
 body:not(.public-entry) .hk-product-shell .content-layout{min-height:100%;align-items:start}
 body:not(.public-entry) .hk-product-shell .context-rail{position:sticky!important;top:0!important;margin-top:0!important;height:calc(100dvh - 94px);max-height:calc(100dvh - 94px);display:grid!important;grid-template-rows:minmax(0,1.6fr) minmax(0,1fr);gap:10px!important;align-self:start}
 body:not(.public-entry) .hk-product-shell .context-rail>.community-rail-card,body:not(.public-entry) .hk-product-shell .context-rail>.hk-presence{height:100%!important;min-height:0!important;max-height:100%;overflow:hidden}
 body:not(.public-entry) .hk-product-shell .hk-utility-bar{position:sticky;bottom:0;z-index:5;background:#08131ff5!important}
}
.hk-product-shell .community-message-list,.hk-product-shell .hk-presence-list{overflow-y:auto!important;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#965461 #0a1420;scrollbar-gutter:stable}
.hk-product-shell .community-message-list::-webkit-scrollbar,.hk-product-shell .hk-presence-list::-webkit-scrollbar{width:7px}
.hk-product-shell .community-message-list::-webkit-scrollbar-thumb,.hk-product-shell .hk-presence-list::-webkit-scrollbar-thumb{background:#965461;border-radius:8px}
.hk-product-shell .community-chat-preview{min-height:0!important;overflow:hidden}.hk-product-shell .community-chat-compose{flex-shrink:0}.hk-product-shell .hk-presence-note{flex-shrink:0;font-size:9px;line-height:1.4}

.hk-product-shell .hk-presence-note{display:block!important;margin:3px 0 6px;color:#a4b1c8}

/* Match the visible left edge of the title and logo to the rest of the introduction. */
.hk-intro-content h1{margin-left:-.06em}
.hk-intro-content .meypher-entry-brand{align-items:center}
/* Feathered local treatment for the baked-in video watermark; no hard rectangle. */
.hk-intro::after{content:"";position:absolute;right:0;bottom:0;width:clamp(240px,18vw,340px);height:110px;z-index:1;pointer-events:none;background:rgba(3,7,14,.68);backdrop-filter:blur(12px);mask-image:radial-gradient(ellipse at 100% 100%,#000 0%,#000 38%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 100% 100%,#000 0%,#000 38%,transparent 75%)}
.hk-intro-content{position:relative;z-index:2}

/* Keep short conversations compact instead of stretching grid rows to fill the rail. */
.hk-product-shell .community-message-list{align-content:start!important;grid-auto-rows:max-content;gap:6px!important}
.hk-product-shell .community-message{align-items:flex-start;min-height:0!important;padding:4px 0!important;gap:8px!important}
.hk-product-shell .community-message .avatar{width:32px!important;height:32px!important;flex:0 0 32px!important}
.hk-product-shell .community-message-body p{margin:2px 0!important;line-height:1.35!important}
.hk-product-shell .community-bot-link{display:inline-block;font-size:11px;line-height:1.3;margin-top:1px}
.hk-product-shell .community-rail-heading{margin-bottom:6px!important;padding-bottom:6px!important}
.hk-product-shell .community-channel-tabs{margin-bottom:8px!important}

/* Anchor the illustrated overview header inside the central scrolling pane. */
@media(min-width:951px){
 .hk-product-shell .summary-banner{position:sticky;top:0;z-index:10;isolation:isolate;padding-bottom:10px;margin-bottom:12px;background:linear-gradient(90deg,#07101c 45%,#07101c00 78%),url("/frontend/assets/hiddenkillers-header-elf.png") right top/auto 250px no-repeat #07101c!important}
}

.role-matrix-section{margin:20px 0}.role-matrix-scroll{max-width:100%;overflow:auto;border:1px solid #574248;border-radius:6px}.role-matrix{width:100%;min-width:1100px;border-collapse:collapse;font-size:11px}.role-matrix th,.role-matrix td{padding:10px 8px;border-bottom:1px solid #ffffff12;text-align:center}.role-matrix th:first-child{text-align:left;position:sticky;left:0;background:#101b29;min-width:155px}.role-matrix thead th{background:#18202d;color:#d6c4b2}.permission-yes{color:#77d8af;font-weight:700}.permission-no{color:#758095}.role-policy p{font-size:12px;line-height:1.5}.modal:has(.role-policy){width:min(1450px,96vw);max-width:96vw}

.roster-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.roster-avatar-role{position:absolute;right:-3px;bottom:-2px;color:#ffd788;background:#20180f;border:1px solid #b99653;border-radius:50%;width:15px;height:15px;font-size:9px;display:grid;place-items:center}.roster-role-tag{display:inline-block;margin:3px 0;padding:2px 6px;border:1px solid #9d7c46;border-radius:4px;color:#e7c687;font-size:10px;background:#38251255}.admin-user-role-row[hidden]{display:none!important}

.character-card-head{display:grid;grid-template-columns:180px 1fr;gap:24px}.character-portrait>img{width:180px;height:210px;object-fit:cover;border:1px solid #b99653;border-radius:8px}.character-portrait>.avatar{width:150px!important;height:150px!important}.character-portrait label{margin-top:10px;font-size:11px}.character-card dl{display:grid;grid-template-columns:170px 1fr;gap:8px;font-size:13px}.character-card dd{margin:0;color:#e2c395}.character-tabs{display:flex;gap:8px;margin:20px 0}.character-timeline{list-style:none;padding:0}.character-timeline li{border-left:2px solid #943e43;margin-left:6px;padding:4px 16px 18px}.character-timeline time{display:block;color:#a8b6c9;font-size:11px;margin-bottom:5px}.character-timeline p{margin:5px 0}.character-secondary article{display:flex;gap:12px;padding:10px;border-bottom:1px solid #ffffff18}.character-secondary small{display:block}@media(max-width:600px){.character-card-head{grid-template-columns:1fr}.character-card dl{grid-template-columns:1fr 1fr}}

.hk-product-shell .summary-banner .summary-welcome{position:relative!important;background:transparent!important}.hk-product-shell .summary-banner .summary-kpis{margin-bottom:0}.hk-product-shell .summary-banner{background-size:auto 100%!important}