/* HARD PLAY: coherent shell, shops and winter details. */


html:not(:has(#personal-site-background)) body{background:#0c1420 url('https://images.pexels.com/photos/19981429/pexels-photo-19981429.jpeg?auto=compress&cs=tinysrgb&w=3840&q=85') center top/cover fixed no-repeat!important}


html:not(:has(#personal-site-background)) body::before{background:linear-gradient(90deg,#08111bd9,#0b1523a8 55%,#08111bc4)!important}


html body.guest-portal::before{background:linear-gradient(110deg,#08111bc4,#0b1523dd),url('https://images.pexels.com/photos/19981429/pexels-photo-19981429.jpeg?auto=compress&cs=tinysrgb&w=3840&q=85') center/cover!important}


html body .hp-space-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid #364454;color:#9cadc2;padding:15px 12px;cursor:pointer;font:inherit;font-size:10px;letter-spacing:.08em}


.hp-space-toggle>span{font-size:20px;line-height:16px;transition:transform .2s}.hp-space-toggle[aria-expanded=false]>span{transform:rotate(-90deg)}


html body .hp-app-rail #hp-main-navigation[hidden]{display:none!important}


.hp-rail-shops{margin:18px 3px 4px;padding-top:17px;border-top:1px solid #344153}.hp-rail-shops>span{display:block;color:#9aaabd;font-size:9px;letter-spacing:.14em;margin:0 8px 10px}


.hp-rail-shops>a{display:flex;align-items:center;gap:9px;padding:12px 8px;margin:7px 0;border:1px solid #645139;border-radius:9px;background:linear-gradient(120deg,#e9b76c13,#192534);text-decoration:none!important}


.hp-rail-shops>a:nth-of-type(2){border-color:#3f566d;background:linear-gradient(120deg,#8bc6ed10,#192534)}


.hp-rail-shops b{font-size:22px;color:#e9b76c}.hp-rail-shops strong{display:block;font-size:12px;color:#f0e4d1}.hp-rail-shops small{display:block;font-size:11px;color:#b1bfd0;margin-top:3px}.hp-rail-shops>a>span{margin-left:auto;color:#c4aa82}


html body .wapper.hp-shell .hp-site-header.hp-app-top{z-index:1030!important;overflow:visible!important;isolation:isolate}


html body .wapper.hp-shell .hp-site-header .hp-account-menu>li>ul{background:#182432!important;background-image:none!important;opacity:1!important;backdrop-filter:none!important;border:1px solid #607087!important;box-shadow:0 24px 60px #000b,0 0 0 1px #0c1420!important;border-radius:10px!important;z-index:1042!important;padding:8px!important;min-width:240px}


html body .wapper.hp-shell .hp-account-menu>li>ul a{color:#dfe8f4!important;background:transparent!important;min-height:38px;padding:10px 12px!important;border-radius:6px}


html body .wapper.hp-shell .hp-account-menu>li>ul a:hover{background:#2d3b4d!important;color:#f2c584!important}


html body .hp-payment-root{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.hp-payment-root>.hpcu{margin:0 0 22px!important}


html body .hp-shell .hp-footer22{position:relative!important;width:100%!important;max-width:1460px!important;margin:30px auto 24px!important;box-sizing:border-box;padding:28px!important;background:linear-gradient(125deg,#1d2937,#131d29)!important;border:1px solid #3c4b5d!important;border-radius:12px!important;box-shadow:0 12px 36px #0004!important;overflow:hidden}


html body .hp-shell .hp-footer22::before,html body .hp-shell .hp-footer22::after{display:none!important}


html body .hp-footer22 .hp-footer-lead>a{font-size:26px!important}.hp-footer22 .hp-footer-lead>a>span{color:#e9b76c!important}


html body .hp-footer22 .hp-footer-links{gap:50px}.hp-footer22 .hp-footer-links a{padding:4px 0;font-size:12px!important;color:#adbed2!important}


.hp-footer-winter{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#bfd7e3;border:1px solid #466174;border-radius:6px;padding:5px 9px}.hp-footer-winter>span{color:#e7c18a}


.hp-newyear-card{position:relative;margin-bottom:20px;padding:20px 16px;background:linear-gradient(150deg,#273545,#152330);border:1px solid #6b573b;border-radius:12px;overflow:hidden}


.hp-newyear-card>p{font-size:10px;letter-spacing:.12em;color:#d4b382;margin:0 0 9px}.hp-newyear-card>h2{font-size:16px!important;line-height:1.4!important;margin:0 0 17px!important;color:#edf2f8!important}


.hp-season-star{position:absolute;right:12px;top:7px;font-size:35px;color:#e9b76c88;animation:hp-season-glow 4s ease-in-out infinite}


.hp-ny-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hp-ny-countdown>div{padding:10px 1px 8px;text-align:center;background:#0d1825aa;border:1px solid #435367;border-radius:7px}.hp-ny-countdown b{display:block;font-variant-numeric:tabular-nums;font-size:23px;color:#f1ca8f;line-height:1.1}.hp-ny-countdown small{display:block;font-size:11px;color:#b7c6d8;margin-top:6px}.hp-ny-countdown-note{display:block;font-size:11px;color:#b1c0d2;margin-top:13px}


.hp-newyear-card::after{content:'✧';position:absolute;right:8px;bottom:-10px;font-size:60px;color:#d8bc7c0d;pointer-events:none}


html body .hp-nickname{display:inline-block!important;position:relative!important;isolation:isolate;max-width:100%;width:auto!important;vertical-align:bottom;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;contain:none;font-weight:750;background-image:none!important;box-shadow:none!important;text-shadow:none!important;animation:none!important}


html body .hp-nickname[data-hp-skin]{color:var(--hp-name-a,#efd09a)!important;-webkit-text-fill-color:currentColor!important;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;contain:none!important;animation:none!important}


.hp-nickname[data-hp-skin="1"]{--hp-name-a:#e5ab54;--hp-name-b:#fff1ca}.hp-nickname[data-hp-skin="2"]{--hp-name-a:#ed7986;--hp-name-b:#ffe0dc}.hp-nickname[data-hp-skin="3"]{--hp-name-a:#75bce3;--hp-name-b:#ddf9ff}.hp-nickname[data-hp-skin="4"]{--hp-name-a:#b59bea;--hp-name-b:#f0e4ff}.hp-nickname[data-hp-skin="5"]{--hp-name-a:#6fc8ac;--hp-name-b:#d7ffed}


@keyframes hp-name-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hp-season-glow{50%{opacity:.4;transform:rotate(15deg)}}


@media(max-width:767px){html body .hp-shell .hp-footer22{padding:20px!important}.hp-footer22 .hp-footer-links{gap:25px!important}.hp-newyear-card{padding:20px}.hp-ny-countdown b{font-size:27px}html:not(:has(#personal-site-background)) body{background-attachment:scroll!important}}


@media(prefers-reduced-motion:reduce){html body .hp-nickname[data-hp-skin],.hp-season-star{animation:none!important}}





/* Explicit indicators for expandable navigation entries. */


html body #hp-main-navigation li.hp-submenu-parent>a{display:flex!important;align-items:center;gap:10px}


html body #hp-main-navigation li.hp-submenu-parent>a::after{content:none!important}


html body #hp-main-navigation .hp-submenu-arrow{display:block!important;flex:0 0 8px;width:8px;height:8px;margin-left:auto;margin-right:3px;border-right:2px solid #e9b76c;border-bottom:2px solid #e9b76c;transform:rotate(45deg);transition:transform .18s ease;pointer-events:none}


html body #hp-main-navigation .hp-menu-open>a>.hp-submenu-arrow{transform:rotate(225deg)}


@media(prefers-reduced-motion:reduce){html body #hp-main-navigation .hp-submenu-arrow{transition:none}}





/* Review 25: shared component states, legibility and constrained layouts. */


html body .hp-shell{--hp-panel:#192431;--hp-line:#3b4b5e;--hp-muted:#b0bfd1}


html body .hp-shell :is(.hp-home-feed,.hp-home-aside,.block,.hp-footer-lead,.hp-footer-links,.hp-footer-links nav){min-width:0}


html body .hp-shell .block_head{line-height:1.5;overflow-wrap:anywhere}


html body .hp-shell .hp-footer-legal{font-size:11px;letter-spacing:.02em;line-height:1.6;gap:12px;flex-wrap:wrap;color:#aabbd0}


html body .hp-shell .hp-footer-lead p{color:#b0bfd1;font-size:13px}


html body .hp-footer22 .hp-footer-links strong{font-size:11px;letter-spacing:.09em}


html body .hp-footer22 .hp-footer-links a{min-height:32px;overflow-wrap:anywhere}


html body .hp-footer-winter{font-size:11px;margin-top:10px}


html body .hp-newyear-card{box-shadow:0 8px 28px #0003}


html body .hp-ny-countdown>div{min-width:0;padding:12px 2px}


html body .hp-space-toggle{min-height:44px;font-size:11px}


html body .hp-rail-shops>a{transition:background .18s,border-color .18s}


html body .hp-rail-shops>a:hover{background:#283749;border-color:#cba56c}


html body #hp-main-navigation li.hp-is-current>a>.hp-submenu-arrow{border-color:currentColor}


html body .hp-shell .hp-account-menu>li>a{max-width:240px}


html body .hp-shell .hp-account-menu h3{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


html body .wapper.hp-shell .hp-site-header .hp-account-menu>li>ul{max-width:calc(100vw - 32px);max-height:min(420px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}


html body .hp-shell .hp-account-menu>li>ul a{white-space:normal;overflow-wrap:anywhere}


html body .hp-shell :is(.btn,.hpcu-submit){white-space:normal;max-width:100%;text-align:center}


html body .hp-shell .btn:disabled,html body .hp-shell .btn.disabled{translate:none!important;transform:none!important}


html body :is(.hp-shell,.modal,.gp-card) :is(input,textarea,select)[aria-invalid=true],html body :is(.hp-shell,.modal,.gp-card) .form-control.is-invalid{border-color:#ed929e!important;box-shadow:0 0 0 2px #ed929e20!important}


html body :is(.hp-shell,.modal,.gp-card) :is(input,textarea,select):disabled{background:#202a36!important;color:#9facbf!important;cursor:not-allowed}


html body :is(.hp-shell,.modal,.gp-card) :is(input,textarea)[readonly]{background:#1d2835!important;color:#becbdb!important}


html body .hp-shell .form-control{min-width:0;max-width:100%}


html body .hp-shell .table-responsive{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#75859a #15202c}


html body .hp-shell .table caption{color:#b0bfd1}


html body .modal .modal-body{overflow-wrap:anywhere}


html body .hp-shell .table .btn-sm{min-height:34px;padding:6px 10px;font-size:12px}


html body .hp-shell .btn-danger:hover{background:#65343d!important;border-color:#ba6d7a!important;color:#ffe2e6!important}


html body .hp-shell .btn-success:hover{background:#2b5548!important;border-color:#64a98e!important;color:#daf6e9!important}


@media(max-width:1199px){html body .hp-rail-backdrop{z-index:1040}html body .hp-app-rail{z-index:1045}}


@media(max-width:767px){


 html body .hp-shell .hp-account-menu>li>a{display:flex!important;width:52px;min-width:52px!important;padding:6px!important;justify-content:center}


 html body .hp-shell .hp-account-menu>li>a::after{display:none!important}


 html body .hp-shell .hp-account-menu>li>a>img{width:34px;height:34px;object-fit:cover;margin:0}


 html body :is(.hp-shell,.gp-card,.modal) :is(.form-control,textarea,select){font-size:16px!important}


 html body .hp-shell .hp-footer22{padding:22px!important}


 html body .hp-shell .hp-footer-links{gap:18px!important}


 html body .hp-shell .hp-footer-links a{min-height:40px}


 html body .hp-ny-countdown b{font-size:clamp(22px,6vw,28px)}


}


@media(prefers-reduced-motion:reduce){html body .hp-rail-shops>a{transition:none}}





@media(max-width:767px){html body .hp-shell .hp-account-menu>li>a>.hp-header-avatar{width:34px;height:34px;flex:0 0 34px;margin:0}html body .hp-shell .hp-header-avatar>img{width:34px;height:34px}html body .hp-shell .hp-header-avatar>.hp-framed-avatar{width:34px!important;height:34px!important;flex:0 0 34px}}




/* Wider navigation with readable labels. */

@media(min-width:1200px){html body .hp-app-rail{width:264px}html body .hp-shell.wapper{padding-left:316px!important}}

html body .hp-app-rail .hp-header-links>li>a{font-size:14px;line-height:1.5;padding:13px 12px;font-weight:650}

html body .hp-app-rail li>ul a{font-size:13px;line-height:1.5;padding:10px 8px}

html body .hp-app-rail .hp-rail-shops strong{font-size:14px;line-height:1.4}

html body .hp-app-rail .hp-rail-shops small{font-size:11px;line-height:1.5}

html body .hp-app-rail .hp-rail-bottom>a{font-size:13px;line-height:1.5}

html body .hp-app-rail .hp-rail-shops>span{font-size:11px}

html body .hp-app-rail .hp-space-toggle{font-size:12px;line-height:1.5}

@media(max-width:1199px){html body .hp-app-rail{width:min(280px,calc(100vw - 24px));transform:translateX(-310px)}html.hp-rail-open body .hp-app-rail{transform:none}}


/* Clean rail without a visible scrollbar; wheel, touch and keyboard remain usable. */
html body .hp-app-rail{scrollbar-width:none;-ms-overflow-style:none;text-transform:uppercase;overscroll-behavior:contain}
html body .hp-app-rail::-webkit-scrollbar{display:none;width:0;height:0}
html body .hp-app-rail>*{flex-shrink:0}
html body .hp-app-rail :is(a,strong,small,button){text-transform:uppercase}
html body .hp-app-rail .hp-rail-shops>a>div{min-width:0}
html body .hp-app-rail .hp-rail-shops strong{font-size:13px;overflow-wrap:anywhere}
html body .hp-app-rail .hp-rail-shops small{font-size:10px;letter-spacing:.025em}
html body .hp-app-rail .hp-rail-telegram{display:flex;align-items:center;gap:10px;margin:14px 3px 0;padding:13px 10px;border:1px solid #466e8a;border-radius:9px;background:linear-gradient(120deg,#21415b,#182a3b);color:#d8edf9!important;text-decoration:none!important;transition:background .18s,border-color .18s}
html body .hp-rail-telegram>svg{width:22px;height:22px;flex:0 0 22px;color:#86d2ff}
html body .hp-rail-telegram>span:nth-child(2){min-width:0}
html body .hp-rail-telegram strong{display:block;font-size:13px;letter-spacing:.06em}
html body .hp-rail-telegram small{display:block;font-size:10px;line-height:1.5;color:#b4cadb;margin-top:3px}
html body .hp-rail-telegram>span:last-child{margin-left:auto;color:#9edbff}
html body .hp-app-rail .hp-rail-telegram:hover{background:#29465e;border-color:#8bcdf3}
@media(prefers-reduced-motion:reduce){html body .hp-app-rail .hp-rail-telegram{transition:none}}