/* SaldoHiggs: clear feedback, short transitions, optional motion. */
:root{--domigo-ink:#081833;--domigo-muted:#626b79;--domigo-green:#081833;--domigo-gold:#0854d4;--domigo-paper:#f5f8ff;--domigo-line:#dce5f2;--domigo-ease:cubic-bezier(.2,.8,.2,1)}
@keyframes domigo-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes domigo-dialog{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes domigo-spin{to{transform:rotate(360deg)}}
@keyframes domigo-tile{from{opacity:0;transform:translate(24px,-12px) rotate(26deg)}to{opacity:.17;transform:translate(0,0) rotate(12deg)}}
.app-shell>header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#081833,#081833)}
.app-shell>header:after{content:'';position:absolute;z-index:-1;right:21%;top:68px;width:70px;height:124px;border-radius:18px;border:3px solid #0854d4;background:radial-gradient(circle at 50% 24%,#0854d4 0 7px,transparent 8px),radial-gradient(circle at 33% 70%,#0854d4 0 6px,transparent 7px),radial-gradient(circle at 67% 86%,#0854d4 0 6px,transparent 7px),linear-gradient(transparent 49%,#0854d4 49% 51%,transparent 51%);opacity:.17;transform:rotate(12deg);animation:domigo-tile 700ms var(--domigo-ease) both;pointer-events:none}
.intro{animation:domigo-enter 500ms var(--domigo-ease) both}.flash{box-shadow:0 12px 35px #08183312}.game-card{box-shadow:0 3px 14px #08183308}.game-card strong{font-size:12px}.game-card small{color:var(--domigo-muted)}
.game-card,.flash-card,.category,.primary,.secondary,.small-button,.header-login,.header-register,nav a{transition:transform 180ms var(--domigo-ease),box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease}
.primary:hover{box-shadow:0 5px 15px #08183320}.primary:active,.secondary:active,.small-button:active,.game-card:active,.flash-card:active{transform:scale(.98)}
#catalog section,.page-title,#content>.panel,#content>.stats,.checkout-grid>.panel,.login-main>.panel{animation:domigo-enter 380ms var(--domigo-ease) both}
.grid>.game-card{animation:domigo-enter 360ms var(--domigo-ease) both}.grid>.game-card:nth-child(3n+2){animation-delay:40ms}.grid>.game-card:nth-child(3n+3){animation-delay:80ms}
dialog[open]{animation:domigo-dialog 220ms var(--domigo-ease) both}dialog::backdrop{backdrop-filter:blur(3px)}
.loading-state:before{content:'';display:block;width:24px;height:24px;margin:0 auto 16px;border:3px solid #dce5f2;border-top-color:#081833;border-radius:50%;animation:domigo-spin 800ms linear infinite}
.empty-symbol{display:grid;place-items:center;margin:0 auto 18px;width:62px;height:62px;border-radius:20px;background:#f5f8ff;color:#081833;font-size:32px}
#toast{transition:opacity 180ms ease,translate 180ms ease;translate:0 8px}#toast.show{translate:0 0}
.empty,.help,p,.stat small,td small,th{color:var(--domigo-muted)}.stat.featured small,.stat.featured>span{color:#f5f8ff}.small-button{color:#081833}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #081833;outline-offset:3px}aside a:focus-visible{outline-color:#0854d4}
@media(max-width:700px){.app-shell .intro{display:block;margin:22px 0 0}.app-shell .intro p{font-size:11px;letter-spacing:1.3px}.app-shell .intro h1{font-size:26px;line-height:1.25}.app-shell>header:after{right:35px;top:99px;width:49px;height:86px;border-radius:13px}.app-shell .search{margin-top:20px}.primary,.secondary,.small-button{min-height:42px}.game-card strong{font-size:12px}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;background:#081833d9}.bottom-nav{backdrop-filter:none;background:#fff}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.game-card:hover,.flash-card:hover,.category:hover .category-icon{transform:none!important}}

@media(max-width:480px){.topline{flex-wrap:wrap;gap:12px}.header-actions{margin-left:auto}.empty .primary{display:inline-flex;align-items:center;margin-top:12px}}
