/* HARD PLAY Platform 1. Shared public UI tokens. */
:root{color-scheme:dark;--hp-accent:#e9b76c;--hp-text:#eef1f5;--hp-muted:#98a3b3;--hp-line:#303741;--hp-panel:#191e26;--hp-glass:#191e26;--hp-violet:#e9b76c;--hp-glow:none;--hp-radius:10px}
html body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--hp-text);line-height:1.6;-webkit-font-smoothing:antialiased;padding-top:52px!important}
html:not(:has(#personal-site-background)) body{background:radial-gradient(ellipse at 70% 0,#26303a55,transparent 48%),#101318!important;background-attachment:scroll!important}
html body h1,html body h2,html body h3{font-weight:700;letter-spacing:-.025em;line-height:1.25}
html body a{color:#e9b76c;text-underline-offset:3px}html body a:hover{color:#ffcf87}
html body .wapper,html body .wapper .content{background:transparent}
html body :is(.wapper .block,.hpuc-card,.hp-wallet-unified,.hp-cashdesk,.hp-checkout,.hp-shop-card,.hp-free-prefix,.profile-settings .sl-section,.guest-portal .gp-card){background:var(--hp-panel)!important;border:1px solid var(--hp-line)!important;border-radius:var(--hp-radius)!important;box-shadow:0 8px 24px #00000018!important;backdrop-filter:none!important;transition:border-color .18s ease,box-shadow .18s ease}
html body .wapper .block:hover,html body .hp-shop-card:hover,html body .hpuc-card:hover{border-color:#46515f!important;box-shadow:0 8px 24px #00000020!important}
html body :is(.block_head,.hp-wallet-heading){background:transparent!important;color:var(--hp-text)!important;border-color:var(--hp-line)!important;font-size:16px;font-weight:650;letter-spacing:-.01em}
html body .block_head :is(a,i,svg,.hp-icon){color:var(--hp-accent)!important}
html body .wapper .hp-site-header{background:#171c24f5!important;border:1px solid var(--hp-line)!important;border-radius:12px!important;box-shadow:0 8px 28px #0003!important;backdrop-filter:none!important}
html body .hp-site-header :is(.hp-brand-mark,.hp-header-brand b),html body .hp-header-toggle{color:var(--hp-accent)!important}
html body .hp-site-header .hp-brand-mark{background:#e9b76c10!important;border-color:#e9b76c44!important;border-radius:8px}
html body .hp-site-header .hp-header-links>li>a{color:#b6bfcb!important;font-weight:600;border-radius:7px!important}
html body .hp-site-header .hp-header-links>li:is(.active,.hp-is-current)>a{background:#e9b76c!important;color:#19140c!important;border-color:#e9b76c!important;box-shadow:none!important}
html body .hp-site-header :is(.hp-header-links,.hp-account-menu)>li>ul{background:#1c222b!important;border-color:#38414e!important;border-radius:10px;box-shadow:0 16px 40px #0006!important}
html body .hp-site-header .hp-account-menu>li>a{background:#222a34!important;border-color:#38414e!important;color:#e8edf4!important}
html body .hp-site-header li>ul a:hover,html body .hp-site-header .hp-header-links>li>a:hover{background:#ffffff0b!important;color:#fff!important}
html body .wapper .hp-header-trail.navigation{background:transparent!important;border-color:#303741!important;box-shadow:none!important}
html body .breadcrumb a{color:#aeb8c6!important}
html body .wapper .vertical-navigation ul li a{background:#202630!important;border:1px solid #303741!important;border-radius:7px!important;color:#c2cad5!important;box-shadow:none!important}
html body .wapper .vertical-navigation ul li a :is(i,svg){color:#d2ad76!important}
html body .wapper .vertical-navigation ul li a:hover{background:#29313c!important;border-color:#4b5666!important;box-shadow:none!important}
html body .wapper .vertical-navigation ul li.active>a,html body .wapper .vertical-navigation ul li a[aria-current=page]{background:#e9b76c17!important;color:#f3ca8b!important;border-color:#a3804b!important}
/* A single control language, including module forms and dialogs. */
html body :is(.btn,.gp-submit,.gp-primary,.hp-snow-control){border-radius:7px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;min-height:40px;padding:10px 16px;border:1px solid #434d5b!important;background:#29323e!important;color:#e9edf4!important;box-shadow:none!important;transition:background .18s,border-color .18s,box-shadow .18s;cursor:pointer}
html body .wapper .btn,html body .modal .btn{background:#29323e!important;color:#e9edf4!important;border-color:#434d5b!important}
html body :is(.btn-primary,.gp-submit,.gp-primary),html body .wapper .btn-primary,html body .modal .btn-primary{background:#e9b76c!important;color:#19140c!important;border-color:#e9b76c!important}
html body :is(.btn,.gp-submit,.gp-primary):hover,html body .wapper .btn:hover{background:#354151!important;border-color:#69788d!important;box-shadow:none!important}
html body .btn-primary:hover,html body .wapper .btn-primary:hover,html body .gp-submit:hover{background:#f4c889!important;color:#19140c!important;border-color:#f4c889!important}
html body .btn:active{transform:translateY(1px)}
html body .wapper .btn-danger,html body .modal .btn-danger{background:#49292e!important;color:#ffb5b5!important;border-color:#78434a!important}
html body .wapper .btn-success{background:#203e35!important;color:#9ddcc1!important;border-color:#376650!important}
html body .wapper .btn-warning{background:#493b24!important;color:#f4d095!important;border-color:#806536!important}
html body .wapper .btn-info{background:#24394d!important;color:#acd2f3!important;border-color:#3b5d7b!important}
html body .wapper .btn-link{background:transparent!important;border-color:transparent!important;color:var(--hp-accent)!important}
html body :is(button,.btn):disabled,html body .btn.disabled{opacity:.45!important;cursor:not-allowed;transform:none;box-shadow:none!important}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #f2c98d!important;outline-offset:3px}
html body :is(.wapper,.modal,.gp-card,.profile-settings) :is(.form-control,textarea,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search]){background:#11161d!important;border:1px solid #3b4553!important;color:#e9edf3!important;border-radius:7px!important;min-height:40px;font-family:inherit;box-shadow:none!important}
html body :is(input,textarea)::placeholder{color:#8390a1!important}
html body :is(.wapper,.modal,.gp-card) :is(input,textarea,select):focus{border-color:#cba36b!important;box-shadow:0 0 0 3px #e9b76c15!important}
html body input:-webkit-autofill{-webkit-text-fill-color:#edf1f5!important;box-shadow:0 0 0 1000px #171d26 inset!important}
html body input:is([type=checkbox],[type=radio]){accent-color:#e9b76c}
html body :is(.nav-tabs,.nav-pills) .nav-link,html body .page-link{background:#202630!important;color:#b8c3d1!important;border-color:#3b4553!important;border-radius:6px}
html body :is(.nav-tabs,.nav-pills) .nav-link.active,html body .page-item.active .page-link{background:#e9b76c!important;color:#19140c!important;border-color:#e9b76c!important}
html body .wapper .monitoring-table{background:#191e26!important;border-color:#303741!important;box-shadow:none!important;border-radius:10px}
html body .wapper .table{color:#c5ceda!important;background:transparent!important}
html body .wapper .table thead,html body .wapper .monitoring-table .table thead{background:#212832!important}
html body .wapper .table thead :is(th,td){color:#9dabbc!important;background:transparent!important;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
html body .wapper .table tbody tr,html body .wapper .table tbody tr:nth-child(even){background:transparent!important}
html body .wapper .table tbody tr:hover{background:#ffffff04!important}
html body .wapper .table :is(th,td){border-color:#303741!important;padding:14px 12px}
html body .wapper .table a{color:#e9b76c!important}
html body .progress{background:#10151c!important;border-radius:4px}
html body .progress-bar{background:#caa36b!important;box-shadow:none!important}
html body :is(.modal-content,.cookies-noty){background:#1b222c!important;color:#e9edf4!important;border:1px solid #3b4553!important;border-radius:12px!important;box-shadow:0 24px 80px #0008!important}
html body :is(.modal-header,.modal-footer){border-color:#343e4b!important}
html body .profile-settings{--sl-accent:#e9b76c;--sl-text:#eef1f5;--sl-muted:#98a3b3;--sl-line:#343e4b;--sl-panel:#191e26}
html body .profile-settings .sl-section-title{background:#1d242e!important;border-color:#343e4b!important}
html body .profile-settings .sl-section-title h2,html body .profile-settings .sl-grid .block_head{color:#eef1f5!important}
html body .profile-settings .sl-section-title p{color:#98a3b3!important}
html body .profile-settings .sl-grid>.block{background:#161c24!important;border-color:#303b49!important;border-radius:8px!important}
html body .sl-nav{background:#191e26!important;border-color:#343e4b!important;border-radius:10px}
html body .sl-nav a{color:#bac4d0!important}html body .sl-nav a:hover{background:#e9b76c12!important;color:#f3ca8b!important}
html body .hp-slider{border-color:#3b4553!important;border-radius:12px;box-shadow:none!important}
html body .hp-slider :is(.hp-eyebrow,.hp-kicker){color:#e9b76c!important}
html body .hp-slider .hp-slide-tab.active{background:#e9b76c!important;color:#19140c!important}
html body footer.hp-compact-footer{background:#12171f!important;border-top:1px solid #303741!important;color:#98a3b3!important}
html body .hp-compact-footer :is(.hp-cf-brand span,.hp-cf-telegram){color:#e9b76c!important;background:transparent;border-color:#77613f!important}
html body.guest-portal .gp-card{background:#191e26f5!important;border-color:#3b4553!important;box-shadow:0 24px 80px #0004!important}
html body.guest-portal :is(.gp-auth-logo span,.gp-brand span){color:#e9b76c!important}
html body.guest-portal .gp-tabs{background:#10161f!important;border-color:#303741!important}
html body.guest-portal .gp-tabs button[aria-selected=true]{background:#e9b76c!important;color:#19140c!important;border-color:#e9b76c!important;box-shadow:none!important}
html body button.hp-rise-lite{background:conic-gradient(#e9b76c var(--rise-progress),#35404e var(--rise-progress))!important;color:#e9b76c!important;box-shadow:0 6px 18px #0004!important}
html body button.hp-rise-lite::before{background:#191e26!important}
html.hp-loading-lite::after{background:linear-gradient(90deg,transparent,#e9b76c,transparent)!important;box-shadow:none!important}
/* Seasonal decoration is non-interactive and never covers controls. */
.hp-winter-decor{position:absolute;inset:0 0 auto;height:51px;overflow:hidden;pointer-events:none;z-index:2;border-top:2px solid #776445;background:linear-gradient(#101318bb,transparent)}
.hp-winter-decor[hidden],.hp-winter-snow[hidden]{display:none!important}
.hp-ornament{position:absolute;top:0;left:var(--x);width:22px;height:var(--drop);border-left:1px solid #9a8251;transform-origin:top center}
.hp-ornament::after{content:"";position:absolute;left:-10px;bottom:-15px;width:20px;height:24px;border-radius:45%;border:1px solid #ddc49888;background:radial-gradient(circle at 30% 25%,#fff8,transparent 35%),linear-gradient(135deg,#c6a05f,#66502e);box-shadow:inset -4px -3px 5px #0004}
.hp-ornament:nth-child(3n)::after{background:radial-gradient(circle at 30% 25%,#fff6,transparent 35%),linear-gradient(135deg,#9daab9,#414d5c);border-color:#a7b2bf}
.hp-ornament:nth-child(3n + 1)::after{border-radius:2px;transform:rotate(45deg) scale(.75);background:linear-gradient(135deg,#d5bb80,#76613b)}
.hp-winter-snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none!important;z-index:100;opacity:.65}
.hp-winter-controls{position:fixed;bottom:18px;left:18px;z-index:1040;display:flex;gap:4px;padding:4px;border:1px solid #3b4553;border-radius:10px;background:#151b24f5;box-shadow:0 4px 20px #0003}
html body .hp-winter-controls button{min-height:34px;padding:6px 10px;font-size:11px;background:transparent!important;border:1px solid transparent!important;color:#99a7b8!important;border-radius:6px!important}
html body .hp-winter-controls button[aria-pressed=true]{background:#e9b76c13!important;color:#f0c88e!important;border-color:#e9b76c30!important}
@media(max-width:767px){html body{padding-top:40px!important}.hp-winter-decor{height:39px}.hp-ornament:nth-child(even){display:none}.hp-winter-controls{bottom:10px;left:10px}html body :is(.btn,.gp-submit){min-height:42px}html body .wapper .table :is(th,td){padding:10px 8px}html body .hp-site-header{border-radius:8px!important}}
@media(prefers-reduced-motion:reduce){html body :is(.btn,.block,.hp-shop-card,.hpuc-card){transition:none!important}}
@media print{.hp-winter-decor,.hp-winter-snow,.hp-winter-controls{display:none!important}}
html body .hp-free-prefix :is(h4,p){color:#c5ceda!important}html body .hp-free-prefix h4{color:#eef1f5!important}
@media(max-width:767px){html body .wapper .container>.row{margin-left:0;margin-right:0}}
/* PLATFORM V2: module surfaces, depth and the winter environment. */
html body{--hp-panel:rgba(22,28,37,.96);--hp-glass:rgba(22,28,37,.96);--hp-line:#3c4552;--hp-muted:#a0adbf}
html:not(:has(#personal-site-background)) body{background:linear-gradient(90deg,#0b101725,transparent 30%,transparent 70%,#0b101725),url('/templates/standart/css/hp-winter-scene.webp') center top/cover fixed no-repeat,#0c1119!important}
html body .wapper .content{background:transparent!important}
html body .wapper :is(.block,.block.hp-color-nav,.hp-color-monitor.monitoring-table,.dw-card,.hpcu,.hp-community-intro,.hpuc-card,.hpuf-empty,.hp-shop-card){background:linear-gradient(135deg,#202833f7,#151c26f7)!important;border:1px solid #3c4552!important;border-radius:12px!important;box-shadow:0 14px 36px #0004,inset 0 1px 0 #ffffff05!important;color:#e7edf6}
html body .wapper :is(.block_head,.dw-heading,.hpcu-heading){border-color:#3b4553!important}
html body .wapper .block_head{padding-bottom:15px;margin-bottom:18px;font-size:16px;letter-spacing:-.02em}
html body .wapper .block_head :is(.hp-icon,.hp-svg){background:#e9b76c0d!important;border-color:#e9b76c30!important;border-radius:8px;color:#ecc58c!important}
html body .wapper .block .hp-category-nav ul li>a,html body .wapper .block .vertical-navigation ul li>a{background:#202a36!important;border:1px solid #3d4857!important;border-radius:8px!important;color:#cbd5e2!important;min-height:44px;padding:12px 13px!important;box-shadow:inset 0 1px 0 #ffffff03!important;transition:background .22s,border-color .22s,color .22s,translate .22s}
html body .wapper .block .hp-category-nav ul li>a:hover,html body .wapper .block .vertical-navigation ul li>a:hover{background:#303847!important;border-color:#bc955f!important;color:#ffe0b2!important;translate:3px 0}
html body .wapper .block .hp-category-nav ul li>a :is(svg,i){color:#d7bb91!important;transition:transform .22s}
html body .wapper .block .hp-category-nav ul li>a:hover :is(svg,i){transform:translateY(-2px)}
html body .wapper .hp-color-monitor.monitoring-table .table thead{background:#202a36!important}
html body .wapper .hp-color-monitor.monitoring-table .table :is(td,th),html body .wapper .monitoring-table .table td[colspan]{background:transparent!important;border-color:#3b4553!important;color:#aebdd0!important}
html body .wapper .monitoring-table .table thead :is(th,td){color:#d8bc96!important;font-size:11px;letter-spacing:.07em}
html body .wapper .hp-color-monitor.monitoring-table .table tbody tr{background:#151e2a!important}
html body .wapper .monitoring-table .table td[colspan]{padding:18px!important;text-align:center;font-size:13px}
html body .wapper .dw-card{--dw-gold:#e9b76c;--dw-muted:#a0adbf;--dw-text:#e7edf6}
html body .dw-card h2{font-size:23px;letter-spacing:-.025em;color:#edf2f8}.dw-card.dw-compact h2{font-size:19px}
html body .dw-card :is(.dw-icon,.dw-badge){border-radius:8px;background:#e9b76c0e;border-color:#e9b76c30;color:#e2bc86}
html body .dw-progress{background-color:#111822!important}
html body .hpcu .hpcu-methods{background:transparent!important}
html body .dw-progress{height:7px;border-radius:3px}html body .dw-progress>span{background:linear-gradient(90deg,#b98d50,#f1c987)!important;border-radius:3px}
html body :is(.dw-button,.dw-card .dw-button,.hpcu-submit,.hpuc-actions a){font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;border-radius:7px!important;min-height:42px;padding:11px 16px;border:1px solid #e9b76c!important;background:#e9b76c!important;color:#19140c!important;box-shadow:0 3px 12px #0002!important;transition:background .2s,box-shadow .2s,translate .2s}
html body :is(.dw-button,.dw-card .dw-button,.hpcu-submit):hover{background:#f5cb8c!important;box-shadow:0 6px 20px #e9b76c22!important;translate:0 -2px}
html body .dw-button.dw-secondary,html body .hpuc-actions a{background:#293443!important;color:#e4edf8!important;border-color:#4b586b!important}
html body .hpcu :is(h3,legend,label,b){color:#e7edf6!important}html body .hpcu :is(p,small,.hpcu-footer,.hpcu-settings summary){color:#a0adbf!important}
html body .hpcu :is(.hpcu-symbol,.hpcu-auto){background:#e9b76c10!important;color:#e9b76c!important;border-color:#e9b76c30!important}
html body .hpcu .hpcu-choice{background:#171f2b!important;border-color:#3d4857!important;border-radius:8px}
html body .hpcu .hpcu-choice:has(input:checked){background:#e9b76c0c!important;border-color:#e9b76c!important;box-shadow:0 0 0 1px #e9b76c20!important}
html body .hpcu a{color:#e9b76c!important}html body .hpcu input{accent-color:#e9b76c}
html body .hp-community,html body .hp-friends{--hc-panel:#19222e;--hc-line:#3c4552;--hc-accent:#e9b76c;--hc-muted:#a0adbf}
html body .wapper .hp-community .block-search,html body .wapper .hp-community .hpuc-card{background:#19222ef5!important;border-color:#3c4552!important;box-shadow:0 12px 24px #0003!important;border-radius:12px!important}
html body .hpuc-status.is-online{color:#8bd4ad!important}html body .hpuc-card :is(.hpuc-group,.hpuc-name){color:#d6dfeb}
html body :is(.hpuf-tabs a,.hp-community-reset,.hpuf-links a){background:#222e3e!important;color:#afbdd0!important;border-color:#3d4857!important;border-radius:7px}
html body .hpuf-tabs a.active{background:#e9b76c!important;color:#19140c!important;-webkit-text-fill-color:currentColor!important}
html body .wapper .chat_message{padding:14px 0!important;border-bottom:1px solid #ffffff0b;transition:background .2s}
html body .wapper .chat_message:hover{background:#ffffff03}
html body .chat_message>.message .info .date{color:#8c9bae!important;font-size:11px}
html body .chat_message>a>img{border-radius:8px;box-shadow:0 0 0 1px #e9b76c30}
html body .wapper .hp-slider{border:1px solid #657180!important;box-shadow:0 18px 48px #0005!important;border-radius:14px!important;isolation:isolate}
html body .hp-slider .hp-slide-shade{background:linear-gradient(90deg,#101925f5 0%,#101925bf 42%,#10192528 100%)!important}
html body .hp-slider .hp-slide-copy h1{font-size:clamp(25px,2.6vw,38px);font-weight:750;letter-spacing:-.045em;line-height:1.15;text-shadow:0 2px 16px #0005}
html body .hp-slider .hp-slide-copy p{color:#c0cddd;line-height:1.7;max-width:480px}
html body .hp-slider .hp-eyebrow{color:#efbf7b!important;letter-spacing:.18em;font-size:10px}
html body .hp-slider .hp-progress{height:3px!important;background:#ffffff08!important}
html body .hp-slider .hp-progress>span{background:linear-gradient(90deg,#b78a4c,#ffdfab)!important;box-shadow:0 0 14px #e9b76c66}
html body .wapper .hp-site-header{background:linear-gradient(110deg,#19222ef5,#111a26f5)!important;border-color:#485363!important;box-shadow:0 12px 40px #0005,inset 0 1px 0 #ffffff08!important}
html body .hp-site-header .hp-header-brand{letter-spacing:.05em}html body .hp-header-brand small{color:#9baac0!important}
html body .hp-site-header .hp-account-menu>li>a{background:#263140!important;border-radius:9px!important}
html body .wapper .hp-header-trail.navigation{background:#111923bd!important;border-color:#3c4552!important;border-radius:0 0 12px 12px}
html body :is(.modal-header,.modal-footer){padding:18px 22px}html body .modal-content{background:linear-gradient(145deg,#243041,#16202d)!important}
html body .wapper .btn-danger:hover{background:#613039!important;color:#ffd4d4!important;border-color:#bd6a76!important}
html body .wapper .btn-success:hover{background:#275343!important;color:#c4f1df!important;border-color:#6caf90!important}
html body .wapper .btn-primary{box-shadow:inset 0 1px 0 #ffffff35,0 3px 12px #0002!important}
html body .wapper .btn-primary:hover{box-shadow:0 5px 20px #e9b76c25!important}
html body .hp-winter-controls{backdrop-filter:blur(12px);border-color:#776244;box-shadow:0 6px 24px #0004}
/* Motion accents: no looping layout changes; reduced motion and manual control below. */
@media(prefers-reduced-motion:no-preference){
 html:not(.hp-motion-off) body .hp-ornament{animation:hp-v2-sway 5.5s ease-in-out infinite alternate}
 html:not(.hp-motion-off) body .hp-ornament:nth-child(2n){animation-delay:-2.5s;animation-duration:7s}
 html:not(.hp-motion-off) body .hp-slider .hp-slide.is-active .hp-slide-image{animation:hp-v2-cinema 9s ease-out both}
 html:not(.hp-motion-off) body .modal.show .modal-content{animation:hp-v2-dialog .28s ease-out both}
 html:not(.hp-motion-off) body .hp-status-dot{animation:hp-v2-pulse 3s ease-in-out infinite}
 html:not(.hp-motion-off) body :is(.btn,.hpuc-card,.hp-shop-card,.dw-card){transition:background .2s,border-color .2s,box-shadow .25s,translate .25s}
 html:not(.hp-motion-off) body :is(.hpuc-card,.hp-shop-card):hover{translate:0 -3px}
 html:not(.hp-motion-off) body .dw-card:hover{box-shadow:0 18px 40px #0005,inset 0 1px 0 #e9b76c18!important;border-color:#9c7d54!important}
}
@keyframes hp-v2-sway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@keyframes hp-v2-cinema{from{scale:1}to{scale:1.035}}
@keyframes hp-v2-dialog{from{opacity:.4;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes hp-v2-pulse{50%{box-shadow:0 0 0 5px #e9b76c12}}
html.hp-motion-off body :is(.btn,.block,.dw-card,.hpuc-card,.hp-shop-card,.hp-ornament,.hp-slide-image,.hp-status-dot,.modal-content,.hp-category-nav a,.vertical-navigation a,.dw-button,.hpcu-submit){animation:none!important;transition:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){html body :is(.hp-category-nav a,.vertical-navigation a,.dw-button,.hpcu-submit){transition:none!important;translate:none!important}}
@media(max-width:767px){html:not(:has(#personal-site-background)) body{background-attachment:scroll!important;background-size:auto 1050px!important;background-position:center top!important}html body .dw-card.dw-compact{padding:18px}html body .hp-slider .hp-slide-copy h1{font-size:26px}html body .hp-winter-controls{max-width:calc(100vw - 80px)}html body .hp-winter-controls button{padding:6px 8px;font-size:10px}}

html body #store_answer_btn[hidden],html body #store_answer_btn.disp-n{display:none!important}
