/* Shared neutral surfaces: orange is reserved for actions and selection. */
html body{background:#242529;color:#f4f4f5}
body :is(dialog,.login-dialog,.p-dialog,.case-dialog,.contract-result,.mobile-sheet[open]){background:#2d2e33!important;border:1px solid #505158!important;color:#f4f4f5;box-shadow:0 20px 64px #0006!important;text-shadow:none}
body dialog::backdrop{background:#101114b8;backdrop-filter:blur(4px)}
body :is(dialog,.header-menu-panel,.account-menu,.ui-select-menu) :is(input:not([type=checkbox]):not([type=radio]),textarea,.ui-select-trigger){background:#37383e!important;border:1px solid #55565e!important;color:#f4f4f5!important;box-shadow:none!important;outline:none}
body :is(input:not([type=checkbox]):not([type=radio]),textarea,.ui-select-trigger):hover{box-shadow:none!important}
body :is(dialog,.p-form,.login-form,.form) :is(input:not([type=checkbox]):not([type=radio]),textarea,.ui-select-trigger):focus,body .ui-select-trigger[aria-expanded=true]{border-color:#e38b47!important;box-shadow:none!important;background:#3a3b42!important}
body :is(.p-form,.login-form,.form) input::placeholder,body :is(.p-form,.form) textarea::placeholder{color:#9698a4!important}
body :is(.p-form,.form,.login-form) label{color:#c8c9d0}
body :is(.ui-select-menu,.header-menu-panel,.account-menu){background:#303137!important;border-color:#50525b!important;box-shadow:0 12px 32px #0005!important}
body .ui-select-option{color:#e7e7eb}body .ui-select-option:hover,body .ui-select-option:focus{background:#41424a!important;outline:none}body .ui-select-option.selected{background:#59402e!important;color:#ffb478}
body :is(.button,.p-button,.p-secondary,.login-submit,.login,.balance-add,.case-price,.case-open-action,.sapper-play,.profile-sell,.account-avatar,.p-icon-button){box-shadow:none!important;text-shadow:none}
body :is(.button.primary,.p-button,.login-submit,.login,.balance-add,.case-open-action,.sapper-play){background:#ff841c;border-color:#ff9e4d;color:#fff}
body :is(.button:not(.primary):not(.danger),.p-secondary,.p-icon-button){background:#3b3c43;border-color:#5a5c65;color:#e7e7ec}
body :is(.button:not(.primary):not(.danger),.p-secondary,.p-icon-button):hover{background:#484950;border-color:#73757f}
body :is(.sapper-layout,.wheel-layout,.upgrade-stage,.contract-builder,.case-opening,.sapper-arena,.wheel-arena,.upgrade-pick,.profile-stat,.p-panel,.stat-card,.giveaway-section,.fortune-section,.giveaway-card,.partner-terms,.partner-bottom-cta){background:#303137!important;border-color:#505159!important;box-shadow:none!important}
body :is(.upgrade-item,.inventory-item,.profile-item,.case-drop,.contract-slot.filled,.reel-item,.live-card){background:#36373e!important;border-color:#53545d;box-shadow:none!important}
body :is(.mini-game-contracts,.mini-game-upgrade,.mini-game-mines,.mini-game-tower,.mini-game-wheel)::before,body .header-game-art,body :is(.giveaway-art.ak,.giveaway-art.awp,.giveaway-art.case){background:#34353c!important}
body :is(.profile-stat,.upgrade-pick,.chance-ring>div){background:#33343b!important}
body :is(.case-image img,.case-hero-art img){filter:hue-rotate(165deg) saturate(1.1)!important}
body :is(.case-card,.case-card:hover,.case-card .case-image){box-shadow:none!important;background:#303137}
body :is(.topbar,.partner-header,.mobile-bottom-nav){box-shadow:none!important}
body :is(.p-dialog,.login-dialog){box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:28px;border-radius:18px;overflow:auto}
body :is(.p-dialog,.login-dialog) .ui-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
body :is(.p-dialog,.login-dialog) .ui-modal-header h2{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.025em;color:#fff;overflow-wrap:anywhere}
body :is(.p-dialog-close,.login-close){color:#bfc1cb!important;background:transparent!important;box-shadow:none}
body :is(.p-dialog,.login-dialog) :is(.form,.p-form,.login-form){display:grid;gap:18px;margin:0}
body :is(.p-dialog,.login-dialog) :is(.form,.p-form,.login-form)>label{display:grid;gap:8px;margin:0;line-height:1.5;font-size:13px}
body dialog :is(.form,.p-form,.login-form) :is(input:not([type=checkbox]):not([type=radio]),.ui-select-trigger){box-sizing:border-box;min-height:46px;height:46px;width:100%;padding:0 13px;border-radius:10px;font-size:14px}
body dialog :is(.form,.p-form) textarea{padding:12px 13px;border-radius:10px;line-height:1.5}
body dialog :is(.form,.p-form,.login-form)>[role=status]:empty{display:none;margin:0}
body dialog :is(.form,.p-form) .button,body dialog .p-button{min-height:46px;border-radius:10px;padding:11px 16px;font-size:14px}
body dialog .trade-url{text-align:left;max-width:100%;font-size:13px;line-height:1.6;color:#c4c5ce}
body #adminDialogBody{display:grid;gap:20px;font-size:14px;line-height:1.55}
body #adminDialogBody>p{margin:0}
body #adminDialogBody .form label{display:grid;gap:8px;margin:0}
body #adminDialogBody :is([data-payout-approve],[data-payout-complete]){display:grid;gap:12px}
body #adminDialogBody [hidden]{display:none!important}
body #adminDialogBody .payout-confirmation{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:12px;line-height:1.6;color:#bfc1cb}
body #adminDialogBody .payout-confirmation input{appearance:none;width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:1px 0 0;border:1px solid #70727e;border-radius:4px;background:#37383e;box-shadow:none}
body #adminDialogBody .payout-confirmation input:checked{background:#ff841c;border-color:#ff841c;box-shadow:inset 0 0 0 3px #37383e!important}
body #adminDialogBody .payout-confirmation input:focus-visible{outline:2px solid #ffad6b;outline-offset:3px}
.payout-details{display:grid;gap:0;margin:0;padding:0 16px;border:1px solid #4a4c55;border-radius:12px;background:#34353c}
.payout-details>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid #454750}
.payout-details>div:last-child{border-bottom:0}.payout-details dt{color:#a9abb7;font-size:12px}.payout-details dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#f0f0f3;font-size:13px;text-align:left}.payout-details dd strong{font-size:15px}.payout-details .payout-wallet{font-family:ui-monospace,monospace;font-size:12px;line-height:1.65}
.payout-actions{display:grid;gap:10px;margin:0}.payout-actions>.button{width:100%}
body #adminDialogBody .form>.dialog-note{margin:0;font-size:12px;line-height:1.5}
body dialog .p-login-description{color:#bfc1ca!important}
@media(max-width:650px){body :is(.p-dialog,.login-dialog){padding:22px 18px;border-radius:16px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px);max-width:calc(100vw - 24px)}body :is(.p-dialog,.login-dialog) .ui-modal-header{gap:12px;margin-bottom:20px}body :is(.p-dialog,.login-dialog) .ui-modal-header h2{font-size:21px}.payout-details{padding:0 12px}.payout-details>div{grid-template-columns:85px minmax(0,1fr);gap:10px}body dialog :is(.form,.p-form,.login-form) input:not([type=checkbox]){font-size:16px}}
body :is(.sapper-arena,.tower-arena,.upgrade-arena,.contract-arena,.contracts-arena){background:#303137!important;border-color:#505159!important;box-shadow:none!important}
body :is(.p-form,.login-form,.form) :is(input:not([type=checkbox]):not([type=radio]),textarea){background:#37383e!important;border-color:#55565e!important;color:#f4f4f5!important;box-shadow:none!important}
body :is(.catalog-title h2,.games-heading h2,.game-area h2,.mini-game-title){text-shadow:none!important}
body .payout-actions>.button[type=button]{min-height:44px;background:#3b3c43;border:1px solid #5a5c65}
body :is(.p-panel,.panel,.stat-card,.profile-stat,.upgrade-pick){border-color:#505159}
body dialog :is(.login-socials button,.deposit-methods,.deposit-payment,.deposit-amount-block,.deposit-method,.account-total){background:#34353c;border-color:#50525c;box-shadow:none}
body dialog .deposit-method.selected{background:#4a3c31;border-color:#db8746}
/* Match all game-menu illustrations to the orange identity. */
body .header-game-art img,body .mobile-game-grid img{filter:sepia(1) saturate(3.2) hue-rotate(345deg) brightness(1.08)!important}

.case-editor-item{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}.case-editor-item>label{flex:1;min-width:0}#caseCatalogResults{display:grid;gap:8px;max-height:250px;overflow:auto}#caseCatalogResults>.button{text-align:left;justify-content:flex-start;white-space:normal}#adminDialogBody .case-editor-item>label{font-size:12px}

/* Compact Steam sign-in in the site header. */
body .topbar .login{display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:36px;padding:0 16px;font-size:13px;line-height:1.2;border-radius:10px;white-space:nowrap;box-shadow:none}
@media(max-width:760px){body .topbar .login{min-height:34px;height:34px;padding:0 14px;font-size:12px;border-radius:9px}}