*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --glass:rgba(10,6,8,.55);--glass2:rgba(10,6,8,.74);--glass3:rgba(10,6,8,.36);
  --card:rgba(18,10,14,.58);--card2:rgba(28,14,20,.65);
  --burg2:rgba(122,34,56,.88);
  --gold:#C49A6C;--gold2:#D4AE85;--gdim:rgba(196,154,108,.3);
  --cream:#F0E0D8;--text:#D4C4BC;--text2:#B8988E;--text3:#907060;
  --bd:rgba(196,154,108,.14);--bd2:rgba(196,154,108,.07);
  --font-d:'Cormorant Garamond',serif;--font-b:'Montserrat',sans-serif;
  --green:#7CB87C;--red:#C07070;
}
html,body{height:100%;overflow:hidden;font-family:var(--font-b);color:var(--text);background:#0A0608;-webkit-font-smoothing:antialiased}
#bgv{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
#bgveil{display:none}
/* INTRO */
#intro{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 0}
.ib{text-align:center;max-width:480px;width:92%;padding:46px 36px;background:var(--glass2);border:1px solid var(--bd);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);margin:auto}
.ib-logo{font-family:var(--font-d);font-size:clamp(42px,9vw,66px);font-weight:300;letter-spacing:.12em;color:var(--cream);line-height:1}
.ib-sub{font-size:7.5px;letter-spacing:.55em;text-transform:uppercase;color:var(--gold);margin:6px 0 22px}
.ib-rule{width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 18px}
.ib-tag{font-family:var(--font-d);font-size:clamp(18px,4vw,26px);font-style:italic;color:var(--cream);line-height:1.7;margin-bottom:18px;letter-spacing:.02em}
.ib-build{display:none}
.ib-note{font-size:8px;letter-spacing:.1em;color:var(--text2);margin-bottom:20px;line-height:1.7;border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2);padding:11px 0}
.ib-note span{color:var(--gold2)}
.ib-stats{display:flex;border:1px solid var(--bd);overflow:hidden;margin-bottom:22px}
.ist{flex:1;padding:12px 6px;border-right:1px solid var(--bd);text-align:center}
.ist:last-child{border-right:none}
.ist-n{font-size:20px;font-weight:300;color:var(--gold);font-family:var(--font-d)}
.ist-l{font-size:6px;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);margin-top:3px}
.ib-btn{width:100%;padding:14px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--gdim);background:rgba(196,154,108,.07);color:var(--gold);font-family:var(--font-b);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}
.ib-btn:hover{background:rgba(196,154,108,.14);border-color:var(--gold)}
/* GAME */
#game{position:fixed;inset:0;z-index:2;display:none;flex-direction:column;height:100dvh;overflow:hidden}
#game.on{display:flex}
/* TOPBAR */
.topbar{height:52px;flex-shrink:0;display:flex;align-items:stretch;background:var(--glass2);border-bottom:1px solid var(--bd);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.tb-logo{font-family:var(--font-d);font-size:16px;font-weight:300;letter-spacing:.2em;color:var(--cream);display:flex;align-items:center;padding:0 15px;border-right:1px solid var(--bd);white-space:nowrap;flex-shrink:0}
.tb-logo span{color:var(--gold);margin:0 3px;font-style:italic}
.tb-stats{flex:1;display:flex;overflow-x:auto;scrollbar-width:none}
.tb-stats::-webkit-scrollbar{display:none}
.tstat{display:flex;flex-direction:column;justify-content:center;padding:0 13px;border-right:1px solid var(--bd);min-width:70px;flex-shrink:0}
.tv{font-size:12px;font-weight:500;color:var(--cream);white-space:nowrap}
.tv.g{color:var(--gold)}
.tl{font-size:6px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2);margin-top:2px}
.tb-act{display:flex;align-items:center;padding:0 7px;gap:3px;border-left:1px solid var(--bd);flex-shrink:0}
.tba{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:1px solid var(--bd2);color:var(--text2);font-family:var(--font-b);font-size:6px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:5px 7px;transition:all .2s}
.tba:hover{color:var(--gold);border-color:var(--gdim)}
.tba.on{color:var(--gold);border-color:var(--gdim)}
.tba svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5}
.tb-lvl{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 11px;border-left:1px solid var(--bd);flex-shrink:0}
.lvln{font-family:var(--font-d);font-size:22px;font-weight:300;color:var(--gold);line-height:1}
.lvll{font-size:6px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2)}
/* BODY */
.gbody{flex:1;display:flex;overflow:hidden;min-height:0}
/* SIDEBAR */
.sidebar{width:184px;flex-shrink:0;background:var(--glass);border-right:1px solid var(--bd);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column}
.sb-brand{padding:14px 16px;border-bottom:1px solid var(--bd2)}
.sb-brand-n{font-family:var(--font-d);font-size:17px;font-weight:300;letter-spacing:.08em;color:var(--gold2)}
.sb-brand-s{font-size:6px;letter-spacing:.28em;text-transform:uppercase;color:var(--text2);margin-top:2px}
.nav-item{display:flex;align-items:center;gap:9px;padding:12px 15px;font-size:7.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);cursor:pointer;border-left:2px solid transparent;border-bottom:1px solid var(--bd2);transition:all .18s;position:relative}
.nav-item svg{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5}
.nav-item:hover{color:var(--text);background:rgba(196,154,108,.04)}
.nav-item.active{color:var(--gold);border-left-color:var(--gold);background:rgba(196,154,108,.07)}
.nd{width:4px;height:4px;border-radius:50%;background:var(--gold);position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none}
.nd.vis{display:block}
.sb-btm{margin-top:auto;padding:13px 15px;border-top:1px solid var(--bd2)}
.sb-cta{width:100%;padding:10px;font-size:7px;letter-spacing:.22em;text-transform:uppercase;background:var(--burg2);color:var(--cream);border:none;cursor:pointer;font-family:var(--font-b);transition:background .2s}
.sb-cta:hover{background:rgba(140,36,60,.9)}
.sb-tel{font-size:9px;color:var(--gold2);text-align:center;margin-top:7px;letter-spacing:.07em;font-family:var(--font-d)}
/* PANELS */
.pw{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}
.pw::-webkit-scrollbar{width:3px}
.pw::-webkit-scrollbar-thumb{background:var(--bd)}
.panel{display:none;padding:22px}
.panel.active{display:block}
.sh{margin-bottom:20px}
.sey{font-size:7px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.sti{font-family:var(--font-d);font-size:clamp(20px,3vw,30px);font-weight:300;color:var(--cream);line-height:1.1}
.srl{width:34px;height:1px;background:var(--gold);opacity:.5;margin-top:9px}
/* ORDERS */
.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:12px}
.ocard{background:var(--card);border:1px solid var(--bd2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .28s;position:relative;overflow:hidden}
.ocard:hover{border-color:var(--gdim);transform:translateY(-2px);background:var(--card2)}
.ocard-img{width:100%;height:165px;object-fit:cover;display:block;filter:brightness(.6) saturate(.8);transition:filter .35s}
.ocard:hover .ocard-img{filter:brightness(.8) saturate(1)}
.ocbadge{position:absolute;top:9px;left:9px;font-size:6.5px;letter-spacing:.2em;text-transform:uppercase;padding:3px 8px;background:rgba(10,6,8,.68);border:1px solid var(--bd);color:var(--gold);backdrop-filter:blur(8px)}
.octier{position:absolute;top:9px;right:9px;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#0A0608}
.t1{background:var(--gold)}.t2{background:#C0A0C8}.t3{background:#E0904A}.t4{background:#90C8B8}.t5{background:#F09090}
.inf-pill{position:absolute;bottom:165px;right:9px;font-size:6px;letter-spacing:.15em;text-transform:uppercase;padding:3px 7px;background:rgba(220,80,120,.22);border:1px solid rgba(220,80,120,.38);color:#F090A8}
.ocbody{padding:12px 14px}
.ocn{font-family:var(--font-d);font-size:17px;font-weight:400;color:var(--cream);margin-bottom:4px;line-height:1.2}
.occl{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--text2);margin-bottom:9px}
.ocreqs{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:9px}
.rtag{font-size:6.5px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;background:rgba(196,154,108,.06);border:1px solid var(--bd2);color:var(--text)}
.ocfoot{display:flex;align-items:flex-end;justify-content:space-between}
.ocbud{font-family:var(--font-d);font-size:20px;font-weight:300;color:var(--gold);line-height:1}
.ocbudl{font-size:6px;letter-spacing:.14em;text-transform:uppercase;color:var(--text2);margin-top:1px}
.ocrwl{font-size:7px;color:var(--text);margin-top:2px}
.ocacc{font-size:7px;letter-spacing:.22em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--gdim);background:rgba(196,154,108,.06);color:var(--gold);cursor:pointer;transition:all .2s}
.ocacc:hover{background:rgba(196,154,108,.14);border-color:var(--gold)}
.ocbook{display:block;width:100%;margin-top:10px;font-size:7px;letter-spacing:.18em;text-transform:uppercase;padding:8px 12px;border:1px solid rgba(196,154,108,.35);background:rgba(196,154,108,.1);color:var(--gold);cursor:pointer;transition:all .2s;text-align:center}
.ocbook:hover{background:rgba(196,154,108,.22);border-color:var(--gold)}
/* SHARE MODAL */
.shr-ov{position:fixed;inset:0;z-index:9600;background:rgba(5,3,4,.92);display:none;align-items:center;justify-content:center;backdrop-filter:blur(12px);padding:20px}
.shr-ov.on{display:flex}
.shr-box{max-width:400px;width:100%;background:rgba(14,9,12,.96);border:1px solid var(--bd);position:relative}
.shr-img-wrap{position:relative;height:200px;overflow:hidden}
.shr-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.75) saturate(.9)}
.shr-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(14,9,12,.9))}
.shr-img-badge{position:absolute;bottom:14px;left:16px}
.shr-img-name{font-family:var(--font-d);font-size:20px;color:var(--cream);line-height:1.1}
.shr-img-sub{font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.shr-body{padding:18px 18px 20px}
.shr-lbl{font-size:7.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.shr-msg{font-size:11px;color:var(--text2);line-height:1.65;background:rgba(196,154,108,.04);border:1px solid var(--bd2);padding:10px 12px;margin-bottom:14px;font-family:var(--font-d);font-style:italic}
.shr-row{display:flex;gap:8px;margin-bottom:10px}
.shr-input{flex:1;padding:10px 12px;background:rgba(196,154,108,.04);border:1px solid var(--bd2);color:var(--cream);font-family:var(--font-b);font-size:12px;outline:none;transition:border-color .2s}
.shr-input::placeholder{color:var(--text3)}
.shr-input:focus{border-color:var(--gdim)}
.shr-send{padding:10px 16px;font-size:7px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gdim);background:rgba(196,154,108,.08);color:var(--gold);cursor:pointer;font-family:var(--font-b);transition:all .2s;white-space:nowrap}
.shr-send:hover{background:rgba(196,154,108,.2);border-color:var(--gold)}
.shr-hint{font-size:7px;color:var(--text3);letter-spacing:.06em;line-height:1.6}
.shr-hint span{color:var(--text2)}
.shr-close{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:rgba(10,6,8,.8);border:1px solid var(--bd);color:var(--text3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.shr-close:hover{color:var(--cream)}
.ocglow{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4;animation:sh 2.5s ease-in-out infinite}
/* KAŻDY INNY */
.ki-wrap{display:flex;gap:14px;align-items:flex-start}
.ki-grid-wrap{flex:1;min-width:0}
.ki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.kicard{background:var(--card);border:1px solid var(--bd2);transition:all .22s;position:relative;overflow:hidden;cursor:default}
.kicard:hover{border-color:var(--gdim);background:var(--card2)}
.kicard.selected{border-color:var(--gold);background:rgba(196,154,108,.1)}
.kicard.selected .kicard-img{filter:brightness(.85) saturate(1.1)}
.kicard-img{width:100%;height:120px;object-fit:cover;display:block;filter:brightness(.62) saturate(.8);transition:filter .3s}
.kicard:hover .kicard-img{filter:brightness(.78) saturate(1)}
.kicard-zoom{position:absolute;top:0;left:0;right:0;height:120px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:zoom-in}
.kicard:hover .kicard-zoom{opacity:1}
.kicard-zoom-ic{width:32px;height:32px;border-radius:50%;background:rgba(10,6,8,.75);border:1px solid rgba(196,154,108,.5);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:14px}
.kicard-body{padding:7px 10px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.kicard-info{min-width:0}
.kicard-n{font-family:var(--font-d);font-size:13px;color:var(--cream);line-height:1.2;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kicard-d{font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}
.kicard-sel{width:24px;height:24px;border-radius:50%;border:1px solid var(--gdim);background:rgba(196,154,108,.05);color:transparent;font-size:10px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.kicard-sel:hover{border-color:var(--gold);background:rgba(196,154,108,.12);color:var(--gold)}
.kicard.selected .kicard-sel{background:var(--gold);border-color:var(--gold);color:#0A0608}
.kicard-num{position:absolute;top:7px;left:7px;font-size:6px;letter-spacing:.15em;text-transform:uppercase;padding:2px 6px;background:rgba(10,6,8,.68);border:1px solid var(--bd);color:var(--text3)}
/* LIGHTBOX */
.ki-lb{position:fixed;inset:0;z-index:9500;background:rgba(5,3,4,.93);display:none;align-items:center;justify-content:center;padding:20px}
.ki-lb.on{display:flex}
.ki-lb-inner{max-width:900px;width:100%;background:var(--card);border:1px solid var(--bd);position:relative}
.ki-lb-img{width:100%;height:80vh;max-height:80vh;object-fit:contain;object-position:center;display:block;background:#0A0608}
.ki-lb-foot{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ki-lb-info{}
.ki-lb-n{font-family:var(--font-d);font-size:19px;color:var(--cream);margin-bottom:2px}
.ki-lb-d{font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}
.ki-lb-btn{font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--gdim);background:rgba(196,154,108,.07);color:var(--gold);cursor:pointer;font-family:var(--font-b);transition:all .2s;white-space:nowrap}
.ki-lb-btn:hover{background:rgba(196,154,108,.18);border-color:var(--gold)}
.ki-lb-btn.unsel{border-color:rgba(200,80,80,.4);background:rgba(200,80,80,.07);color:#C88080}
.ki-lb-btn.unsel:hover{background:rgba(200,80,80,.15)}
.ki-lb-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgba(10,6,8,.8);border:1px solid var(--bd);color:var(--text3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.ki-lb-close:hover{color:var(--cream);border-color:var(--gdim)}
.ki-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:rgba(10,6,8,.75);border:1px solid var(--bd);color:var(--text3);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ki-lb-nav:hover{color:var(--gold);border-color:var(--gdim)}
.ki-lb-prev{left:-16px}
.ki-lb-next{right:-16px}
/* SIDEBAR DŁONIE */
.ki-side{width:260px;flex-shrink:0;position:sticky;top:0}
.ki-side-inner{background:rgba(14,9,12,.82);border:1px solid var(--bd);backdrop-filter:blur(16px);padding:18px}
.ki-side-t{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;text-align:center}
.ki-counter{text-align:center;margin-bottom:14px}
.ki-counter-n{font-family:var(--font-d);font-size:42px;font-weight:300;color:var(--gold);line-height:1}
.ki-counter-l{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--text2);margin-top:4px}
.ki-hands{display:flex;gap:10px;margin-bottom:14px}
.ki-hand{flex:1}
.ki-hand-lbl{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);text-align:center;margin-bottom:8px}
.ki-fingers{display:flex;flex-direction:column;gap:4px}
.ki-finger{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid var(--bd2);transition:all .2s;min-height:28px}
.ki-finger.filled{border-color:var(--gdim);background:rgba(196,154,108,.08)}
.ki-finger-img{width:22px;height:22px;object-fit:cover;border:1px solid var(--gdim);flex-shrink:0;display:none}
.ki-finger.filled .ki-finger-img{display:block}
.ki-finger-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(196,154,108,.25);flex-shrink:0}
.ki-finger.filled .ki-finger-dot{display:none}
.ki-finger-n{font-size:8px;color:var(--text3);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.ki-finger.filled .ki-finger-n{color:var(--cream)}
.ki-cta{width:100%;padding:12px;font-size:8px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gdim);background:rgba(196,154,108,.08);color:var(--gold);cursor:pointer;font-family:var(--font-b);transition:all .22s;margin-top:6px;display:none}
.ki-cta:hover{background:rgba(196,154,108,.18);border-color:var(--gold)}
.ki-cta.vis{display:block}
.ki-clear{width:100%;padding:9px;font-size:8px;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--bd2);background:transparent;color:var(--text3);cursor:pointer;font-family:var(--font-b);transition:all .2s;margin-top:6px}
.ki-clear:hover{color:var(--red);border-color:var(--red)}
@keyframes sh{0%,100%{opacity:.15}50%{opacity:.7}}
/* CREATOR */
#panel-creator{padding:0}
.ch{padding:13px 22px;background:var(--glass2);border-bottom:1px solid var(--bd);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:flex;align-items:center;gap:13px;position:sticky;top:0;z-index:10}
.bbtn{display:inline-flex;align-items:center;gap:5px;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text3);background:none;border:none;cursor:pointer;transition:color .2s}
.bbtn:hover{color:var(--gold)}
.bbtn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2}
.con{font-family:var(--font-d);font-size:16px;color:var(--cream);letter-spacing:.04em}
.cbody{display:grid;grid-template-columns:1fr 348px;min-height:0}
.cleft{padding:22px;overflow-y:auto;border-right:1px solid var(--bd)}
.cright{padding:17px;overflow-y:auto;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pv{position:relative;margin-bottom:17px}
.pvi{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:brightness(.67) saturate(.85)}
.pvv{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,6,8,.88) 100%)}
.pvc{position:absolute;bottom:12px;left:14px}
.pvn{font-family:var(--font-d);font-size:18px;font-weight:300;color:var(--cream)}
.pvcl{font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:2px}
.pvcr{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}
.og{margin-bottom:19px}
.ogl{font-size:7px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.ogr{display:flex;gap:5px;flex-wrap:wrap}
.ogb{font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--bd);background:rgba(196,154,108,.03);color:var(--text2);cursor:pointer;transition:all .18s}
.ogb.active{border-color:var(--gold);color:var(--gold);background:rgba(196,154,108,.08)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.pat{background:var(--card);border:1px solid var(--bd2);cursor:pointer;transition:all .2s;position:relative;overflow:hidden;backdrop-filter:blur(8px)}
.pat:hover{border-color:var(--gdim)}
.pat.sel{border-color:var(--gold);background:rgba(196,154,108,.06)}
.pat.lk{opacity:.35;cursor:not-allowed;pointer-events:none}
.pat img{width:100%;height:80px;object-fit:cover;display:block;filter:brightness(.67);transition:filter .28s}
.pat:hover img,.pat.sel img{filter:brightness(.86)}
.pi{padding:6px 7px}
.pn{font-size:8px;color:var(--text);margin-bottom:2px;line-height:1.3}
.pp{font-size:10px;color:var(--gold);font-weight:500}
.pd{font-size:6.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-top:2px}
.pch{position:absolute;top:5px;right:5px;width:15px;height:15px;border-radius:50%;background:var(--gold);display:none;align-items:center;justify-content:center}
.pat.sel .pch{display:flex}
.pch svg{width:8px;height:8px;stroke:#0A0608;fill:none;stroke-width:2.5}
.plk{position:absolute;top:5px;right:5px;font-size:10px}
/* SUMMARY / CREATOR RIGHT */
.sb{background:rgba(10,6,8,.42);border:1px solid var(--bd);backdrop-filter:blur(10px);padding:12px;margin-bottom:10px}
.sbt{font-size:6.5px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.sl{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--bd2);font-size:9px;color:var(--text2)}
.sl:last-child{border-bottom:none}
.sl.tot{color:var(--cream);font-size:12px;font-weight:500}
.sl.ov{color:var(--red)}
.bbar{height:3px;background:rgba(255,255,255,.07);margin:8px 0;border-radius:2px;overflow:hidden}
.bfill{height:100%;background:linear-gradient(90deg,var(--burg2),var(--gold));transition:width .32s;border-radius:2px}
.bfill.ov{background:linear-gradient(90deg,#A03030,#E07070)}
.binfo{display:flex;justify-content:space-between;font-size:7px;color:var(--text3);margin-bottom:2px}
.rrow{display:flex;align-items:center;gap:7px;margin-top:8px}
.rlbl{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.rdots{display:flex;gap:3px}
.rd{width:7px;height:7px;border-radius:50%;background:var(--bd);transition:background .28s}
.rd.on.r1{background:var(--gold)}.rd.on.r2{background:#D4804A}.rd.on.r3{background:#C05050}
.sub-btn{width:100%;padding:14px;font-size:8px;letter-spacing:.28em;text-transform:uppercase;background:var(--burg2);color:var(--cream);border:1px solid rgba(122,34,56,.5);cursor:pointer;transition:all .28s;font-family:var(--font-b);margin-top:5px}
.sub-btn:hover{background:rgba(140,36,60,.85)}
.cancel-lnk{display:block;text-align:center;margin-top:9px;font-size:7.5px;letter-spacing:.15em;text-transform:uppercase;background:none;border:none;color:var(--text3);cursor:pointer;padding:5px;transition:color .2s}
.cancel-lnk:hover{color:var(--gold)}
/* PORTFOLIO */
.ptop{display:flex;gap:2px;margin-bottom:16px}
.pst{flex:1;padding:15px 10px;text-align:center;background:var(--card);border:1px solid var(--bd2);backdrop-filter:blur(10px)}
.pst-n{font-family:var(--font-d);font-size:26px;font-weight:300;color:var(--gold)}
.pst-l{font-size:6px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2);margin-top:3px}
.pgall{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px}
.pit{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer}
.pit img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7) saturate(.85);transition:all .38s}
.pit:hover img{filter:brightness(.9) saturate(1);transform:scale(1.04)}
.pio{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,6,8,.88) 100%);opacity:0;transition:opacity .28s}
.pit:hover .pio{opacity:1}
.pii{position:absolute;bottom:8px;left:8px;right:8px;opacity:0;transform:translateY(5px);transition:all .28s}
.pit:hover .pii{opacity:1;transform:translateY(0)}
.pin{font-family:var(--font-d);font-size:12px;color:var(--cream)}
.pie{font-size:8px;color:var(--gold);margin-top:1px}
.pempty{text-align:center;padding:50px 20px;color:var(--text3);font-family:var(--font-d);font-size:17px;font-style:italic}
/* OFERTA */
.oint{background:var(--card);border:1px solid var(--bd2);padding:18px;margin-bottom:16px;backdrop-filter:blur(10px);text-align:center}
.oint-t{font-family:var(--font-d);font-size:21px;font-weight:300;color:var(--cream);margin-bottom:5px}
.oint-s{font-size:8.5px;color:var(--text2);letter-spacing:.06em;line-height:1.7;margin-bottom:13px}
.octa-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.octa{padding:10px 20px;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .22s;font-family:var(--font-b);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.octa.p{background:var(--burg2);color:var(--cream);border:1px solid rgba(122,34,56,.5)}
.octa.p:hover{background:rgba(140,36,60,.85)}
.octa.o{background:transparent;color:var(--gold);border:1px solid var(--gdim)}
.octa.o:hover{background:rgba(196,154,108,.08);border-color:var(--gold)}
.ocats{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:10px;margin-bottom:16px}
.ocat{background:var(--card);border:1px solid var(--bd2);backdrop-filter:blur(10px);overflow:hidden;transition:border-color .22s}
.ocat:hover{border-color:var(--gdim)}
.ocat-h{padding:13px 15px;border-bottom:1px solid var(--bd2);display:flex;align-items:center;gap:9px}
.ocat-ico{font-size:17px}
.ocat-t{font-family:var(--font-d);font-size:15px;color:var(--cream)}
.ocat-d{font-size:7px;color:var(--text3);letter-spacing:.06em;margin-top:1px}
.ocat-items{padding:8px 15px 12px}
.oi{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--bd2);cursor:pointer;transition:background .15s;gap:8px}
.oi:last-child{border-bottom:none}
.oi:hover{background:rgba(196,154,108,.04)}
.oi.bk-row{padding:6px 6px}
.oi.bk-row.sel{background:rgba(196,154,108,.08);border-color:var(--gdim)}
.bk-cb{width:16px;height:16px;border:1px solid var(--bd);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .18s}
.oi.sel .bk-cb{background:var(--gold);border-color:var(--gold)}
.bk-cb-tick{display:none;font-size:10px;color:#0A0608;line-height:1}
.oi.sel .bk-cb-tick{display:block}
.oi-n{font-size:9.5px;color:var(--text)}
.oi-d{font-size:7px;color:var(--text3);margin-top:1px;letter-spacing:.04em}
.oi-p{font-size:11px;color:var(--gold);font-weight:500;white-space:nowrap;margin-left:10px;text-align:right}
.oi-t{font-size:7px;color:var(--text3);letter-spacing:.08em;margin-top:1px}
.ocat-cta{margin:0 15px 12px;padding:8px;font-size:7px;letter-spacing:.2em;text-transform:uppercase;background:rgba(196,154,108,.06);border:1px solid var(--gdim);color:var(--gold);cursor:pointer;font-family:var(--font-b);width:calc(100% - 30px);transition:all .18s}
.ocat-cta:hover{background:rgba(196,154,108,.12);border-color:var(--gold)}
/* BOOKING MODAL */
.bmov{position:fixed;inset:0;z-index:9500;background:rgba(10,6,8,.82);display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bmov.on{display:flex}
.bmod{max-width:438px;width:92%;background:var(--glass2);border:1px solid var(--bd);backdrop-filter:blur(26px);overflow:hidden;max-height:92dvh;display:flex;flex-direction:column}
.bmod-body{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}
.bmod-body::-webkit-scrollbar{width:3px}
.bmod-body::-webkit-scrollbar-thumb{background:var(--bd)}
.bmod-h{padding:18px 22px 14px;border-bottom:1px solid var(--bd);text-align:center}
.bmod-logo{font-family:var(--font-d);font-size:26px;font-weight:300;color:var(--cream);letter-spacing:.1em}
.bmod-sub{font-size:7px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.bmod-body{padding:20px}
.bmod-t{font-family:var(--font-d);font-size:17px;color:var(--cream);margin-bottom:13px}
.bmod-sv{background:rgba(196,154,108,.06);border:1px solid var(--bd2);padding:10px 13px;margin-bottom:14px;font-family:var(--font-d);font-size:15px;color:var(--gold2)}
.bmod-opts{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
.bm-row{display:flex;gap:7px}
.bm-col{flex:1;display:flex;flex-direction:column;gap:4px}
.bm-lbl{font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:var(--text3)}
.bm-inp,.bm-sel{width:100%;padding:8px 9px;background:rgba(10,6,8,.5);border:1px solid var(--bd);color:var(--text);font-family:var(--font-b);font-size:9.5px;appearance:none;cursor:pointer}
.bm-inp:focus,.bm-sel:focus{outline:none;border-color:var(--gdim)}
.bm-inp::placeholder{color:var(--text3)}
.bmod-tel{display:flex;align-items:center;gap:9px;padding:11px 12px;background:rgba(196,154,108,.04);border:1px solid var(--bd2);margin-bottom:14px}
.bmod-tel-ico{font-size:17px}
.bmod-tel-t{flex:1}
.bmod-tel-l{font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}
.bmod-tel-n{font-family:var(--font-d);font-size:19px;color:var(--gold);letter-spacing:.06em}
.bmod-tel-n a{color:inherit;text-decoration:none}
.bmod-tel-n a:hover{color:var(--gold2)}
.bmod-btns{display:flex;gap:6px}
.bm-btn{flex:1;padding:12px 8px;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .22s;font-family:var(--font-b);border:none}
.bm-btn.p{background:var(--burg2);color:var(--cream)}
.bm-btn.p:hover{background:rgba(140,36,60,.85)}
.bm-btn.c{background:transparent;color:var(--text3);border:1px solid var(--bd)}
.bm-btn.c:hover{color:var(--gold);border-color:var(--gdim)}
.bm-ok{text-align:center;padding:18px 0}
.bm-ok-ico{font-size:34px;margin-bottom:9px}
.bm-ok-t{font-family:var(--font-d);font-size:21px;color:var(--cream);margin-bottom:5px}
.bm-ok-s{font-size:9px;color:var(--text2);letter-spacing:.06em;line-height:1.8}
/* ZASIĘGI */
.fwrap{display:flex;gap:2px;margin-bottom:16px;flex-wrap:wrap}
.fst{flex:1;min-width:100px;padding:15px 10px;text-align:center;background:var(--card);border:1px solid var(--bd2);backdrop-filter:blur(10px)}
.fst-n{font-family:var(--font-d);font-size:28px;font-weight:300;color:var(--gold)}
.fst-l{font-size:6px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2);margin-top:4px}
.mlist{display:flex;flex-direction:column;gap:5px}
.mi{display:flex;align-items:center;gap:11px;padding:12px 13px;background:var(--card);border:1px solid var(--bd2);backdrop-filter:blur(10px);transition:border-color .28s}
.mi.done{border-color:rgba(196,154,108,.22);background:rgba(196,154,108,.04)}
.mico{width:28px;height:28px;border-radius:50%;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}
.mi.done .mico{border-color:var(--gold);background:rgba(196,154,108,.1)}
.mt{flex:1}
.mn{font-size:10px;color:var(--cream);margin-bottom:2px}
.mi.done .mn{color:var(--gold)}
.mreq{font-size:7.5px;color:var(--text3);letter-spacing:.07em}
.mrw{font-size:7.5px;color:var(--gold2);font-style:italic;margin-top:1px}
/* RESULT MODAL */
.mov{position:fixed;inset:0;z-index:8000;background:rgba(10,6,8,.78);display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px)}
.mov.on{display:flex}
.mbox{max-width:448px;width:92%;background:var(--glass2);border:1px solid var(--bd);backdrop-filter:blur(26px);overflow:hidden}
.mimg{width:100%;height:430px;object-fit:cover;object-position:center;display:block;filter:brightness(.72) saturate(.85)}
.mbody{padding:22px}
.mey{font-size:7px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:8px}
.mey.acc{color:var(--green)}.mey.rej{color:var(--red)}
.mti{font-family:var(--font-d);font-size:23px;font-weight:300;color:var(--cream);margin-bottom:6px;line-height:1.2}
.mst{display:flex;gap:3px;margin-bottom:10px}
.mstar{font-size:14px;color:var(--bd)}
.mstar.lit{color:var(--gold)}
.mqu{font-family:var(--font-d);font-size:13px;font-style:italic;color:var(--text2);margin-bottom:14px;padding-left:10px;border-left:2px solid var(--gdim);line-height:1.7}
.mrws{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}
.mrwd{display:flex;align-items:center;gap:5px;padding:6px 10px;background:rgba(196,154,108,.06);border:1px solid var(--bd);font-size:8.5px;color:var(--gold2)}
.mrwd svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2}
.mbook{padding:11px;background:rgba(122,34,56,.16);border:1px solid rgba(122,34,56,.32);text-align:center;margin-bottom:11px}
.mbook-txt{font-size:8px;letter-spacing:.08em;color:var(--text2);margin-bottom:7px;line-height:1.7}
.mbook-txt strong{color:var(--gold2)}
.mbook-btn{padding:8px 18px;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;background:var(--burg2);color:var(--cream);border:none;cursor:pointer;font-family:var(--font-b);transition:background .2s}
.mbook-btn:hover{background:rgba(140,36,60,.85)}
.mcl{width:100%;padding:11px;font-size:7.5px;letter-spacing:.25em;text-transform:uppercase;background:transparent;color:var(--text2);border:1px solid var(--bd);cursor:pointer;font-family:var(--font-b);transition:all .2s}
.mcl:hover{color:var(--gold);border-color:var(--gdim)}
/* COOLDOWN BANNER */
.cd-banner{background:rgba(14,8,12,.75);border:1px solid rgba(196,154,108,.35);padding:13px 16px;margin-bottom:16px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(16px)}
.cd-banner.hidden{display:none}
.cd-ico{font-size:22px;flex-shrink:0}
.cd-info{flex:1;min-width:0}
.cd-title{font-family:var(--font-d);font-size:15px;color:var(--gold);margin-bottom:4px;letter-spacing:.04em}
.cd-sub{font-size:8px;letter-spacing:.08em;color:var(--cream);line-height:1.65;opacity:.9}
.cd-timer{text-align:center;flex-shrink:0}
.cd-timer-val{font-family:var(--font-d);font-size:26px;font-weight:300;color:var(--gold);line-height:1;white-space:nowrap}
.cd-timer-lbl{font-size:6.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);margin-top:3px}
.cd-bar{height:3px;background:rgba(255,255,255,.12);margin-top:10px;border-radius:2px;overflow:hidden}
.cd-bar-fill{height:100%;background:linear-gradient(90deg,var(--burg2),var(--gold));border-radius:2px;transition:width 1s linear}
.ocdur{font-size:7px;letter-spacing:.1em;color:var(--text2);padding:4px 9px;background:rgba(196,154,108,.07);border:1px solid rgba(196,154,108,.2);display:inline-flex;align-items:center;gap:5px;margin-top:7px;margin-bottom:2px}
.ocdur strong{color:var(--gold2);font-weight:500}
.ocdur svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:1.5}
/* TOAST */
.tw{position:fixed;top:58px;right:15px;z-index:9000;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.toast{padding:8px 12px;background:rgba(14,9,12,.95);border:1px solid var(--bd);backdrop-filter:blur(14px);font-size:8.5px;letter-spacing:.12em;color:var(--text);max-width:252px;opacity:0;transform:translateX(13px);transition:all .24s;text-transform:uppercase}
.toast.on{opacity:1;transform:translateX(0)}
.toast.gold{border-color:var(--gdim);color:var(--gold)}
.toast.green{border-color:rgba(80,180,80,.28);color:#88C888}
.toast.red{border-color:rgba(180,80,80,.28);color:var(--red)}
/* MOBILE NAV */
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9000;height:56px;background:var(--glass2);border-top:1px solid var(--bd);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:row;padding-bottom:env(safe-area-inset-bottom,0)}
.mni{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--text2);font-family:var(--font-b);font-size:6px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;position:relative}
.mni svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
.mni.active{color:var(--gold)}
.mni-dot{width:5px;height:5px;border-radius:50%;background:#E04040;position:absolute;top:7px;right:calc(50% - 14px);display:none}
.mni-dot.vis{display:block}
.mni.bk{color:var(--gold2)}
/* BOOKING SERVICE PICKER */
.bmod-svc-title{font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;margin-top:2px}
.bmod-svc-grid{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}
.bmod-svc-grid::-webkit-scrollbar{width:3px}
.bmod-svc-grid::-webkit-scrollbar-thumb{background:var(--bd)}
.bmod-svc-cat{margin-bottom:4px}
.bmod-svc-cat-h{font-size:6.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text3);padding:5px 0 3px;border-bottom:1px solid var(--bd2);margin-bottom:3px}
.bmod-svc-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid var(--bd2);cursor:pointer;transition:all .18s;background:rgba(196,154,108,.02)}
.bmod-svc-item:hover{border-color:var(--gdim);background:rgba(196,154,108,.06)}
.bmod-svc-item.sel{border-color:var(--gold);background:rgba(196,154,108,.1)}
.bmod-svc-cb{width:14px;height:14px;border:1px solid var(--bd);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .18s}
.bmod-svc-item.sel .bmod-svc-cb{background:var(--gold);border-color:var(--gold)}
.bmod-svc-cb-tick{display:none;font-size:9px;color:#0A0608;line-height:1}
.bmod-svc-item.sel .bmod-svc-cb-tick{display:block}
.bmod-svc-info{flex:1;min-width:0}
.bmod-svc-n{font-size:9px;color:var(--text);line-height:1.2}
.bmod-svc-d{font-size:7px;color:var(--text3);margin-top:1px}
.bmod-svc-p{font-family:var(--font-d);font-size:13px;color:var(--gold);white-space:nowrap;flex-shrink:0}
.bmod-svc-p.free{color:var(--text3);font-size:8px}
.bmod-summary{background:rgba(196,154,108,.04);border:1px solid var(--bd2);padding:10px 12px;margin-bottom:12px}
.bmod-summary-empty{font-size:8px;color:var(--text3);font-style:italic;font-family:var(--font-d);text-align:center;padding:4px 0}
.bmod-summary-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid var(--bd2);font-size:8.5px;color:var(--text2);gap:8px}
.bmod-summary-row:last-child{border-bottom:none}
.bmod-summary-row-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bmod-summary-row-p{color:var(--gold);white-space:nowrap;flex-shrink:0}
.bmod-summary-row-rm{background:none;border:none;color:var(--text3);cursor:pointer;font-size:10px;padding:0 0 0 5px;line-height:1;flex-shrink:0}
.bmod-summary-row-rm:hover{color:var(--red)}
.bmod-summary-total{display:flex;justify-content:space-between;align-items:center;padding:8px 0 2px;margin-top:5px;border-top:1px solid var(--bd)}
.bmod-summary-total-l{font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.bmod-summary-total-v{font-family:var(--font-d);font-size:20px;color:var(--gold)}
/* OSIĄGNIĘCIA */
.ach-intro{background:var(--card);border:1px solid var(--bd2);padding:16px 18px;margin-bottom:18px;backdrop-filter:blur(10px)}
.ach-intro-t{font-family:var(--font-d);font-size:18px;font-weight:300;color:var(--cream);margin-bottom:4px}
.ach-intro-s{font-size:8px;color:var(--text2);letter-spacing:.07em;line-height:1.7}
.ach-section-lbl{font-size:7px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;margin-top:18px}
.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:8px}
.achcard{background:var(--card);border:1px solid var(--bd2);backdrop-filter:blur(12px);transition:all .22s;position:relative;overflow:hidden}
.achcard.unlocked{border-color:rgba(196,154,108,.35)}
.achcard.used{opacity:.4}
.achcard-top{padding:13px 15px 10px;display:flex;align-items:flex-start;gap:11px}
.achcard-ico{font-size:26px;line-height:1;flex-shrink:0;margin-top:2px}
.achcard-info{flex:1;min-width:0}
.achcard-n{font-family:var(--font-d);font-size:15px;color:var(--cream);margin-bottom:2px;line-height:1.2}
.achcard-req{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);line-height:1.5}
.achcard-req.done{color:var(--gold)}
.achcard-prog{height:2px;background:rgba(255,255,255,.07);margin:0 15px 0;border-radius:2px;overflow:hidden}
.achcard-progf{height:100%;background:linear-gradient(90deg,var(--burg2),var(--gold));transition:width .5s;border-radius:2px}
.achcard-disc{margin:10px 15px 13px;padding:10px 12px;background:rgba(196,154,108,.06);border:1px solid var(--bd2)}
.achcard-disc-lbl{font-size:6px;letter-spacing:.22em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
.achcard-disc-val{font-family:var(--font-d);font-size:18px;color:var(--gold);line-height:1}
.achcard-disc-svc{font-size:7.5px;color:var(--text2);margin-top:2px;letter-spacing:.04em}
.achcard-badge{position:absolute;top:10px;right:10px;font-size:6px;letter-spacing:.2em;text-transform:uppercase;padding:3px 8px;border:1px solid;backdrop-filter:blur(6px)}
.achcard-badge.locked{color:var(--text3);border-color:var(--bd2);background:rgba(10,6,8,.5)}
.achcard-badge.new-disc{color:#90C8B8;border-color:rgba(144,200,184,.4);background:rgba(144,200,184,.08);animation:pulse-green 2s ease-in-out infinite}
.achcard-badge.exp{color:#F09090;border-color:rgba(240,144,144,.4);background:rgba(240,144,144,.06)}
.achcard-badge.used{color:var(--text3);border-color:var(--bd2);background:transparent}
.achcard-disc-code{margin:0 15px 13px;padding:9px 12px;background:rgba(196,154,108,.04);border:1px solid var(--gdim);display:flex;align-items:center;justify-content:space-between;gap:8px}
.disc-code-str{font-family:var(--font-d);font-size:13px;color:var(--gold2);letter-spacing:.08em}
.disc-code-exp{font-size:7px;color:var(--text3);letter-spacing:.06em;text-align:right;line-height:1.5}
.disc-code-exp span{color:var(--red)}
.disc-use-btn{width:calc(100% - 30px);margin:0 15px 13px;padding:9px;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gdim);background:rgba(196,154,108,.08);color:var(--gold);cursor:pointer;font-family:var(--font-b);transition:all .22s;display:block}
.disc-use-btn:hover{background:rgba(196,154,108,.18);border-color:var(--gold)}
.ach-empty{text-align:center;padding:40px 20px;color:var(--text3);font-family:var(--font-d);font-size:16px;font-style:italic}
.ach-stats-row{display:flex;gap:2px;margin-bottom:18px}
.ach-stat{flex:1;padding:13px 10px;text-align:center;background:var(--card);border:1px solid var(--bd2)}
.ach-stat-n{font-family:var(--font-d);font-size:24px;font-weight:300;color:var(--gold)}
.ach-stat-l{font-size:6px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2);margin-top:3px}
/* ANIMATIONS */
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(144,200,184,.0)}50%{box-shadow:0 0 8px 2px rgba(144,200,184,.25)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.panel.active .ocard{animation:fadeUp .34s ease both}
.panel.active .ocard:nth-child(1){animation-delay:.02s}.panel.active .ocard:nth-child(2){animation-delay:.05s}
.panel.active .ocard:nth-child(3){animation-delay:.08s}.panel.active .ocard:nth-child(4){animation-delay:.12s}
.panel.active .ocard:nth-child(5){animation-delay:.16s}.panel.active .ocard:nth-child(6){animation-delay:.2s}
.panel.active .pst,.panel.active .fst{animation:fadeUp .38s ease both}
/* NATIVE SHARE BUTTON */
.shr-native-btn{
  width:100%;padding:14px;margin-bottom:12px;
  font-size:9px;letter-spacing:.28em;text-transform:uppercase;
  background:var(--burg2);color:var(--cream);
  border:1px solid rgba(122,34,56,.5);
  cursor:pointer;font-family:var(--font-b);
  transition:background .22s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.shr-native-btn:hover{background:rgba(140,36,60,.85)}

/* ===== STYLIST ONBOARDING BANNER ===== */
.stylist-banner{
  display:flex;align-items:center;gap:18px;
  margin:18px 0 22px;
  padding:18px 22px;
  background:#140c10;
  border:1px solid rgba(196,154,108,.22);
  border-left:2px solid var(--gold);
  position:relative;overflow:hidden;
}
.stylist-banner::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(196,154,108,.07) 0%,transparent 55%);
  pointer-events:none;
}
.stylist-banner-deco{
  font-size:11px;color:rgba(196,154,108,.35);
  flex-shrink:0;align-self:flex-start;margin-top:3px;
  font-family:var(--font-d);
}
.stylist-banner-body{flex:1;min-width:0}
.stylist-banner-pre{
  font-family:'Montserrat',sans-serif;
  font-size:6.5px;letter-spacing:.35em;text-transform:uppercase;
  color:var(--gold);opacity:.7;margin-bottom:6px;
}
.stylist-banner-headline{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(15px,2vw,20px);font-weight:300;font-style:italic;
  color:var(--cream);letter-spacing:.04em;line-height:1.2;
  margin-bottom:13px;
}
.stylist-banner-steps{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;
}
.sbs{display:flex;align-items:baseline;gap:7px}
.sbs-n{
  font-family:'Montserrat',sans-serif;
  font-size:7px;font-weight:600;letter-spacing:.12em;
  color:var(--gold);opacity:.6;
}
.sbs-t{
  font-family:'Montserrat',sans-serif;
  font-size:8px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text2);white-space:nowrap;
}
.sbs-div{
  font-size:8px;color:rgba(196,154,108,.25);
  padding:0 10px;flex-shrink:0;
}
@media(max-width:768px){
  .stylist-banner{padding:14px 14px;gap:10px}
  .stylist-banner-deco{display:none}
  .stylist-banner-steps{gap:8px 0;flex-direction:column;align-items:flex-start}
  .sbs-div{display:none}
}