/*! 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. */
.ws-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px 26px;padding:16px 20px;border:1px solid var(--line);border-left:2px solid var(--zlom, #b9a37a);border-radius:var(--r-sm);background:var(--glass)}.ws-top__scrap{display:flex;align-items:baseline;gap:8px;color:var(--zlom, #b9a37a)}.ws-top__scrap b{font:700 1.8rem var(--font-mono)}.ws-top__scrap small{font:500 .7rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.ws-top p{margin:0;max-width:62ch;font-size:var(--fs-sm);line-height:1.5;color:var(--fg-muted)}.ws-top p b{color:var(--fg)}.ws-top dl{display:flex;gap:18px;margin:0}.ws-top dl div{display:grid;justify-items:center}.ws-top dt{font:500 .6rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint)}.ws-top dd{margin:0;font:700 1.2rem var(--font-mono)}.ws-top dd.is-bad{color:var(--stan-zly, #ff6b5a)}.ws-card.is-dead{border-color:color-mix(in srgb,var(--stan-zly, #ff6b5a) 45%,transparent)}.ws-used{color:var(--holo);font-weight:500}.ws-game{margin:8px 0 0;font:500 .7rem var(--font-mono);letter-spacing:.06em;color:var(--holo)}.ws-link{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.ws{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}.ws-shade{position:absolute;inset:0;background:#020409c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ws-fade .25s ease-out both}.ws-box{position:relative;display:grid;gap:14px;width:min(980px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px 20px;border:1px solid var(--line-strong);border-left:2px solid var(--holo);border-radius:var(--r-sm);background:linear-gradient(180deg,rgba(127,211,255,.05),transparent 30%),#070c16;box-shadow:var(--shadow-deep),0 0 60px -30px var(--holo);animation:ws-in .35s var(--ease-out) both}.ws-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ws-item{display:flex;align-items:center;gap:16px}.ws-item .shop-kafel{width:96px;flex:none}.ws-kicker{margin:0 0 4px;font:500 .62rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--holo)}.ws-head h2{margin:0;font:800 1.3rem var(--font-display);letter-spacing:.03em;text-transform:uppercase}.ws-sub{margin:2px 0 8px;font-size:var(--fs-xs);color:var(--fg-muted)}.ws-life{position:relative;width:260px;height:6px;border-radius:3px;background:#ffffff12}.ws-life i{position:absolute;inset:0 auto 0 0;width:var(--p, 0%);border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--status-kanon, #8be38b));box-shadow:0 0 10px #8be38b80}.ws-life small{position:absolute;top:9px;left:0;font:500 .68rem var(--font-mono);color:var(--fg-muted)}.ws-x{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--fg-muted);font-size:1.2rem;cursor:pointer}.ws-x:hover{border-color:var(--holo-dim);color:var(--fg)}.ws-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;margin-top:12px}.ws-canvas{width:100%;height:340px;border:1px solid var(--line);border-radius:6px;background:radial-gradient(70% 70% at 50% 50%,rgba(127,211,255,.06),transparent 70%),#050912;touch-action:none;cursor:crosshair}.ws-side{display:flex;flex-direction:column;gap:10px}.ws-how{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--fg-muted)}.ws-how b{color:var(--fg)}.ws-score{display:grid;margin:0}.ws-score b{font:800 2.6rem var(--font-display);color:var(--accent);animation:ws-pop .5s var(--ease-out) both}.ws-score.is-ok b{color:var(--status-kanon, #8be38b)}.ws-score span{font:500 .7rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.ws-err{margin:0;font-size:var(--fs-xs);color:var(--blad, #ff6b5a)}.ws-btns{display:grid;gap:8px;margin-top:auto}.ws-btn{min-height:42px;padding:6px 14px;border:1px solid var(--line-strong);border-radius:6px;background:var(--glass);color:var(--fg);font:600 .78rem var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.ws-btn small{display:block;font:500 .62rem var(--font-mono);letter-spacing:.04em;text-transform:none;opacity:.85}.ws-btn:hover:not(:disabled){border-color:var(--holo-dim);color:var(--holo)}.ws-btn--go{border:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0;background:linear-gradient(100deg,var(--accent),var(--auryn));color:var(--accent-ink)}.ws-btn--go:hover:not(:disabled){filter:brightness(1.1);color:var(--accent-ink)}.ws-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes ws-fade{0%{opacity:0}}@keyframes ws-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes ws-pop{0%{opacity:0;transform:scale(1.4)}}@media (max-width: 760px){.ws-top,.ws-main{grid-template-columns:1fr}.ws-canvas{height:280px}.ws-life{width:180px}}@media (prefers-reduced-motion: reduce){.ws-shade,.ws-box,.ws-score b{animation:none}}