:root { --ui-radius: 14px; --ui-gap: 16px; --ui-border: rgba(255,255,255,.13); --ui-surface: #191925; }
.startup-error { max-width:560px; margin:10vh auto; padding:28px; border:1px solid var(--ui-border); border-radius:var(--ui-radius); background:var(--ui-surface); }
.delivery-panel { margin:0 0 24px; padding:20px; border:1px solid var(--ui-border); border-radius:var(--ui-radius); background:var(--ui-surface); }
.delivery-panel summary { cursor:pointer; font-weight:700; }
.delivery-panel button { margin:8px 8px 8px 0; }
.delivery-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid var(--ui-border); }
.delivery-row-text { flex:1 1 240px; min-width:0; overflow-wrap:anywhere; }
.delivery-row-text p { margin:6px 0; }
.shared-gift,.cashback-value { display:inline-flex; align-items:center; gap:.35em; }
.cashback-coin { flex-shrink:0; }
.button:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #d9baff; outline-offset:3px; }
@media(max-width:600px) {
  .startup-error { margin:24px 16px; padding:20px; }
  .site-header { flex-wrap:wrap; gap:12px; }
  .header-actions { flex-wrap:wrap; max-width:100%; }
  .shop-filters,.catalog-filters { flex-wrap:wrap; }
  .shop-filters>* ,.catalog-filters>* { min-width:0; max-width:100%; }
  dialog { max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; }
  .delivery-panel { padding:14px; }
}
@media(prefers-reduced-motion:reduce) { .cashback-nickname-render,.cashback-nickname-render *,.cashback-nickname-render::before,.cashback-nickname-render::after { animation:none!important; transition:none!important; } }

.filters-toggle { display:none; }
@media(max-width:600px){
  .filters-toggle { display:inline-flex; margin:0 0 12px; }
  .shop-filters-panel:not([data-expanded="true"])>:not(.search-field) { display:none; }
  .shop-filters-panel { margin-top:0; }
  body { padding-bottom:76px; }
}

.purchase-delivery-status[data-status="pending"] {color:#ffe0a3;}
.purchase-delivery-status[data-status="completed"] {color:#a6edcd;}
.purchase-delivery-status[data-status="attention"],.purchase-delivery-status[data-status="failed"] {color:#ffb3c0;}
@media(max-width:600px){
  .custom-games-drawer-toggle { position:static; display:flex; width:max-content; margin:12px 12px 0 auto; transform:none; }
  .custom-games-drawer-toggle:hover { transform:none; }
  body { padding-bottom:16px; }
}