/* Approved HOTCS homepage theme. Real links, counts and permissions come from the existing modules. */
html.hotcs-home-halloween .hc-update-teaser{margin-top:0;margin-left:0;margin-right:0}
html.hotcs-home-halloween .hc-servers-section,html.hotcs-home-halloween .hc-event-module{margin-left:0;margin-right:0}
html.hotcs-home-halloween #home-modes-section{margin-bottom:5px}
html.hotcs-home-halloween .hc-servers-section{margin-bottom:10px}
html.hotcs-home-halloween #home-modes-section .home_categories_list{grid-template-columns:minmax(160px,1fr) minmax(300px,2.1fr) repeat(2,minmax(160px,1fr));gap:12px}
html.hotcs-home-halloween #home-modes-section .home_category_stack{height:258px;aspect-ratio:auto;gap:12px}
html.hotcs-home-halloween #home-modes-section .hch-card{grid-column:auto;aspect-ratio:auto;height:258px;min-width:0;border-radius:15px;border:1px solid #5b445c5e;background:#17121c;box-shadow:inset 0 1px #a68db70b;transform:none;filter:none;opacity:1;animation:none;isolation:isolate;overflow:hidden;will-change:auto}
html.hotcs-home-halloween #home-modes-section .home_categories_list .hch-card{animation:none;transform:none;opacity:1;filter:none}
html.hotcs-home-halloween #home-modes-section .home_category_stack .hch-card{height:123px;flex:1 1 0}
html.hotcs-home-halloween #home-modes-section .hch-card:hover{transform:none;box-shadow:inset 0 1px #a68db70b;border-color:#5b445c5e;filter:none}
html.hotcs-home-halloween #home-modes-section .hch-card:focus-visible{outline:2px solid #dc9c74;outline-offset:3px}
html.hotcs-home-halloween #home-modes-section .hch-card::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/app/templates/neo_remastered/assets/halloween-navigation-20261009/decor/bp-nav-mist-v3.webp') 60% 50%/650px auto no-repeat;opacity:.11;pointer-events:none}
html.hotcs-home-halloween #home-modes-section .hch-card::after{display:none}
.hch-card h2{font-family:inherit;color:#f0e4e4;font-size:16px;line-height:1.45;font-weight:700;margin:0;text-transform:none;letter-spacing:0}
.hch-card p{color:#a996aa;font-size:10px;line-height:1.65;margin:7px 0 0}
.hch-card svg{width:16px;height:16px;flex-shrink:0}
.hch-link{display:inline-flex;align-items:center;gap:10px;font-size:9px;line-height:1.3;color:#d2bdcd;font-weight:500;margin-top:13px}
.hch-link svg{width:13px;height:13px;color:#c99478;transition:transform .25s ease}
.hch-card:hover .hch-link svg,.hch-card:hover .hch-server-action svg{transform:translateX(3px)}
.hch-link--warm{color:#eac09e}
.hch-artifact{position:absolute;display:block;object-fit:contain;pointer-events:none;filter:saturate(.8) brightness(.93);transition:filter .35s ease,transform .5s ease}
.hch-card:hover .hch-artifact{filter:saturate(.9) brightness(1.03);transform:scale(1.035)}
.hch-artifact--gift{right:5px;top:14px;width:100px;height:100px}
.hch-artifact--store{right:3px;top:3px;width:110px;height:114px;opacity:.94}
.hch-artifact--case{width:208px;height:143px;right:calc(50% - 104px);top:5px}
.hch-bonus,.hch-store{position:relative;z-index:1;padding:17px 17px 14px;max-width:calc(100% - 83px)}
.hch-bonus h2,.hch-store h2{font-size:13px}
.hch-bonus p{font-size:9px;margin-top:6px;white-space:nowrap}
.hch-bonus p b{font-weight:500;color:#d8c6d9}
.hch-bonus-rail{display:flex;gap:5px;max-width:108px;margin-top:9px}
.hch-bonus-rail i{display:block;height:3px;flex:1;background:#72557752;border-radius:2px}
.hch-bonus-rail i.is-complete{background:#c49776}
.hch-bonus p strong{font-weight:500;color:#d8c6d9}
.hch-bonus .hch-link{margin-top:11px}
.hch-store{padding-top:21px}
.hch-store p{font-size:8px;max-width:112px}
.hch-store .hch-link{margin-top:18px}
.hch-map{position:absolute;inset:0;z-index:-1;background:url('/app/templates/neo_remastered/assets/halloween-navigation-20261009/home-blocks-20261011/server-mirage-v2.webp') center 39%/cover no-repeat;filter:brightness(.9) saturate(.8);transition:transform .6s ease,filter .5s ease}
.hch-map::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#16111df5 0%,#16111da3 25%,#16111d0a 76%,#15101945 100%)}
.hch-card:hover .hch-map{transform:scale(1.045);filter:brightness(.8) saturate(.85)}
.hch-server-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;font-size:9px;color:#c8b5c7;line-height:1.4}
.hch-online{display:flex;align-items:center;gap:5px;color:#bbd0ba;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hch-online i{display:block;width:5px;height:5px;border-radius:50%;background:#8baa84;flex-shrink:0}
.hch-online b{font-weight:500;color:#ddebd9}
.hch-server-content{position:absolute;left:22px;right:22px;bottom:20px}
.hch-server-content h2{font-size:25px;line-height:1.35;max-width:90%;text-shadow:0 2px 8px #0004}
.hch-server-content p{margin-top:7px;color:#bb9faf;font-size:10px}
.hch-server-action{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#e8c0a0;padding-top:14px;margin-top:15px;border-top:1px solid #ab839925}
.hch-server-action svg{transition:transform .25s ease}
.hch-clan-banner{position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;filter:saturate(.8)}
.hch-clan-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17111cf2 0%,#17111cbf 33%,#17111c40 69%,#17111c73 100%)}
.hch-clan-head{display:flex;align-items:center;gap:8px;padding:17px 18px;color:#ead0b8;font-size:9px;text-shadow:0 1px 5px #000}
.hch-clan-head svg{width:15px;height:15px}
.hch-clan-body{display:flex;flex-direction:column;align-items:center;margin-top:9px;gap:7px}
.hch-clan-body img{width:65px;height:65px;object-fit:cover;border-radius:15px;border:1px solid #aa78695c;box-shadow:0 7px 17px #0003}
.hch-clan-letter{width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#32243e;border:1px solid #aa78695c;color:#dfbdad;font-size:25px!important}
.hch-clan-body h2{font-size:17px;margin-top:2px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hch-clan-body>span{font-size:9px;color:#a18d9f;line-height:1.2}
.hch-clan-stats{position:absolute;bottom:17px;left:18px;right:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;border-top:1px solid #9c769527}
.hch-clan-stats>div{display:flex;flex-direction:column;gap:6px;min-width:0}.hch-clan-stats>div:last-child{align-items:flex-end}
.hch-clan-stats span{font-size:8px;color:#a18d9f;line-height:1.2}.hch-clan-stats b{font-size:13px;color:#e1c8d7;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2}
.hch-rewards{position:absolute;left:20px;right:20px;bottom:18px}.hch-rewards h2{font-size:17px}.hch-rewards p{font-size:9px;color:#a995aa;line-height:1.65;margin-top:6px}.hch-rewards .hch-link{display:flex;justify-content:space-between;padding-top:11px;margin-top:12px;border-top:1px solid #9c769527}
@media(max-width:1150px){html.hotcs-home-halloween #home-modes-section .home_categories_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.hotcs-home-halloween #home-modes-section .home_category_stack{height:228px;gap:10px}html.hotcs-home-halloween #home-modes-section .hch-card{height:228px}.hch-bonus,.hch-store{padding-left:13px;max-width:calc(100% - 94px)}.hch-server-content h2{font-size:21px}.hch-server-head{font-size:8px;padding:17px 18px}.hch-server-content{left:18px;right:18px}.hch-artifact--gift{right:7px;width:90px;height:90px;top:15px}.hch-artifact--store{right:5px;width:93px;height:104px;top:0}.hch-clan-stats{left:14px;right:14px}.hch-rewards{left:16px;right:16px}.hch-artifact--case{width:180px;height:118px;right:calc(50% - 90px)}}
@media(max-width:600px){html.hotcs-home-halloween #home-modes-section .home_categories_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.hotcs-home-halloween #home-modes-section .home_category_stack{grid-column:1/-1;height:116px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.hotcs-home-halloween #home-modes-section .home_category_stack .hch-card{height:116px}html.hotcs-home-halloween #home-modes-section .hch-card--servers{grid-column:1/-1;height:210px}html.hotcs-home-halloween #home-modes-section .hch-card--clan,html.hotcs-home-halloween #home-modes-section .hch-card--rewards{height:236px}.hch-bonus,.hch-store{padding-left:13px;max-width:calc(100% - 48px)}.hch-bonus h2,.hch-store h2{font-size:11px}.hch-bonus p{font-size:8px}.hch-bonus-rail{max-width:80px}.hch-artifact--gift{right:-2px;width:72px;height:74px;top:32px}.hch-artifact--store{right:-5px;width:85px;height:99px;top:10px}.hch-store p{font-size:8px;max-width:75px;line-height:1.5}.hch-store .hch-link{margin-top:13px}.hch-clan-head{padding:15px 14px;font-size:8px}.hch-clan-body{margin-top:8px}.hch-clan-body img{width:55px;height:55px;border-radius:12px}.hch-clan-body h2{font-size:14px}.hch-clan-stats b{font-size:11px}.hch-rewards h2{font-size:14px}.hch-rewards p{font-size:8px}.hch-artifact--case{width:155px;height:107px;right:calc(50% - 77px);top:14px}}
@media(prefers-reduced-motion:reduce){.hch-artifact,.hch-map,.hch-link svg,.hch-server-action svg{transition:none}.hch-card:hover .hch-artifact,.hch-card:hover .hch-map,.hch-card:hover .hch-link svg,.hch-card:hover .hch-server-action svg{transform:none}}

html.hotcs-home-halloween #home-servers-wrap{margin-bottom:5px}
html.hotcs-home-halloween #home-modes-section .home_category_stack:has(> .home_category_card:only-child) .hch-card{height:100%}
@media(max-width:768px){html.hotcs-home-halloween #home-modes-section,html.hotcs-home-halloween #home-servers-wrap{margin-bottom:0}}