/* ASHENREALM — Alchemik (Smocza Alchemia). Czytelny układ mobilny.
   Prefiks z trzema id wygrywa z globalnymi regułami premium (button !important). Grafiki kamieni i kręgu bez zmian. */
#alchemyRoot{--alc-ink:#0f0b13;--alc-card:#17121b;--alc-line:#3d3044;--alc-line-2:#5b4566;--alc-violet:#c79bf0;--alc-gold:#e6c27a;--alc-text:#ece4d6;--alc-muted:#a99fae;color:var(--alc-text);max-width:760px;margin:auto;padding:0 0 96px;font-size:15px;line-height:1.45}
#alchemyRoot:not(#_a):not(#_b) *{box-sizing:border-box}
#alchemyRoot:not(#_a):not(#_b) h2,#alchemyRoot:not(#_a):not(#_b) h3,#alchemyRoot:not(#_a):not(#_b) h4{font-family:Georgia,serif;color:#f0dcff;letter-spacing:.02em;margin:0 0 10px;line-height:1.25}
#alchemyRoot:not(#_a):not(#_b) h3{font-size:19px;display:flex;align-items:center;gap:10px}
#alchemyRoot:not(#_a):not(#_b) h4{font-size:15px;color:var(--alc-gold)}
#alchemyRoot:not(#_a):not(#_b) h4 small{font:400 12px/1 inherit;color:var(--alc-muted);margin-left:6px}
#alchemyRoot:not(#_a):not(#_b) p{margin:8px 0}
#alchemyRoot:not(#_a):not(#_b) small{font-size:12px;color:var(--alc-muted)}
#alchemyRoot:not(#_a):not(#_b) .alc-hint{font-size:13px;color:var(--alc-muted);line-height:1.45}
#alchemyRoot:not(#_a):not(#_b) .alc-muted{color:var(--alc-muted);font-size:14px}
#alchemyRoot:not(#_a):not(#_b) .alc-rule{font-size:14px;padding:10px 12px;border-left:3px solid #9b6bc8;background:#1f1726;border-radius:0 6px 6px 0}
#alchemyRoot:not(#_a):not(#_b) .alc-count{font:600 13px/1 inherit;color:var(--alc-muted);background:#ffffff10;padding:4px 8px;border-radius:99px}
#alchemyRoot:not(#_a):not(#_b) button{min-height:44px;border:1px solid var(--alc-line-2)!important;background:linear-gradient(#2a2130,#17111b)!important;color:#efe3fb!important;border-radius:8px!important;padding:9px 12px!important;cursor:pointer;font:600 14px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;opacity:1!important}
#alchemyRoot:not(#_a):not(#_b) button small{display:block;margin-top:3px;font:400 12px/1.2 system-ui,sans-serif;color:#cdbfd8}
#alchemyRoot:not(#_a):not(#_b) button.chosen{border-color:var(--alc-violet)!important;background:linear-gradient(#5d3378,#2a1838)!important;box-shadow:0 0 0 1px #c79bf055 inset!important}
#alchemyRoot:not(#_a):not(#_b) button.primary{border-color:#b98be0!important;background:linear-gradient(#7c43a8,#43215c)!important;color:#fff!important}
#alchemyRoot:not(#_a):not(#_b) button.danger{border-color:#c46a72!important;background:linear-gradient(#8a2e3a,#47151f)!important}
#alchemyRoot:not(#_a):not(#_b) button:disabled{opacity:.45!important;cursor:default;color:#b8adbf!important}
#alchemyRoot:not(#_a):not(#_b) button:focus-visible{outline:2px solid #e5bbff!important;outline-offset:2px}
#alchemyRoot:not(#_a):not(#_b) select,#alchemyRoot:not(#_a):not(#_b) input{min-height:44px;background:#120e16;color:#f4e9f9;border:1px solid var(--alc-line-2);border-radius:7px;padding:8px 10px;font:15px system-ui,sans-serif;width:100%;max-width:100%}
#alchemyRoot:not(#_a):not(#_b) label{display:flex;flex-direction:column;gap:6px;font-size:14px}
/* nagłówek */
#alchemyRoot:not(#_a):not(#_b) .alc-header{display:block!important;padding:14px;border:1px solid var(--alc-line);background:linear-gradient(115deg,#271b30,#110d15);border-radius:12px;margin-bottom:12px}
#alchemyRoot:not(#_a):not(#_b) .alc-header small{letter-spacing:.14em;color:var(--alc-muted)}
#alchemyRoot:not(#_a):not(#_b) .alc-header h2{font-size:26px;margin:4px 0 10px}
#alchemyRoot:not(#_a):not(#_b) .alc-wallet{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#alchemyRoot:not(#_a):not(#_b) .alc-wallet span{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--alc-line);border-radius:8px;background:#0d0a10;font-size:13px;color:var(--alc-muted)}
#alchemyRoot:not(#_a):not(#_b) .alc-wallet b{color:var(--alc-gold);font-size:14px}
/* zakładki */
#alchemyRoot:not(#_a):not(#_b) .alc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
#alchemyRoot:not(#_a):not(#_b) .alc-tabs button{min-width:0;padding:8px 4px!important;font-size:13px!important}
#alchemyRoot:not(#_a):not(#_b) .alc-subtabs{margin-bottom:6px}
#alchemyRoot:not(#_a):not(#_b) .alc-notice:empty{display:none}
#alchemyRoot:not(#_a):not(#_b) .alc-notice{padding:10px 12px;border:1px solid #6d4b86;border-left-width:4px;background:#22182b;border-radius:8px;font-size:14px}
/* karty */
#alchemyRoot:not(#_a):not(#_b) .alc-card{padding:14px;border:1px solid var(--alc-line);border-radius:12px;background:var(--alc-card);margin:12px 0}
#alchemyRoot:not(#_a):not(#_b) .alc-panel{margin:6px 0 12px}
#alchemyRoot:not(#_a):not(#_b) .alc-decks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 6px}
#alchemyRoot:not(#_a):not(#_b) .alc-decks button small{color:#9fe0b9}
/* krąg (grafika bez zmian) */
#alchemyRoot:not(#_a):not(#_b) .alc-circle{position:relative;width:min(100%,560px);aspect-ratio:1;margin:auto;isolation:isolate}
#alchemyRoot:not(#_a):not(#_b) .alc-disc{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.6) brightness(.8);transition:filter .35s}
#alchemyRoot:not(#_a):not(#_b) .is-powered .alc-disc{filter:none;transition:filter .6s}
#alchemyRoot:not(#_a):not(#_b) button.alc-socket{position:absolute;transform:translate(-50%,-50%);width:17%;aspect-ratio:1;min-height:0;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;display:grid;place-items:center}
#alchemyRoot:not(#_a):not(#_b) button.alc-socket img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px #ac6df988)}
#alchemyRoot:not(#_a):not(#_b) button.alc-socket span{font:600 clamp(10px,2.8vw,14px)/1.1 system-ui,sans-serif;color:#e8dcf2;text-shadow:0 1px 3px #000,0 0 6px #000}
#alchemyRoot:not(#_a):not(#_b) button.alc-socket b{position:absolute;bottom:0;right:2%;font:700 12px/1 system-ui,sans-serif;color:var(--alc-gold);background:#120b18e6;padding:3px 5px;border-radius:5px}
#alchemyRoot:not(#_a):not(#_b) button.alc-socket.selected{box-shadow:0 0 0 2px #f0d2ff,0 0 14px #c58bff!important}
#alchemyRoot:not(#_a):not(#_b) button.alc-socket.expired img{filter:grayscale(1) brightness(.6) drop-shadow(0 0 4px #c33)}
#alchemyRoot:not(#_a):not(#_b) .alc-center{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;background:#0f0915cc;border-radius:12px;padding:8px 10px;pointer-events:none}
#alchemyRoot:not(#_a):not(#_b) .alc-center strong{display:block;font:700 clamp(15px,4vw,22px)/1.1 Georgia,serif;color:#f3e6ff}
#alchemyRoot:not(#_a):not(#_b) .alc-center span,#alchemyRoot:not(#_a):not(#_b) .alc-center small{display:block;font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.08em;margin-top:4px;color:#cbb9d8}
#alchemyRoot:not(#_a):not(#_b) .is-powered .alc-center span{color:#9fe0b9}
#alchemyRoot:not(#_a):not(#_b) .alc-energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .35s;overflow:visible}
#alchemyRoot:not(#_a):not(#_b) .is-powered .alc-energy{opacity:.8;transition:opacity .6s}
.alc-stream{fill:none;stroke:#d18bff;stroke-width:.35;stroke-dasharray:1 13 3 21;filter:drop-shadow(0 0 1px #cc80ff);transform-origin:50px 51px;animation:alc-orbit 12s linear infinite;animation-play-state:paused}
.alc-stream.inner{animation-duration:18s;animation-direction:reverse;stroke-dasharray:2 12 1 8}
.is-powered .alc-stream{animation-play-state:running}
body:not([data-active-screen="alchemy"]) .alc-stream{animation-play-state:paused!important}
@keyframes alc-orbit{to{transform:rotate(360deg)}}
#alchemyRoot:not(#_a):not(#_b) .alc-activation{text-align:center;margin:10px 0 0}
#alchemyRoot:not(#_a):not(#_b) .alc-activation button{width:100%;font-size:16px!important;min-height:50px}
/* szczegóły kamienia */
#alchemyRoot:not(#_a):not(#_b) .alc-detail-head{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;margin-bottom:6px}
#alchemyRoot:not(#_a):not(#_b) .alc-detail-head img{width:88px;height:88px;object-fit:contain}
#alchemyRoot:not(#_a):not(#_b) .alc-stone-title strong{display:block;font:700 20px/1.2 Georgia,serif;color:#f3e6ff}
#alchemyRoot:not(#_a):not(#_b) .alc-stone-title span{display:block;font-size:14px;color:#d8cde0;margin-top:2px}
#alchemyRoot:not(#_a):not(#_b) .alc-stone-title span b{color:var(--alc-gold)}
#alchemyRoot:not(#_a):not(#_b) .alc-state{font-size:13px;color:var(--alc-muted);margin:6px 0}
#alchemyRoot:not(#_a):not(#_b) .alc-state.on{color:#9fe0b9}
#alchemyRoot:not(#_a):not(#_b) .alc-time{display:grid;gap:4px;font-size:13px;color:var(--alc-muted)}
#alchemyRoot:not(#_a):not(#_b) .alc-time b{color:var(--alc-text)}
#alchemyRoot:not(#_a):not(#_b) .alc-time i{display:block;height:5px;border-radius:9px;background:linear-gradient(90deg,#9b6bc8 var(--pct),#2c2233 var(--pct))}
#alchemyRoot:not(#_a):not(#_b) .alc-time.is-empty b{color:#ff8f8f}
#alchemyRoot:not(#_a):not(#_b) .alc-bonus-group{margin-top:12px}
#alchemyRoot:not(#_a):not(#_b) .alc-values{list-style:none;padding:0;margin:0}
#alchemyRoot:not(#_a):not(#_b) .alc-values li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff10;font-size:14px}
#alchemyRoot:not(#_a):not(#_b) .alc-values li:last-child{border-bottom:0}
#alchemyRoot:not(#_a):not(#_b) .alc-values li>span{min-width:0}
#alchemyRoot:not(#_a):not(#_b) .alc-values b{color:var(--alc-gold);white-space:nowrap;text-align:right;font-size:15px}
#alchemyRoot:not(#_a):not(#_b) .alc-values b i{display:block;font:400 11px/1.2 system-ui,sans-serif;color:#9fe0b9}
#alchemyRoot:not(#_a):not(#_b) .alc-values em{display:block;font-style:normal;font-size:11px;color:#c98b8b}
#alchemyRoot:not(#_a):not(#_b) .alc-values li.is-inactive span,#alchemyRoot:not(#_a):not(#_b) .alc-values li.is-inactive b{color:#8d8592}
#alchemyRoot:not(#_a):not(#_b) .alc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#alchemyRoot:not(#_a):not(#_b) .alc-actions button{flex:1 1 140px}
#alchemyRoot:not(#_a):not(#_b) .alc-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin:10px 0}
#alchemyRoot:not(#_a):not(#_b) .alc-remove{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff12}
/* plecak */
#alchemyRoot:not(#_a):not(#_b) .alc-filters{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 10px}
#alchemyRoot:not(#_a):not(#_b) .alc-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
#alchemyRoot:not(#_a):not(#_b) .alc-chips button{flex:0 0 auto;min-height:38px;padding:6px 10px!important;font-size:13px!important}
#alchemyRoot:not(#_a):not(#_b) .alc-sort{flex-direction:row!important;align-items:center;justify-content:flex-end;gap:8px!important;font-size:13px;color:var(--alc-muted)}#alchemyRoot:not(#_a):not(#_b) .alc-sort select{width:auto}
#alchemyRoot:not(#_a):not(#_b) .alc-sort select{min-height:38px;padding:6px 8px;font-size:13px}
#alchemyRoot:not(#_a):not(#_b) .alc-bag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto;padding:2px}
#alchemyRoot:not(#_a):not(#_b) .alc-bag button{position:relative;display:grid;justify-items:center;gap:1px;padding:6px 4px 8px!important;min-width:0;background:#120e16!important}
#alchemyRoot:not(#_a):not(#_b) .alc-bag img{width:72%;height:auto;aspect-ratio:1;object-fit:contain}
#alchemyRoot:not(#_a):not(#_b) .alc-bag .alc-lvl{position:absolute;top:5px;right:6px;font:700 13px/1 system-ui,sans-serif;color:var(--alc-gold)}
#alchemyRoot:not(#_a):not(#_b) .alc-bag .alc-lock{position:absolute;top:5px;left:6px;font-size:12px}
#alchemyRoot:not(#_a):not(#_b) .alc-tile-name{font:700 13px/1.2 system-ui,sans-serif;color:#f3e6ff}
#alchemyRoot:not(#_a):not(#_b) .alc-tile-grade,#alchemyRoot:not(#_a):not(#_b) .alc-tile-q{font:400 12px/1.2 system-ui,sans-serif;color:#cbbfd3}
#alchemyRoot:not(#_a):not(#_b) .alc-bag button.secondary{border-color:#77c3bf!important;box-shadow:0 0 0 1px #77c3bf inset!important}
#alchemyRoot:not(#_a):not(#_b) .alc-bag button.expired img{filter:grayscale(1) brightness(.6)}
/* sklep */
#alchemyRoot:not(#_a):not(#_b) .alc-row{padding:12px 0;border-top:1px solid #ffffff10}
#alchemyRoot:not(#_a):not(#_b) .alc-row:first-of-type{border-top:0}
#alchemyRoot:not(#_a):not(#_b) .alc-row-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
#alchemyRoot:not(#_a):not(#_b) .alc-row-head h4{margin:0;font-size:16px}
#alchemyRoot:not(#_a):not(#_b) .alc-price{font-weight:700;color:var(--alc-gold);font-size:14px;white-space:nowrap}
#alchemyRoot:not(#_a):not(#_b) .alc-odds{font-size:13px;color:var(--alc-muted);margin:4px 0 8px}
#alchemyRoot:not(#_a):not(#_b) .alc-row-actions{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:6px;align-items:center}
#alchemyRoot:not(#_a):not(#_b) .alc-row-actions>span{font-size:13px;color:var(--alc-muted);padding-right:4px}
#alchemyRoot:not(#_a):not(#_b) .alc-row-actions>span b{color:var(--alc-text)}
#alchemyRoot:not(#_a):not(#_b) .alc-row-actions button{padding:8px 4px!important;font-size:13px!important}
#alchemyRoot:not(#_a):not(#_b) .alc-craft{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#alchemyRoot:not(#_a):not(#_b) .alc-materials{display:grid;gap:6px}
#alchemyRoot:not(#_a):not(#_b) .alc-materials span{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ffffff0d;font-size:14px}
#alchemyRoot:not(#_a):not(#_b) .alc-materials b{color:var(--alc-gold)}
/* uszlachetnianie */
#alchemyRoot:not(#_a):not(#_b) .alc-refine-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:12px 0}
#alchemyRoot:not(#_a):not(#_b) .alc-plus{font:700 22px/1 Georgia,serif;color:var(--alc-violet)}
#alchemyRoot:not(#_a):not(#_b) .alc-slot{display:grid;justify-items:center;gap:4px;min-height:132px;padding:8px;border:1px dashed #6b5578;border-radius:12px;background:#120e16;text-align:center;font-size:13px;color:var(--alc-muted);align-content:center}
#alchemyRoot:not(#_a):not(#_b) .alc-slot.filled{border-style:solid;color:var(--alc-text)}
#alchemyRoot:not(#_a):not(#_b) .alc-slot img{width:72px;height:72px;object-fit:contain}
#alchemyRoot:not(#_a):not(#_b) .alc-outcome{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #6d4b86;border-radius:10px;background:#1f1726;font-size:14px;margin:10px 0}
#alchemyRoot:not(#_a):not(#_b) .alc-outcome b{color:var(--alc-gold);font-size:16px}
#alchemyRoot:not(#_a):not(#_b) details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:#e2d2ee}
#alchemyRoot:not(#_a):not(#_b) .alc-batch{margin-top:6px;border-top:1px solid #ffffff12;padding-top:4px}
#alchemyRoot:not(#_a):not(#_b) .alc-batch button{width:100%;margin-top:10px}
#alchemyRoot:not(#_a):not(#_b) .alc-table-wrap{overflow-x:auto}
#alchemyRoot:not(#_a):not(#_b) table{border-collapse:collapse;width:100%;font-size:13px}
#alchemyRoot:not(#_a):not(#_b) th,#alchemyRoot:not(#_a):not(#_b) td{text-align:left;padding:9px 6px;border-bottom:1px solid #3a2e40;vertical-align:top}
#alchemyRoot:not(#_a):not(#_b) th{color:var(--alc-muted);font-weight:600}
#alchemyRoot:not(#_a):not(#_b) .alc-grades td:nth-child(2){white-space:nowrap}
#alchemyRoot:not(#_a):not(#_b) .alc-table-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
#alchemyRoot:not(#_a):not(#_b) .alc-summary .alc-values li{padding:6px 0}
@media(min-width:620px){#alchemyRoot:not(#_a):not(#_b) .alc-bag{grid-template-columns:repeat(5,minmax(0,1fr))} #alchemyRoot:not(#_a):not(#_b) .alc-wallet{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){.alc-stream{animation:none!important} #alchemyRoot:not(#_a):not(#_b) .alc-disc,#alchemyRoot:not(#_a):not(#_b) .alc-energy{transition:none}}
