#fx-bg{position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}
#fx-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#000;cursor:pointer;transition:opacity .9s,transform .9s,filter .9s}
#fx-splash.out{opacity:0;transform:scale(1.15);filter:blur(14px);pointer-events:none}
#fx-splash span{font:600 15px Inter,sans-serif;letter-spacing:.5em;text-transform:uppercase;color:#fff;animation:fxp 2s infinite}
@keyframes fxp{50%{opacity:.25;letter-spacing:.7em}}
.fx-rv{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.fx-rv.in{opacity:1;transform:none}
#fx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:560px;margin:14px auto 90px;padding:0 34px}
.fx-t{position:relative;overflow:hidden;padding:16px;border-radius:18px;background:rgba(14,14,14,.66);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;min-height:96px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.fx-t::before,.profile-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 60%)}
.fx-t:hover::before,.profile-card:hover::after{opacity:1}
.fx-t:hover{transform:translateY(-5px) scale(1.03);border-color:rgba(255,255,255,.35);box-shadow:0 14px 40px -14px var(--fx-a,#fff)}
.fx-w2{grid-column:span 2}.fx-t b{font:700 26px Inter,sans-serif}.fx-t small{font-size:11px;opacity:.55;letter-spacing:.12em;text-transform:uppercase}
.fx-t .em{font-size:26px;display:inline-block;transition:transform .4s}.fx-t:hover .em{transform:rotate(-12deg) scale(1.25)}
.fx-eq{display:flex;gap:3px;align-items:flex-end;height:28px}.fx-eq i{width:4px;background:var(--fx-a,#fff);border-radius:2px;height:20%;animation:fxe .9s ease-in-out infinite alternate;animation-play-state:paused}
.playing .fx-eq i{animation-play-state:running}.fx-eq i:nth-child(2n){animation-delay:-.4s}.fx-eq i:nth-child(3n){animation-delay:-.7s}
@keyframes fxe{to{height:100%}}
.fx-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer;transition:.25s}.fx-btn:hover{background:#fff;color:#000;transform:scale(1.12)}
#fx-fab{position:fixed;right:18px;bottom:18px;z-index:9000;width:48px;height:48px;font-size:20px;animation:fxf 4s ease-in-out infinite}
@keyframes fxf{50%{transform:translateY(-6px) rotate(20deg)}}
#fx-panel{margin-bottom:26px;padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font:13px Inter,sans-serif}
#fx-panel label{display:block;margin:10px 0 4px;opacity:.6;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
#fx-panel select,#fx-panel textarea,#fx-panel input[type=text]{width:100%;background:#151515;color:#fff;border:1px solid #333;border-radius:10px;padding:8px;font:12px Inter,sans-serif}
#fx-panel input[type=range]{width:100%}
.fx-trail{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9998;background:var(--fx-a,#fff);animation:fxt .7s forwards}
@keyframes fxt{to{transform:scale(0) translateY(14px);opacity:0}}
@media(max-width:560px){#fx-tiles{grid-template-columns:repeat(2,1fr);padding:0 16px}}

body.fx-term #page-profile .tilt-stage,body.fx-term #fx-tiles{display:none!important}
#fx-win{position:relative;z-index:2;width:calc(100% - 28px);max-width:860px;margin:40px auto;border-radius:var(--fx-r,20px);overflow:hidden;background:rgba(16,16,16,var(--fx-op,.8));backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px -20px #000;font-family:var(--fx-f,'JetBrains Mono'),monospace;color:#eee;font-size:12px}
.fx-hd{display:flex;align-items:center;gap:8px;padding:18px 22px;background:rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.07)}
.fx-hd>i{width:12px;height:12px;border-radius:50%}.fx-hd>span{margin-left:10px;opacity:.6;flex:1}.fx-hd em{font-style:normal;display:flex;gap:8px}
.fx-hd u{text-decoration:none;padding:4px 9px;border-radius:8px;background:rgba(255,255,255,.07);font-size:11px}.fx-hd u:first-child{color:var(--fx-pc,var(--fx-a,#fff));background:none}
.fx-bd{padding:22px 26px}.fx-pr{margin:20px 0 10px;font-size:11px;opacity:.85}.fx-pr:first-child{margin-top:0}.fx-pr::before{content:"➜ ~ ";color:var(--fx-pc,var(--fx-a,#fff))}
.fx-box{padding:18px;border-radius:calc(var(--fx-r,20px)*.7);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:.3s}.fx-box:hover{border-color:rgba(255,255,255,.25)}
.fx-me{display:flex;gap:18px;align-items:center}.fx-av{width:92px;height:92px;border-radius:18px;object-fit:cover;box-shadow:0 10px 30px -10px #000;animation:fxf 5s ease-in-out infinite}
.fx-av0{display:grid;place-items:center;background:#222;font:700 36px Inter}.fx-me h2{font:700 28px var(--fx-hf,Inter),sans-serif}.fx-me small{opacity:.5}
.fx-bg{display:flex;gap:8px;margin:12px 0}.fx-bg img{width:24px;height:24px;transition:transform .3s}.fx-bg img:hover{transform:scale(1.4) rotate(8deg)}
.fx-chips span{padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);font-size:11px}
.fx-bio{font-size:14px;min-height:56px}.fx-pl{display:flex;align-items:center;gap:14px}
.fx-pb{height:5px;border-radius:3px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden}#fx-pf{height:100%;width:0;background:var(--fx-a,#fff)}
.fx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fx-lk{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;text-decoration:none;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;transition:.3s}
.fx-lk:hover{transform:translateY(-4px);border-color:var(--fx-a,#fff);box-shadow:0 12px 30px -12px var(--fx-a,#fff)}.fx-lk b{flex:1}.fx-ic{font-size:20px}.fx-lk i{font-style:normal;opacity:.5;transition:.3s}.fx-lk:hover i{transform:translate(3px,-3px);opacity:1}
.fx-ft{display:flex;gap:10px;padding:12px 26px;background:rgba(0,0,0,.4);font-size:11px;opacity:.7}.fx-ft span{margin-left:auto;color:var(--fx-pc,var(--fx-a,#fff))}
@media(max-width:600px){.fx-grid{grid-template-columns:1fr}.fx-hd em u:nth-child(2){display:none}.fx-me{flex-direction:column;text-align:center}}

body.fx-term .profile-page-outer .stage{display:none!important}
body.fx-term .profile-page-outer{display:flex;align-items:center;justify-content:center;min-height:calc(100vh / var(--z,1));padding:16px;box-sizing:border-box}
body.fx-term #fx-win{margin:0 auto}

.fx-l-bento .fx-hd,.fx-l-bento .fx-ft,.fx-l-monolith .fx-hd,.fx-l-monolith .fx-ft,.fx-l-bento .fx-pr,.fx-l-monolith .fx-pr{display:none}
.fx-l-bento{background:none;border:0;box-shadow:none;backdrop-filter:none;max-width:900px}.fx-l-bento .fx-bd{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0}
.fx-l-bento .fx-box,.fx-l-bento .fx-lk{background:rgba(14,14,14,.7);backdrop-filter:blur(18px);border-radius:22px}.fx-l-bento .fx-me,.fx-l-bento .fx-grid{grid-column:span 2}.fx-l-bento .fx-lk:hover,.fx-l-bento .fx-box:hover{transform:translateY(-4px) scale(1.01)}
.fx-l-monolith{max-width:440px;text-align:center}.fx-l-monolith .fx-me{flex-direction:column}.fx-l-monolith .fx-grid{grid-template-columns:1fr}.fx-l-monolith .fx-bg,.fx-l-monolith .fx-chips{justify-content:center}.fx-l-monolith .fx-bd>div{margin-bottom:14px}

.fx-n-gradient,.fx-n-rainbow{-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxg 4s linear infinite}
.fx-n-gradient{background-image:linear-gradient(90deg,#fff,var(--fx-a,#8b7bff),#fff);background-size:200%}.fx-n-rainbow{background-image:linear-gradient(90deg,#f55,#fa3,#ee4,#4e8,#4cf,#a7f,#f55);background-size:300%}
@keyframes fxg{to{background-position:200% 0}}.fx-n-glitch{text-shadow:2px 0 #f0f,-2px 0 #0ff;animation:fxgl 1.5s infinite steps(2)}@keyframes fxgl{50%{text-shadow:-2px 0 #f0f,2px 0 #0ff}}
.fx-l-prism .fx-hd,.fx-l-prism .fx-ft,.fx-l-horizon .fx-hd,.fx-l-horizon .fx-ft,.fx-l-apex .fx-hd,.fx-l-apex .fx-ft,.fx-l-prism .fx-pr,.fx-l-horizon .fx-pr,.fx-l-apex .fx-pr{display:none}
.fx-l-prism{max-width:980px}.fx-l-prism .fx-bd{display:grid;grid-template-columns:300px 1fr;gap:14px}.fx-l-prism .fx-me{grid-column:1;grid-row:1/span 3;flex-direction:column;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02))}.fx-l-prism .fx-bio,.fx-l-prism .fx-pl,.fx-l-prism .fx-grid{grid-column:2}.fx-l-prism .fx-bg,.fx-l-prism .fx-chips{justify-content:center}
.fx-l-horizon{max-width:1020px}.fx-l-horizon .fx-bd{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fx-l-horizon .fx-me,.fx-l-horizon .fx-grid{grid-column:span 2}.fx-l-horizon .fx-grid{grid-template-columns:repeat(4,1fr)}
.fx-l-apex{max-width:480px;text-align:center;background:none;border:0;box-shadow:none;backdrop-filter:none}.fx-l-apex .fx-me{flex-direction:column;background:none;border:0}.fx-l-apex .fx-av{width:130px;height:130px;border-radius:50%;box-shadow:0 0 0 3px #000,0 0 0 6px var(--fx-a,#fff),0 0 50px -4px var(--fx-a,#fff)}.fx-l-apex .fx-bg,.fx-l-apex .fx-chips{justify-content:center}.fx-l-apex .fx-bd>div{margin-bottom:12px}.fx-l-apex .fx-grid{grid-template-columns:1fr}.fx-l-apex .fx-lk{border-radius:999px;justify-content:center;padding:14px 22px}.fx-l-apex .fx-box{border-radius:22px}
@media(max-width:700px){.fx-l-prism .fx-bd,.fx-l-horizon .fx-bd{grid-template-columns:1fr}.fx-l-prism .fx-me,.fx-l-prism .fx-bio,.fx-l-prism .fx-pl,.fx-l-prism .fx-grid,.fx-l-horizon .fx-me,.fx-l-horizon .fx-grid{grid-column:1;grid-row:auto}.fx-l-horizon .fx-grid{grid-template-columns:1fr 1fr}}
/* ===== NOWE UKŁADY (własny markup) ===== */
#fx-win.fx-y{background:none;border:0;box-shadow:none;backdrop-filter:none;overflow:visible;max-width:1000px;font-family:var(--fx-f,Inter),sans-serif}
.fx-y .ic{width:22px;height:22px;object-fit:contain;font-size:20px}.fx-y small{opacity:.55;font-size:12px}.fx-y .bgs{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}.fx-y .bgs img{width:22px;height:22px}
.fx-y .av{object-fit:cover;width:100%;height:100%;border-radius:inherit;display:block}.fx-y .av0{display:grid;place-items:center;background:#222;font:700 40px Inter}.fx-y h2,.fx-y h1{font-family:var(--fx-hf,Inter),sans-serif}
.fx-y .bio{font-size:14px;line-height:1.6;opacity:.9;min-height:22px}.fx-y .pl{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--fx-r,20px);background:rgba(255,255,255,.06)}.fx-y .pi{flex:1;min-width:0}.fx-y .pi b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-y a{color:#fff;text-decoration:none}
/* bento */
.fx-y-bento .g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(110px,auto);gap:14px}.fx-y-bento .t{padding:18px;border-radius:var(--fx-r,22px);background:rgba(14,14,14,var(--fx-op,.7));backdrop-filter:blur(var(--fx-bl,18px));border:1px solid rgba(255,255,255,.09);transition:.35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:space-between}
.fx-y-bento .t:hover{transform:translateY(-6px) rotate(-.4deg);border-color:var(--fx-a,#fff);box-shadow:0 18px 40px -18px var(--fx-a,#fff)}.fx-y-bento .big{grid-column:span 2;grid-row:span 3;background-size:cover;background-position:center;justify-content:flex-end}.fx-y-bento .w2{grid-column:span 2}.fx-y-bento .bn{font:700 30px Inter}.fx-y-bento .soc{flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center}.fx-y-bento .soc a{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:.3s}.fx-y-bento .soc a:hover{background:var(--fx-a,#fff);transform:scale(1.15) rotate(-6deg)}.fx-y-bento .lk{flex-direction:row;align-items:center;gap:10px}.fx-y-bento .lk b{flex:1}.fx-y-bento .big h2{font-size:34px}
/* monolith */
.fx-y-mono{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end;max-width:1100px}.fx-y-mono h1{font-size:clamp(54px,11vw,140px);line-height:.88;text-transform:uppercase;letter-spacing:-.03em;word-break:break-word;-webkit-text-stroke:1px #fff;color:transparent;transition:.5s}.fx-y-mono h1:hover{color:#fff}.fx-y-mono .m1 small{letter-spacing:.3em}
.fx-y-mono ol{list-style:none;padding:0;margin-top:22px}.fx-y-mono li a{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s}.fx-y-mono li a:hover{padding-left:16px;border-color:var(--fx-a,#fff)}.fx-y-mono em{font-style:normal;opacity:.4;font-size:12px}.fx-y-mono li b{flex:1;font:600 22px var(--fx-hf,Inter)}.fx-y-mono .pl.flat{background:none;padding:0;margin-top:18px;border-top:1px solid rgba(255,255,255,.18);padding-top:16px;border-radius:0}
/* prism */
.fx-y-prism{max-width:520px}.fx-y-prism .card{position:relative;padding:34px 28px;text-align:center;border-radius:calc(var(--fx-r,20px)*1.4);background:rgba(10,10,14,var(--fx-op,.85));backdrop-filter:blur(var(--fx-bl,22px));display:flex;flex-direction:column;gap:6px;align-items:center}
.fx-y-prism .card::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ang,0deg),#ff4d6d,#ffd43b,var(--fx-pc,var(--fx-a,#fff)),#4dabf7,#c77dff,#ff4d6d);animation:fxr 6s linear infinite;filter:blur(1px)}@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes fxr{to{--ang:360deg}}
.fx-y-prism .hx{width:112px;height:124px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);overflow:hidden;background:linear-gradient(135deg,#fff3,#fff1)}.fx-y-prism h2{font-size:30px}.fx-y-prism .dock{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:12px 0}.fx-y-prism .dock a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);transition:.35s}.fx-y-prism .dock a:hover{transform:translateY(-8px) scale(1.12);background:linear-gradient(135deg,#8b7bff,#ff6bd6)}
.fx-y-prism .pl{width:100%}.fx-y-prism .cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:12px}.fx-y-prism .lk{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border-left:3px solid var(--fx-a,#8b7bff);transition:.3s;text-align:left}.fx-y-prism .lk:hover{transform:translateX(5px)}.fx-y-prism .lk b{flex:1;font-size:12px}.fx-y-prism .lk i{font-style:normal;opacity:.4}
/* horizon */
.fx-y-hor{max-width:1000px;border-radius:var(--fx-r,24px);overflow:hidden;background:rgba(12,12,14,var(--fx-op,.85));backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.1)!important}.fx-y-hor .ban{height:200px;background:linear-gradient(120deg,#2a1f6b,#0b0b0f 60%,#6b1f4a);background-size:cover;background-position:center;position:relative}.fx-y-hor .ban::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(12,12,14,1))}
.fx-y-hor .top{display:flex;align-items:flex-end;gap:20px;padding:0 30px;margin-top:-56px;position:relative;z-index:1;flex-wrap:wrap}.fx-y-hor .top>.av,.fx-y-hor .top>.av0{width:112px;height:112px;border-radius:50%;border:4px solid #0c0c0e;flex:none}.fx-y-hor .top h2{font-size:30px}.fx-y-hor .top .bgs{margin-left:auto}
.fx-y-hor .c3{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:26px;padding:26px 30px 32px}.fx-y-hor h4{font-size:11px;letter-spacing:.2em;opacity:.45;margin-bottom:12px}.fx-y-hor .lk{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;margin-bottom:8px;transition:.3s}.fx-y-hor .lk:hover{background:rgba(255,255,255,.08);padding-left:18px}.fx-y-hor .lk b{flex:1;font-size:13px}.fx-y-hor .lk i{font-style:normal;opacity:.4}
/* apex */
.fx-y-apex{max-width:460px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:110px}.fx-y-apex .orb{position:relative;width:150px;height:150px;margin-bottom:14px}.fx-y-apex .orb .av,.fx-y-apex .orb .av0{border-radius:50%;box-shadow:0 10px 40px -10px #000}.fx-y-apex .orb i{position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);animation:fxo 14s linear infinite}.fx-y-apex .orb i+i{inset:-30px;animation-duration:22s;animation-direction:reverse;border-style:dotted}@keyframes fxo{to{transform:rotate(360deg)}}
.fx-y-apex h2{font-size:34px}.fx-y-apex .rnd{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:18px}.fx-y-apex .rnd a{display:flex;flex-direction:column;align-items:center;gap:6px}.fx-y-apex .rnd span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:.4s cubic-bezier(.2,.8,.2,1)}.fx-y-apex .rnd a:hover span{transform:translateY(-10px) scale(1.15);background:var(--fx-a,#fff);box-shadow:0 14px 30px -8px var(--fx-a,#fff)}.fx-y-apex .rnd a:hover .ic{filter:invert(1)}.fx-y-apex .rnd em{font-style:normal;font-size:11px;opacity:0;transition:.3s}.fx-y-apex .rnd a:hover em{opacity:.8}
.fx-y-apex .float{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(420px,calc(100% - 28px));z-index:50}.fx-y-apex .float .pl{background:rgba(14,14,14,.85);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);border-radius:999px}
@media(max-width:800px){.fx-y-mono,.fx-y-hor .c3{grid-template-columns:1fr}.fx-y-bento .g{grid-template-columns:repeat(2,1fr)}.fx-y-bento .big{grid-row:span 2}}

#fx-bg{z-index:1!important}
.page-bg-layer{filter:blur(var(--fx-bgb,0px)) brightness(var(--fx-bgbr,1));transform:scale(1.08)}
#fx-ov{position:fixed;inset:0;z-index:3;pointer-events:none}#fx-ov::before,#fx-ov::after{content:"";position:absolute;inset:0;opacity:0}
body.fx-vig #fx-ov{box-shadow:inset 0 0 220px 50px rgba(0,0,0,.9)}body.fx-scan #fx-ov::before{opacity:1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}
body.fx-grain #fx-ov::after{opacity:.14;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:fxn .5s steps(3) infinite}@keyframes fxn{33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}
#fx-win.fx-rv,.fx-rv{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s}
body.fx-en-zoom #fx-win.fx-rv{transform:scale(.6)}body.fx-en-blur #fx-win.fx-rv{filter:blur(26px);transform:none}body.fx-en-flip #fx-win.fx-rv{transform:perspective(900px) rotateX(75deg) translateY(60px)}body.fx-en-none #fx-win.fx-rv{opacity:1;transform:none;transition:none}
body[class*=fx-en-] #fx-win.fx-rv.in{opacity:1;transform:none;filter:none}
.fx-trail{display:block;line-height:1}
#fx-cur{position:fixed;inset:0;z-index:9998;pointer-events:none}body.fx-nocur,body.fx-nocur *{cursor:none!important}

#fx-win{will-change:transform}

/* ===== PŁYTA + GŁOŚNOŚĆ ===== */
.pl2{display:flex;align-items:center;gap:16px}.pl2 .pi{flex:1;min-width:0}.pl2 .pi b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vw{position:relative;width:70px;height:70px;flex:none;cursor:pointer;transition:transform .3s}.vw:hover{transform:scale(1.06)}
.vn{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 18%,rgba(255,255,255,.2) 25%,transparent 32% 68%,rgba(255,255,255,.2) 75%,transparent 82%),repeating-radial-gradient(circle,#0b0b0b 0 2px,#1a1a1a 2px 3px);box-shadow:0 8px 24px -6px #000,0 0 0 2px rgba(255,255,255,.06);animation:fxspin 8s linear infinite;position:relative}
body.playing .vn{animation-play-state:running}@keyframes fxspin{to{transform:rotate(360deg)}}
.vn .lb{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle,#050505 0 11%,transparent 12%),linear-gradient(135deg,var(--fx-a,#fff),color-mix(in srgb,var(--fx-a,#fff) 45%,#000))}
.vw::after{content:"";position:absolute;right:-6px;top:-4px;width:3px;height:42px;border-radius:2px;background:linear-gradient(#ddd,#888);transform-origin:50% 3px;transform:rotate(28deg);transition:transform .7s cubic-bezier(.3,1.4,.5,1);box-shadow:0 2px 6px #0008;pointer-events:none}
body.playing .vw::after{transform:rotate(8deg)}
.pi2{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:18px;opacity:1;transition:.3s}.pi2::before{content:"▶";margin-left:3px}
body.playing .pi2{opacity:0}body.playing .pi2::before{content:"❚❚";font-size:13px;margin:0}body.playing .vw:hover .pi2{opacity:1}
.vr{display:flex;align-items:center;gap:8px;margin-top:10px}.vm{background:none;border:0;color:#fff;cursor:pointer;font-size:15px;padding:0;width:22px;transition:.2s}.vm:hover{transform:scale(1.2)}
input.vol{-webkit-appearance:none;appearance:none;flex:1;max-width:150px;height:6px;border-radius:3px;outline:0;cursor:pointer;background:linear-gradient(90deg,var(--fx-a,#fff) var(--v,30%),rgba(255,255,255,.18) var(--v,30%));transition:height .2s}
input.vol:hover{height:8px}input.vol::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18),0 2px 8px #0008;transition:.2s}input.vol::-webkit-slider-thumb:hover{transform:scale(1.3)}
input.vol::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}

.tm{display:flex;align-items:center;gap:9px;margin-top:9px;font:11px 'JetBrains Mono',monospace;opacity:.9}.tm span{min-width:34px;font-variant-numeric:tabular-nums}.tm span:last-child{text-align:right}
.tm .fx-pb{flex:1;margin:0;height:7px;overflow:visible;cursor:pointer;border-radius:4px;transition:height .2s}.tm .fx-pb:hover{height:9px}
.tm #fx-pf{position:relative;height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--fx-a,#fff) 40%,#000),var(--fx-a,#fff));transition:width .3s linear}
.tm #fx-pf::after{content:"";position:absolute;right:-6px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0008;transform:scale(0);transition:.2s}.tm .fx-pb:hover #fx-pf::after,body.playing .tm #fx-pf::after{transform:scale(1)}
#fx-hint{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9997;padding:11px 20px;border-radius:999px;background:rgba(14,14,14,.88);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);color:#fff;font:600 13px Inter,sans-serif;pointer-events:none;animation:fxh 1.8s ease-in-out infinite}@keyframes fxh{50%{transform:translateX(-50%) translateY(-6px);box-shadow:0 10px 30px -10px var(--fx-a,#fff)}}

/* ===== DISCORD + SLEEK + opcje ===== */
.dcw{display:flex;flex-direction:column;gap:10px;margin:12px 0}.dcu,.dcs{display:flex;align-items:center;gap:14px;padding:14px;border-radius:calc(var(--fx-r,20px)*.8);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);transition:.3s;text-align:left}.dcu:hover,.dcs:hover{border-color:#5865f2;transform:translateY(-3px)}
.dca{position:relative;width:54px;height:54px;flex:none}.dca img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#222}.dca i{position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;border-radius:50%;background:#80848e;border:3px solid #111}
.dcn{flex:1;min-width:0}.dcn b{display:block;font-size:15px}.dcn small{opacity:.6;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dci{width:54px;height:54px;border-radius:16px;background:#5865f2 center/cover;flex:none}
.dcj{padding:10px 18px;border-radius:12px;background:#5865f2;color:#fff!important;font-weight:600;font-size:13px;transition:.25s}.dcj:hover{filter:brightness(1.15);transform:scale(1.05)}
.fx-y-sleek{max-width:600px;text-align:left}.fx-y-sleek .sl-top{display:flex;justify-content:space-between;align-items:flex-start}.fx-y-sleek .sl-av{width:104px;height:104px;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px -12px #000;animation:fxf 6s ease-in-out infinite}
.fx-y-sleek .sl-v{padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.45);font-size:12px;font-weight:600}.fx-y-sleek .sl-nm{display:flex;align-items:center;gap:12px;margin:16px 0 8px;flex-wrap:wrap}.fx-y-sleek h2{font-size:34px}
.fx-y-sleek .sl-bd{display:flex;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14)}.fx-y-sleek .sl-bd img{width:20px;height:20px}
.fx-y-sleek .sl-ic{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.fx-y-sleek .sl-ic a{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:.3s}.fx-y-sleek .sl-ic a:hover{transform:translateY(-6px) rotate(-5deg);background:var(--fx-a,#fff)}.fx-y-sleek .sl-ic a:hover .ic{filter:invert(1)}
.fx-y-mono .mav{width:96px;height:96px;border-radius:22px;overflow:hidden;margin-bottom:18px}body.fx-hv .fx-views{display:none!important}
#fx-win.fx-y-sleek{max-width:600px}#fx-win.fx-y-prism{max-width:520px}#fx-win.fx-y-apex{max-width:460px}#fx-win.fx-y-mono{max-width:1100px}

/* ===== EKRAN WEJŚCIA ===== */
#fx-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;cursor:pointer;background:#000;opacity:1;transform:none;filter:none;clip-path:inset(0);transition:opacity 1s,transform 1s cubic-bezier(.7,0,.2,1),filter 1s,clip-path 1s cubic-bezier(.7,0,.2,1),backdrop-filter 1s}
#fx-splash.sp-blur{background:rgba(0,0,0,.45);backdrop-filter:blur(34px)}
#fx-splash.sp-aurora{background:radial-gradient(circle at 30% 30%,#3b2a8c,transparent 55%),radial-gradient(circle at 75% 70%,#8c2a63,transparent 55%),#05050a;background-size:200% 200%;animation:fxsa 8s ease-in-out infinite alternate}@keyframes fxsa{to{background-position:100% 100%}}
#fx-splash.sp-grid{background:linear-gradient(#0000 95%,#ffffff14 95%),linear-gradient(90deg,#0000 95%,#ffffff14 95%),#050508;background-size:42px 42px}
#fx-splash.out{pointer-events:none}
#fx-splash.sa-fade.out{opacity:0}#fx-splash.sa-zoom.out{opacity:0;transform:scale(1.5);filter:blur(14px)}#fx-splash.sa-blur.out{opacity:0;filter:blur(50px)}#fx-splash.sa-slide.out{transform:translateY(-100%)}#fx-splash.sa-curtain.out{clip-path:inset(0 50% 0 50%)}
.sp-in{text-align:center;color:#fff;padding:20px;animation:spin .9s cubic-bezier(.2,.8,.2,1)}@keyframes spin{from{opacity:0;transform:translateY(20px) scale(.96)}}
.spt{font:600 clamp(18px,4vw,34px) 'JetBrains Mono',monospace;letter-spacing:.35em;text-transform:uppercase;margin:0}.sp-in p{margin-top:14px;opacity:.5;font:13px Inter,sans-serif;letter-spacing:.15em}
.sf-pulse{animation:fxp 2s infinite}.sf-glitch{text-shadow:3px 0 #f0f,-3px 0 #0ff;animation:fxgl 1.2s infinite steps(2)}
.sf-shimmer{background:linear-gradient(90deg,#555,#fff,#555);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxg 2.5s linear infinite}
.sf-type{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid #fff;letter-spacing:.15em;width:calc(var(--n)*1.1ch);animation:spty 2.4s steps(30) both,spbl .7s step-end infinite}@keyframes spty{from{width:0}}@keyframes spbl{50%{border-color:transparent}}
.sp-bar{height:2px;width:120px;margin:22px auto 0;border-radius:2px;background:linear-gradient(90deg,transparent,#fff,transparent);background-size:200%;animation:fxg 1.6s linear infinite;opacity:.6}

/* ===== OBRAMOWANIE + bez poświaty ===== */
body.fx-term .ambient-blob,body.fx-term .ambient-embers{display:none!important}body.fx-term .ambient::before{display:none!important}
body.fx-bf-orbit #fx-win:not(.fx-y)::before,body.fx-bf-orbit #fx-win.fx-y-hor::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from var(--ang),transparent 0 70%,var(--fx-a,#fff) 93%,transparent 100%);animation:fxr 4s linear infinite}
body.fx-bf-double #fx-win:not(.fx-y)::before,body.fx-bf-double #fx-win.fx-y-hor::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from var(--ang),transparent 0 30%,var(--fx-a,#fff) 45%,transparent 50% 80%,var(--fx-a,#fff) 95%,transparent 100%);animation:fxr 5s linear infinite}
body.fx-bf-rainbow #fx-win:not(.fx-y)::before,body.fx-bf-rainbow #fx-win.fx-y-hor::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from var(--ang),#ff4d6d,#ffd43b,#34d17a,#4dabf7,#c77dff,#ff4d6d);animation:fxr 6s linear infinite}
body.fx-bf-breathe #fx-win:not(.fx-y)::before,body.fx-bf-breathe #fx-win.fx-y-hor::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff));padding:1px;animation:tw 3s ease-in-out infinite}
body.fx-bf-corners #fx-win:not(.fx-y)::before,body.fx-bf-corners #fx-win.fx-y-hor::before{content:"";position:absolute;inset:10px;z-index:5;pointer-events:none;background:linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 0 0/26px 2px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 0 0/2px 26px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 100% 0/26px 2px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 100% 0/2px 26px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 0 100%/26px 2px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 0 100%/2px 26px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 100% 100%/26px 2px no-repeat,linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) 100% 100%/2px 26px no-repeat;animation:tw 3.4s ease-in-out infinite}

.fx-n-none{color:var(--fx-nc,inherit)}

/* ===== EFEKTY NAZWY ===== */
.fx-n-glitch{position:relative;display:inline-block;text-shadow:none;animation:gl0 4.5s infinite steps(1)}
.fx-n-glitch::before,.fx-n-glitch::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;opacity:0;pointer-events:none}
.fx-n-glitch::before{color:#ff2a55;animation:gl1 4.5s infinite steps(1)}.fx-n-glitch::after{color:#25e8ff;animation:gl2 4.5s infinite steps(1)}
@keyframes gl0{0%,88%,100%{transform:none}90%{transform:skewX(10deg)}93%{transform:skewX(-8deg)}96%{transform:none}}
@keyframes gl1{0%,88%,98%,100%{opacity:0}89%{opacity:1;transform:translate(-5px,1px);clip-path:inset(8% 0 58% 0)}92%{opacity:1;transform:translate(4px,-1px);clip-path:inset(62% 0 6% 0)}95%{opacity:1;transform:translate(-3px,0);clip-path:inset(32% 0 38% 0)}}
@keyframes gl2{0%,88%,98%,100%{opacity:0}90%{opacity:1;transform:translate(5px,-1px);clip-path:inset(55% 0 12% 0)}93%{opacity:1;transform:translate(-4px,1px);clip-path:inset(12% 0 60% 0)}96%{opacity:1;transform:translate(3px,0);clip-path:inset(40% 0 30% 0)}}
.fx-n-shimmer{background:linear-gradient(110deg,#8a8a8a 35%,#fff 47%,var(--fx-a,#fff) 50%,#fff 53%,#8a8a8a 65%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shm 3.2s linear infinite}@keyframes shm{from{background-position:150% 0}to{background-position:-100% 0}}
.fx-n-outline{color:transparent;-webkit-text-stroke:1.5px var(--fx-a,#fff);background:linear-gradient(var(--fx-a,#fff),var(--fx-a,#fff)) no-repeat;background-size:0% 100%;-webkit-background-clip:text;background-clip:text;animation:ofl 3.6s ease-in-out infinite alternate}@keyframes ofl{to{background-size:100% 100%}}
.fx-n-wave span,.fx-n-float span,.fx-n-reveal span{display:inline-block}.fx-n-wave .sp,.fx-n-float .sp,.fx-n-reveal .sp{width:.3em}
.fx-n-wave span{animation:wv 1.7s ease-in-out infinite;animation-delay:calc(var(--i)*.09s)}@keyframes wv{0%,55%,100%{transform:none}28%{transform:translateY(-.24em)}}
.fx-n-float span{animation:flt 3.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.3s)}@keyframes flt{0%,100%{transform:translateY(.05em) scale(1);opacity:.7}50%{transform:translateY(-.12em) scale(1.08);opacity:1}}
.fx-n-reveal{perspective:600px}.fx-n-reveal span{opacity:0;animation:rvl 7s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i)*.07s)}@keyframes rvl{0%{opacity:0;transform:translateY(.7em) rotateX(-70deg);filter:blur(6px)}10%,85%{opacity:1;transform:none;filter:none}95%,100%{opacity:0;transform:translateY(-.4em);filter:blur(6px)}}
.fx-n-type .cur,.fx-n-scramble{font-variant-ligatures:none}.fx-n-type .cur{display:inline-block;width:.07em;height:.85em;margin-left:.06em;vertical-align:-.06em;background:var(--fx-a,#fff);animation:fxb .8s steps(1) infinite}@keyframes fxb{50%{opacity:0}}

/* tooltip odznak w layoutach — pojawia się pod odznaką */
.kbt{position:relative;display:inline-flex;cursor:default;outline:none}
.kbt::after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(-4px) scale(.96);background:rgba(18,18,22,.96);color:#fff;border:1px solid rgba(255,255,255,.09);font:800 11px/1 Inter,system-ui,sans-serif;padding:6px 11px;border-radius:9px;white-space:nowrap;box-shadow:0 12px 28px -10px #000;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s cubic-bezier(.2,.9,.3,1.2);z-index:40;font-style:normal;text-shadow:none;letter-spacing:.01em}
.kbt::before{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:0;border-bottom-color:rgba(18,18,22,.96);opacity:0;transition:opacity .16s ease;z-index:41;pointer-events:none}
.kbt:hover::after,.kbt:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.kbt:hover::before,.kbt:focus-visible::before{opacity:1}

/* ===== NAPRAWA UKŁADÓW (v25): czytelność, tła, odstępy ===== */
#fx-win.fx-y{color:#f3f3f7;text-shadow:0 1px 14px rgba(0,0,0,.55);width:calc(100% - 28px);margin:32px auto;box-sizing:border-box}
#fx-win.fx-y *{box-sizing:border-box;min-width:0}
#fx-win.fx-y h1,#fx-win.fx-y h2{overflow-wrap:anywhere;margin:0}
#fx-win.fx-y .bio{margin:6px 0;line-height:1.5;word-break:break-word}
#fx-win.fx-y small{opacity:.75}
/* wspólna szklana karta dla układów bez własnego tła */
#fx-win.fx-y-mono,#fx-win.fx-y-sleek,#fx-win.fx-y-apex{padding:clamp(22px,4vw,40px);border-radius:calc(var(--fx-r,20px)*1.4);background:rgba(10,10,14,var(--fx-op,.68));backdrop-filter:blur(var(--fx-bl,20px));-webkit-backdrop-filter:blur(var(--fx-bl,20px));border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px -30px #000}
/* horizon: reguła #fx-win.fx-y nadpisywała tło i przycinanie */
#fx-win.fx-y-hor{overflow:hidden;background:rgba(12,12,14,var(--fx-op,.85));backdrop-filter:blur(var(--fx-bl,22px));-webkit-backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px -30px #000;border-radius:var(--fx-r,24px)}
.fx-y-hor .c3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;align-items:start}
.fx-y-hor .top{padding-right:30px}.fx-y-hor .top>div:not(.bgs){flex:1;min-width:180px}
.fx-y-hor .col>*:last-child{margin-bottom:0}
/* monolith: czytelna nazwa i sensowne kolumny */
#fx-win.fx-y-mono{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,56px)}
.fx-y-mono h1{font-size:clamp(40px,7vw,92px);line-height:.95;color:#fff;-webkit-text-stroke:0;background:linear-gradient(120deg,#fff,var(--fx-a,#c9c2ff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.fx-y-mono h1:hover{-webkit-text-fill-color:#fff}
.fx-y-mono .m1,.fx-y-mono .m2{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.fx-y-mono .m2{width:100%}.fx-y-mono .pl,.fx-y-mono ol{width:100%}
.fx-y-mono li a{padding:14px 0}.fx-y-mono li b{font-size:18px}
/* sleek / apex */
.fx-y-sleek .sl-nm h2,.fx-y-apex h2{text-shadow:0 2px 18px rgba(0,0,0,.6)}
#fx-win.fx-y-apex{max-width:480px;padding-bottom:clamp(22px,4vw,40px);margin-bottom:120px}
.fx-y-apex .orb{margin:6px 0 34px}
.fx-y-apex .rnd{max-width:100%}
.fx-y-sleek .pl,.fx-y-sleek .pw-box{margin-top:12px}
/* bento / prism */
.fx-y-bento .t{min-width:0;overflow:hidden}.fx-y-bento .big{min-height:300px}
.fx-y-bento .big h2{overflow-wrap:anywhere}.fx-y-bento .t.pt,.fx-y-bento .w2.pt{justify-content:center}
.fx-y-prism .card{overflow:hidden}.fx-y-prism .lk b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* karta Discorda / widgety / odtwarzacz wewnątrz układów */
#fx-win.fx-y .pl,#fx-win.fx-y .dcw,#fx-win.fx-y .pw{max-width:100%}
@media(max-width:860px){
 #fx-win.fx-y-mono{grid-template-columns:1fr}
 .fx-y-hor .top{margin-top:-48px;padding:0 20px}.fx-y-hor .c3{padding:22px 20px 26px}
 .fx-y-hor .top .bgs{margin-left:0}
 .fx-y-bento .g{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-y-bento .big{grid-column:span 2;min-height:260px}
 .fx-y-prism .cols{grid-template-columns:1fr}
}
@media(max-width:480px){.fx-y-bento .w2{grid-column:span 2}.fx-y-bento .t:not(.w2):not(.big){grid-column:span 1}.fx-y-apex .rnd{gap:12px}}
/* horizon v2: odznaki przy nazwie, lewa kolumna z bio + statystykami + linkami */
.fx-y-hor .top{align-items:flex-end;padding:0 32px}
.fx-y-hor .who{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;padding-bottom:6px}
.fx-y-hor .who .bgs{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 0!important}
.fx-y-hor .who .bgs img{width:22px;height:22px}
#fx-win.fx-y-hor .c3{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:30px;padding:30px 32px 34px}
.fx-y-hor .col{display:flex;flex-direction:column;gap:10px}
.fx-y-hor h4{margin:0 0 2px}.fx-y-hor .h4b{margin-top:18px}
.fx-y-hor .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.fx-y-hor .st{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.fx-y-hor .st small{display:block;font-size:10px;letter-spacing:.16em;opacity:.55;margin-bottom:4px}
.fx-y-hor .st b{font:700 22px Inter,sans-serif;font-variant-numeric:tabular-nums}
.fx-y-hor .lk{margin-bottom:0}
@media(max-width:760px){#fx-win.fx-y-hor .c3{grid-template-columns:1fr!important;padding:24px 20px}.fx-y-hor .top{padding:0 20px}}
/* classic: kafle, odtwarzacz i widgety */
#fx-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#fx-tiles .fx-np,#fx-tiles .fx-wgw{grid-column:1/-1!important}
#fx-tiles .fx-wgw{display:flex;flex-direction:column;gap:10px}
#fx-tiles .pl2{width:100%;margin-top:8px}
#fx-tiles .pw-box{margin-top:0}
.tilt-rig.is-tilting{transition:transform .45s cubic-bezier(.2,.8,.2,1)!important}
.profile-badges{position:relative;z-index:6}.badge-tip{z-index:90!important}

/* ===== NOWE UKŁADY: aurora / duo / deck ===== */
.fx-y-aur .lk,.fx-y-duo .lk,.fx-y-deck .dk-lk{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:inherit;text-decoration:none;text-align:left;transition:.3s cubic-bezier(.2,.8,.2,1)}
.fx-y-aur .lk:hover,.fx-y-duo .lk:hover,.fx-y-deck .dk-lk:hover{transform:translateY(-3px);border-color:var(--fx-a,#8b7bff);background:color-mix(in srgb,var(--fx-a,#8b7bff) 16%,rgba(255,255,255,.05));box-shadow:0 14px 30px -18px var(--fx-a,#8b7bff)}
.fx-y-aur .lk b,.fx-y-duo .lk b,.fx-y-deck .dk-lk b{flex:1;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-y-aur .lk i,.fx-y-duo .lk i,.fx-y-deck .dk-lk i{font-style:normal;opacity:.4}
.fx-y-aur .lk svg,.fx-y-duo .lk svg,.fx-y-deck .dk-lk svg{flex:none}
.fx-y-aur .av,.fx-y-duo .av,.fx-y-deck .av{width:100%;height:100%;object-fit:cover;display:block}
.fx-y-aur .av0,.fx-y-duo .av0,.fx-y-deck .av0{display:grid;place-items:center;font:700 40px Inter,sans-serif;background:#1d1d26}
.fx-y-aur .bgs,.fx-y-duo .bgs,.fx-y-deck .bgs{display:flex;gap:6px;flex-wrap:wrap}.fx-y-aur .bgs img,.fx-y-duo .bgs img,.fx-y-deck .bgs img{width:22px;height:22px}
/* aurora */
#fx-win.fx-y-aur{max-width:600px}
.fx-y-aur .au-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:clamp(26px,5vw,42px) clamp(18px,4vw,34px);border-radius:32px;background:rgba(12,12,18,var(--fx-op,.72));backdrop-filter:blur(var(--fx-bl,22px));-webkit-backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -40px #000}
.fx-y-aur .au-card::before{content:"";position:absolute;left:-20%;right:-20%;top:-35%;height:75%;background:radial-gradient(closest-side,color-mix(in srgb,var(--fx-a,#8b7bff) 50%,transparent),transparent);opacity:.5;pointer-events:none}
.fx-y-aur .au-card>*{position:relative}
.fx-y-aur .au-av{width:118px;height:118px;border-radius:50%;padding:4px;background:conic-gradient(var(--fx-a,#8b7bff),#ff6bd6,#4dabf7,var(--fx-a,#8b7bff));box-shadow:0 18px 50px -14px var(--fx-a,#8b7bff);margin-bottom:6px}
.fx-y-aur .au-av .av,.fx-y-aur .au-av .av0{border-radius:50%;border:4px solid #0c0c12}
.fx-y-aur h2{font-size:clamp(26px,5vw,34px)}
.fx-y-aur .au-links{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:10px}.fx-y-aur .au-links .lk{flex:1 1 170px}
.fx-y-aur .au-wg{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}
/* duo */
#fx-win.fx-y-duo{max-width:980px;display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:18px;align-items:start}
.fx-y-duo .du-side,.fx-y-duo .du-sec{padding:26px;border-radius:28px;background:rgba(12,12,18,var(--fx-op,.72));backdrop-filter:blur(var(--fx-bl,22px));-webkit-backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 70px -36px #000}
.fx-y-duo .du-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:10px}
.fx-y-duo .du-av{width:112px;height:112px;border-radius:30px;overflow:hidden;box-shadow:0 16px 40px -12px #000,0 0 0 3px color-mix(in srgb,var(--fx-a,#8b7bff) 55%,transparent)}
.fx-y-duo h2{font-size:clamp(24px,3.4vw,30px)}
.fx-y-duo .du-st{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.fx-y-duo .du-st>div{padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.fx-y-duo .du-st small{display:block;font-size:10px;letter-spacing:.16em;opacity:.55;margin-bottom:3px}.fx-y-duo .du-st b{font:700 20px Inter,sans-serif;font-variant-numeric:tabular-nums}
.fx-y-duo .du-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.fx-y-duo .du-sec h4{margin:0 0 14px;font-size:11px;letter-spacing:.2em;opacity:.5}
.fx-y-duo .du-sec>.pl,.fx-y-duo .du-sec>.dcw,.fx-y-duo .du-sec>.pw-box{margin-bottom:10px}
.fx-y-duo .du-links{display:flex;flex-wrap:wrap;gap:10px}.fx-y-duo .du-links .lk{flex:1 1 200px}
/* deck */
#fx-win.fx-y-deck{max-width:1040px}
.fx-y-deck .dk-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:24px 28px;border-radius:30px;margin-bottom:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--fx-a,#8b7bff) 22%,rgba(12,12,18,.8)),rgba(12,12,18,var(--fx-op,.78)) 65%);backdrop-filter:blur(var(--fx-bl,22px));-webkit-backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -36px #000}
.fx-y-deck .dk-av{width:96px;height:96px;flex:none;border-radius:26px;overflow:hidden;box-shadow:0 14px 36px -12px #000}
.fx-y-deck .dk-id{flex:1;min-width:200px;display:flex;flex-direction:column;gap:7px}.fx-y-deck h2{font-size:clamp(26px,4vw,38px)}
.fx-y-deck .dk-st{display:flex;gap:10px}.fx-y-deck .dk-st>div{padding:11px 16px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.09);min-width:92px}
.fx-y-deck .dk-st small{display:block;font-size:10px;letter-spacing:.16em;opacity:.55;margin-bottom:3px}.fx-y-deck .dk-st b{font:700 20px Inter,sans-serif;font-variant-numeric:tabular-nums}
.fx-y-deck .dk-grid{columns:3 250px;column-gap:14px}
.fx-y-deck .dk-c{break-inside:avoid;margin-bottom:14px;padding:18px;border-radius:24px;background:rgba(12,12,18,var(--fx-op,.72));backdrop-filter:blur(var(--fx-bl,22px));-webkit-backdrop-filter:blur(var(--fx-bl,22px));border:1px solid rgba(255,255,255,.1);display:block}
.fx-y-deck .dk-bio:empty,.fx-y-deck .dk-c:empty{display:none}
.fx-y-deck .dk-lk{display:flex;padding:15px 18px}.fx-y-deck .dk-c.dk-pl,.fx-y-deck .dk-c.dk-dc{display:flex;flex-direction:column;gap:10px}
@media(max-width:820px){#fx-win.fx-y-duo{grid-template-columns:1fr}.fx-y-duo .du-side{position:static}}
@media(max-width:560px){.fx-y-deck .dk-hero{padding:20px}.fx-y-deck .dk-st{width:100%}.fx-y-deck .dk-st>div{flex:1}}

/* ===== CLASSIC HUD – dopracowanie ===== */
#fx-tiles{width:100%;max-width:100%;margin:16px auto 0;gap:12px}
#fx-tiles .fx-t{padding:16px 18px;border-radius:22px;background:rgba(14,14,18,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px -30px #000;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;transition:.3s cubic-bezier(.2,.8,.2,1)}
#fx-tiles .fx-t:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}
#fx-tiles .fx-t>small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
#fx-tiles #fx-clock{font:700 26px Inter,sans-serif;font-variant-numeric:tabular-nums}
#fx-tiles a.fx-t{flex-direction:row;align-items:center;gap:12px;text-decoration:none;color:inherit}
#fx-tiles a.fx-t .em{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:18px}
#fx-tiles a.fx-t:hover .em{background:color-mix(in srgb,var(--accent,#8b7bff) 35%,transparent)}
#fx-tiles .fx-wgw .dcw{width:100%}
.profile-card{box-shadow:0 40px 90px -40px #000}