/* Спільний фон усіх сторінок сайту. */
html{min-height:100%;background-color:#0a0c0a!important}
body{min-height:100vh;min-height:100dvh;background-color:#0a0c0a!important}
body{background-image:linear-gradient(rgba(4,7,6,.48),rgba(4,7,6,.62)),url('/site-background.jpg')!important;background-size:cover!important;background-position:center top!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
main{background-color:transparent!important}
body>header,.simple-page-header,.leader-header{margin-top:0!important}
body:has(.inventory-head){background-image:linear-gradient(rgba(4,7,6,.48),rgba(4,7,6,.62)),url('/site-background.jpg')!important;background-size:cover!important;background-position:center top!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
body:has(.inventory-head) header{margin-top:0!important}
@media(max-width:700px){body{background-attachment:scroll!important;background-size:cover!important}}

/* Shared button lighting. Disabled controls remain visually inactive. */
body :is(button,input[type="submit"],input[type="button"],a.login,a.pay,a.profile-btn,a.cart-btn,a.discord-link,header nav a,[role="button"]):not(:disabled):not([aria-disabled="true"]){transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease}
body :is(button,input[type="submit"],input[type="button"],a.login,a.pay,a.profile-btn,a.cart-btn,a.discord-link,header nav a,[role="button"]):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible){box-shadow:0 0 15px #c4c9ff66,inset 0 0 7px #ffffff14!important;border-color:#a8accc!important}
body :is(button,input[type="submit"],input[type="button"],a.login,a.pay,a.profile-btn,a.cart-btn,a.discord-link,header nav a,[role="button"]):not(:disabled):not([aria-disabled="true"]):focus-visible{outline:2px solid #c5c8ff!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body :is(button,input[type="submit"],input[type="button"],a.login,a.pay,a.profile-btn,a.cart-btn,a.discord-link,header nav a,[role="button"]){transition:none!important}}
/* Translucent dark surfaces let the shared landscape remain visible. */
:root{--glass-panel:rgba(20,23,26,.62);--glass-field:rgba(15,18,21,.52);--glass-control:rgba(43,46,50,.55)}
body>header.shared-header.shared-header{background:var(--glass-panel)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body :is(.product,.reward-card,.news-card,.news-image-wrap,.daily-reward,.balance-card,.my-order,.admin-product,.admin-order,.promo-form,.steam-id,#cart){background:var(--glass-panel)!important}
body .modal>section{background:rgba(20,23,26,.78)!important}
body :is(.product,.reward-card,.news-card,#cart){backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body :is(.tools input,.modal input,.modal select,.modal textarea,.quantity output){background:var(--glass-field)!important}
body #catalog .product img{background:transparent!important}
body #categories .cat:not(.active),body .admin-tabs button:not(.active),body .quantity button{background:var(--glass-control)!important}
body>header.shared-header.shared-header :is(.login,.profile-btn,.cart-btn,.discord-link,.language-switch){background:var(--glass-control)!important}
body>header.shared-header.shared-header nav a{background:transparent!important}
body>header.shared-header.shared-header nav a:is(:hover,[aria-current="page"]){background:rgba(80,84,90,.38)!important}
body .modal select option{background:#202326;color:#eee}

/* Keep outer rewards layout clear; apply glass only to visible panels. */
body #dailyOnline{background:transparent!important;box-shadow:none!important}
body #dailyOnline .daily-panel,body #serverNotice{background:var(--glass-panel)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body #dailyOnline .daily-reward{background:rgba(15,18,21,.38)!important}
body #dailyOnline .daily-reset,body #dailyOnline .daily-reward button:disabled,body #serverNotice button{background:var(--glass-control)!important}
body #dailyOnline .daily-track,body #serverNotice textarea{background:var(--glass-field)!important}
/* Donation steps and project image controls share translucent surfaces. */
body #donate{background:var(--glass-panel)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body #donate .details,body #donate input{background:var(--glass-field)!important}
body #donate .copy,body #donate .jar{background:var(--glass-control)!important}
body #adminProjectSettings form>label:has(input[type=file]){background:rgba(20,23,26,.38)!important}
body #adminProjectSettings form>label>img{background:rgba(10,13,16,.25)!important}
body #adminProjectSettings form>label:has(input[name=logo]){grid-column:1}
body #adminProjectSettings form>label:has(input[name=monobankJar]){grid-column:1/-1}
/* Server connection panel matches the shared translucent surfaces. */
body .hero .hero-server-info{background:var(--glass-panel)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body .hero .hero-server-state,body .hero .hero-server-address{background:transparent!important}
/* Roulette prizes and ranking rows use the same glass surfaces. */
body .prizes .prize,body .leader-row,body .leader-card{background:var(--glass-panel)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body .leader-row.rank-1,body .leader-card.champion{background:linear-gradient(90deg,rgba(90,72,30,.56),rgba(35,31,22,.42))!important}
body .leader-row.rank-2{background:linear-gradient(90deg,rgba(75,78,82,.5),rgba(28,30,33,.42))!important}
body .leader-row.rank-3{background:linear-gradient(90deg,rgba(91,57,36,.5),rgba(34,27,23,.42))!important}
body .compact-leaderboard .leader-table{background:transparent!important}
/* Ranking controls and admin editors match the translucent theme. */
body .ranking-tabs button{background:var(--glass-control)!important;color:#bfc4cb;border-color:#ffffff30}
body .ranking-tabs button[aria-selected="true"]{background:rgba(110,119,135,.4)!important;color:#fff!important;border-color:#b6bfdc!important;box-shadow:0 0 12px #bac7ff28}
body .ranking-tabs button:hover{background:rgba(91,99,113,.45)!important;color:#fff}
body #admin .product-edit-form,body #admin .daily-edit-form{background:rgba(20,23,26,.44)!important}
body #admin .product-edit-form :is(input,select,textarea){background:var(--glass-field)!important}
body #admin .product-edit-form [data-cancel-edit]{background:var(--glass-control)!important;color:#eee!important}
body #admin .product-edit-form select option{background:#202326;color:#eee}
/* Consistent spacing inside inventory cards, including nested action controls. */
body:has(.inventory-head) #inventory.orders .reward-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box;padding:16px!important;gap:12px!important;overflow:hidden}
body:has(.inventory-head) #inventory.orders .reward-card .reward-image{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:150px!important;min-height:150px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
body:has(.inventory-head) #inventory.orders .reward-card .reward-image img{width:100%!important;max-width:100%!important;height:140px!important;object-fit:contain!important;margin:0!important;padding:0!important;background:transparent!important}
body:has(.inventory-head) #inventory.orders .reward-card .reward-info{margin:0!important;padding:0!important;text-align:left!important;min-width:0}
body:has(.inventory-head) #inventory.orders .reward-card .reward-info b{overflow-wrap:anywhere}
body:has(.inventory-head) #inventory.orders .reward-card .status{align-self:flex-start!important;margin:0!important}
body:has(.inventory-head) #inventory.orders .reward-card .reward-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;box-sizing:border-box;gap:8px!important;margin:0!important;margin-top:auto!important;padding:0!important}
body:has(.inventory-head) #inventory.orders .reward-card .reward-actions button{box-sizing:border-box;min-height:40px!important;margin:0!important;width:100%!important}
body:has(.inventory-head) #inventory.orders .reward-card .reward-actions .decline-reward{background:var(--glass-control)!important}
/* Cart checkout button matches the translucent controls. */
body #cart #order{background:var(--glass-control)!important;color:#f4f4f4!important;border:1px solid #ffffff35;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body #cart #order:hover:not(:disabled){background:rgba(91,99,113,.45)!important}
/* Keep the document within the viewport; inner lists may still scroll. */
html,body{max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
body{margin-left:0!important;margin-right:0!important}
@supports(overflow:clip){html,body{overflow-x:clip!important}}
body>main,body>.site-credits{box-sizing:border-box;max-width:100%}
/* Highlight only the visible copy control, not the IP address wrapper. */
body .hero .hero-server-address:is(:hover,:focus-visible){box-shadow:none!important;border-color:#ffffff1c!important;outline:none!important;color:#f5f5f5!important}
body .hero .hero-server-address:is(:hover,:focus-visible) b{background:#bce8cc!important;box-shadow:0 0 15px #c4c9ff66,inset 0 0 7px #ffffff14;border-color:#a8accc!important}
body .hero .hero-server-address:focus-visible b{outline:2px solid #c5c8ff;outline-offset:3px}
/* Override the global button glow for the IP wrapper. */
body .hero button.hero-server-address:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible){box-shadow:none!important;outline:none!important;border-color:#ffffff1c!important;color:#a9efc7!important}
body .hero button.hero-server-address:is(:hover,:focus-visible) b{box-shadow:none!important;outline:none!important;border-color:#ffffff26!important;background:#bce8cc!important}
body .hero button.hero-server-address:focus-visible b{text-decoration:underline;text-underline-offset:3px}