/*! EXO (exogame.eu) © 2026 Patryk Żukiewicz i Eryk Żukiewicz. Wszelkie prawa zastrzeżone. Kopiowanie, rozpowszechnianie i wykorzystanie kodu, grafik i treści bez zgody autorów zabronione. */
body.games.cmd,body.acct.cmd{background:radial-gradient(60% 55% at 72% 30%,var(--holo-soft),transparent 70%),radial-gradient(45% 40% at 12% 90%,var(--auryn-soft),transparent 70%),radial-gradient(120% 90% at 50% 40%,var(--surface),var(--void));background-attachment:fixed}.cmd-stars{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.85}body.cmd:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,11,.7) 0,transparent 140px),radial-gradient(130% 100% at 50% 0%,transparent 55%,rgba(3,5,11,.55))}body.cmd>header,body.cmd>main{position:relative;z-index:1}body.cmd>header{z-index:2}.cmd-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-5);padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px,3vw,40px) 14px;background:linear-gradient(180deg,rgba(3,5,11,.92),rgba(3,5,11,.55) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cmd-down .5s var(--ease-out) both}.cmd-top__logo{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:.06em;color:var(--fg);text-decoration:none;text-shadow:0 0 18px var(--holo-dim)}.cmd-top__nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.cmd-top__nav a{position:relative;padding:10px 14px;font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);text-decoration:none;white-space:nowrap;transition:color var(--dur) var(--ease-out)}.cmd-top__nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scaleX(0);transition:transform var(--dur) var(--ease-out)}.cmd-top__nav a:hover,.cmd-top__nav a[aria-current=page]{color:var(--fg)}.cmd-top__nav a:hover:after,.cmd-top__nav a[aria-current=page]:after{transform:scaleX(1)}.cmd-top .games-acct{flex:none;height:40px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0}.cmd-top .games-acct.is-user{clip-path:none;border-radius:6px;border:0;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-strong)}.cmd-top .games-acct.is-user:hover{box-shadow:inset 0 0 0 1px var(--holo-dim)}body.cmd .games-main{padding-top:var(--space-4)}body.cmd .page-head{animation:cmd-up .55s var(--ease-out) .05s both}body.cmd .games-kicker{letter-spacing:.22em}body.cmd .games-title{font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 30px rgba(127,211,255,.22)}body.cmd .subnav{display:none}body.cmd .page-msg{border-left-color:var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.cmd .fl-panel,body.cmd .sk-stage,body.cmd .shop-bar,body.cmd .shop-item,body.cmd .shop-deal,body.cmd .shop-pack,body.cmd .shop-style,body.cmd .sk-card{border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 40%),var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-deep)}body.cmd .fl-panel,body.cmd .sk-stage{border-left:2px solid var(--holo)}body.cmd .fl-grid>*,body.cmd .sk-grid>*,body.cmd .shop-body>*,body.cmd .shop-bar{animation:cmd-up .6s var(--ease-out) both}body.cmd .fl-grid>:nth-child(2),body.cmd .sk-grid>:nth-child(2),body.cmd .shop-body>:nth-child(2){animation-delay:.08s}body.cmd .fl-grid>:nth-child(3),body.cmd .shop-body>:nth-child(3){animation-delay:.16s}body.cmd .shop-body>:nth-child(n+4){animation-delay:.22s}body.cmd .fl-cats__head h2,body.cmd .fl-design__head h2,body.cmd .fl-design h2,body.cmd .sk-list__head h2,body.cmd .shop-sec__head h2,body.cmd .shop-sec h2{font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase}body.cmd .fl-sec__label,body.cmd .shop-filters__row>span:first-child,body.cmd .sk-card__kicker{color:var(--holo);letter-spacing:.16em}body.cmd .fl-facs button{position:relative;border:1px solid var(--line);border-left:2px solid color-mix(in srgb,var(--c) 70%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 10%,transparent),transparent 70%),var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s,transform .2s var(--ease-out)}body.cmd .fl-facs button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 45%,transparent)}body.cmd .fl-facs button b{font-family:var(--font-display);font-weight:600;letter-spacing:.03em}body.cmd .fl-facs button[aria-selected=true]{border-color:color-mix(in srgb,var(--c) 70%,transparent);border-left-color:var(--c);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--c) 4%,transparent) 80%),var(--glass);box-shadow:0 12px 34px -16px var(--c)}body.cmd .fl-facs button[aria-selected=true]:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--c);box-shadow:0 0 10px var(--c)}body.cmd .fl-facs{animation:cmd-up .55s var(--ease-out) .08s both}body.cmd .fl-tabs,body.cmd .shop-tabs{gap:2px;padding:4px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--glass)}body.cmd .fl-tabs button,body.cmd .shop-tabs button{border-radius:6px;font-family:var(--font-display);font-weight:600;letter-spacing:.08em;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}body.cmd .fl-tabs button[aria-selected=true],body.cmd .shop-tabs button[aria-selected=true]{background:var(--holo-soft);color:var(--fg);box-shadow:inset 0 0 0 1px var(--holo-dim)}body.cmd .shop-chip,body.cmd .fl-chip{border-radius:6px}body.cmd .shop-chip[aria-pressed=true],body.cmd .fl-chip[aria-pressed=true]{border-color:var(--holo-dim);background:var(--holo-soft);color:var(--fg)}body.cmd .fl-cats__list button{border-color:var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#080d168c;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease-out)}body.cmd .fl-cats__list button:hover{transform:translateY(-2px);border-color:var(--holo-dim)}body.cmd .fl-cats__list button[aria-pressed=true]{border-color:var(--holo);background:linear-gradient(180deg,var(--holo-soft),transparent),#080d168c;box-shadow:0 0 0 1px var(--holo-dim) inset,0 12px 30px -16px var(--holo)}body.cmd .fl-cats__list button[aria-pressed=true] b{color:var(--holo)}body.cmd .sk-card[aria-pressed=true],body.cmd .sk-card.is-on,body.cmd .sk-card.is-sel{border-color:var(--holo-dim);border-left:2px solid var(--holo);box-shadow:0 0 0 1px var(--holo-dim) inset,var(--shadow-deep)}body.cmd .shop-item{transition:border-color .2s,transform .2s var(--ease-out)}body.cmd .shop-item:hover{border-color:var(--holo-dim);transform:translateY(-2px)}body.cmd .shop-deal{border-left:2px solid var(--accent)}body.cmd .shop-buy,body.cmd .sk-btn--buy,body.cmd .fl-btn--save{border:0;border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(100deg,var(--accent),var(--auryn));color:var(--accent-ink);font-family:var(--font-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:none;transition:filter .2s,transform .2s var(--ease-out)}body.cmd .shop-buy:hover:not(:disabled),body.cmd .sk-btn--buy:hover:not(:disabled),body.cmd .fl-btn--save:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}body.cmd .shop-buy:disabled,body.cmd .sk-btn--buy:disabled,body.cmd .fl-btn--save:disabled{filter:grayscale(.85) brightness(.6)}body.cmd .sk-btn:not(.sk-btn--buy):not(.sk-btn--award),body.cmd .fl-btn--cancel{border:1px solid var(--line-strong);border-radius:6px;background:var(--glass);color:var(--fg);font-family:var(--font-display);font-weight:600;letter-spacing:.08em}body.cmd .sk-btn:not(.sk-btn--buy):not(.sk-btn--award):hover:not(:disabled),body.cmd .fl-btn--cancel:hover{border-color:var(--holo-dim);color:var(--holo)}@keyframes cmd-down{0%{opacity:0;transform:translateY(-10px)}}@keyframes cmd-up{0%{opacity:0;transform:translateY(16px)}}@media (max-width: 720px){.cmd-top{gap:var(--space-3);padding-inline:16px}.cmd-top__nav a{padding:10px 9px;font-size:.7rem;letter-spacing:.1em}.cmd-top__nav a:after{left:9px;right:9px}.cmd-top .games-acct span{display:none}.cmd-top .games-acct{width:40px;padding:0;justify-content:center}}@media (prefers-reduced-motion: reduce){body.cmd *{animation:none!important}}body.cmd .fl-facs:has(.fx-pick),body.cmd .sk-facs:has(.fx-pick){display:block;position:relative;z-index:6}.fx-pick{position:relative;display:inline-block;min-width:min(100%,420px)}.fx-cur{--c: var(--holo);display:flex;align-items:center;gap:14px;width:100%;padding:12px 18px 12px 14px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-left:2px solid var(--c);border-radius:var(--r-sm);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 20%,transparent),color-mix(in srgb,var(--c) 3%,transparent) 80%),var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--fg);font:inherit;text-align:left;cursor:pointer;box-shadow:0 14px 40px -22px var(--c);transition:border-color .2s,box-shadow .2s}.fx-cur:disabled{cursor:default}.fx-cur .ml-sigil{flex:none;color:var(--c);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c) 60%,transparent))}.fx-cur__txt{display:grid;gap:1px;flex:1;min-width:0}.fx-cur__txt small{font:500 .6rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--holo)}.fx-cur__txt b{font:700 1.1rem var(--font-display);letter-spacing:.03em;color:var(--c)}.fx-cur__txt em{font:500 .7rem var(--font-mono);font-style:normal;color:var(--fg-muted)}.fx-cur__n{font:600 .62rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}.fx-cur__chev{flex:none;color:var(--fg-muted);transition:transform .3s var(--ease-out)}.fx-pick.is-open .fx-cur__chev{transform:rotate(180deg)}.fx-pick.is-open .fx-cur,.fx-cur:hover:not(:disabled){border-color:var(--c);box-shadow:0 16px 44px -18px var(--c)}.fx-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;gap:4px;padding:6px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#060a12fb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-deep);opacity:0;visibility:hidden;transform:translateY(-8px) scaleY(.96);transform-origin:top;transition:opacity .2s,transform .25s var(--ease-out),visibility 0s .25s}.fx-pick.is-open .fx-menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s var(--ease-out)}.fx-opt,.fx-more{--c: var(--holo);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:6px;background:none;color:var(--fg);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.fx-pick.is-open .fx-opt,.fx-pick.is-open .fx-more{animation:cmd-up .3s var(--ease-out) calc(var(--i) * .05s) both}.fx-opt .ml-sigil{color:var(--c)}.fx-opt span,.fx-more span:last-child{display:grid;gap:1px}.fx-opt b,.fx-more b{font:600 .9rem var(--font-display);letter-spacing:.02em}.fx-opt em,.fx-more em{font:500 .66rem var(--font-mono);font-style:normal;color:var(--fg-muted)}.fx-opt:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent)}.fx-more{margin-top:2px;border-top:1px solid var(--line);border-radius:0 0 6px 6px}.fx-more__plus{display:grid;place-items:center;width:28px;height:28px;border:1px dashed var(--holo-dim);border-radius:50%;color:var(--holo);font:600 1rem var(--font-mono)}.fx-more b{color:var(--holo)}.fx-more:hover{background:var(--holo-soft)}body.cmd .fx-pick .fx-opt,body.cmd .fx-pick .fx-cur{justify-content:flex-start;transform:none}body.cmd .fx-pick .fx-opt{border:1px solid transparent;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--fg)}body.cmd .fx-pick .fx-opt:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent);transform:none}body.cmd .fx-pick .fx-opt b{color:var(--c)}body.cmd .fx-pick .fx-cur:hover{transform:none}body.acct.cmd:before{display:none}.acct-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 18px;animation:cmd-up .55s var(--ease-out) .05s both}body.cmd .acct-kicker{font-size:var(--fs-xs);letter-spacing:.22em}body.cmd .acct-title{margin-top:6px;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 0 30px rgba(127,211,255,.22)}body.cmd .acct-card{border:1px solid var(--line);border-left:2px solid var(--holo);border-radius:var(--r-sm);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 40%),var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-deep);animation:cmd-up .6s var(--ease-out) both}body.cmd .acct-card h2{font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
