:root {
  --bg:#06050a;--bg-soft:#0c0911;--panel:#110d18;--panel-2:#17111f;--ink:#f8f4ff;--muted:#aaa3b3;
  --line:rgba(255,255,255,.1);--purple:#a855f7;--pink:#ee2ca7;--cyan:#27d6ff;--success:#55e6a5;--danger:#ff657a;
  --header:78px;--radius:12px;--shadow:0 24px 70px rgba(0,0,0,.36)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}body::selection{background:var(--purple);color:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99999;background:#fff;color:#000;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.shell{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.shell.narrow,.narrow{max-width:760px}.muted{color:var(--muted)}
.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,5rem);border-bottom:1px solid var(--line);background:rgba(6,5,10,.86);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.72rem;font-size:1.02rem;font-weight:900;letter-spacing:-.04em}.brand img{width:43px;height:43px;object-fit:contain;transition:transform .4s ease}.brand:hover img{transform:rotate(16deg) scale(1.08)}.brand span span{color:var(--purple)}.main-nav{display:flex;align-items:center;gap:clamp(.8rem,1.8vw,2rem);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.main-nav>a{color:#c8c1d0;transition:.2s}.main-nav>a:hover{color:#fff}.nav-chat-link{display:inline-flex;align-items:center;gap:.4rem}.nav-count{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 .35rem;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:.58rem;letter-spacing:0;box-shadow:0 0 15px rgba(238,44,167,.35)}.nav-login,.admin-link{border:1px solid rgba(168,85,247,.65);border-radius:999px;padding:.68rem 1.05rem;color:#fff!important}.admin-link{border-color:rgba(238,44,167,.65);background:rgba(238,44,167,.07)}.logout-form{margin:0}.logout-form button{border:0;background:transparent;color:#8c8595;cursor:pointer;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.menu-toggle{display:none;width:44px;height:44px;padding:9px;background:transparent;border:0}.menu-toggle span{display:block;height:2px;margin:5px;background:#fff}
.flash-stack{position:fixed;z-index:2000;right:1rem;top:calc(var(--header) + 1rem);width:min(420px,calc(100% - 2rem));display:grid;gap:.5rem}.flash{padding:1rem 1.1rem;border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:8px;background:rgba(15,12,21,.96);box-shadow:var(--shadow);font-size:.9rem}.flash.success{border-left-color:var(--success)}.flash.error{border-left-color:var(--danger)}
.eyebrow{margin:0 0 1.2rem;color:#aaa2b3;font:800 .68rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.eyebrow.line:before{content:"";display:inline-block;width:34px;height:1px;margin-right:.8rem;vertical-align:middle;background:var(--purple);box-shadow:0 0 10px var(--purple)}h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:none}p{overflow-wrap:break-word}
.hero{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;padding:9rem clamp(1.25rem,7vw,8rem) 5rem;background:radial-gradient(circle at 76% 42%,rgba(168,85,247,.18),transparent 29%),radial-gradient(circle at 88% 14%,rgba(238,44,167,.08),transparent 24%),#08060d}.hero-grid{position:absolute;inset:var(--header) 0 0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000 46%,#000)}.hero-copy{position:relative;z-index:2;max-width:770px}.hero h1{margin:0;font-size:clamp(3.3rem,7.4vw,7.6rem);line-height:.86;letter-spacing:-.072em;text-transform:uppercase}.hero h1 span,.section-title h2 span,.section-heading-row h2 span,.contact-section h2 span,.auth-visual h1 span{color:transparent;-webkit-text-stroke:1px rgba(222,202,245,.67)}.hero-text{max-width:600px;margin:2rem 0;color:#bbb4c4;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.75}.button-row{display:flex;flex-wrap:wrap;gap:.8rem}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem 1.3rem;border:0;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transition:transform .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:linear-gradient(135deg,#7c3aed,#c026d3);box-shadow:0 14px 35px rgba(124,58,237,.25)}.button.secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035)}.button.wide{width:100%}.hero-stats{max-width:620px;display:flex;gap:clamp(1.6rem,4vw,4rem);margin-top:4rem;padding-top:1.6rem;border-top:1px solid var(--line)}.hero-stats div{display:grid}.hero-stats strong{font-size:1.35rem}.hero-stats span{color:#817987;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.hero-target{position:relative;z-index:1;width:min(40vw,520px);aspect-ratio:1;place-self:center;display:grid;place-items:center}.hero-target>img{width:57%;filter:drop-shadow(0 0 45px rgba(168,85,247,.32));animation:float 6s ease-in-out infinite}.target-rings,.target-rings span{position:absolute;inset:0;border:1px solid rgba(168,85,247,.17);border-radius:50%}.target-rings:before,.target-rings:after{content:"";position:absolute;background:var(--purple);box-shadow:0 0 10px var(--purple)}.target-rings:before{top:50%;left:-4%;width:108%;height:1px}.target-rings:after{left:50%;top:-4%;height:108%;width:1px}.target-rings span:nth-child(1){inset:11%;border-style:dashed;animation:spin 22s linear infinite}.target-rings span:nth-child(2){inset:24%}.target-rings span:nth-child(3){inset:39%;border-color:rgba(238,44,167,.28)}.scroll-cue{position:absolute;bottom:2rem;left:clamp(1.25rem,7vw,8rem);display:flex;align-items:center;gap:.8rem;color:#766f7c;font-size:.6rem;font-weight:800;letter-spacing:.2em}.scroll-cue span{width:36px;height:1px;background:#5e5764}
.content-section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,8rem);border-top:1px solid var(--line)}.dark-section{background:#07060b}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;background:#0c0911}.section-title h2,.section-heading-row h2,.contact-section h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.066em;text-transform:uppercase}.section-copy{max-width:680px}.section-copy p{color:var(--muted);line-height:1.8}.section-copy .lead{margin-top:0;color:#fff;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.5}.text-link{display:inline-flex;gap:1.4rem;margin-top:1rem;padding-bottom:.45rem;border-bottom:1px solid var(--purple);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.values-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border:1px solid var(--line)}.values-grid article{min-height:225px;padding:2rem;border-right:1px solid var(--line)}.values-grid article:last-child{border:0}.values-grid article>span{color:var(--purple);font:700 .68rem monospace}.values-grid h3{margin:3.5rem 0 .7rem;text-transform:uppercase}.values-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}.section-heading-row{max-width:1180px;margin:0 auto 4rem;display:flex;align-items:end;justify-content:space-between;gap:3rem}.section-heading-row>p{max-width:430px;color:var(--muted);line-height:1.7}.tools-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.tool-card{grid-column:span 2;min-height:330px;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(255,255,255,.01));transition:.25s}.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:span 3}.tool-card:hover{transform:translateY(-7px);border-color:rgba(168,85,247,.6);box-shadow:var(--shadow)}.tool-meta{display:flex;justify-content:space-between;color:#797180;font:700 .62rem monospace;letter-spacing:.13em}.tool-meta b{color:#4a444f}.tool-icon{width:58px;height:58px;margin:2.7rem 0 1.8rem;display:grid;place-items:center;border:1px solid rgba(168,85,247,.45);border-radius:50%;color:var(--purple);font-size:2rem}.tool-card h3{margin:0 0 .7rem;text-transform:uppercase}.tool-card p{min-height:68px;color:#8d8595;font-size:.84rem;line-height:1.65}.tool-card i{display:flex;justify-content:space-between;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);color:#c5bdcc;font-style:normal;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.crew-section{background:#0d0a12}.public-profile-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.public-profile-card{min-height:165px;display:flex;align-items:center;gap:1rem;padding:1.3rem;background:#0d0a12;transition:.2s}.public-profile-card:hover{background:#17101f}.public-avatar{flex:0 0 82px;height:105px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--profile-accent) 60%,transparent);background:#08060c}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-card p{margin:0 0 .35rem;color:var(--profile-accent);font-size:.6rem;font-weight:900;letter-spacing:.1em}.public-profile-card h3{margin:0 0 .7rem;font-size:1rem}.public-profile-card div>span{color:#8e8796;font-size:.66rem;text-transform:uppercase}.empty-crew{max-width:1180px;min-height:210px;margin:auto;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;border:1px solid var(--line);background:rgba(255,255,255,.015)}.empty-crew>span{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--purple);border-radius:50%;color:var(--purple);font-size:2rem}.empty-crew h3{margin:0 0 .4rem;text-transform:uppercase}.empty-crew p{margin:0;color:var(--muted)}.rules-list{max-width:1180px;margin:auto;border-top:1px solid var(--line)}.rules-list details{border-bottom:1px solid var(--line)}.rules-list summary{list-style:none;min-height:88px;display:grid;grid-template-columns:65px 1fr 40px;align-items:center;cursor:pointer}.rules-list summary::-webkit-details-marker{display:none}.rules-list summary>span{color:#68606e;font:700 .66rem monospace}.rules-list summary strong{text-transform:uppercase;font-size:clamp(1rem,2vw,1.3rem)}.rules-list summary i{width:34px;height:34px;display:grid;place-items:center;border:1px solid #39313e;border-radius:50%;font-style:normal;transition:.2s}.rules-list details[open] summary i{transform:rotate(45deg);border-color:var(--purple);color:var(--purple)}.rules-list details>p{max-width:800px;margin:-.5rem 0 0 65px;padding:0 5rem 2rem 0;color:var(--muted);line-height:1.75}.contact-section{min-height:620px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,8rem);border-top:1px solid var(--line);background:radial-gradient(circle at 78% 50%,rgba(168,85,247,.18),transparent 25%),#0b0810}.contact-section>p:not(.eyebrow){max-width:600px;margin:2rem 0;color:var(--muted);line-height:1.75}.contact-target{position:absolute;right:7vw;top:50%;width:min(34vw,430px);aspect-ratio:1;transform:translateY(-50%);border:1px solid rgba(168,85,247,.18);border-radius:50%}.contact-target:before,.contact-target:after{content:"";position:absolute;background:rgba(168,85,247,.3)}.contact-target:before{left:-20%;top:50%;width:140%;height:1px}.contact-target:after{left:50%;top:-20%;width:1px;height:140%}.contact-target span:first-child{position:absolute;inset:25%;border:1px dashed rgba(168,85,247,.3);border-radius:50%;animation:spin 18s linear infinite}.contact-target span:last-child{position:absolute;inset:44%;border-radius:50%;background:var(--purple);box-shadow:0 0 35px var(--purple)}.site-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.25rem,7vw,8rem);border-top:1px solid var(--line);background:#050407;color:#706878;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.site-footer .brand{color:#fff;font-size:.82rem}.site-footer .brand img{width:36px;height:36px}
.auth-page{min-height:calc(100svh - 120px);padding-top:var(--header);display:grid;grid-template-columns:1.15fr .85fr;background:#08060d}.auth-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem);background:radial-gradient(circle at 68% 50%,rgba(168,85,247,.2),transparent 32%),#08060d}.auth-visual h1{position:relative;z-index:2;margin:0;font-size:clamp(3rem,6vw,6.2rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.auth-visual>p:not(.eyebrow){position:relative;z-index:2;max-width:550px;color:var(--muted);line-height:1.75}.auth-target{position:absolute;right:-15%;top:50%;width:min(45vw,560px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;opacity:.48}.auth-target:before,.auth-target span{content:"";position:absolute;inset:0;border:1px solid rgba(168,85,247,.25);border-radius:50%}.auth-target:after{content:"";position:absolute;left:50%;top:-20%;height:140%;width:1px;background:rgba(168,85,247,.3)}.auth-target img{width:50%;filter:drop-shadow(0 0 40px rgba(168,85,247,.3))}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);border-left:1px solid var(--line);background:#0d0a12}.auth-card h2{margin:0;font-size:clamp(2.4rem,4vw,4rem);text-transform:uppercase;letter-spacing:-.05em}.auth-card>p:not(.eyebrow):not(.auth-help){color:var(--muted);line-height:1.7}.auth-help{margin-top:1.5rem;color:#777080;font-size:.78rem}
.dashboard-body{background:#09070d}.dashboard-shell{min-height:calc(100svh - 120px);padding-top:calc(var(--header) + clamp(3rem,7vw,6rem));padding-bottom:clamp(4rem,8vw,8rem)}.dashboard-heading{margin-bottom:3rem}.dashboard-heading h1{margin:0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.dashboard-heading>div>p:last-child{max-width:650px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 12px 45px rgba(0,0,0,.18)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dashboard-card{min-height:170px;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#100d16}.profile-status-card{grid-column:span 2;display:flex;align-items:center;gap:1.4rem}.mini-profile-avatar{flex:0 0 110px;height:120px;overflow:hidden;border:1px solid #31283d;background:#09070c}.mini-profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-status-card h2{margin:0 0 .65rem}.status-badge{display:inline-flex;padding:.35rem .65rem;border:1px solid #45404a;border-radius:999px;color:#918a98;font-size:.6rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.status-badge.active{border-color:rgba(85,230,165,.45);color:var(--success);background:rgba(85,230,165,.05)}.status-badge.inactive{border-color:rgba(255,101,122,.35);color:#ff8797}.action-card{position:relative;display:flex;align-items:center;gap:1rem;transition:.2s}.action-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.5);background:#17101f}.action-card>span{align-self:flex-start;color:#736b7b;font:700 .62rem monospace}.action-card h3{margin:0 0 .45rem;text-transform:uppercase}.action-card p{margin:0;color:var(--muted);font-size:.82rem}.action-card>b{margin-left:auto;color:var(--purple)}.action-card.admin-card{border-color:rgba(238,44,167,.25);background:linear-gradient(135deg,rgba(238,44,167,.07),rgba(168,85,247,.04))}.member-note{margin-top:1rem;display:flex;align-items:center;gap:1rem;padding:1.3rem}.note-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border:1px solid var(--purple);border-radius:50%;color:var(--purple);font-weight:900}.member-note h3,.member-note p{margin:.15rem 0}.member-note p{color:var(--muted);font-size:.82rem}
.form-message{margin:0 0 1rem;padding:1rem;border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:8px;background:#100d16}.form-message.error{border-left-color:var(--danger);color:#ffc0ca}.stack-form{display:grid;gap:1rem;margin-top:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field{display:grid;gap:.45rem}.field.full,.form-divider.full,.full{grid-column:1/-1}.field label,.reset-password-form label{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.field input,.field textarea,.password-row input{width:100%;min-height:47px;padding:.75rem .85rem;border:1px solid #302a37;border-radius:7px;outline:none;background:#09070d;color:#fff;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.password-row input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.field small{color:#736d79;font-size:.7rem}.file-field input{padding:.65rem}.file-field input::file-selector-button{margin-right:.8rem;padding:.55rem .75rem;border:0;border-radius:5px;background:#251b31;color:#fff;cursor:pointer}.color-field input{height:47px;padding:.35rem;cursor:pointer}.check-field{display:flex;align-items:center;gap:.7rem;color:#c8c0cf;font-size:.78rem}.check-field input{width:18px;height:18px;accent-color:var(--purple)}.profile-editor{display:grid;gap:1rem}.editor-section{padding:clamp(1.25rem,3vw,2rem)}.editor-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.editor-heading .eyebrow{margin-bottom:.6rem}.editor-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.4rem);text-transform:uppercase;letter-spacing:-.04em}.avatar-upload-row{display:flex;align-items:center;gap:2rem}.profile-avatar-edit{flex:0 0 130px;height:145px;overflow:hidden;border:1px solid #3b2d49;background:#09070c}.profile-avatar-edit img{width:100%;height:100%;object-fit:cover}.avatar-upload-row .field{flex:1}.sticky-form-actions{position:sticky;z-index:50;bottom:1rem;display:flex;justify-content:flex-end;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:rgba(12,9,17,.92);backdrop-filter:blur(14px)}.danger-action-inline{margin-top:1rem;text-align:right}.text-button{border:0;background:transparent;cursor:pointer;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-button.danger{color:var(--danger)}.password-row{display:flex;gap:.5rem}.small-button{min-height:38px;padding:.55rem .75rem;border:1px solid #3b3442;border-radius:6px;background:#17121e;color:#d9d2df;cursor:pointer;font-size:.67rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.small-button:hover{border-color:var(--purple)}.small-button.accent{border-color:rgba(168,85,247,.5);color:#d7b4ff}.link-button{display:inline-flex;align-items:center}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.admin-stats article{min-height:145px;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:#100d16}.admin-stats span{color:#8e8796;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.admin-stats strong{font-size:2.4rem}.admin-layout{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);gap:1rem}.admin-create-card,.admin-members-card,.audit-card{padding:clamp(1.2rem,2.5vw,2rem)}.count-pill{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #3b3343;border-radius:50%;font-size:.72rem}.admin-empty{min-height:220px;display:grid;place-items:center;color:#797180}.admin-empty span{font-size:2rem;color:var(--purple)}.admin-member-list{border-top:1px solid var(--line)}.admin-member-row{border-bottom:1px solid var(--line)}.admin-member-row>summary{min-height:78px;display:grid;grid-template-columns:52px minmax(0,1fr) auto 30px;align-items:center;gap:.8rem;list-style:none;cursor:pointer}.admin-member-row>summary::-webkit-details-marker{display:none}.member-row-avatar{width:48px;height:54px;overflow:hidden;border:1px solid #332a3e;background:#09070d}.member-row-avatar img{width:100%;height:100%;object-fit:cover}.member-row-name{display:grid;min-width:0}.member-row-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row-name span{color:#756e7c;font-size:.68rem}.member-row-status{display:flex;align-items:center;gap:.4rem;color:#8c8593;font-size:.68rem;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--danger)}.dot.online{background:var(--success);box-shadow:0 0 9px rgba(85,230,165,.55)}.admin-member-row>summary i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #39323e;border-radius:50%;font-style:normal;transition:.2s}.admin-member-row[open]>summary i{transform:rotate(45deg);border-color:var(--purple);color:var(--purple)}.member-admin-actions{padding:0 0 1.4rem 60px}.member-facts{display:grid;gap:.25rem;margin-bottom:1rem;color:#837c8a;font-size:.7rem}.member-facts b{color:#c8c0cf}.admin-action-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.reset-password-form{padding-top:1rem;border-top:1px solid var(--line)}.reset-password-form>label{display:block;margin-bottom:.5rem}.delete-user-form{margin-top:1rem}.audit-card{margin-top:1rem}.audit-list{display:grid}.audit-row{min-height:58px;display:grid;grid-template-columns:135px minmax(150px,.6fr) 1fr;align-items:center;gap:1rem;border-top:1px solid var(--line);font-size:.75rem}.audit-row span{color:#766f7e;font-family:monospace}.audit-row p{margin:0;color:#97909f}.form-divider{position:relative;margin:.5rem 0;color:#857e8c;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.form-divider:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.form-divider span{position:relative;z-index:1;padding-right:1rem;background:#110d18}
.profile-page{--profile-accent:#a855f7;padding-top:var(--header)}.profile-hero{min-height:470px;position:relative;overflow:hidden;display:flex;align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,9vw,10rem);background:radial-gradient(circle at 28% 50%,color-mix(in srgb,var(--profile-accent) 22%,transparent),transparent 30%),#0a0710}.profile-avatar-large{position:relative;z-index:2;flex:0 0 min(28vw,300px);height:min(34vw,360px);overflow:hidden;border:1px solid color-mix(in srgb,var(--profile-accent) 65%,transparent);background:#08060c;box-shadow:0 25px 80px color-mix(in srgb,var(--profile-accent) 15%,transparent)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-intro{position:relative;z-index:2}.profile-intro h1{margin:0;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.065em;text-transform:uppercase}.profile-intro>p:last-child{color:var(--profile-accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.profile-crosshair{position:absolute;right:3vw;top:50%;width:min(38vw,500px);aspect-ratio:1;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--profile-accent) 20%,transparent);border-radius:50%}.profile-crosshair:before,.profile-crosshair:after{content:"";position:absolute;background:color-mix(in srgb,var(--profile-accent) 28%,transparent)}.profile-crosshair:before{width:140%;height:1px;left:-20%;top:50%}.profile-crosshair:after{height:140%;width:1px;top:-20%;left:50%}.profile-content{display:grid;grid-template-columns:1.4fr .6fr;gap:1rem;padding-block:4rem}.profile-main,.profile-side{padding:clamp(1.5rem,4vw,3rem)}.profile-main h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.1;text-transform:uppercase}.profile-bio{color:var(--muted);line-height:1.8}.game-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.game-tags span{padding:.45rem .7rem;border:1px solid color-mix(in srgb,var(--profile-accent) 45%,transparent);border-radius:999px;color:#cabfd2;font-size:.66rem;font-weight:800;text-transform:uppercase}.social-list{display:grid}.social-list a{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:800;text-transform:uppercase}.social-list a b{color:var(--profile-accent)}.social-list p{color:var(--muted);font-size:.8rem}.error-page{margin-top:calc(var(--header) + 4rem);padding:clamp(2rem,5vw,4rem);text-align:center}.error-page h1{font-size:clamp(2.5rem,6vw,5rem);text-transform:uppercase}.error-page p{color:var(--muted);margin-bottom:2rem}
.installer-body{min-height:100svh;background:radial-gradient(circle at 15% 50%,rgba(168,85,247,.18),transparent 30%),#08060d}.installer-shell{min-height:100svh;display:grid;grid-template-columns:.75fr 1.25fr}.installer-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem);border-right:1px solid var(--line)}.installer-brand>img{width:130px;margin-bottom:2rem}.installer-brand h1{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.9;text-transform:uppercase;letter-spacing:-.06em}.installer-brand h1 span{color:transparent;-webkit-text-stroke:1px rgba(168,85,247,.7)}.installer-brand>p:last-child{max-width:500px;color:var(--muted);line-height:1.75}.installer-card{align-self:center;width:min(760px,calc(100% - 3rem));margin:3rem auto;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:var(--radius);background:#110d18;box-shadow:var(--shadow)}.installer-card h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase}.installer-card>p:not(.eyebrow){color:var(--muted)}.installation-form{margin-top:1.5rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(-8px)}50%{transform:translateY(8px)}}
@media(max-width:1050px){.menu-toggle{display:block;z-index:2}.main-nav{position:fixed;inset:var(--header) 0 auto;display:none;align-items:stretch;gap:0;padding:1rem 1.2rem 1.5rem;background:rgba(8,6,13,.98);border-bottom:1px solid var(--line)}.main-nav.is-open{display:grid}.main-nav>a,.logout-form button{width:100%;display:block;padding:1rem 0;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left}.hero{grid-template-columns:1fr}.hero-target{position:absolute;right:-23vw;width:min(70vw,520px);opacity:.35}.split-section{grid-template-columns:1fr}.values-grid{margin-top:3rem}.public-profile-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.installer-shell{grid-template-columns:1fr}.installer-brand{min-height:460px;border-right:0;border-bottom:1px solid var(--line)}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:520px}.auth-card{border-left:0;border-top:1px solid var(--line)}.profile-content{grid-template-columns:1fr}}
@media(max-width:720px){:root{--header:70px}.site-header{padding-inline:1rem}.brand img{width:38px;height:38px}.flash-stack{top:calc(var(--header) + .6rem)}.hero{min-height:820px;align-items:start;padding:8.4rem 1.2rem 5rem}.hero h1{font-size:clamp(3.25rem,15.7vw,5.6rem)}.hero-target{top:28%;right:-49%;width:118vw;opacity:.2}.hero-text{max-width:94%}.hero-stats{gap:1.25rem;margin-top:3rem}.hero-stats strong{font-size:1.12rem}.hero-stats span{font-size:.53rem}.scroll-cue{left:1.2rem}.content-section{padding-inline:1.2rem}.section-heading-row{display:grid;gap:2rem}.values-grid{grid-template-columns:1fr}.values-grid article{min-height:180px;border:0;border-bottom:1px solid var(--line)}.values-grid article:last-child{border:0}.values-grid h3{margin-top:2.4rem}.tools-grid{grid-template-columns:1fr}.tool-card,.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:auto;min-height:300px}.public-profile-grid{grid-template-columns:1fr}.empty-crew{align-items:flex-start;justify-content:flex-start}.rules-list summary{grid-template-columns:44px 1fr 34px}.rules-list details>p{margin-left:44px;padding-right:0}.contact-section{min-height:610px;padding-inline:1.2rem}.contact-target{right:-25vw;width:75vw;opacity:.3}.site-footer{flex-direction:column;align-items:flex-start;padding-inline:1.2rem}.auth-visual{min-height:500px;padding:7rem 1.2rem 3rem}.auth-visual h1{font-size:clamp(3.2rem,15vw,5rem)}.auth-target{right:-55%;width:120vw;opacity:.2}.auth-card{padding:3.5rem 1.2rem}.shell{width:min(100% - 2rem,1180px)}.dashboard-shell{padding-top:calc(var(--header) + 3rem)}.dashboard-grid,.admin-stats{grid-template-columns:1fr}.profile-status-card{grid-column:auto}.profile-status-card{align-items:flex-start}.mini-profile-avatar{flex-basis:88px;height:100px}.avatar-upload-row{align-items:flex-start;flex-direction:column}.profile-avatar-edit{width:120px}.form-grid{grid-template-columns:1fr}.sticky-form-actions{bottom:.5rem}.sticky-form-actions .button{flex:1;padding-inline:.75rem}.admin-member-row>summary{grid-template-columns:48px minmax(0,1fr) 28px}.member-row-status{display:none}.member-admin-actions{padding-left:0}.password-row{flex-wrap:wrap}.password-row input{flex:1 1 100%}.audit-row{grid-template-columns:1fr;gap:.15rem;padding:1rem 0}.profile-hero{min-height:610px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;padding:5rem 1.2rem 3rem}.profile-avatar-large{flex-basis:auto;width:180px;height:215px}.profile-intro h1{font-size:clamp(3rem,14vw,5.5rem)}.profile-crosshair{right:-40%;width:110vw;opacity:.3}.profile-content{padding-block:2rem}.installer-brand{min-height:390px;padding:3rem 1.2rem}.installer-card{width:calc(100% - 2rem);margin:1rem auto 2rem;padding:1.2rem}.installation-form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Festes No-Aim-Wasserzeichen im Seitenhintergrund */
.hero{isolation:auto;background:radial-gradient(circle at 76% 42%,rgba(168,85,247,.16),transparent 31%),radial-gradient(circle at 88% 14%,rgba(238,44,167,.07),transparent 24%),#08060d}.hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,6,13,.22),transparent 64%)}.hero-grid{z-index:1;opacity:.45;pointer-events:none}.hero-copy,.scroll-cue{z-index:4}.site-watermark{position:fixed;top:56%;right:-7vw;z-index:2;width:min(46vw,560px);aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%);opacity:.15;pointer-events:none}.site-watermark>img{position:relative;z-index:2;width:56%;filter:drop-shadow(0 0 42px rgba(168,85,247,.48))}.site-watermark-rings,.site-watermark-rings span{position:absolute;border:1px solid rgba(168,85,247,.34);border-radius:50%}.site-watermark-rings{inset:-18%}.site-watermark-rings span:nth-child(1){inset:12%;border-style:dashed}.site-watermark-rings span:nth-child(2){inset:25%}.site-watermark-rings span:nth-child(3){inset:39%;border-color:rgba(238,44,167,.42)}.site-watermark-rings:before,.site-watermark-rings:after{content:"";position:absolute;background:rgba(168,85,247,.3)}.site-watermark-rings:before{left:0;right:0;top:50%;height:1px}.site-watermark-rings:after{top:0;bottom:0;left:50%;width:1px}.content-section>*{position:relative;z-index:3}.contact-section>:not(.contact-target){position:relative;z-index:3}.site-footer{position:relative;z-index:3}
@media(max-width:720px){.site-watermark{top:62%;right:-24vw;width:105vw;opacity:.24}.site-watermark-rings{inset:-25%}.hero-grid{opacity:.3}}
.site-watermark{transform:translate3d(0,-50%,0);will-change:transform;backface-visibility:hidden}
@media(max-width:720px){.site-watermark{top:420px;top:62svh}}

/* Geschützter Aimtrainer-Bereich */
.trainer-page{min-height:100svh;padding-top:var(--header);background:#08060d}.trainer-hero{min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem);border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 48%,rgba(168,85,247,.2),transparent 30%),linear-gradient(135deg,#08060d,#0d0913)}.trainer-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}.trainer-copy{position:relative;z-index:3;max-width:790px}.trainer-copy h1{margin:0;font-size:clamp(4rem,9vw,9rem);line-height:.84;letter-spacing:-.075em;text-transform:uppercase}.trainer-copy h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(222,202,245,.7)}.trainer-copy>p:not(.eyebrow){max-width:620px;margin:2rem 0;color:#bbb4c4;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75}.trainer-access{width:max-content;max-width:100%;display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border:1px solid rgba(85,230,165,.28);border-radius:8px;background:rgba(85,230,165,.045)}.trainer-access>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(85,230,165,.12);color:var(--success);font-weight:900}.trainer-access div{display:grid}.trainer-access strong{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.trainer-access small{color:#85808a}.trainer-crosshair{position:absolute;right:5vw;top:50%;width:min(40vw,520px);aspect-ratio:1;transform:translateY(-50%);border:1px solid rgba(168,85,247,.2);border-radius:50%}.trainer-crosshair:before,.trainer-crosshair:after{content:"";position:absolute;background:rgba(168,85,247,.25)}.trainer-crosshair:before{left:-18%;right:-18%;top:50%;height:1px}.trainer-crosshair:after{top:-18%;bottom:-18%;left:50%;width:1px}.trainer-crosshair span{position:absolute;border:1px solid rgba(168,85,247,.22);border-radius:50%}.trainer-crosshair span:nth-child(1){inset:13%;border-style:dashed}.trainer-crosshair span:nth-child(2){inset:29%}.trainer-crosshair span:nth-child(3){inset:45%;background:var(--purple);box-shadow:0 0 32px var(--purple)}.trainer-content{padding-block:clamp(3rem,7vw,6rem)}.trainer-placeholder{min-height:330px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(1.5rem,5vw,4rem)}.trainer-placeholder>div:last-child{position:relative;z-index:2}.trainer-placeholder h2{max-width:720px;margin:.3rem 0 1rem;font-size:clamp(2rem,4vw,4rem);line-height:1;text-transform:uppercase;letter-spacing:-.05em}.trainer-placeholder p:not(.eyebrow){max-width:650px;color:var(--muted);line-height:1.75}.trainer-placeholder .button{margin-top:1rem}.trainer-placeholder-target{position:relative;width:min(28vw,260px);aspect-ratio:1;border:1px solid rgba(168,85,247,.25);border-radius:50%}.trainer-placeholder-target:before,.trainer-placeholder-target:after{content:"";position:absolute;background:rgba(168,85,247,.32)}.trainer-placeholder-target:before{left:-20%;right:-20%;top:50%;height:1px}.trainer-placeholder-target:after{top:-20%;bottom:-20%;left:50%;width:1px}.trainer-placeholder-target span:first-child{position:absolute;inset:23%;border:1px dashed rgba(168,85,247,.38);border-radius:50%}.trainer-placeholder-target span:last-child{position:absolute;inset:44%;border-radius:50%;background:var(--purple);box-shadow:0 0 25px var(--purple)}.trainer-card{border-color:rgba(168,85,247,.3);background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(34,211,238,.03))}
@media(max-width:720px){.trainer-hero{min-height:720px;align-items:flex-start;padding:7rem 1.2rem 4rem}.trainer-copy h1{font-size:clamp(3.8rem,18vw,6rem)}.trainer-crosshair{right:-45vw;top:62%;width:115vw;opacity:.35}.trainer-placeholder{grid-template-columns:1fr}.trainer-placeholder-target{width:180px;margin:0 auto}.trainer-access{align-items:flex-start}}

/* Aimtrainer Spiel */
.trainer-hero-compact{min-height:570px}.trainer-game-shell{display:grid;gap:1.15rem;padding-block:3.2rem 6rem}.trainer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem 1.5rem;background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(17,13,24,.96))}.trainer-fair-mode{min-width:0;display:flex;align-items:flex-start;gap:.75rem}.trainer-fair-mode>span{flex:0 0 auto;margin-top:.08rem;color:#d7c7e4;font-size:.86rem;line-height:1.2}.trainer-fair-copy{min-width:0;display:grid;gap:.28rem}.trainer-fair-copy strong{display:block;color:#f4eef7;font-size:.9rem;line-height:1.2;font-weight:900;letter-spacing:-.015em}.trainer-fair-copy small{display:block;color:#a69eab;font-size:.76rem;line-height:1.45}.trainer-setting{min-width:0;flex:1}.trainer-setting>label{display:block;margin-bottom:.55rem;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.trainer-setting>small{display:block;margin-top:.45rem;color:#7f7886;font-size:.68rem}.trainer-speed-control{display:flex;align-items:center;gap:1rem}.trainer-speed-control input{width:min(520px,100%);accent-color:var(--purple);cursor:pointer}.trainer-speed-control output{flex:0 0 92px;padding:.45rem .6rem;border:1px solid rgba(168,85,247,.35);border-radius:5px;background:#0a0710;color:#e9d8ff;text-align:center;font:800 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}.trainer-controls{display:flex;gap:.65rem}.trainer-controls .button{min-width:104px}.trainer-controls button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.trainer-live-stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d0a12}.trainer-live-stats article{min-height:108px;display:grid;align-content:center;padding:1rem 1.25rem;border-right:1px solid var(--line)}.trainer-live-stats article:last-child{border-right:0}.trainer-live-stats span,.trainer-live-stats small{color:#77707e;font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.trainer-live-stats strong{font-size:clamp(1.45rem,2.6vw,2.3rem);line-height:1.1}.trainer-arena-wrap{position:relative}.trainer-arena{position:relative;width:100%;height:clamp(520px,62vh,720px);overflow:hidden;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius);outline:none;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.1),transparent 35%),linear-gradient(135deg,#0c0911,#07050a);box-shadow:inset 0 0 80px rgba(0,0,0,.48),0 28px 90px rgba(0,0,0,.25);cursor:crosshair;user-select:none;touch-action:manipulation;transition:border-color .15s,box-shadow .15s}.trainer-arena.is-running{border-color:rgba(168,85,247,.62);box-shadow:inset 0 0 80px rgba(0,0,0,.48),0 0 55px rgba(124,58,237,.12)}.trainer-arena.is-miss{border-color:rgba(255,101,122,.82);box-shadow:inset 0 0 80px rgba(255,101,122,.08),0 0 34px rgba(255,101,122,.13)}.trainer-arena-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}.trainer-arena-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(6,5,10,.12) 62%,rgba(6,5,10,.58) 100%)}.trainer-arena-center{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid rgba(168,85,247,.24);border-radius:50%;pointer-events:none}.trainer-arena-center:before,.trainer-arena-center:after{content:"";position:absolute;background:rgba(168,85,247,.22)}.trainer-arena-center:before{left:-16px;right:-16px;top:8px;height:1px}.trainer-arena-center:after{top:-16px;bottom:-16px;left:8px;width:1px}.trainer-target{position:absolute;z-index:8;left:0;top:0;width:64px;height:64px;display:grid;place-items:center;padding:0;border:2px solid #e9d5ff;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,#f02cab 8% 25%,#8b3df5 26% 45%,rgba(28,12,47,.94) 46%);box-shadow:0 0 18px rgba(238,44,167,.8),0 0 48px rgba(168,85,247,.38);cursor:crosshair;will-change:transform;animation:trainerTargetIn .12s ease-out}.trainer-target:before,.trainer-target:after{content:"";position:absolute;background:rgba(255,255,255,.82);pointer-events:none}.trainer-target:before{left:-10px;right:-10px;top:50%;height:1px}.trainer-target:after{top:-10px;bottom:-10px;left:50%;width:1px}.trainer-target span:first-child{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.56);border-radius:50%}.trainer-target span:last-child{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}.trainer-target.is-hit{animation:trainerTargetHit .08s ease-out}.trainer-ready,.trainer-result{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 46%,rgba(168,85,247,.09),transparent 35%)}.trainer-ready[hidden],.trainer-result[hidden],.trainer-target[hidden]{display:none}.trainer-ready img{width:90px;margin-bottom:1.6rem;filter:drop-shadow(0 0 26px rgba(168,85,247,.4))}.trainer-ready .eyebrow,.trainer-result .eyebrow{margin-bottom:.65rem}.trainer-ready h2,.trainer-result h2{margin:0;font-size:clamp(3rem,7vw,6.6rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.trainer-ready>p:last-child,.trainer-result>p:not(.eyebrow){color:var(--muted)}.trainer-result{background:rgba(8,6,13,.9);backdrop-filter:blur(10px)}.trainer-result .button{margin-top:1rem}.trainer-status{min-height:24px;margin:.65rem 0 0;color:#8c8493;font-size:.72rem;letter-spacing:.04em}.trainer-ranking-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:1.15rem}.trainer-leaderboard,.trainer-personal-best{padding:clamp(1.2rem,2.5vw,2rem)}.trainer-section-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.trainer-section-heading .eyebrow{margin-bottom:.45rem}.trainer-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);text-transform:uppercase}.trainer-section-heading>span{padding:.42rem .55rem;border:1px solid rgba(168,85,247,.4);border-radius:4px;color:#cfa9ff;font:800 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.trainer-ranking-head,.trainer-ranking li{display:grid;grid-template-columns:44px minmax(150px,1fr) 110px 110px 100px;align-items:center;gap:.8rem}.trainer-ranking-head{padding:.55rem .8rem;color:#68616d;font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.trainer-ranking{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.trainer-ranking li{min-height:68px;padding:.7rem .8rem;border-bottom:1px solid var(--line);font-size:.76rem}.trainer-ranking li>b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #3a3142;border-radius:50%;color:#b9afc1}.trainer-ranking li:nth-child(1)>b{border-color:#e6bd43;color:#f7d875;box-shadow:0 0 18px rgba(230,189,67,.12)}.trainer-ranking li:nth-child(2)>b{border-color:#a9b0bd;color:#d7dce4}.trainer-ranking li:nth-child(3)>b{border-color:#b4774b;color:#df9d70}.trainer-ranking li>span:nth-child(2){display:grid}.trainer-ranking li>span:nth-child(2) small{color:#746c7b}.trainer-ranking li>strong:nth-child(3){color:#d9b8ff;font-size:1rem}.trainer-ranking-empty{display:flex!important;justify-content:center!important;color:#77707e}.trainer-personal-best{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(168,85,247,.14),transparent 45%),#100d16}.trainer-personal-best>.eyebrow{margin-bottom:.8rem}.trainer-personal-best>strong{font-size:clamp(3.4rem,6vw,5.7rem);line-height:1;color:#fff;letter-spacing:-.07em;text-shadow:0 0 38px rgba(168,85,247,.35)}.trainer-personal-best>span{color:#9d79c7;font-size:.62rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.trainer-personal-best>p:last-child{max-width:260px;color:#807887;font-size:.78rem}.trainer-personal-best dl{width:100%;display:grid;margin:1.8rem 0 0}.trainer-personal-best dl div{display:flex;justify-content:space-between;padding:.7rem 0;border-top:1px solid var(--line);font-size:.72rem}.trainer-personal-best dt{color:#77707e}.trainer-personal-best dd{margin:0;font-weight:800}@keyframes trainerTargetIn{from{opacity:.25;scale:.55}to{opacity:1;scale:1}}@keyframes trainerTargetHit{to{opacity:.25;scale:1.25}}
@media(max-width:900px){.trainer-toolbar{align-items:stretch;flex-direction:column}.trainer-controls{justify-content:flex-end}.trainer-live-stats{grid-template-columns:repeat(3,1fr)}.trainer-live-stats article{border-bottom:1px solid var(--line)}.trainer-live-stats article:nth-child(3){border-right:0}.trainer-live-stats article:nth-child(4),.trainer-live-stats article:nth-child(5){border-bottom:0}.trainer-ranking-layout{grid-template-columns:1fr}.trainer-ranking-head,.trainer-ranking li{grid-template-columns:38px minmax(130px,1fr) 90px 92px}.trainer-ranking-head span:last-child,.trainer-ranking li>span:last-child{display:none}}
@media(max-width:620px){.trainer-game-shell{width:min(100% - 1rem,1180px);padding-top:1rem}.trainer-toolbar{padding:1rem}.trainer-fair-mode{gap:.7rem}.trainer-fair-copy strong{font-size:.9rem}.trainer-fair-copy small{font-size:.74rem;line-height:1.5}.trainer-speed-control{align-items:stretch;flex-direction:column}.trainer-speed-control output{align-self:flex-end}.trainer-controls{display:grid;grid-template-columns:repeat(3,1fr)}.trainer-controls .button{min-width:0;padding-inline:.4rem}.trainer-live-stats{grid-template-columns:repeat(2,1fr)}.trainer-live-stats article{min-height:88px;padding:.8rem}.trainer-live-stats article:nth-child(2),.trainer-live-stats article:nth-child(4){border-right:0}.trainer-live-stats article:nth-child(3){border-right:1px solid var(--line)}.trainer-live-stats article:nth-child(4){border-bottom:1px solid var(--line)}.trainer-live-stats article:last-child{grid-column:1/-1}.trainer-arena{height:520px}.trainer-target{width:58px;height:58px}.trainer-ranking-head,.trainer-ranking li{grid-template-columns:34px minmax(110px,1fr) 78px}.trainer-ranking-head span:nth-child(4),.trainer-ranking li>span:nth-child(4){display:none}.trainer-ranking{overflow:hidden}.trainer-leaderboard{padding-inline:.75rem}}

/* Geschützter Crew Chat */
.chat-card{border-color:rgba(39,214,255,.27);background:linear-gradient(135deg,rgba(39,214,255,.055),rgba(168,85,247,.055))}.chat-page{padding-bottom:6rem}.chat-status-bar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;padding:1rem 1.25rem}.chat-status-bar>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.65rem}.chat-status-bar>div small{grid-column:2;color:#77707e;font-size:.67rem}.chat-status-bar>p{margin:0;color:#77707e;font-size:.68rem}.chat-live-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 13px rgba(85,230,165,.65)}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}.chat-main{position:relative;overflow:visible;padding:0}.chat-mute-banner{padding:.8rem 1rem;border-bottom:1px solid rgba(255,101,122,.25);background:rgba(255,101,122,.07);color:#ffc0ca;font-size:.75rem;text-align:center}.chat-messages{height:min(62vh,680px);min-height:470px;overflow-y:auto;padding:1.25rem 1.25rem 1.4rem;scrollbar-color:#4a315f #0d0a12;scroll-behavior:smooth;scroll-padding-bottom:1.4rem}.chat-loading,.chat-empty{min-height:100%;display:grid;place-content:center;justify-items:center;color:#77707e;text-align:center}.chat-loading span{width:36px;height:36px;margin-bottom:1rem;border:2px solid #302638;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.chat-empty strong{color:#cfc7d6;font-size:1.15rem}.chat-empty p{margin:.3rem 0}.chat-message{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:.7rem;margin-bottom:.85rem}.chat-message-avatar{width:42px;height:46px;object-fit:cover;border:1px solid #372b43;border-radius:8px;background:#09070d}.chat-message-body{width:max-content;max-width:min(78%,720px);padding:.7rem .85rem;border:1px solid #29232f;border-radius:4px 12px 12px 12px;background:#15101c}.chat-message.is-own .chat-message-body{border-color:rgba(168,85,247,.3);background:linear-gradient(135deg,rgba(124,58,237,.14),#15101c)}.chat-message-meta{display:flex;align-items:center;gap:.65rem;margin-bottom:.25rem}.chat-message-meta strong{font-size:.72rem}.chat-message-meta time{color:#6f6875;font-size:.58rem}.chat-message-body>p{margin:0;color:#d0c9d6;font-size:.84rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.is-deleted{opacity:.58}.chat-message.is-deleted .chat-message-body>p{color:#827a88;font-style:italic}.chat-message-menu{position:relative}.chat-message-menu>summary{width:30px;height:30px;display:grid;place-items:center;list-style:none;border:1px solid transparent;border-radius:50%;color:#6f6875;cursor:pointer;font-size:.68rem;letter-spacing:.05em}.chat-message-menu>summary::-webkit-details-marker{display:none}.chat-message-menu[open]>summary{border-color:#3b3045;color:#cdbfd8}.chat-message-menu>div{position:absolute;z-index:30;right:0;top:34px;width:210px;overflow:hidden;border:1px solid #3a3042;border-radius:8px;background:#100d16;box-shadow:var(--shadow)}.chat-message-menu button{width:100%;display:block;padding:.72rem .8rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:#b9b0c1;cursor:pointer;text-align:left;font-size:.67rem}.chat-message-menu button:last-child{border:0}.chat-message-menu button:hover{background:rgba(168,85,247,.1);color:#fff}.chat-message-menu button:first-child{color:#ff9aaa}.chat-new-messages{position:absolute;z-index:20;left:50%;bottom:112px;transform:translateX(-50%);padding:.55rem .8rem;border:1px solid rgba(168,85,247,.45);border-radius:999px;background:#21142d;color:#eadcff;cursor:pointer;font-size:.67rem;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.35)}.chat-compose{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--line);background:#0d0a12}.chat-compose-avatar img{width:42px;height:46px;object-fit:cover;border:1px solid rgba(168,85,247,.35);border-radius:8px}.chat-compose-field textarea{width:100%;min-height:58px;max-height:145px;resize:vertical;padding:.7rem .8rem;border:1px solid #302839;border-radius:8px;outline:none;background:#08060d;color:#fff;line-height:1.45}.chat-compose-field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.chat-compose-field textarea:disabled{opacity:.5;cursor:not-allowed}.chat-compose-field>div{display:flex;justify-content:space-between;gap:1rem;margin-top:.25rem;color:#69616f;font-size:.56rem}.chat-compose .button:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-feedback{min-height:24px;margin:0;padding:0 1.25rem .55rem;color:#817789;font-size:.65rem}.chat-feedback.is-error{color:#ff9aaa}.chat-sidebar{position:sticky;top:calc(var(--header) + 1rem);display:grid;gap:1rem}.chat-info-card,.chat-admin-card{padding:1.5rem}.chat-info-card h2{margin:.15rem 0 .8rem;font-size:2rem;text-transform:uppercase}.chat-info-card>p:not(.eyebrow),.chat-admin-card>p:not(.eyebrow){color:#8a8290;font-size:.78rem;line-height:1.7}.chat-info-card ul{display:grid;gap:.55rem;margin:1.2rem 0 0;padding:1.1rem 0 0;border-top:1px solid var(--line);list-style:none;color:#b8b0c0;font-size:.7rem}.chat-info-card li:before{content:"✓";margin-right:.55rem;color:var(--success)}.chat-admin-card{border-color:rgba(238,44,167,.25);background:linear-gradient(135deg,rgba(238,44,167,.055),#100d16)}.chat-admin-card h3{margin:0;text-transform:uppercase}.chat-unavailable{padding:3rem;text-align:center}.chat-unavailable h2{font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase}
.chat-message.is-own{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bubble menu";padding-left:10%}.chat-message.is-own .chat-message-avatar{display:none}.chat-message.is-own .chat-message-body{grid-area:bubble;justify-self:end;border-color:rgba(168,85,247,.42);border-radius:12px 4px 12px 12px;background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(36,18,48,.96))}.chat-message.is-own .chat-message-menu{grid-area:menu}.chat-leave-dialog{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:1rem}.chat-leave-dialog[hidden]{display:none}.chat-leave-backdrop{position:absolute;inset:0;border:0;background:rgba(3,2,6,.82);backdrop-filter:blur(8px);cursor:pointer}.chat-leave-card{position:relative;width:min(100%,520px);padding:clamp(1.5rem,5vw,2.5rem);border-color:rgba(168,85,247,.38);background:radial-gradient(circle at 85% 12%,rgba(168,85,247,.16),transparent 35%),#100d16;box-shadow:0 30px 100px rgba(0,0,0,.7)}.chat-leave-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:1.5rem;border:1px solid rgba(168,85,247,.48);border-radius:50%;color:#d8b4ff;font-size:1.25rem}.chat-leave-card h2{margin:.3rem 0 .8rem;font-size:clamp(2rem,7vw,3.3rem);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.chat-leave-card>p:not(.eyebrow){margin:0;color:#8c8493;line-height:1.7}.chat-leave-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:2rem}.chat-leave-confirm{border-color:rgba(255,101,122,.38);color:#ff9aaa}body.chat-dialog-open{overflow:hidden}
@media(max-width:920px){.chat-layout{grid-template-columns:1fr}.chat-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.chat-messages{height:60vh}}
@media(max-width:620px){.nav-chat-link{justify-content:space-between!important}.chat-page{width:min(100% - 1rem,1180px);padding-top:calc(var(--header) + 2rem)}.chat-status-bar{align-items:flex-start;flex-direction:column;gap:.5rem}.chat-status-bar>p{padding-left:1.35rem}.chat-messages{height:58vh;min-height:430px;padding:.8rem .8rem 1.35rem;scroll-padding-bottom:1.35rem}.chat-message{grid-template-columns:34px minmax(0,1fr) auto;gap:.5rem}.chat-message.is-own{grid-template-columns:minmax(0,1fr) 30px;padding-left:6%}.chat-message-avatar{width:34px;height:38px}.chat-message-body{max-width:94%;padding:.6rem .7rem}.chat-message.is-own .chat-message-body{max-width:94%}.chat-message-menu>div{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;width:auto}.chat-compose{grid-template-columns:minmax(0,1fr) auto;padding:.8rem}.chat-compose-avatar{display:none}.chat-compose-field>div span{display:none}.chat-compose .button{min-width:0;padding-inline:.8rem}.chat-sidebar{grid-template-columns:1fr}.chat-new-messages{bottom:104px}.chat-leave-actions{display:grid;grid-template-columns:1fr}.chat-leave-actions .button{width:100%}}

/* Online-Anzeige im Mitgliederbereich */
.member-online-section{margin-top:1rem;padding:clamp(1.2rem,3vw,2rem);background:linear-gradient(135deg,rgba(85,230,165,.04),rgba(168,85,247,.035))}.member-online-heading,.chat-online-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.member-online-heading{margin-bottom:1.25rem}.member-online-heading .eyebrow,.chat-online-heading .eyebrow{margin-bottom:.45rem}.member-online-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);text-transform:uppercase}.member-online-heading>span{display:flex;align-items:center;gap:.38rem;padding:.45rem .65rem;border:1px solid rgba(85,230,165,.28);border-radius:999px;color:#91a99e;font-size:.62rem;font-weight:800;text-transform:uppercase}.member-online-heading>span b{color:var(--success)}.member-online-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.online-member{--member-accent:#a855f7;min-width:0;display:flex;align-items:center;gap:.7rem;padding:.72rem;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0d0a12;transition:.2s}.online-member[href]:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--member-accent) 48%,transparent);background:#15101c}.online-member-avatar{position:relative;flex:0 0 40px;height:44px}.online-member-avatar img{width:40px;height:44px;object-fit:cover;border:1px solid color-mix(in srgb,var(--member-accent) 50%,transparent);border-radius:7px;background:#08060d}.online-member-avatar i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #0d0a12;border-radius:50%;background:var(--success);box-shadow:0 0 9px rgba(85,230,165,.65)}.online-member>span:last-child{min-width:0;display:grid}.online-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.online-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77707e;font-size:.58rem}.online-member.is-current{border-color:rgba(85,230,165,.2)}.member-online-loading{grid-column:1/-1;margin:.4rem 0;color:#77707e;font-size:.75rem}.chat-online-card{padding:1.25rem}.chat-online-heading{align-items:center;margin-bottom:.8rem}.chat-online-heading h3{margin:0;text-transform:uppercase}.chat-online-heading>span{min-width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(85,230,165,.3);border-radius:50%;color:var(--success);font-size:.68rem;font-weight:900}.compact-online-list{display:grid;gap:.45rem}.compact-online-list .online-member{padding:.55rem}.compact-online-list .online-member-avatar{flex-basis:34px;height:38px}.compact-online-list .online-member-avatar img{width:34px;height:38px}.compact-online-list .online-member strong{font-size:.7rem}
@media(max-width:980px){.member-online-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.member-online-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.member-online-list{grid-template-columns:1fr}.member-online-heading{align-items:flex-start;flex-direction:column}}

/* Profilfarbe: browserunabhängige Auswahl mit Vorschau */
.profile-color-picker{--profile-color-preview:#a855f7;display:grid;gap:.75rem}.profile-color-controls{display:grid;grid-template-columns:64px minmax(130px,190px) minmax(80px,1fr);gap:.65rem;align-items:center}.profile-color-controls input[type=color]{width:64px;height:50px;padding:.3rem;border:1px solid #302a37;border-radius:7px;background:#09070d;cursor:pointer}.profile-color-controls input[type=text]{min-height:50px;font:800 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.profile-color-controls input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(255,101,122,.1)}.profile-color-preview{min-width:80px;height:50px;border:1px solid var(--profile-color-preview);border-radius:7px;background:var(--profile-color-preview);box-shadow:0 0 18px rgba(168,85,247,.18)}@supports(color:color-mix(in srgb,#fff 50%,#000)){.profile-color-preview{border-color:color-mix(in srgb,var(--profile-color-preview) 75%,white);background:linear-gradient(135deg,var(--profile-color-preview),color-mix(in srgb,var(--profile-color-preview) 55%,#08060d));box-shadow:0 0 24px color-mix(in srgb,var(--profile-color-preview) 28%,transparent)}}.profile-color-presets{display:flex;flex-wrap:wrap;gap:.55rem}.profile-color-presets button{width:34px;height:34px;padding:0;border:2px solid transparent;border-radius:50%;outline:2px solid transparent;outline-offset:2px;background:var(--preset-color);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:transform .15s,outline-color .15s}.profile-color-presets button:hover{transform:scale(1.1)}.profile-color-presets button.is-selected{outline-color:#fff}.profile-color-demo{display:grid;gap:.1rem;padding:.9rem 1rem;border:1px solid #352d3b;border-left:5px solid var(--profile-color-preview);border-radius:7px;background:#0d0a12}.profile-color-demo span{color:var(--profile-color-preview);font-size:.57rem;font-weight:900;letter-spacing:.13em}.profile-color-demo strong{font-size:1.05rem}.profile-color-demo i{color:#77707e;font-size:.68rem;font-style:normal}

/* Die persönliche Profilfarbe ist bewusst deutlich sichtbar. */
.public-profile-card{position:relative;border-left:4px solid var(--profile-accent)}.public-avatar{border:2px solid var(--profile-accent)}.public-profile-card div>span{color:var(--profile-accent)}.profile-hero{border-bottom:3px solid var(--profile-accent)}.profile-avatar-large{border:3px solid var(--profile-accent);box-shadow:0 0 0 1px var(--profile-accent)}.profile-intro .eyebrow,.profile-intro>p:last-child{color:var(--profile-accent)}.profile-crosshair{border-color:var(--profile-accent);opacity:.22}.profile-crosshair:before,.profile-crosshair:after{background:var(--profile-accent)}.profile-main,.profile-side{border-top:3px solid var(--profile-accent)}.profile-main>.eyebrow,.profile-side>.eyebrow{color:var(--profile-accent)}.game-tags span{border-color:var(--profile-accent);color:var(--profile-accent)}
html.chat-positioning{scroll-behavior:auto!important}
@media(max-width:620px){.profile-color-controls{grid-template-columns:62px minmax(120px,1fr) 54px}.profile-color-preview{min-width:54px}.chat-messages{scroll-behavior:auto;overflow-anchor:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.chat-compose{scroll-margin-block:12px}body.chat-keyboard-open{overflow-anchor:none}body.chat-keyboard-open .chat-main{overflow-anchor:none}}

/* Login schließen */
.auth-card{position:relative}.auth-close{position:absolute;z-index:4;right:clamp(1rem,3vw,2.4rem);top:clamp(1rem,3vw,2.4rem);width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.035);color:#aaa2b3;font-size:1.45rem;line-height:1;transition:.2s}.auth-close:hover{transform:rotate(90deg);border-color:rgba(168,85,247,.7);color:#fff;background:rgba(168,85,247,.09)}@media(min-width:721px){.auth-page[data-login-page] .auth-visual{cursor:pointer}.auth-page[data-login-page] .auth-visual:after{content:"ANMELDUNG SCHLIESSEN";position:absolute;left:clamp(1.25rem,8vw,8rem);bottom:2rem;color:#69616f;font:800 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}}

/* Privates Administrator-Archiv für den Crew Chat */
.chat-archive-card{padding:1.5rem;border-color:rgba(39,214,255,.22);background:linear-gradient(135deg,rgba(39,214,255,.045),#100d16)}.chat-archive-card h3{margin:0;text-transform:uppercase}.chat-archive-card>p:not(.eyebrow){color:#8a8290;font-size:.78rem;line-height:1.7}.chat-archive-open{width:100%;margin-top:.7rem}.chat-archive-dialog{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:1rem}.chat-archive-dialog[hidden]{display:none}.chat-archive-backdrop{position:absolute;inset:0;border:0;background:rgba(3,2,6,.86);backdrop-filter:blur(9px);cursor:pointer}.chat-archive-panel{position:relative;width:min(100%,880px);max-height:min(88vh,820px);display:flex;flex-direction:column;overflow:hidden;border-color:rgba(39,214,255,.28);background:radial-gradient(circle at 92% 6%,rgba(39,214,255,.08),transparent 28%),#100d16;box-shadow:0 30px 100px rgba(0,0,0,.75)}.chat-archive-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--line)}.chat-archive-header .eyebrow{margin-bottom:.4rem}.chat-archive-header h2{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.chat-archive-close{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.025);color:#aaa2b3;cursor:pointer;font-size:1.55rem;line-height:1;transition:.2s}.chat-archive-close:hover{transform:rotate(90deg);border-color:rgba(39,214,255,.55);color:#fff}.chat-archive-intro{margin:0;padding:1rem 1.5rem;color:#817987;font-size:.76rem;line-height:1.6}.chat-archive-list{min-height:180px;overflow-y:auto;padding:0 1.5rem 1.5rem;scrollbar-color:#375060 #0d0a12}.chat-archive-loading,.chat-archive-empty{margin:0;padding:3rem 1rem;border:1px dashed #302a37;border-radius:9px;color:#77707e;text-align:center}.chat-archive-empty strong{color:#d5cedb}.chat-archive-empty p{margin:.35rem 0 0}.chat-archive-entry{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:1rem 0;border-top:1px solid var(--line)}.chat-archive-entry:first-child{border-top:0}.chat-archive-entry>img{width:44px;height:48px;object-fit:cover;border:1px solid #372b43;border-radius:8px;background:#09070d}.chat-archive-meta{display:flex;align-items:center;gap:.65rem;margin-bottom:.3rem}.chat-archive-meta strong{font-size:.76rem}.chat-archive-meta time{color:#6f6875;font-size:.6rem}.chat-archive-entry>div>p{margin:0;color:#c9c1cf;font-size:.82rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.chat-archive-entry.is-deleted>div>p{color:#77707e;font-style:italic}.chat-archive-delete{align-self:center;padding:.58rem .7rem;border:1px solid rgba(255,101,122,.32);border-radius:6px;background:rgba(255,101,122,.035);color:#ff9aaa;cursor:pointer;font-size:.61rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.chat-archive-delete:hover{border-color:rgba(255,101,122,.7);background:rgba(255,101,122,.09)}.chat-archive-delete:disabled{opacity:.45;cursor:wait}@media(max-width:620px){.chat-archive-dialog{padding:.5rem}.chat-archive-panel{max-height:92vh}.chat-archive-header{padding:1.1rem}.chat-archive-intro{padding:.85rem 1.1rem}.chat-archive-list{padding:0 1.1rem 1.1rem}.chat-archive-entry{grid-template-columns:36px minmax(0,1fr)}.chat-archive-entry>img{width:36px;height:40px}.chat-archive-delete{grid-column:2;justify-self:start}.chat-archive-header h2{font-size:2rem}}

/* Hochwertige Hintergrundgrafik – Positionierung bleibt unverändert */
.site-watermark>img{width:100%;height:100%;object-fit:cover;filter:none;-webkit-mask-image:radial-gradient(circle,#000 0 64%,rgba(0,0,0,.84) 78%,transparent 100%);mask-image:radial-gradient(circle,#000 0 64%,rgba(0,0,0,.84) 78%,transparent 100%)}

/* Geschützter Downloadbereich */
.downloads-card{border-color:rgba(39,214,255,.24);background:linear-gradient(135deg,rgba(39,214,255,.055),rgba(124,58,237,.045))}.downloads-page{max-width:1180px}.downloads-overview{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;padding:1.2rem 1.4rem}.downloads-overview>div{display:flex;align-items:center;gap:1rem}.downloads-overview>div>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(39,214,255,.34);border-radius:50%;color:var(--cyan);font-size:1.25rem;font-weight:900;box-shadow:0 0 22px rgba(39,214,255,.08)}.downloads-overview p{display:grid;margin:0}.downloads-overview strong{text-transform:uppercase}.downloads-overview small{color:#77707e}.downloads-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem}.download-card{overflow:hidden;border-color:rgba(168,85,247,.26);background:#100d16}.download-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line);background:#08060d}.download-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(7,5,10,.7))}.download-preview img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.download-card:hover .download-preview img{transform:scale(1.025)}.download-preview>span{position:absolute;z-index:2;right:1rem;top:1rem;min-width:48px;padding:.42rem .6rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,6,13,.72);backdrop-filter:blur(8px);color:#fff;text-align:center;font:.9rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.35)}.download-card-content{padding:clamp(1.25rem,3vw,2rem)}.download-card-content .eyebrow{margin-bottom:.65rem;color:var(--cyan)}.download-card-content h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1;text-transform:uppercase;letter-spacing:-.045em}.download-card-content>p:not(.eyebrow){max-width:690px;margin:1rem 0;color:#918998;line-height:1.7}.download-meta{display:grid;grid-template-columns:repeat(3,1fr);margin:1.4rem 0;border-block:1px solid var(--line)}.download-meta>div{display:grid;gap:.15rem;padding:.85rem;border-right:1px solid var(--line)}.download-meta>div:first-child{padding-left:0}.download-meta>div:last-child{border-right:0}.download-meta dt{color:#6f6875;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.download-meta dd{margin:0;color:#d8d0df;font-size:.75rem;font-weight:800}.download-button{min-width:220px}.download-button>span{font-size:1.05rem}.download-coming-soon{min-height:430px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(1.5rem,4vw,2.5rem);border-style:dashed;background:radial-gradient(circle at 75% 20%,rgba(168,85,247,.1),transparent 35%),rgba(255,255,255,.012)}.download-coming-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:2rem;border:1px solid rgba(168,85,247,.45);border-radius:50%;color:#d3adff;font-size:2rem}.download-coming-soon .eyebrow{margin-bottom:.65rem}.download-coming-soon h2{margin:0;font-size:clamp(1.7rem,3.5vw,2.6rem);line-height:1;text-transform:uppercase}.download-coming-soon>p:last-child{color:#817987;font-size:.82rem;line-height:1.7}@media(max-width:820px){.downloads-grid{grid-template-columns:1fr}.download-coming-soon{min-height:280px}}@media(max-width:620px){.downloads-overview{align-items:stretch;flex-direction:column}.downloads-overview .button{width:100%}.download-meta{grid-template-columns:1fr}.download-meta>div,.download-meta>div:first-child{padding:.7rem 0;border-right:0;border-bottom:1px solid var(--line)}.download-meta>div:last-child{border-bottom:0}.download-button{width:100%}}

/* Lieblingsspiel und Spiele im öffentlichen Profil */
.profile-favorite-game,.profile-games{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line)}.profile-detail-label{margin:0 0 .8rem;color:var(--profile-accent);font:900 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.profile-favorite-game h2{margin:.15rem 0 0}.profile-games .game-tags{margin-top:0}

/* Die Aktionsleiste verdeckt auf kleinen Displays keine Formularfelder. */
@media(max-width:720px){.profile-editor .sticky-form-actions{position:static;bottom:auto;z-index:auto;margin-top:.25rem}}

/* Sichtbarkeit des eigenen Profils */
.profile-status-copy{min-width:0;flex:1}.profile-visibility-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.profile-visibility-controls form{margin:0}.profile-visibility-choice{min-height:38px;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid #393240;border-radius:7px;background:#17121e;color:#aaa2b3;cursor:pointer;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:.2s}.profile-visibility-choice i{width:8px;height:8px;border-radius:50%;background:#69616f;box-shadow:0 0 0 3px rgba(255,255,255,.025)}.profile-visibility-choice:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.58);color:#fff}.profile-visibility-choice.is-public.is-selected{border-color:rgba(85,230,165,.48);background:rgba(85,230,165,.075);color:var(--success)}.profile-visibility-choice.is-public.is-selected i{background:var(--success);box-shadow:0 0 10px rgba(85,230,165,.6)}.profile-visibility-choice.is-private.is-selected{border-color:rgba(168,85,247,.5);background:rgba(168,85,247,.08);color:#d8b4ff}.profile-visibility-choice.is-private.is-selected i{background:var(--purple);box-shadow:0 0 10px rgba(168,85,247,.6)}.profile-visibility-choice:disabled{opacity:1;cursor:default;transform:none}@media(max-width:480px){.profile-status-card{flex-wrap:wrap}.profile-status-copy{flex-basis:calc(100% - 110px)}.profile-visibility-controls{width:100%}.profile-visibility-controls form{flex:1}.profile-visibility-choice{width:100%;justify-content:center}}

/* v2.9.4 – gegliederte Mitglieder-Navigation */
.nav-group{display:contents}
.nav-group-title{display:none}
body.nav-open{overflow:hidden;touch-action:none}

@media(max-width:1050px){
  .site-header{z-index:10000;background:#08060d;backdrop-filter:none}
  .menu-toggle{position:relative;z-index:10002}
  .main-nav{
    z-index:10001;
    inset:var(--header) 0 0;
    height:calc(100dvh - var(--header));
    max-height:calc(100dvh - var(--header));
    overflow-y:auto;
    overscroll-behavior:contain;
    align-content:start;
    padding:1rem clamp(1rem,4vw,1.5rem) calc(1.5rem + env(safe-area-inset-bottom));
    border-bottom:0;
    background:#08060d;
    box-shadow:0 24px 70px rgba(0,0,0,.62);
  }
  .main-nav.is-open{display:block}
  .main-nav .nav-group{
    --nav-accent:var(--purple);
    display:block;
    margin:0 0 .85rem;
    padding:.55rem .85rem .35rem;
    border:1px solid color-mix(in srgb,var(--nav-accent) 26%,#2a2530);
    border-left:3px solid var(--nav-accent);
    border-radius:10px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--nav-accent) 7%,#0d0a12),#0d0a12 58%);
  }
  .main-nav .nav-group-community{--nav-accent:#a855f7}
  .main-nav .nav-group-membership{--nav-accent:#2dc7e8}
  .main-nav .nav-group-games{--nav-accent:#ec35b5}
  .main-nav .nav-group-admin{--nav-accent:#f0b64a}
  .main-nav .nav-group-title{
    display:block;
    padding:.38rem .15rem .5rem;
    color:var(--nav-accent);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .main-nav .nav-group>a,
  .main-nav .nav-group .logout-form button{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    padding:.78rem .15rem;
    border:0;
    border-top:1px solid rgba(255,255,255,.07);
    border-radius:0;
    color:#d8d2de!important;
    background:transparent;
    text-align:left;
  }
  .main-nav .nav-group>a:hover,
  .main-nav .nav-group .logout-form button:hover{
    color:#fff!important;
    background:color-mix(in srgb,var(--nav-accent) 7%,transparent);
  }
  .main-nav .nav-group .admin-link{padding:.78rem .15rem;background:transparent}
  .main-nav .nav-group .logout-form{margin:0}
  .main-nav .nav-group .logout-form button{cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .main-nav .nav-chat-link{gap:.7rem}
  .main-nav .nav-count{margin-left:auto}
}

/* v5.0.7 – globale Chat-Popups */
.chat-toast-stack{position:fixed;z-index:120000;right:max(16px,env(safe-area-inset-right));bottom:max(20px,calc(env(safe-area-inset-bottom) + 20px));width:min(390px,calc(100vw - 32px));display:grid;gap:.7rem;pointer-events:none}
.chat-toast{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;padding:.8rem .85rem;border:1px solid rgba(168,85,247,.42);border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(168,85,247,.18),transparent 34%),rgba(14,10,20,.97);box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 25px rgba(168,85,247,.12);backdrop-filter:blur(16px);color:#fff;pointer-events:auto;cursor:pointer;overflow:hidden;animation:chatToastIn .28s ease-out}
.chat-toast:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#27d6ff,#a855f7,#ee2ca7)}
.chat-toast-avatar{width:46px;height:50px;object-fit:cover;border:1px solid rgba(168,85,247,.42);border-radius:9px;background:#08060d}
.chat-toast-copy{min-width:0}.chat-toast-copy strong{display:block;margin-bottom:.18rem;font-size:.76rem}.chat-toast-copy p{margin:0;color:#b9b1c0;font-size:.72rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-toast-label{display:block;margin-bottom:.18rem;color:#6fe8bb;font-size:.53rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.chat-toast-arrow{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#d9c9e7;font-size:.88rem}.chat-toast:hover{border-color:rgba(168,85,247,.72);transform:translateY(-1px)}
.chat-toast.is-leaving{animation:chatToastOut .22s ease-in forwards}
@keyframes chatToastIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes chatToastOut{to{opacity:0;transform:translateY(12px) scale(.97)}}
@media(max-width:620px){.chat-toast-stack{right:12px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));width:calc(100vw - 24px)}.chat-toast{grid-template-columns:42px minmax(0,1fr) auto;padding:.72rem}.chat-toast-avatar{width:42px;height:46px}}
/* Crew Chat: Seitenüberschrift als eigene No-Aim-Box */
.chat-page-title{margin-bottom:2rem;padding:clamp(1.35rem,3.6vw,2.25rem);border-color:rgba(168,85,247,.28);background:linear-gradient(145deg,rgba(168,85,247,.065),rgba(255,255,255,.018));box-shadow:0 14px 46px rgba(0,0,0,.2)}
.chat-page-title .dashboard-heading{margin:0}
.chat-page-title .dashboard-heading .eyebrow{margin-bottom:.8rem}
.chat-page-title .dashboard-heading h1{font-size:clamp(2.5rem,6vw,5rem)}
.chat-page-title .dashboard-heading>div>p:last-child{margin:.9rem 0 0}
@media(max-width:620px){.chat-page-title{padding:1.3rem 1.2rem;margin-bottom:1.5rem}.chat-page-title .dashboard-heading h1{font-size:clamp(2.35rem,12vw,3.7rem)}}



/* Chat-Antworten v5.0.12 */
.chat-reply-compose{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-top:1px solid rgba(168,85,247,.24);background:linear-gradient(90deg,rgba(124,58,237,.11),rgba(14,10,20,.98))}
.chat-reply-compose[hidden]{display:none}
.chat-reply-compose-copy{min-width:0;border-left:3px solid var(--purple);padding-left:.75rem}
.chat-reply-compose-copy>span{display:block;color:#91869a;font-size:.6rem;text-transform:uppercase;letter-spacing:.09em}
.chat-reply-compose-copy strong{color:#d6b6ff}
.chat-reply-compose-copy p{max-width:760px;margin:.22rem 0 0;color:#c8bfce;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-reply-compose>button{flex:0 0 36px;width:36px;height:36px;border:1px solid #3b3045;border-radius:50%;background:#100d16;color:#9d93a4;cursor:pointer;font-size:1.1rem;line-height:1}
.chat-reply-compose>button:hover{border-color:rgba(168,85,247,.5);color:#fff}
.chat-message-reply{width:100%;display:grid;gap:.12rem;margin:0 0 .48rem;padding:.48rem .6rem;border:0;border-left:3px solid rgba(168,85,247,.75);border-radius:4px;background:rgba(255,255,255,.035);color:inherit;cursor:pointer;text-align:left}
.chat-message-reply strong{color:#cda7ff;font-size:.62rem}
.chat-message-reply span{color:#817989;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-message.is-reply-selected .chat-message-body{border-color:rgba(85,230,165,.72);box-shadow:0 0 0 2px rgba(85,230,165,.08),0 0 26px rgba(85,230,165,.08)}
.chat-message.is-reply-target .chat-message-body{animation:chatReplyTarget 1.25s ease}
@keyframes chatReplyTarget{0%,100%{box-shadow:none}25%,70%{border-color:rgba(168,85,247,.75);box-shadow:0 0 0 3px rgba(168,85,247,.12),0 0 28px rgba(168,85,247,.12)}}
@media(max-width:620px){
  .chat-reply-compose{padding:.65rem .8rem}
  .chat-reply-compose-copy p{max-width:calc(100vw - 100px);font-size:.66rem}
  .chat-message:not(.is-own):not(.is-deleted) .chat-message-body{-webkit-user-select:none;user-select:none}
}

/* Member-Dashboard Kategorien v5.0.14 */
.dashboard-categories{display:grid;gap:1.45rem}.dashboard-category{min-width:0}.dashboard-category-heading{display:flex;align-items:center;gap:.8rem;margin:0 0 .65rem;padding:0 .15rem;color:#a855f7;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dashboard-category-heading i{height:1px;flex:1;background:linear-gradient(90deg,currentColor,transparent);opacity:.42}.dashboard-category-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.dashboard-category-profile-grid{grid-template-columns:2fr 1fr}.dashboard-category-profile-grid .profile-status-card{grid-column:auto}.dashboard-category-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem 1rem;align-items:start}.dashboard-category-columns .dashboard-card{min-height:168px}.dashboard-category-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-category-grid-two .dashboard-card{min-width:0}.category-security .dashboard-category-heading,.category-visibility .dashboard-category-heading{color:#a855f7}.category-games .dashboard-category-heading{color:#ee2ca7}.category-community .dashboard-category-heading,.category-media .dashboard-category-heading{color:#4ed6f2}.category-admin .dashboard-category-heading{color:#e5ad3d}.category-admin .admin-card{border-color:rgba(229,173,61,.28);background:linear-gradient(135deg,rgba(229,173,61,.07),rgba(238,44,167,.035))}
@media(min-width:1051px){.dashboard-category-profile{margin-bottom:.15rem}.dashboard-category-columns>.dashboard-category{display:flex;min-height:238px;flex-direction:column}.dashboard-category-columns .dashboard-category-grid{flex:1}.dashboard-category-columns .dashboard-card{height:100%}.dashboard-category-columns .dashboard-category-grid-two .dashboard-card{padding:1.25rem}.dashboard-category-columns .dashboard-category-grid-two .action-card{align-items:flex-start;flex-direction:column}.dashboard-category-columns .dashboard-category-grid-two .action-card>b{position:absolute;right:1.2rem;bottom:1.15rem}.dashboard-category-columns .dashboard-category-grid-two .action-card>span{margin-bottom:.25rem}.dashboard-category-columns .dashboard-category-grid-two .action-card p{padding-right:.4rem}.dashboard-category-columns .dashboard-category-grid-two .action-card div{width:100%}}
@media(max-width:1050px){.dashboard-category-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-category-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-category-grid-two{grid-template-columns:1fr}}
@media(max-width:720px){.dashboard-categories{gap:1.15rem}.dashboard-category-columns{grid-template-columns:1fr;gap:1.15rem}.dashboard-category-profile-grid{grid-template-columns:1fr}.dashboard-category-heading{margin-bottom:.55rem;font-size:.64rem}.dashboard-category-columns>.dashboard-category{min-height:0}.dashboard-category-columns .dashboard-card{min-height:150px}}


/* v5.0.15 – Hamburger-Navigation auch auf PC */
@media(min-width:1051px){
  .site-header{
    z-index:10000;
    background:rgba(6,5,10,.94);
    backdrop-filter:blur(18px);
  }

  .menu-toggle{
    position:relative;
    z-index:10002;
    display:block;
    width:48px;
    height:48px;
    padding:9px;
    border:1px solid transparent;
    border-radius:10px;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease;
  }
  .menu-toggle:hover{
    border-color:rgba(168,85,247,.35);
    background:rgba(168,85,247,.06);
  }
  .menu-toggle span{
    transition:transform .24s ease,opacity .18s ease;
    transform-origin:center;
  }
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .main-nav{
    position:fixed;
    z-index:10001;
    top:var(--header);
    right:0;
    bottom:0;
    left:auto;
    width:min(460px,calc(100vw - 2rem));
    height:calc(100dvh - var(--header));
    max-height:calc(100dvh - var(--header));
    display:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    align-content:start;
    gap:0;
    padding:1.15rem 1.25rem 2rem;
    border-left:1px solid var(--line);
    border-bottom:0;
    background:rgba(8,6,13,.985);
    box-shadow:-28px 24px 80px rgba(0,0,0,.58);
  }
  .main-nav.is-open{display:block}

  .main-nav .nav-group{
    --nav-accent:var(--purple);
    display:block;
    margin:0 0 .9rem;
    padding:.6rem .9rem .4rem;
    border:1px solid color-mix(in srgb,var(--nav-accent) 26%,#2a2530);
    border-left:3px solid var(--nav-accent);
    border-radius:10px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--nav-accent) 7%,#0d0a12),#0d0a12 58%);
  }
  .main-nav .nav-group-community{--nav-accent:#a855f7}
  .main-nav .nav-group-membership{--nav-accent:#2dc7e8}
  .main-nav .nav-group-games{--nav-accent:#ec35b5}
  .main-nav .nav-group-admin{--nav-accent:#f0b64a}

  .main-nav .nav-group-title{
    display:block;
    padding:.4rem .15rem .55rem;
    color:var(--nav-accent);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
  }

  .main-nav .nav-group>a,
  .main-nav .nav-group .logout-form button{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:.82rem .15rem;
    border:0;
    border-top:1px solid rgba(255,255,255,.07);
    border-radius:0;
    color:#d8d2de!important;
    background:transparent;
    text-align:left;
  }
  .main-nav .nav-group>a:hover,
  .main-nav .nav-group .logout-form button:hover{
    color:#fff!important;
    background:color-mix(in srgb,var(--nav-accent) 7%,transparent);
  }
  .main-nav .nav-group .admin-link{
    padding:.82rem .15rem;
    background:transparent;
  }
  .main-nav .nav-group .logout-form{margin:0}
  .main-nav .nav-group .logout-form button{
    cursor:pointer;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .main-nav .nav-chat-link{gap:.7rem}
  .main-nav .nav-count{margin-left:auto}
}

/* Hamburger wird in beiden Ansichten beim Öffnen zum X */
@media(max-width:1050px){
  .menu-toggle span{transition:transform .24s ease,opacity .18s ease;transform-origin:center}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}


/* v5.0.16 – Live-Schreibanzeige im Crew Chat */
.chat-typing-indicator{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-height:28px;
  margin:.15rem 0 .3rem 54px;
  padding:.15rem .25rem;
  color:#8f8598;
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.01em;
}
.chat-typing-indicator[hidden]{display:none}
.chat-typing-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-typing-dots{display:inline-flex;align-items:flex-end;gap:3px;height:14px}
.chat-typing-dots i{
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#a855f7;
  box-shadow:0 0 8px rgba(168,85,247,.45);
  animation:chatTypingBounce .9s ease-in-out infinite;
}
.chat-typing-dots i:nth-child(2){animation-delay:.14s}
.chat-typing-dots i:nth-child(3){animation-delay:.28s}
@keyframes chatTypingBounce{
  0%,60%,100%{transform:translateY(0);opacity:.45}
  30%{transform:translateY(-5px);opacity:1}
}
@media(max-width:620px){
  .chat-typing-indicator{margin-left:46px;font-size:.64rem;min-height:24px}
}
@media(prefers-reduced-motion:reduce){
  .chat-typing-dots i{animation:none;opacity:.8}
}


/* 5.0.44 · Chat-Nachricht bearbeiten – sauberer Inline-Editor */
.chat-message.is-editing .chat-message-body{
  width:min(100%,520px);
  max-width:min(92vw,520px);
  padding:.75rem;
}
.chat-message.is-own.is-editing{
  padding-left:4%;
}
.chat-message-edit-form{
  display:grid;
  gap:.55rem;
  width:100%;
  margin-top:.15rem;
}
.chat-message-edit-form textarea{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:76px;
  max-height:180px;
  resize:none;
  overflow-y:auto;
  padding:.7rem .75rem;
  border:1px solid rgba(168,85,247,.48);
  border-radius:9px;
  outline:0;
  background:#0a0710;
  color:#eee7f3;
  font:inherit;
  font-size:.82rem;
  line-height:1.5;
  caret-color:#c66cff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01);
  appearance:none;
  -webkit-appearance:none;
}
.chat-message-edit-form textarea:focus{
  border-color:#a855f7;
  box-shadow:0 0 0 3px rgba(168,85,247,.10),0 0 20px rgba(168,85,247,.08);
}
.chat-message-edit-form>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
}
.chat-message-edit-form>div>small{
  color:#776d80;
  font:800 .54rem/1 ui-monospace,monospace;
  white-space:nowrap;
}
.chat-message-edit-form>div>span{
  display:flex;
  gap:.45rem;
  margin-left:auto;
}
.chat-message-edit-form button{
  min-height:36px;
  padding:.48rem .72rem;
  border:1px solid #3a3141;
  border-radius:7px;
  background:#15101b;
  color:#c2b8ca;
  cursor:pointer;
  font-size:.62rem;
  font-weight:850;
}
.chat-message-edit-form button:hover:not(:disabled){
  border-color:#685474;
  color:#fff;
}
.chat-message-edit-form button.is-save{
  border-color:rgba(168,85,247,.55);
  background:linear-gradient(135deg,rgba(124,58,237,.42),rgba(181,43,220,.34));
  color:#f5eaff;
}
.chat-message-edit-form button:disabled{
  opacity:.42;
  cursor:wait;
}
@media(max-width:520px){
  .chat-message.is-own.is-editing{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"bubble";
    padding-left:12%;
    padding-right:.15rem;
  }
  .chat-message.is-own.is-editing .chat-message-menu{
    display:none;
  }
  .chat-message.is-editing .chat-message-body{
    width:100%;
    max-width:100%;
    padding:.65rem;
    border-radius:12px 4px 12px 12px;
  }
  .chat-message-edit-form textarea{
    min-height:68px;
    max-height:150px;
    padding:.65rem .7rem;
    font-size:16px; /* verhindert Browser-Zoom auf Mobilgeräten */
  }
  .chat-message-edit-form>div{
    align-items:flex-end;
  }
  .chat-message-edit-form>div>span{
    flex:1;
    justify-content:flex-end;
  }
  .chat-message-edit-form button{
    min-height:40px;
    padding:.55rem .65rem;
  }
}


/* v5.0.47 · eigener No-Aim-Löschdialog statt Browser-confirm() */
.chat-delete-dialog[hidden]{display:none!important}
.chat-delete-dialog{
  position:fixed;
  z-index:120000;
  inset:0;
  display:grid;
  place-items:center;
  padding:1rem;
}
.chat-delete-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(3,2,6,.84);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  cursor:pointer;
}
.chat-delete-card{
  position:relative;
  z-index:1;
  width:min(100%,520px);
  padding:clamp(1.35rem,5vw,2rem);
  border-color:rgba(255,82,122,.34);
  background:
    radial-gradient(circle at 88% 8%,rgba(255,69,118,.11),transparent 32%),
    radial-gradient(circle at 8% 100%,rgba(168,85,247,.08),transparent 35%),
    #100c14;
  box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 44px rgba(255,55,108,.06);
}
.chat-delete-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:1rem;
  border:1px solid rgba(255,91,126,.48);
  border-radius:50%;
  background:rgba(255,68,105,.055);
  color:#ff8ca5;
  font-size:1.65rem;
  line-height:1;
}
.chat-delete-card h2{
  margin:.25rem 0 .75rem;
  color:#fff;
  font-size:clamp(1.65rem,7vw,2.55rem);
  line-height:1;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.chat-delete-copy{
  margin:0;
  color:#aaa0b0;
  font-size:.82rem;
  line-height:1.65;
}
.chat-delete-warning{
  margin:1rem 0 0;
  padding:.72rem .82rem;
  border:1px solid rgba(255,91,126,.19);
  border-radius:8px;
  background:rgba(255,68,105,.035);
  color:#d9899b;
  font-size:.66rem;
  line-height:1.5;
}
.chat-delete-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.65rem;
  margin-top:1.35rem;
}
.chat-delete-actions .button{min-height:50px}
.chat-delete-confirm{
  border-color:rgba(255,85,122,.56)!important;
  background:linear-gradient(135deg,rgba(105,19,43,.96),rgba(175,29,68,.9))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(196,38,78,.15)!important;
}
.chat-delete-confirm:hover,
.chat-delete-confirm:focus{
  border-color:#ff6687!important;
  box-shadow:0 14px 34px rgba(216,43,86,.23)!important;
}
body.chat-delete-dialog-open{overflow:hidden}
@media(max-width:520px){
  .chat-delete-dialog{padding:.7rem}
  .chat-delete-card{padding:1.2rem}
  .chat-delete-actions{grid-template-columns:1fr}
  .chat-delete-actions .button{min-height:48px}
}

/* Fortnite profile integration */
.fortnite-editor-section,.fortnite-admin-card,.profile-fortnite{position:relative;overflow:hidden}.fortnite-admin-card{margin-bottom:1rem}
.fortnite-editor-section::before,.fortnite-admin-card::before,.profile-fortnite::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#27d6ff,#a855f7);box-shadow:0 0 20px rgba(39,214,255,.45)}
.fortnite-link-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;align-items:stretch}
.fortnite-link-status{border:1px solid rgba(39,214,255,.2);background:rgba(8,15,29,.62);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.fortnite-link-status strong{font-size:1.05rem;color:#e9fbff}.fortnite-link-status span{color:#a9c8d8}.fortnite-link-status small,.fortnite-admin-note,.fortnite-sync-note{color:#6f8da0}
.fortnite-refresh-button{margin-top:16px}.fortnite-admin-note{margin:14px 0 0;font-size:.86rem}
.profile-fortnite{grid-column:1 / -1;padding:24px}
.profile-fortnite-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.profile-fortnite-head h2{margin:.2rem 0 0}.profile-fortnite-head>span{font-size:.68rem;letter-spacing:.18em;color:#27d6ff;border:1px solid rgba(39,214,255,.25);border-radius:999px;padding:7px 9px;background:rgba(39,214,255,.07)}
.fortnite-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fortnite-stat-grid article{border:1px solid rgba(168,85,247,.16);background:linear-gradient(180deg,rgba(21,29,48,.8),rgba(7,12,23,.82));border-radius:14px;padding:14px;min-width:0}.fortnite-stat-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#7f9aad;margin-bottom:5px}.fortnite-stat-grid strong{font-size:1.28rem;color:#f5fbff;white-space:nowrap}.fortnite-sync-note{margin:13px 0 0;font-size:.75rem}.fortnite-empty{margin:0;color:#90a8b7}
.fortnite-api-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.fortnite-api-actions{display:flex;gap:10px;flex-wrap:wrap}.fortnite-admin-card code{color:#8fe8ff}
@media (max-width:900px){.fortnite-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fortnite-api-form{grid-template-columns:1fr}}
@media (max-width:640px){.fortnite-link-grid{grid-template-columns:1fr}.fortnite-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-fortnite{padding:18px}.profile-fortnite-head{align-items:center}.fortnite-api-actions{display:grid;grid-template-columns:1fr}.fortnite-api-actions .button{width:100%}}

.fortnite-visibility-box{margin-top:16px;border:1px solid rgba(39,214,255,.16);background:rgba(8,15,29,.48);border-radius:14px;padding:14px 16px}.fortnite-visibility-box .check-field{margin:0}.fortnite-visibility-box small{display:block;margin-top:8px;color:#6f8da0}.fortnite-visibility-warning{margin:9px 0 0;color:#ffbd6b;font-size:.82rem;line-height:1.45}
/* No-Aim Progression / Challenges */
.challenge-hub{padding-bottom:4rem}.rank-panel{display:flex;align-items:center;gap:1.4rem;padding:1.4rem;margin-bottom:1rem;border:1px solid rgba(170,75,255,.38);box-shadow:0 0 28px rgba(135,44,255,.08) inset}.rank-emblem{width:104px;height:116px;flex:0 0 104px;position:relative;display:grid;place-items:center;clip-path:polygon(50% 0,92% 18%,92% 72%,50% 100%,8% 72%,8% 18%);background:linear-gradient(150deg,#17d9ff,#8d35ff 48%,#eb28e6);filter:drop-shadow(0 0 16px rgba(121,58,255,.5))}.rank-emblem:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:#0b0911}.rank-emblem span{position:absolute;width:58px;height:58px;border:3px solid #a84aff;border-radius:50%;box-shadow:0 0 16px #7a35ff inset}.rank-emblem span:before,.rank-emblem span:after{content:"";position:absolute;background:#33d8ff}.rank-emblem span:before{width:74px;height:2px;left:-11px;top:26px}.rank-emblem span:after{height:74px;width:2px;top:-11px;left:26px}.rank-emblem b{position:relative;z-index:2;font-size:.9rem;letter-spacing:.12em}.rank-copy{flex:1}.rank-copy h2{margin:.1rem 0 .2rem}.xp-bar,.challenge-meter{height:7px;background:#171321;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.xp-bar{margin:.75rem 0 .45rem;max-width:620px}.xp-bar i,.challenge-meter i{display:block;height:100%;background:linear-gradient(90deg,#843cff,#25c9ff,#dd2ad8);box-shadow:0 0 12px #8a38ff}.challenge-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.challenge-list,.achievement-vault{padding:1.25rem}.challenge-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.challenge-head h2{margin:.1rem 0}.challenge-head>span{font-size:.72rem;letter-spacing:.12em;color:#a9a3b3}.challenge-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.95rem 0;border-top:1px solid rgba(255,255,255,.08)}.challenge-row:first-of-type{border-top:0}.challenge-row p{margin:.22rem 0 .5rem;color:#aaa4b3;font-size:.88rem}.challenge-row>b{color:#40d9ff;white-space:nowrap}.challenge-row.done{opacity:.72}.challenge-row.done strong:after{content:"  ✓";color:#4ef0a7}.challenge-meter{max-width:430px;height:5px;margin-bottom:.25rem}.achievement-group{margin-top:1.4rem}.achievement-group>h3{font-size:.78rem;letter-spacing:.17em;color:#d65cff;margin-bottom:.7rem}.achievement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.achievement-card{text-align:center;padding:1rem .6rem;border:1px solid rgba(134,86,174,.24);border-radius:16px;background:linear-gradient(180deg,rgba(23,18,31,.75),rgba(10,8,15,.9));min-height:220px}.achievement-card strong{display:block;margin-top:.65rem;font-size:.78rem;letter-spacing:.04em}.achievement-card p{font-size:.74rem;color:#a9a4b2;margin:.35rem 0}.achievement-card small{font-size:.65rem;color:#6ad9ff}.achievement-card.locked{filter:saturate(.12);opacity:.46}.achievement-emblem{--metal:#9aa1ac;--glow:#cbd3df;width:88px;height:98px;margin:auto;position:relative;display:grid;place-items:center;clip-path:polygon(50% 0,91% 17%,100% 53%,76% 87%,50% 100%,24% 87%,0 53%,9% 17%);background:linear-gradient(140deg,#edf2f7 0,var(--metal) 20%,#20242b 48%,var(--metal) 74%,#f5f7fa);filter:drop-shadow(0 0 9px var(--glow))}.achievement-emblem:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:radial-gradient(circle at 50% 38%,#24202c,#09080c 68%)}.achievement-emblem .emblem-ring{position:absolute;z-index:2;width:54px;height:54px;border:3px solid var(--metal);border-radius:50%;box-shadow:0 0 12px var(--glow),0 0 12px var(--glow) inset}.achievement-emblem .emblem-core{z-index:3;width:28px;height:28px;position:relative}.achievement-emblem i,.achievement-emblem b{position:absolute;z-index:1;width:15px;height:38px;background:var(--metal);bottom:6px;clip-path:polygon(50% 0,100% 100%,0 75%)}.achievement-emblem i{left:10px;transform:rotate(-27deg)}.achievement-emblem b{right:10px;transform:rotate(27deg)}.tone-bronze{--metal:#c77834;--glow:#ff8b34}.tone-purple{--metal:#a74bed;--glow:#c337ff}.tone-gold{--metal:#e2a42f;--glow:#ffbf36}.tone-cyan{--metal:#31bad6;--glow:#27dcff}.tone-green{--metal:#72b934;--glow:#79e43d}.glyph-target:before,.glyph-target:after{content:"";position:absolute;background:var(--glow)}.glyph-target:before{width:28px;height:3px;top:12px}.glyph-target:after{height:28px;width:3px;left:12px}.glyph-target{border:3px solid var(--glow);border-radius:50%}.glyph-skull:before{content:"";position:absolute;inset:1px 3px 8px;border:3px solid var(--glow);border-radius:50% 50% 42% 42%}.glyph-skull:after{content:"•••";position:absolute;color:var(--glow);font-size:12px;letter-spacing:0;left:5px;top:7px}.glyph-crown:before{content:"";position:absolute;inset:4px 1px;background:var(--glow);clip-path:polygon(0 24%,24% 54%,47% 5%,72% 54%,100% 20%,86% 86%,12% 86%)}.glyph-star:before{content:"";position:absolute;inset:0;background:var(--glow);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,20% 94%,31% 57%,2% 35%,39% 35%)}.glyph-cross:before,.glyph-cross:after{content:"";position:absolute;background:var(--glow);width:32px;height:4px;left:-2px;top:12px}.glyph-cross:before{transform:rotate(45deg)}.glyph-cross:after{transform:rotate(-45deg)}.glyph-chat:before{content:"";position:absolute;inset:3px 0 7px;border:3px solid var(--glow);border-radius:8px}.glyph-chat:after{content:"";position:absolute;width:8px;height:8px;border-left:3px solid var(--glow);border-bottom:3px solid var(--glow);bottom:2px;left:5px;transform:skew(-25deg)}.glyph-calendar:before{content:"30";position:absolute;inset:1px;border:3px solid var(--glow);color:var(--glow);display:grid;place-items:center;font:bold 11px/1 sans-serif}.glyph-moon:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;box-shadow:-7px 1px 0 1px var(--glow);left:8px;top:1px}.glyph-bus:before{content:"";position:absolute;inset:4px 0;background:var(--glow);border-radius:5px}.glyph-grass:before{content:"";position:absolute;inset:0;background:var(--glow);clip-path:polygon(0 100%,12% 15%,35% 75%,48% 0,60% 72%,86% 20%,100% 100%)}.public-rank-chip{margin-top:.7rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.public-rank-chip span,.public-rank-chip strong,.public-rank-chip b{font-size:.7rem;letter-spacing:.08em;padding:.35rem .55rem;border:1px solid rgba(160,68,255,.45);border-radius:999px;background:rgba(24,13,37,.72)}.public-rank-chip strong{color:#dc7cff}.public-rank-chip b{color:#44ddff}.challenge-card{border-color:rgba(176,65,255,.4)!important}
@media(max-width:900px){.challenge-columns{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-panel{align-items:flex-start}.rank-emblem{width:84px;height:94px;flex-basis:84px}.achievement-card{min-height:205px}}
@media(max-width:520px){.rank-panel{gap:.8rem;padding:1rem}.rank-emblem{width:70px;height:80px;flex-basis:70px}.rank-emblem span{width:44px;height:44px}.rank-emblem span:before{width:58px;left:-9px;top:19px}.rank-emblem span:after{height:58px;top:-9px;left:19px}.achievement-grid{grid-template-columns:1fr 1fr;gap:.55rem}.achievement-emblem{width:72px;height:80px}.achievement-card{padding:.8rem .35rem;min-height:185px}.challenge-head{display:block}.challenge-head>span{display:block;margin-top:.35rem}.challenge-row{gap:.5rem}}

.profile-member-badges{grid-column:1/-1;padding:1.25rem}.profile-member-badges .challenge-head{margin-bottom:1rem}.member-profile-achievements{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.member-profile-achievements{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v5.1.2 — Member rank badge on avatars (visible only in authenticated UI) */
.member-rank-badge{--rank-a:#24d8ff;--rank-b:#9b35ff;position:absolute;right:-7px;bottom:-7px;z-index:8;width:30px;height:34px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 18%,91% 73%,50% 100%,9% 73%,9% 18%);background:linear-gradient(145deg,var(--rank-a),var(--rank-b) 58%,#ed35d8);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--rank-b) 64%,transparent));pointer-events:auto}.member-rank-badge:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:radial-gradient(circle at 50% 38%,#191423,#07060a 72%)}.member-rank-badge i{position:absolute;z-index:2;width:17px;height:17px;border:1.5px solid var(--rank-a);border-radius:50%;box-shadow:0 0 7px var(--rank-b) inset}.member-rank-badge i:before,.member-rank-badge i:after{content:"";position:absolute;background:var(--rank-a);opacity:.9}.member-rank-badge i:before{left:-4px;right:-4px;height:1px;top:7px}.member-rank-badge i:after{top:-4px;bottom:-4px;width:1px;left:7px}.member-rank-badge b{position:relative;z-index:3;color:#fff;font:900 7px/1 system-ui,sans-serif;letter-spacing:-.03em;text-shadow:0 1px 3px #000}.member-rank-badge.tone-bronze{--rank-a:#ff9a4a;--rank-b:#a85118}.member-rank-badge.tone-green{--rank-a:#54f59a;--rank-b:#22a85f}.member-rank-badge.tone-purple{--rank-a:#d85cff;--rank-b:#7138ff}.member-rank-badge.tone-red{--rank-a:#ff5e75;--rank-b:#cc223d}.member-rank-badge.tone-gold{--rank-a:#ffd568;--rank-b:#d88811}.member-rank-badge.tone-prestige{--rank-a:#39e7ff;--rank-b:#9b3dff;animation:rankBadgePulse 2.8s ease-in-out infinite}.member-rank-badge.tone-immortal{--rank-a:#ffe27c;--rank-b:#ff3d77;animation:rankBadgePulse 1.8s ease-in-out infinite}@keyframes rankBadgePulse{50%{filter:drop-shadow(0 0 11px var(--rank-a)) drop-shadow(0 0 7px var(--rank-b))}}
.public-avatar,.profile-avatar-large,.online-member-avatar,.chat-message-avatar-wrap,.arena-rank-avatar-wrap,.talk-person-avatar,.talk-rank-avatar-wrap,.voice-rank-avatar-wrap{position:relative;overflow:visible!important}.public-avatar .member-rank-badge{right:-5px;bottom:-5px}.profile-avatar-large .member-rank-badge{width:38px;height:43px;right:-8px;bottom:-8px}.profile-avatar-large .member-rank-badge i{width:22px;height:22px}.profile-avatar-large .member-rank-badge b{font-size:8px}.online-member-avatar .member-rank-badge{width:25px;height:28px;right:-6px;bottom:-5px}.chat-message-avatar-wrap{flex:0 0 auto;align-self:flex-end}.chat-message-avatar-wrap .chat-message-avatar{display:block}.chat-message-avatar-wrap .member-rank-badge{width:23px;height:26px;right:-6px;bottom:-4px}.chat-message-avatar-wrap .member-rank-badge i{width:13px;height:13px}.chat-message-avatar-wrap .member-rank-badge b{font-size:6px}.arena-rank-avatar-wrap{display:inline-grid;place-items:center;flex:0 0 auto}.arena-rank-avatar-wrap>img{display:block}.arena-rank-avatar-wrap .member-rank-badge{width:23px;height:26px;right:-6px;bottom:-5px}.arena-rank-avatar-wrap.is-lobby .member-rank-badge{width:25px;height:29px}.talk-rank-avatar-wrap,.voice-rank-avatar-wrap{display:inline-block}.talk-rank-avatar-wrap>img,.voice-rank-avatar-wrap>img{display:block}.talk-rank-avatar-wrap .member-rank-badge,.voice-rank-avatar-wrap .member-rank-badge,.talk-person-avatar .member-rank-badge{width:23px;height:26px;right:-6px;bottom:-4px}
@media(max-width:520px){.member-rank-badge{width:27px;height:31px}.profile-avatar-large .member-rank-badge{width:34px;height:39px;right:-6px;bottom:-6px}.chat-message-avatar-wrap .member-rank-badge,.online-member-avatar .member-rank-badge{width:22px;height:25px}}

/* v5.1.3 – Mein Bereich: Desktop-Chat links, Online-Crew rechts */
.dashboard-desktop-layout{display:block}
.dashboard-desktop-side{display:none}
.dashboard-mobile-online{display:block}
@media(min-width:1280px){
  .dashboard-home-shell.shell{width:min(calc(100% - 2rem),1680px)}
  .dashboard-desktop-layout{display:grid;grid-template-columns:290px minmax(720px,1fr) 250px;gap:1rem;align-items:start}
  .dashboard-desktop-center{min-width:0}
  .dashboard-desktop-side{display:block;position:sticky;top:calc(var(--header) + 1rem);min-width:0}
  .dashboard-mobile-online{display:none}
  .dashboard-side-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:1rem 1rem .8rem;border-bottom:1px solid var(--line)}
  .dashboard-side-heading .eyebrow{margin:0 0 .25rem;font-size:.55rem}
  .dashboard-side-heading h2{margin:0;font-size:1rem;text-transform:uppercase}
  .dashboard-side-heading>a{color:var(--purple);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
  .dashboard-chat-widget,.dashboard-online-widget{overflow:hidden;background:linear-gradient(145deg,rgba(168,85,247,.045),rgba(255,255,255,.012))}
  .dashboard-chat-messages{height:520px;overflow-y:auto;padding:.8rem;scrollbar-color:#4a315f #0d0a12}
  .dashboard-side-loading{margin:1rem;color:#77707e;font-size:.68rem;text-align:center}
  .dashboard-mini-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.55rem;align-items:start;margin-bottom:.7rem}
  .dashboard-mini-avatar{position:relative;width:34px;height:38px;overflow:visible}
  .dashboard-mini-avatar>img{width:34px;height:38px;object-fit:cover;border:1px solid #372b43;border-radius:7px;background:#08060d}
  .dashboard-mini-avatar .member-rank-badge{width:21px;height:24px;right:-6px;bottom:-4px}
  .dashboard-mini-message-copy{min-width:0;padding:.5rem .6rem;border:1px solid #29232f;border-radius:4px 10px 10px 10px;background:#15101c}
  .dashboard-mini-message.is-own .dashboard-mini-message-copy{border-color:rgba(168,85,247,.3);background:linear-gradient(135deg,rgba(124,58,237,.13),#15101c)}
  .dashboard-mini-message-meta{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.2rem}
  .dashboard-mini-message-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem}
  .dashboard-mini-message-meta time{flex:0 0 auto;color:#6f6875;font-size:.5rem}
  .dashboard-mini-message p{margin:0;color:#d0c9d6;font-size:.69rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
  .dashboard-mini-message.is-deleted p{color:#77707e;font-style:italic}
  .dashboard-chat-compose{padding:.75rem;border-top:1px solid var(--line);background:#0d0a12}
  .dashboard-chat-compose textarea{width:100%;min-height:58px;max-height:100px;resize:none;padding:.65rem .7rem;border:1px solid #302839;border-radius:8px;outline:none;background:#08060d;color:#fff;font-size:.7rem;line-height:1.4}
  .dashboard-chat-compose textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.08)}
  .dashboard-chat-compose>div{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;color:#69616f;font-size:.53rem}
  .dashboard-chat-compose button{width:34px;height:30px;border:1px solid rgba(168,85,247,.45);border-radius:7px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;cursor:pointer;font-weight:900}
  .dashboard-chat-compose button:disabled,.dashboard-chat-compose textarea:disabled{opacity:.45;cursor:not-allowed}
  .dashboard-chat-feedback{min-height:18px;margin:0;padding:0 .75rem .55rem;color:#817789;font-size:.57rem}
  .dashboard-chat-feedback.is-error{color:#ff8797}
  .dashboard-online-widget{padding-bottom:.45rem}
  .dashboard-online-count{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(85,230,165,.3);border-radius:999px;color:var(--success);font-size:.66rem;font-weight:900}
  .dashboard-online-list{max-height:620px;overflow-y:auto;padding:.65rem}
  .dashboard-online-list .online-member{padding:.52rem .48rem;gap:.55rem}
  .dashboard-online-list .online-member-avatar{flex-basis:34px;height:38px}
  .dashboard-online-list .online-member-avatar img{width:34px;height:38px}
  .dashboard-online-list .online-member strong{font-size:.68rem}
  .dashboard-online-list .online-member small{font-size:.52rem}
}
@media(min-width:1280px) and (max-width:1450px){
  .dashboard-home-shell.shell{width:min(calc(100% - 1.4rem),1420px)}
  .dashboard-desktop-layout{grid-template-columns:250px minmax(680px,1fr) 220px;gap:.75rem}
  .dashboard-chat-messages{height:470px}
}

/* v5.2.8 — Premium achievement emblems */
.achievement-vault{overflow:hidden;position:relative}.achievement-vault:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0,rgba(173,60,255,.075),transparent 28%),radial-gradient(circle at 90% 12%,rgba(35,215,255,.05),transparent 26%)}
.achievement-vault>*{position:relative}.achievement-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.achievement-card{position:relative;overflow:hidden;min-height:242px;padding:1.05rem .65rem 1rem;border-color:rgba(126,92,151,.25);background:linear-gradient(180deg,rgba(22,18,29,.94),rgba(7,6,10,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 15px 32px rgba(0,0,0,.15);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.achievement-card:before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--badge-card-glow,#a84cff),transparent);opacity:.6}.achievement-card:not(.locked):hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--badge-card-glow,#a84cff) 45%,transparent);box-shadow:0 14px 38px rgba(0,0,0,.32),0 0 25px color-mix(in srgb,var(--badge-card-glow,#a84cff) 11%,transparent)}.achievement-card strong{margin-top:.55rem;font-size:.78rem;line-height:1.15;text-transform:uppercase}.achievement-card p{line-height:1.35}.achievement-card.locked{filter:none;opacity:.56}.achievement-card.locked .premium-badge{filter:grayscale(.85) brightness(.6)}
.premium-badge{--metal:#7f8997;--metal-hi:#e6ecf2;--metal-deep:#1b2027;--accent:#728092;--accent-hi:#d8e1eb;--core-hi:#28303a;--glow:#bac7d7;--badge-card-glow:var(--glow);width:112px;height:123px;margin:0 auto;position:relative;display:grid;place-items:center;filter:drop-shadow(0 9px 10px rgba(0,0,0,.55));transition:transform .25s ease,filter .25s ease}.achievement-card:not(.locked):hover .premium-badge{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 10px 12px rgba(0,0,0,.55)) drop-shadow(0 0 8px color-mix(in srgb,var(--glow) 45%,transparent))}.achievement-svg{display:block;width:100%;height:100%;overflow:visible}.badge-shadow{fill:#000;opacity:.7;transform:translateY(3px)}.badge-edge{fill:none;stroke:rgba(255,255,255,.34);stroke-width:1.1}.badge-inner{stroke:var(--accent);stroke-opacity:.52;stroke-width:1.6}.badge-wing{opacity:.85;filter:drop-shadow(0 0 4px var(--glow))}.badge-medallion{fill:rgba(5,4,8,.72);stroke:var(--metal);stroke-width:3}.badge-medallion-line{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:2 3;opacity:.8}.badge-glyph-wrap{color:var(--accent-hi)}.badge-glyph{transform-origin:60px 69px}.badge-glyph .badge-cut{fill:#09070d}.badge-svg-text{fill:#09070d;font:900 20px/1 system-ui,sans-serif}.badge-shine{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:.33}.badge-bottom-gem{stroke:rgba(255,255,255,.38);stroke-width:1}.premium-badge.is-locked .badge-glyph-wrap{opacity:.45}.premium-badge.is-locked .badge-wing{opacity:.28}
.premium-badge.tone-iron{--metal:#707985;--metal-hi:#dce3ea;--metal-deep:#161a20;--accent:#949fab;--accent-hi:#e7edf4;--core-hi:#252b33;--glow:#9faab7}.premium-badge.tone-bronze{--metal:#a45b2c;--metal-hi:#f1b070;--metal-deep:#35160c;--accent:#ce6f2e;--accent-hi:#ffc17e;--core-hi:#32170f;--glow:#df6c26}.premium-badge.tone-purple{--metal:#76409e;--metal-hi:#dca7ff;--metal-deep:#24102f;--accent:#a83ee8;--accent-hi:#edb3ff;--core-hi:#291037;--glow:#b53cff}.premium-badge.tone-gold{--metal:#b77a20;--metal-hi:#ffe19a;--metal-deep:#3c2205;--accent:#e29c20;--accent-hi:#ffe276;--core-hi:#372107;--glow:#ffb326}.premium-badge.tone-cyan{--metal:#207e94;--metal-hi:#9deaff;--metal-deep:#082833;--accent:#20b7d5;--accent-hi:#b4f4ff;--core-hi:#092c37;--glow:#29d8ff}.premium-badge.tone-green{--metal:#447b2b;--metal-hi:#b8ef87;--metal-deep:#142707;--accent:#65b739;--accent-hi:#d3ff9f;--core-hi:#17300b;--glow:#78d94b}
.achievement-card:has(.tone-iron){--badge-card-glow:#9faab7}.achievement-card:has(.tone-bronze){--badge-card-glow:#df6c26}.achievement-card:has(.tone-purple){--badge-card-glow:#b53cff}.achievement-card:has(.tone-gold){--badge-card-glow:#ffb326}.achievement-card:has(.tone-cyan){--badge-card-glow:#29d8ff}.achievement-card:has(.tone-green){--badge-card-glow:#78d94b}
.badge-key-killer_2 .badge-wing,.badge-key-killer_3 .badge-wing,.badge-key-mass_destruction .badge-wing,.badge-key-fn_veteran .badge-wing{transform-box:fill-box;transform-origin:center;scale:1.08}.badge-key-mass_destruction .badge-outer,.badge-key-fn_veteran .badge-outer{filter:drop-shadow(0 0 7px var(--glow))}.badge-key-destroyer .badge-bottom-gem,.badge-key-fn_victory .badge-bottom-gem,.badge-key-fn_bp .badge-bottom-gem{filter:drop-shadow(0 0 6px var(--glow))}.badge-key-no_aim .badge-medallion-line{stroke-dasharray:8 3}.badge-key-nightowl .badge-inner{stroke-dasharray:3 2}
.member-profile-achievements .premium-badge{width:100px;height:111px}
@media(max-width:900px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-badge{width:104px;height:115px}.achievement-card{min-height:235px}}
@media(max-width:520px){.achievement-grid{gap:.6rem}.achievement-card{min-height:220px;padding:.8rem .35rem}.premium-badge{width:90px;height:100px}.achievement-card strong{font-size:.7rem}.achievement-card p{font-size:.66rem}.member-profile-achievements .premium-badge{width:84px;height:94px}}
.premium-badge{clip-path:none!important;background:transparent!important}.premium-badge:before{content:none!important}
/* Current-rank emblem gets the same premium metal treatment on the member-only progression page. */
.challenge-hub .rank-emblem{isolation:isolate;overflow:visible;clip-path:polygon(50% 0,90% 14%,100% 50%,82% 83%,50% 100%,18% 83%,0 50%,10% 14%);background:linear-gradient(145deg,#edf2f7 0,#777f8c 14%,#272c35 37%,#a349ef 63%,#31d9ff 82%,#e6f7ff 100%);border:0;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(143,54,255,.45))}.challenge-hub .rank-emblem:before{inset:6px;background:radial-gradient(circle at 50% 38%,#2b1739,#0a0810 64%,#030204);box-shadow:inset 0 0 0 2px rgba(191,88,255,.5);z-index:-1}.challenge-hub .rank-emblem:after{content:"";position:absolute;inset:14px;clip-path:inherit;border:1px solid rgba(81,220,255,.5);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 32%);z-index:-1}.challenge-hub .rank-emblem span{border-color:#b856ff;background:radial-gradient(circle,rgba(119,50,192,.22),transparent 62%);box-shadow:0 0 18px rgba(159,62,255,.7),inset 0 0 18px rgba(65,213,255,.2)}.challenge-hub .rank-emblem b{text-shadow:0 0 8px #8e4cff,0 2px 3px #000}


/* v5.2.9 · Aimtrainer UI/Scroll Fix */
.trainer-ranking-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}
.trainer-ranking-reset{appearance:none;min-height:42px;padding:.65rem 1rem;border:1px solid rgba(255,101,122,.48);border-radius:999px;background:linear-gradient(180deg,rgba(255,101,122,.13),rgba(255,101,122,.055));color:#ff9bad;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(255,101,122,.025);font:900 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s}
.trainer-ranking-reset:hover:not(:disabled){border-color:#ff657a;background:rgba(255,101,122,.16);color:#fff;box-shadow:0 0 24px rgba(255,101,122,.13);transform:translateY(-1px)}
.trainer-ranking-reset:focus-visible{outline:2px solid #ff8ca0;outline-offset:3px}
.trainer-ranking-reset:disabled{opacity:.48;cursor:wait;transform:none}
.trainer-arena{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.trainer-reset-dialog[hidden]{display:none!important}
.trainer-reset-dialog{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:1rem}
.trainer-reset-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(4,3,8,.82);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);cursor:default}
.trainer-reset-card{position:relative;z-index:1;width:min(100%,540px);overflow:hidden;padding:clamp(1.4rem,4vw,2.2rem);border:1px solid rgba(255,101,122,.35);border-radius:18px;background:radial-gradient(circle at 16% 0,rgba(255,101,122,.12),transparent 38%),linear-gradient(145deg,#120d16,#09070d 72%);box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 50px rgba(255,101,122,.08)}
.trainer-reset-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#ff657a,#a855f7);box-shadow:0 0 18px rgba(255,101,122,.5)}
.trainer-reset-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:1.1rem;border:1px solid rgba(255,101,122,.4);border-radius:14px;background:rgba(255,101,122,.075);color:#ff8497;font-size:1.9rem;font-weight:900;box-shadow:inset 0 0 25px rgba(255,101,122,.05),0 0 24px rgba(255,101,122,.08)}
.trainer-reset-card .eyebrow{margin:0 0 .5rem;color:#ff91a2}
.trainer-reset-card h2{margin:0 0 1rem;color:#fff;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1;text-transform:uppercase;letter-spacing:-.045em}
.trainer-reset-card>p:not(.eyebrow){margin:0;color:#bcb4c2;line-height:1.65}
.trainer-reset-warning{margin-top:1.15rem;padding:.85rem 1rem;border:1px solid rgba(255,101,122,.2);border-radius:10px;background:rgba(255,101,122,.055);color:#a99fab;font-size:.78rem;line-height:1.5}
.trainer-reset-warning strong{color:#ff91a2}
.trainer-reset-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.4rem}
.trainer-reset-actions .button{min-height:50px;margin:0}
.trainer-reset-confirm{border:1px solid rgba(255,101,122,.55);border-radius:8px;background:linear-gradient(135deg,#c82d4c,#7c1632);color:#fff;font-weight:900;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s}
.trainer-reset-confirm:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 10px 30px rgba(200,45,76,.2)}
.trainer-reset-confirm:disabled{opacity:.55;cursor:wait;transform:none}
html.trainer-modal-open,html.trainer-modal-open body{overflow:hidden;overscroll-behavior:none}
@media(max-width:620px){.trainer-ranking-actions{width:100%;justify-content:stretch}.trainer-rankings-heading{align-items:stretch;flex-direction:column}.trainer-ranking-reset{width:100%;min-height:46px}.trainer-reset-card{border-radius:14px}.trainer-reset-actions{grid-template-columns:1fr}.trainer-reset-actions .button{width:100%}}

/* v5.3.1 – Activity Feed, Trophäen, Seltenheit, Achievement-Popups, Swipe-to-dismiss */
.dashboard-activity-widget{margin-top:1rem;overflow:hidden}
.activity-live-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(85,230,165,.75)}
.activity-feed{display:grid;gap:.55rem}
.activity-feed-compact{max-height:520px;overflow:auto;padding:.55rem}
.activity-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.65rem;align-items:center;padding:.62rem .65rem;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018);color:inherit;text-decoration:none;transition:.18s}
.activity-item:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.05);transform:translateY(-1px)}
.activity-item>span:last-child{display:grid;min-width:0;gap:.08rem}.activity-item strong{font-size:.67rem;color:#8d8495;font-weight:800}.activity-item b{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item small{font-size:.58rem;color:#77707e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.38);border-radius:9px;background:radial-gradient(circle,rgba(168,85,247,.2),transparent 68%);box-shadow:inset 0 0 14px rgba(168,85,247,.08)}
.activity-icon:before{content:'◆';font-size:.82rem;color:#b47cff;text-shadow:0 0 10px currentColor}.type-achievement .activity-icon:before{content:'★';color:#ffd86b}.type-level .activity-icon:before{content:'↑';color:#41dcff}.type-prestige .activity-icon:before{content:'P';color:#f25cff;font-weight:950}.type-aim_record .activity-icon:before{content:'◎';color:#5ff4ff;font-size:1.15rem}.type-arena_victory .activity-icon:before{content:'♛';color:#ff6d8e;font-size:1rem}
.dashboard-mobile-activity{margin-top:1rem;padding:1.15rem}.dashboard-mobile-activity .activity-feed{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1280px){.dashboard-mobile-activity{display:none}}
@media(max-width:620px){.dashboard-mobile-activity .activity-feed{grid-template-columns:1fr}.activity-item{grid-template-columns:38px minmax(0,1fr);padding:.72rem}}

.achievement-rarity{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}.achievement-rarity b{padding:.22rem .42rem;border:1px solid rgba(255,216,107,.34);border-radius:999px;color:#ffd86b;font-size:.53rem;letter-spacing:.09em}.achievement-rarity span{color:#817988;font-size:.55rem}
.favorite-badge-form{margin-top:.55rem}.favorite-badge-button{width:100%;min-height:34px;border:1px solid rgba(168,85,247,.32);border-radius:8px;background:rgba(168,85,247,.055);color:#aa9fb2;font-size:.6rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.favorite-badge-button:hover,.favorite-badge-button.is-favorite{border-color:rgba(255,216,107,.55);color:#ffd86b;background:rgba(255,216,107,.07)}
.profile-trophy-strip{margin-top:-.4rem;margin-bottom:1rem}.profile-trophy-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.profile-trophy-heading p{margin:0}.profile-trophy-heading span{color:#77707e;font-size:.65rem}.profile-trophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.profile-trophy-card{display:flex;align-items:center;gap:.7rem;padding:.72rem;border:1px solid rgba(255,216,107,.22);border-radius:12px;background:radial-gradient(circle at 20% 20%,rgba(255,216,107,.07),transparent 38%),rgba(14,10,20,.84);box-shadow:0 12px 32px rgba(0,0,0,.22)}.profile-trophy-card .achievement-emblem{width:62px;min-width:62px;height:auto}.profile-trophy-card>div:last-child{display:grid;min-width:0}.profile-trophy-card strong{font-size:.72rem}.profile-trophy-card small{margin-top:.18rem;color:#8e8495;font-size:.57rem}
@media(max-width:720px){.profile-trophy-grid{grid-template-columns:1fr}.profile-trophy-card .achievement-emblem{width:54px;min-width:54px}}

.achievement-toast-stack{position:fixed;z-index:130000;right:max(14px,env(safe-area-inset-right));top:calc(var(--header) + 14px);width:min(430px,calc(100vw - 28px));display:grid;gap:.7rem;pointer-events:none}.achievement-unlock-toast{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 30px;align-items:center;gap:.75rem;padding:.85rem;border:1px solid rgba(255,216,107,.42);border-radius:15px;background:radial-gradient(circle at 10% 15%,rgba(255,216,107,.12),transparent 35%),radial-gradient(circle at 100% 0,rgba(168,85,247,.16),transparent 38%),rgba(12,9,17,.98);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 28px rgba(255,216,107,.08);pointer-events:auto;overflow:hidden;animation:achievementToastIn .32s cubic-bezier(.2,.8,.2,1)}.achievement-unlock-toast:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#ffd86b,#a855f7,#27d6ff)}.achievement-toast-emblem{display:grid;place-items:center}.achievement-toast-emblem .achievement-emblem{width:84px;height:auto}.achievement-toast-copy{min-width:0;display:grid}.achievement-toast-copy span{color:#ffd86b;font-size:.55rem;font-weight:950;letter-spacing:.12em}.achievement-toast-copy strong{margin:.2rem 0;font-size:.91rem}.achievement-toast-copy p{margin:0;color:#aaa0b0;font-size:.68rem;line-height:1.4}.achievement-toast-close{align-self:start;width:28px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;color:#b8afbd;font-size:1.05rem;cursor:pointer}.achievement-unlock-toast.is-leaving{animation:achievementToastOut .22s ease-in forwards}@keyframes achievementToastIn{from{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}@keyframes achievementToastOut{to{opacity:0;transform:translateX(-110%) scale(.98)}}
@media(max-width:620px){.achievement-toast-stack{right:10px;top:calc(var(--header) + 10px);width:calc(100vw - 20px)}.achievement-unlock-toast{grid-template-columns:72px minmax(0,1fr) 28px;padding:.72rem;touch-action:pan-y}.achievement-toast-emblem .achievement-emblem{width:66px}.chat-toast,.flash{touch-action:pan-y}.chat-toast-stack{overflow:visible}.flash-stack{overflow:visible}}


/* v5.3.15 · Contact modal */
.contact-section .button.primary{appearance:none;cursor:pointer}
.contact-dialog{border:0;padding:0;background:transparent;color:inherit;width:min(94vw,620px);max-width:none;overflow:visible}
.contact-dialog::backdrop{background:rgba(3,2,8,.78);backdrop-filter:blur(8px)}
.contact-dialog-card{position:relative;margin:0;padding:1.6rem;border:1px solid rgba(177,56,255,.36);border-radius:24px;background:linear-gradient(145deg,rgba(20,15,29,.98),rgba(8,7,13,.99));box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 48px rgba(157,44,255,.16)}
.contact-dialog-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:24px 0 0 24px;background:linear-gradient(#27d6ff,#a63cff,#ea29cf)}
.contact-dialog-card h3{margin:.35rem 0 .45rem;font-size:clamp(2rem,8vw,3.35rem);text-transform:uppercase;letter-spacing:-.045em}
.contact-dialog-copy{margin:0 0 1.25rem;color:var(--muted,#aaa3b1);line-height:1.55}
.contact-dialog-card label{display:grid;gap:.45rem;margin:.85rem 0;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.contact-dialog-card input,.contact-dialog-card textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#09070d;color:#fff;padding:1rem 1.05rem;font:inherit;outline:none;resize:vertical}
.contact-dialog-card input:focus,.contact-dialog-card textarea:focus{border-color:#a63cff;box-shadow:0 0 0 3px rgba(166,60,255,.13),0 0 28px rgba(166,60,255,.12)}
.contact-dialog-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#0b0910;color:#fff;font-size:1.6rem;cursor:pointer}
.contact-dialog-feedback{min-height:1.45em;margin:.8rem 0 0;font-weight:700}
.contact-dialog-feedback.is-error{color:#ff8195}.contact-dialog-feedback.is-success{color:#61e6aa}
.contact-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.1rem}
html.contact-modal-open,html.contact-modal-open body{overflow:hidden}
@media(max-width:620px){.contact-dialog{width:calc(100vw - 24px)}.contact-dialog-card{padding:1.25rem;border-radius:20px}.contact-dialog-actions{display:grid;grid-template-columns:1fr}.contact-dialog-actions .button{width:100%}}

/* v5.3.16 · Fortnite Auto-Sync */
.fortnite-auto-sync-note{display:grid;gap:.25rem;margin:.9rem 0;padding:.9rem 1rem;border:1px solid rgba(76,224,158,.22);border-radius:14px;background:rgba(76,224,158,.045)}
.fortnite-auto-sync-note strong{color:#61e6aa;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.fortnite-auto-sync-note span{color:var(--muted,#aaa3b1);line-height:1.45}


/* v5.3.17 · Public Games + Fortnite Tracker */
.games-public-page,.fn-tracker-page{min-height:70vh}
.games-public-hero{padding-bottom:2rem}
.games-public-hero h1,.fn-tracker-hero h1{font-size:clamp(3.6rem,10vw,8.5rem);line-height:.82;letter-spacing:-.07em;margin:.5rem 0 1.5rem;text-transform:uppercase}
.games-public-hero h1 span,.fn-tracker-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(199,181,215,.72)}
.public-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}
.public-game-card{position:relative;display:grid;gap:1.3rem;min-height:280px;padding:1.8rem;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(17,14,24,.96),rgba(8,7,12,.98));color:#fff;text-decoration:none;overflow:hidden}
.public-game-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#27d6ff,#8f42ff,#e02cca)}
.public-game-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-90px;background:radial-gradient(circle,rgba(72,147,255,.18),rgba(145,47,255,.12) 40%,transparent 70%)}
.public-game-card:hover{border-color:rgba(91,211,255,.42);transform:translateY(-2px)}
.public-game-number{font:700 .72rem/1 monospace;letter-spacing:.2em;color:#7f7789}
.public-game-card h2{font-size:clamp(2rem,5vw,3.2rem);margin:.25rem 0 .6rem;text-transform:uppercase}
.public-game-card p{color:#aaa3b1;line-height:1.55}
.public-game-arrow{align-self:end;font-weight:900;letter-spacing:.13em;font-size:.78rem;color:#55dcff}

.fn-tracker-page{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:3rem 0 6rem}
.fn-tracker-hero{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;padding:4rem 0 2.5rem}
.fn-tracker-hero>div>p:last-child{max-width:780px;color:#aaa3b1;font-size:1.08rem;line-height:1.6}
.fn-tracker-mark{width:150px;aspect-ratio:1;border:1px solid rgba(79,213,255,.34);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(55,210,255,.2),rgba(128,47,255,.12) 48%,transparent 70%);box-shadow:0 0 60px rgba(94,47,255,.12)}
.fn-tracker-mark span{font-size:3rem;font-weight:1000;letter-spacing:-.08em}
.fn-tracker-search{padding:1.4rem;border-color:rgba(123,68,255,.35)}
.fn-tracker-search label{display:block;margin-bottom:.65rem;font-size:.76rem;font-weight:900;letter-spacing:.15em;color:#d9d2df}
.fn-tracker-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}
.fn-tracker-search-row input{min-height:60px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#09070d;color:#fff;padding:0 1rem;font-size:1.05rem;outline:none}
.fn-tracker-search-row input:focus{border-color:#8b42ff;box-shadow:0 0 0 3px rgba(139,66,255,.12)}
.fn-tracker-search-row .button{min-width:170px}
.fn-tracker-hint{margin:.7rem 0 0;color:#766f7d;font-size:.83rem}
.fn-tracker-status{min-height:1.5rem;margin:1rem 0;font-weight:800}
.fn-tracker-status.is-error{color:#ff8195}.fn-tracker-status.is-loading{color:#59d9ff}
.fn-tracker-results{display:grid;gap:1.2rem}
.fn-player-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.3rem;padding:1.5rem 1.7rem;border-color:rgba(49,211,255,.25);background:linear-gradient(135deg,rgba(17,22,35,.95),rgba(12,8,20,.98))}
.fn-player-head h2{font-size:clamp(2rem,5vw,4.25rem);margin:.1rem 0;text-transform:uppercase;letter-spacing:-.04em}
.fn-player-head>div>p:last-child{color:#aeb8c8}
.fn-bp-ring{width:110px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#39d8ff calc(var(--bp)*1%),rgba(255,255,255,.08) 0);position:relative}
.fn-bp-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#0c0912}
.fn-bp-ring span,.fn-bp-ring strong{position:relative;z-index:1}.fn-bp-ring span{font-size:.58rem;letter-spacing:.18em;color:#82788d}.fn-bp-ring strong{font-size:1.7rem}
.fn-overall-grid,.fn-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}
.fn-stat-card{min-width:0;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(145deg,rgba(17,14,23,.95),rgba(8,7,11,.98))}
.fn-stat-card span{display:block;color:#857c8d;font-size:.67rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fn-stat-card strong{display:block;margin-top:.4rem;font-size:clamp(1.15rem,2.2vw,2rem);font-variant-numeric:tabular-nums}
.fn-stat-card.is-highlight{border-color:rgba(54,212,255,.25);box-shadow:inset 0 0 25px rgba(49,190,255,.03)}
.fn-input-section{display:grid;gap:.75rem;margin-top:1.3rem}
.fn-input-heading{display:flex;justify-content:space-between;align-items:center;padding:.25rem .2rem}
.fn-input-heading span{font-size:.78rem;font-weight:1000;letter-spacing:.17em;color:#51dbff}
.fn-input-heading small{color:#726b78}
.fn-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.fn-mode-panel{padding:1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(10,8,14,.9)}
.fn-mode-panel h3{margin:0 0 1rem;font-size:1.25rem;text-transform:uppercase}
.fn-mode-panel .fn-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.fn-extra-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.fn-extra-stats div{display:flex;justify-content:space-between;gap:1rem;padding:.72rem .2rem;border-bottom:1px solid rgba(255,255,255,.06)}
.fn-extra-stats span{color:#807988}.fn-extra-stats strong{font-variant-numeric:tabular-nums;text-align:right}
.fn-tracker-source{color:#655e6d;text-align:right;font-size:.72rem}
@media(max-width:1100px){
 .fn-overall-grid{grid-template-columns:repeat(3,1fr)}
 .fn-mode-panel .fn-stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .fn-tracker-page{width:calc(100% - 24px);padding-top:1rem}
 .fn-tracker-hero{grid-template-columns:1fr;padding:2.5rem 0 1.5rem}
 .fn-tracker-mark{display:none}
 .fn-tracker-search-row{grid-template-columns:1fr}
 .fn-tracker-search-row .button{width:100%}
 .fn-player-head{grid-template-columns:1fr auto;padding:1.15rem}
 .fn-bp-ring{width:82px}
 .fn-overall-grid{grid-template-columns:repeat(2,1fr)}
 .fn-mode-grid{grid-template-columns:1fr}
 .fn-mode-panel .fn-stat-grid{grid-template-columns:repeat(2,1fr)}
 .fn-extra-stats{grid-template-columns:1fr}
}


/* v5.5.0 · No-Aim Points & Gamble */
.points-wallet-card{position:relative;overflow:hidden;border-color:rgba(167,66,255,.3);background:linear-gradient(145deg,rgba(53,20,78,.2),rgba(9,7,13,.98))}
.points-wallet-card:after{content:"◆";position:absolute;right:-.15rem;bottom:-1.6rem;font-size:7rem;color:rgba(158,55,255,.07);transform:rotate(20deg)}
.points-wallet-card>span{color:#c86cff!important}.points-wallet-card h3{font-size:clamp(1.8rem,4vw,2.7rem)!important}
.points-wallet-card small{display:block;margin-top:.55rem;color:#6edfff;font-size:.72rem;letter-spacing:.04em}
.chat-message.is-system-event{display:block!important;padding:.25rem 3%!important}
.chat-system-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;width:min(100%,680px);margin:.3rem auto;padding:1rem 1.2rem;border:1px solid rgba(157,68,255,.28);border-radius:18px;background:linear-gradient(135deg,rgba(24,14,34,.96),rgba(9,7,13,.98));box-shadow:0 10px 35px rgba(0,0,0,.28);overflow:hidden}
.chat-system-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#48dfff,#a53cff,#e638bf)}
.chat-system-card.is-win{border-color:rgba(80,231,167,.4);box-shadow:0 0 35px rgba(58,230,160,.08)}
.chat-system-card.is-loss{border-color:rgba(255,88,115,.28)}
.gamble-reel{display:flex;gap:.25rem}.gamble-reel i{display:grid;place-items:center;width:42px;height:52px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#08060b;color:#fff;font-style:normal;font-size:1.35rem;box-shadow:inset 0 0 16px rgba(151,60,255,.12)}
.is-win .gamble-reel i{color:#72f1b8}.is-loss .gamble-reel i{color:#ff7186}
.gamble-copy{min-width:0}.gamble-kicker{display:block;color:#66deff;font-size:.63rem;font-weight:900;letter-spacing:.17em}
.gamble-copy>strong,.chat-system-card>strong{display:block;margin:.2rem 0;font-size:1.2rem;letter-spacing:.04em}
.is-win .gamble-copy>strong{color:#61e6aa}.is-loss .gamble-copy>strong{color:#ff7c8e}
.gamble-copy p,.chat-system-card p{margin:.2rem 0;color:#c7becd}.gamble-copy small{color:#817889}
.points-top-list{grid-column:1/-1;display:grid;margin-top:.55rem;border-top:1px solid rgba(255,255,255,.08)}
.points-top-list div{display:grid;grid-template-columns:2rem 1fr auto;gap:.6rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.points-top-list div>b{color:#8e829b}.points-top-list div>strong{color:#67ddff}
.gamble-result-overlay{position:fixed;z-index:60000;left:50%;top:50%;transform:translate(-50%,-45%) scale(.88);opacity:0;pointer-events:none;display:grid;justify-items:center;gap:.55rem;width:min(88vw,390px);padding:1.5rem;border:1px solid rgba(161,63,255,.45);border-radius:24px;background:rgba(7,5,11,.96);box-shadow:0 25px 100px rgba(0,0,0,.65),0 0 60px rgba(153,54,255,.2);transition:.3s ease}
.gamble-result-overlay.is-show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.gamble-result-overlay.is-win{border-color:rgba(74,235,164,.55);box-shadow:0 25px 100px rgba(0,0,0,.65),0 0 70px rgba(60,230,160,.18)}
.gamble-result-overlay.is-loss{border-color:rgba(255,85,112,.45)}
.gamble-result-overlay>strong{font-size:2rem}.gamble-result-overlay.is-win>strong{color:#69efb4}.gamble-result-overlay.is-loss>strong{color:#ff7186}
.gamble-result-overlay>span{color:#a59bab}.gamble-overlay-reel{display:flex;gap:.35rem}
.gamble-overlay-reel i{display:grid;place-items:center;width:58px;height:72px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#0a0710;font-style:normal;font-size:1.8rem;animation:noaimReel .3s linear 4}
@keyframes noaimReel{0%{transform:translateY(-5px);filter:blur(1px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}
.dashboard-mini-message.is-system-event{display:block!important;padding:.2rem 0}
.dashboard-points-event{display:grid;gap:.2rem;padding:.65rem .75rem;border:1px solid rgba(153,66,255,.22);border-radius:12px;background:rgba(90,38,129,.08)}
.dashboard-points-event b{color:#69dcff;font-size:.65rem;letter-spacing:.1em}.dashboard-points-event span{font-size:.78rem;color:#bcb2c4}
.dashboard-points-event.is-win{border-color:rgba(75,228,158,.25)}.dashboard-points-event.is-loss{border-color:rgba(255,82,111,.22)}
@media(max-width:620px){.chat-system-card{grid-template-columns:1fr}.gamble-reel{justify-content:center}.chat-message.is-system-event{padding:.25rem 0!important}}

/* v5.5.3 · Crew Guide */
.nav-group-guide{margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}
.nav-group-guide .nav-group-title{color:#67dfff}
.crew-guide{padding-bottom:6rem}.guide-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(1.4rem,4vw,2.6rem);margin-bottom:1rem;background:radial-gradient(circle at 85% 45%,rgba(159,57,255,.13),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.guide-hero h2,.guide-section h2{margin:.25rem 0 .7rem;font-size:clamp(1.8rem,4vw,3rem);text-transform:uppercase}.guide-hero p{max-width:720px;color:#a69dac;line-height:1.65}
.guide-point-orb{width:130px;height:130px;display:grid;place-items:center;align-content:center;border:1px solid rgba(164,64,255,.45);border-radius:50%;background:radial-gradient(circle,rgba(166,60,255,.22),rgba(7,5,11,.92) 68%);box-shadow:0 0 45px rgba(154,55,255,.12)}
.guide-point-orb strong{font-size:2.4rem;color:#69dfff}.guide-point-orb span{font-size:.58rem;font-weight:900;letter-spacing:.18em;color:#bbaec7}
.guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1rem}.guide-card{min-height:230px;padding:1.25rem;position:relative;overflow:hidden}.guide-card>span{color:#756c7e;font:700 .62rem monospace}.guide-card>strong{display:block;margin:1.2rem 0 .2rem;font-size:2.3rem;color:#6be0ff}.guide-card h3{margin:.2rem 0 .65rem;text-transform:uppercase;font-size:.9rem}.guide-card p{margin:0;color:#918897;font-size:.76rem;line-height:1.55}
.guide-section{padding:clamp(1.4rem,4vw,2.4rem);margin-top:1rem}.guide-command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.4rem}.guide-command-grid>div{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0b0810}.guide-command-grid code{color:#d16cff;font-size:.92rem;font-weight:900}.guide-command-grid p{margin:.55rem 0 0;color:#918897;font-size:.75rem}
.guide-note{display:flex;gap:1rem;align-items:center;margin-top:1rem;padding:1rem 1.2rem;border:1px solid rgba(91,230,170,.2);border-radius:14px;background:rgba(65,222,159,.035)}.guide-note b{color:#66e4ad;white-space:nowrap}.guide-note span{color:#9d94a3;font-size:.78rem}.guide-coming{border-color:rgba(103,220,255,.16)}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-command-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.guide-hero{grid-template-columns:1fr}.guide-point-orb{width:100px;height:100px}.guide-grid,.guide-command-grid{grid-template-columns:1fr}.guide-card{min-height:0}.guide-note{align-items:flex-start;flex-direction:column}}

/* v5.5.8 SHOP */
.shop-page{padding-bottom:7rem}.shop-hero{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.6rem 2rem;margin-bottom:1rem;background:radial-gradient(circle at 12% 50%,rgba(168,85,247,.14),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.shop-hero>div{display:grid}.shop-hero strong{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1}.shop-hero span{color:#67dfff;font:.72rem monospace;letter-spacing:.18em}.shop-hero>p{max-width:520px;color:#9d94a3}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.shop-card{position:relative;padding:1.35rem;min-height:390px;display:flex;flex-direction:column;overflow:hidden}.shop-item-visual{height:145px;display:grid;place-items:center;position:relative}.shop-item-visual i{position:absolute;width:105px;height:105px;border:2px solid #a855f7;transform:rotate(45deg);box-shadow:0 0 28px rgba(168,85,247,.28)}.shop-item-visual span{position:relative;font-size:3rem;font-weight:1000}.shop-item-copy h2{margin:.25rem 0 .55rem}.shop-item-copy>p:last-child{color:#918897;font-size:.8rem}.shop-item-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.shop-owned{color:#63e5ae}.shop-card.is-owned{border-color:rgba(99,229,174,.25)}.shop-dashboard-card{border-color:rgba(229,173,61,.24)!important}.shop-profile-title{display:inline-flex;margin:.1rem 0 .45rem;padding:.3rem .65rem;border:1px solid rgba(168,85,247,.45);border-radius:999px;color:#d79aff;font-size:.62rem;font-weight:900;letter-spacing:.12em}.shop-profile-title.title-chaos{color:#62dcff}.shop-profile-title.title-legend{color:#ffd56e}.profile-avatar-large.frame-purple{border-color:#b14cff!important;box-shadow:0 0 32px rgba(177,76,255,.32)!important}.profile-avatar-large.frame-cyan{border-color:#42e4ff!important;box-shadow:0 0 34px rgba(66,228,255,.3)!important}.profile-avatar-large.frame-gold{border-color:#ffd56e!important;box-shadow:0 0 38px rgba(255,190,55,.32)!important}@media(max-width:900px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shop-hero{flex-direction:column;align-items:flex-start}.shop-grid{grid-template-columns:1fr}}

/* v5.6.0 – echte Shop-Vorschauen */
.shop-item-visual{height:170px}
.shop-item-visual>i,.shop-item-visual>span{display:none}
.shop-frame-preview{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;position:relative;border:3px solid #b14cff;box-shadow:0 0 18px rgba(177,76,255,.38),inset 0 0 22px rgba(177,76,255,.12)}
.shop-frame-preview:before,.shop-frame-preview:after{content:"";position:absolute;inset:-12px;border:1px solid currentColor;transform:rotate(45deg);opacity:.65}
.shop-frame-preview:after{inset:-5px;transform:rotate(22.5deg);opacity:.3}
.shop-avatar-preview{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#33223e,#09080d 67%);font-weight:1000;font-size:1.55rem;letter-spacing:-.08em;color:#f5efff}
.shop-item-visual.frame-purple .shop-frame-preview{color:#b14cff;border-color:#b14cff;box-shadow:0 0 28px rgba(177,76,255,.5),inset 0 0 24px rgba(177,76,255,.16)}
.shop-item-visual.frame-cyan .shop-frame-preview{color:#42e4ff;border-color:#42e4ff;box-shadow:0 0 30px rgba(66,228,255,.48),inset 0 0 24px rgba(66,228,255,.16)}
.shop-item-visual.frame-gold .shop-frame-preview{color:#ffd56e;border-color:#ffd56e;box-shadow:0 0 32px rgba(255,190,55,.5),inset 0 0 24px rgba(255,190,55,.18)}
.shop-item-visual.frame-gold .shop-frame-preview:before{border-width:2px}
.shop-title-preview{min-width:210px;max-width:90%;padding:13px 20px;border:1px solid rgba(177,76,255,.6);border-radius:7px;text-align:center;background:linear-gradient(180deg,rgba(177,76,255,.12),rgba(177,76,255,.025));box-shadow:0 0 25px rgba(177,76,255,.18)}
.shop-title-preview span{font-size:.78rem;font-weight:1000;letter-spacing:.13em;color:#d79aff}
.shop-item-visual.title-chaos .shop-title-preview{border-color:rgba(66,228,255,.6);box-shadow:0 0 25px rgba(66,228,255,.18)}
.shop-item-visual.title-chaos .shop-title-preview span{color:#62dcff}
.shop-item-visual.title-legend .shop-title-preview{border-color:rgba(255,213,110,.65);box-shadow:0 0 28px rgba(255,190,55,.2)}
.shop-item-visual.title-legend .shop-title-preview span{color:#ffd56e}

/* v5.6.1 – kompakte Roulette/Gamble-Systemmeldungen im Crew Chat */
.chat-system-card.roulette-card,
.chat-system-card.gamble-card,
.roulette-result,
.gamble-result,
[data-system-type="gamble"],
[data-system-type="roulette"]{
    width:min(100%,520px)!important;
    min-height:0!important;
    padding:14px 18px!important;
    margin:8px 0!important;
}
.chat-system-card.roulette-card .eyebrow,
.chat-system-card.gamble-card .eyebrow,
.roulette-result .eyebrow,
.gamble-result .eyebrow{
    margin:0 0 5px!important;
    font-size:.58rem!important;
}
.chat-system-card.roulette-card h2,
.chat-system-card.gamble-card h2,
.roulette-result h2,
.gamble-result h2{
    margin:0 0 5px!important;
    font-size:1rem!important;
}
.chat-system-card.roulette-card p,
.chat-system-card.gamble-card p,
.roulette-result p,
.gamble-result p{
    margin:2px 0!important;
    font-size:.76rem!important;
    line-height:1.4!important;
}
.roulette-result .roulette-slots,
.gamble-result .roulette-slots,
.chat-system-card .roulette-slots{
    gap:5px!important;
    margin:0 0 9px!important;
}
.roulette-result .roulette-slot,
.gamble-result .roulette-slot,
.chat-system-card .roulette-slot{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    font-size:1rem!important;
}
@media(max-width:600px){
 .chat-system-card.roulette-card,.chat-system-card.gamble-card,.roulette-result,.gamble-result,[data-system-type="gamble"],[data-system-type="roulette"]{
   width:100%!important;padding:11px 14px!important;border-radius:16px!important;
 }
}

/* v5.6.3 – Level Boost */
.shop-level-preview{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;align-content:center;border:2px solid #67dfff;background:radial-gradient(circle,rgba(103,223,255,.15),rgba(8,7,12,.96) 68%);box-shadow:0 0 34px rgba(103,223,255,.3),inset 0 0 25px rgba(103,223,255,.08)}
.shop-level-preview small{font-size:.58rem;font-weight:900;letter-spacing:.2em;color:#8b8291}.shop-level-preview strong{font-size:2.7rem;line-height:1;color:#67dfff;text-shadow:0 0 18px rgba(103,223,255,.5)}.shop-card.level-boost{border-color:rgba(103,223,255,.22)}

/* v5.7.0 · Shop Expansion */
.shop-section{margin-top:1.4rem}.shop-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:0 0 .8rem}.shop-section-head h2{margin:.15rem 0 0;text-transform:uppercase}.shop-section-head>span{font-size:.65rem;font-weight:900;letter-spacing:.14em;color:#6ce3ff}.shop-rank{display:grid;gap:.15rem;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px}.shop-rank span{font-size:.58rem;letter-spacing:.14em;color:#9b91a3}.shop-rank b{font-size:1.1rem}.shop-lock-note{display:block;margin-top:.55rem;color:#f3bf67;font-size:.65rem}.shop-card.is-locked{opacity:.64}.shop-secret-preview{font-size:4rem;font-weight:1000;color:#74677e;text-shadow:0 0 25px rgba(160,70,255,.28)}.black-market-section{margin-top:2.4rem;padding-top:1rem;border-top:1px solid rgba(255,196,70,.14)}.black-market-section .shop-section-head{padding:1.1rem;border:1px solid rgba(255,196,70,.16);border-radius:16px;background:radial-gradient(circle at 85% 30%,rgba(255,196,70,.08),transparent 34%)}.black-market-section.is-locked .shop-grid{filter:saturate(.45);opacity:.65}.black-card{border-color:rgba(255,196,70,.18)!important}
.shop-name-preview{font-size:1rem;font-weight:1000}.name-cyan{color:#58e5ff!important;text-shadow:0 0 10px rgba(88,229,255,.45)}.name-green{color:#65efa9!important}.name-pink{color:#ff67d5!important}.name-red{color:#ff6479!important}.name-gold{color:#ffd56e!important;text-shadow:0 0 12px rgba(255,213,110,.45)}
.shop-chat-preview{width:210px;padding:.7rem .85rem;border-radius:16px;background:#17101d;border:1px solid rgba(166,70,255,.34);display:grid;gap:.2rem}.shop-chat-preview b{font-size:.7rem}.shop-chat-preview span{font-size:.78rem;color:#cfc6d5}.shop-chat-preview.chat-glow{box-shadow:0 0 24px rgba(170,65,255,.28)}.shop-chat-preview.chat-matrix{border-color:#59e79a;background:repeating-linear-gradient(0deg,rgba(72,224,130,.035) 0 1px,transparent 1px 7px),#0b100d}.shop-chat-preview.chat-glitch{clip-path:polygon(0 0,94% 0,100% 16%,97% 100%,4% 100%,0 84%)}.shop-chat-preview.chat-void,.shop-chat-preview.chat-black{border-color:#6a42ff;box-shadow:inset 0 0 30px rgba(74,46,150,.16),0 0 24px rgba(77,42,190,.18)}
.shop-bg-preview{width:210px;height:115px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1)}.shop-bg-preview i{font-style:normal;font-size:.65rem;letter-spacing:.2em}.shop-bg-preview.bg-matrix{background:repeating-linear-gradient(90deg,rgba(61,224,132,.08) 0 1px,transparent 1px 18px),linear-gradient(#07130d,#09070c)}.shop-bg-preview.bg-smoke{background:radial-gradient(circle at 30% 30%,rgba(189,62,255,.34),transparent 35%),radial-gradient(circle at 70% 70%,rgba(62,211,255,.18),transparent 38%),#08060c}.shop-bg-preview.bg-city{background:repeating-linear-gradient(90deg,#090810 0 18px,#121021 18px 20px)}.shop-bg-preview.bg-void{background:radial-gradient(circle at 30% 20%,#5432a8 0 2px,transparent 3px),linear-gradient(#080612,#020206)}
.shop-badge-preview,.shop-profile-chat-badge,.shop-chat-badge{display:inline-grid;place-items:center;position:relative}.shop-badge-preview{width:92px;height:92px;border:1px solid currentColor;border-radius:24px;color:#8f65ff;box-shadow:0 0 24px currentColor}.shop-badge-preview i,.shop-profile-chat-badge i,.shop-chat-badge i{width:18px;height:18px;border:2px solid currentColor;transform:rotate(45deg);display:block}.shop-chat-badge{width:20px;height:20px;margin-right:.28rem}.shop-chat-badge i{width:10px;height:10px}.shop-profile-chat-badge{width:28px;height:28px;margin-left:.35rem;color:#9d65ff}.badge-target{color:#59dfff!important}.badge-skull,.badge-reaper{color:#d67bff!important}.badge-crown{color:#ffd56e!important}.badge-core{color:#62e8ff!important}.badge-immortal{color:#ffca62!important;filter:drop-shadow(0 0 8px rgba(255,202,98,.55))}
.shop-blast-preview{width:120px;height:120px;position:relative;display:grid;place-items:center}.shop-blast-preview i{position:absolute;border:2px solid #ae58ff;border-radius:50%;width:38px;height:38px;box-shadow:0 0 22px #ae58ff}.shop-blast-preview i:nth-child(2){width:72px;height:72px;opacity:.55}.shop-blast-preview i:nth-child(3){width:108px;height:108px;opacity:.2}.arena-plasma i{border-color:#42e4ff;box-shadow:0 0 22px #42e4ff}.arena-inferno i{border-color:#ff6b35;box-shadow:0 0 22px #ff6b35}.arena-void i{border-color:#7b4dff;box-shadow:0 0 22px #7b4dff}.arena-gold i{border-color:#ffd56e;box-shadow:0 0 22px #ffd56e}
.shop-aim-preview{width:110px;height:110px;border:2px solid currentColor;color:#69ddff;border-radius:50%;position:relative;box-shadow:0 0 28px currentColor}.shop-aim-preview:before,.shop-aim-preview:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.shop-aim-preview:before{width:70%;height:2px}.shop-aim-preview:after{width:2px;height:70%}.aim-spark{color:#ffd56e}.aim-matrix{color:#63ec9e}.aim-chaos{color:#d25eff}.shop-xp-preview{width:128px;height:128px;border-radius:28px;display:grid;place-items:center;align-content:center;border:1px solid rgba(175,100,255,.4);background:radial-gradient(circle,rgba(175,100,255,.16),#09070d 72%)}.shop-xp-preview small{letter-spacing:.18em;color:#988ca1}.shop-xp-preview strong{font-size:2.2rem;color:#c26dff}
.profile-page.bg-matrix{background-image:repeating-linear-gradient(90deg,rgba(47,213,123,.035) 0 1px,transparent 1px 24px),linear-gradient(#07070a,#050408)}.profile-page.bg-smoke{background-image:radial-gradient(circle at 18% 20%,rgba(176,48,255,.16),transparent 25%),radial-gradient(circle at 78% 45%,rgba(40,214,255,.1),transparent 24%)}.profile-page.bg-city{background-image:repeating-linear-gradient(90deg,rgba(58,190,255,.025) 0 24px,transparent 24px 52px),linear-gradient(#070610,#040408)}.profile-page.bg-void{background-image:radial-gradient(circle at 15% 12%,rgba(105,74,255,.18),transparent 21%),linear-gradient(#05040b,#020205)}
.profile-avatar-large.frame-plasma{border-color:#cb63ff!important;box-shadow:0 0 0 3px rgba(63,224,255,.12),0 0 36px rgba(190,72,255,.38)!important}.profile-avatar-large.frame-matrix{border-color:#63ed9e!important;box-shadow:0 0 34px rgba(99,237,158,.34)!important}.profile-avatar-large.frame-inferno{border-color:#ff6b35!important;box-shadow:0 0 38px rgba(255,91,42,.36)!important}.profile-avatar-large.frame-galaxy{border-color:#8c6cff!important;box-shadow:0 0 42px rgba(116,72,255,.42)!important}.profile-avatar-large.frame-obsidian{border-color:#1e1a26!important;box-shadow:0 0 0 2px #7448ff,0 0 48px rgba(93,63,255,.42)!important}.profile-avatar-large.frame-night{border-color:#5e7fff!important;box-shadow:0 0 40px rgba(54,78,194,.42)!important}
.shop-profile-title.title-no-problem{color:#ff67d5;border-color:#ff67d5}.shop-profile-title.title-engineer{color:#62e6ff;border-color:#62e6ff}.shop-profile-title.title-og{color:#ffd56e;border-color:#ffd56e}.shop-profile-title.title-ziel-los{color:#d2c6ff;border-color:#7456ff}
.chat-message.chat-glow .chat-message-body{box-shadow:0 0 26px rgba(174,70,255,.22)!important;border-color:rgba(174,70,255,.44)!important}.chat-message.chat-matrix .chat-message-body{background:repeating-linear-gradient(0deg,rgba(72,224,130,.035) 0 1px,transparent 1px 7px),#0b100d!important;border-color:rgba(72,224,130,.34)!important}.chat-message.chat-glitch .chat-message-body{clip-path:polygon(0 0,96% 0,100% 8%,98% 100%,4% 100%,0 88%);border-color:rgba(71,216,255,.4)!important}.chat-message.chat-void .chat-message-body,.chat-message.chat-black .chat-message-body{background:linear-gradient(135deg,rgba(53,26,97,.22),rgba(7,6,10,.98))!important;border-color:rgba(103,74,255,.42)!important}
.trainer-arena.shop-hit-pulse{box-shadow:inset 0 0 55px rgba(75,222,255,.28)!important}.trainer-arena.shop-hit-spark{box-shadow:inset 0 0 55px rgba(255,213,110,.32)!important}.trainer-arena.shop-hit-matrix{box-shadow:inset 0 0 55px rgba(77,235,145,.3)!important}.trainer-arena.shop-hit-chaos{box-shadow:inset 0 0 65px rgba(202,73,255,.38)!important}
@media(max-width:600px){.shop-section-head{align-items:flex-start;flex-direction:column}.shop-rank{width:100%}.shop-chat-preview,.shop-bg-preview{max-width:100%}}

/* v5.7.1 · individuelle Shop-Symbole für alle sichtbaren/freien Artikel */
.shop-item-visual{min-height:185px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.shop-symbol-preview{width:104px;height:104px;position:relative;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle at 50% 38%,rgba(177,76,255,.16),rgba(8,7,12,.98) 72%);border:1px solid rgba(177,76,255,.55);box-shadow:0 0 30px rgba(177,76,255,.22),inset 0 0 24px rgba(177,76,255,.08)}
.shop-symbol-preview i{position:absolute;inset:15px;border:1px solid currentColor;transform:rotate(45deg);opacity:.52}
.shop-symbol-preview i:nth-child(2){inset:25px;transform:rotate(0deg);opacity:.22}
.shop-symbol-preview strong{position:relative;z-index:2;font-size:2.15rem;line-height:1;font-weight:1000;letter-spacing:-.05em;color:#f2edf7;text-shadow:0 0 16px currentColor}
.shop-locked-preview{width:104px;height:104px;border-radius:28px;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid rgba(255,255,255,.1);background:#0b0910;color:#6f6874}
.shop-locked-preview span{font-size:2rem}.shop-locked-preview small{font-size:.5rem;letter-spacing:.15em}

.shop-symbol-preview.frame-purple,.shop-symbol-preview.title-original,.shop-symbol-preview.chat-glow{color:#bd5cff;border-color:#bd5cff}
.shop-symbol-preview.frame-cyan,.shop-symbol-preview.name-cyan,.shop-symbol-preview.badge-target,.shop-symbol-preview.aim-pulse,.shop-symbol-preview.arena-plasma{color:#56e4ff;border-color:#56e4ff}
.shop-symbol-preview.frame-plasma,.shop-symbol-preview.chat-void,.shop-symbol-preview.aim-chaos{color:#cf68ff;border-color:#cf68ff}
.shop-symbol-preview.frame-matrix,.shop-symbol-preview.name-green,.shop-symbol-preview.chat-matrix,.shop-symbol-preview.bg-matrix,.shop-symbol-preview.aim-matrix{color:#67e99a;border-color:#67e99a}
.shop-symbol-preview.frame-inferno,.shop-symbol-preview.arena-inferno,.shop-symbol-preview.name-red{color:#ff7046;border-color:#ff7046}
.shop-symbol-preview.frame-gold,.shop-symbol-preview.name-gold,.shop-symbol-preview.badge-crown,.shop-symbol-preview.arena-gold,.shop-symbol-preview.title-legend,.shop-symbol-preview.title-og{color:#ffd56e;border-color:#ffd56e}
.shop-symbol-preview.frame-galaxy,.shop-symbol-preview.bg-void,.shop-symbol-preview.arena-void{color:#8e72ff;border-color:#8e72ff}
.shop-symbol-preview.name-pink,.shop-symbol-preview.title-no-problem{color:#ff6ed9;border-color:#ff6ed9}
.shop-symbol-preview.title-engineer,.shop-symbol-preview.badge-core{color:#62e6ff;border-color:#62e6ff}
.shop-symbol-preview.chat-glitch,.shop-symbol-preview.bg-city{color:#74cfff;border-color:#74cfff}
.shop-symbol-preview.badge-skull,.shop-symbol-preview.badge-reaper{color:#d47cff;border-color:#d47cff}
.shop-symbol-preview.bg-smoke{color:#b06aff;border-color:#b06aff}
.shop-symbol-preview.aim-spark{color:#ffd56e;border-color:#ffd56e}
.shop-symbol-preview.xp-250,.shop-symbol-preview.xp-500,.shop-symbol-preview.level-boost{color:#b66dff;border-color:#b66dff}
.shop-symbol-preview.frame-obsidian,.shop-symbol-preview.title-ziel-los,.shop-symbol-preview.chat-black,.shop-symbol-preview.badge-immortal{color:#7b5cff;border-color:#7b5cff;box-shadow:0 0 36px rgba(72,48,180,.32),inset 0 0 24px rgba(45,35,85,.25)}

.shop-mini-frame{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;box-shadow:0 0 18px currentColor;font-size:.72rem;font-weight:1000}
.shop-mini-frame.frame-purple{color:#bd5cff}.shop-mini-frame.frame-cyan{color:#56e4ff}.shop-mini-frame.frame-plasma{color:#cf68ff}.shop-mini-frame.frame-matrix{color:#67e99a}.shop-mini-frame.frame-inferno{color:#ff7046}.shop-mini-frame.frame-gold{color:#ffd56e}.shop-mini-frame.frame-galaxy{color:#8e72ff}.shop-mini-frame.frame-obsidian{color:#6f58ff}
.shop-mini-title{max-width:220px;padding:7px 12px;border:1px solid currentColor;border-radius:999px;font-size:.55rem;font-weight:900;letter-spacing:.12em;color:#c875ff}
.shop-mini-title.title-legend,.shop-mini-title.title-og{color:#ffd56e}.shop-mini-title.title-no-problem{color:#ff6ed9}.shop-mini-title.title-engineer{color:#62e6ff}.shop-mini-title.title-ziel-los{color:#a78dff}
.shop-mini-name{font-size:.68rem;font-weight:1000}.shop-mini-chat{min-width:120px;padding:7px 10px;border-radius:12px;border:1px solid currentColor;font-size:.65rem}
.shop-mini-bg{width:122px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.shop-mini-bg.bg-matrix{background:repeating-linear-gradient(90deg,rgba(61,224,132,.12) 0 1px,transparent 1px 12px),#07110b}.shop-mini-bg.bg-smoke{background:radial-gradient(circle at 30% 50%,rgba(189,62,255,.38),transparent 35%),#08060c}.shop-mini-bg.bg-city{background:repeating-linear-gradient(90deg,#0b0a12 0 11px,#17132c 11px 13px)}.shop-mini-bg.bg-void{background:radial-gradient(circle at 35% 45%,#6a4bcc 0 1px,transparent 2px),#05040b}
.shop-mini-badge{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid currentColor;font-size:.82rem}
.shop-mini-blast{width:48px;height:48px;position:relative}.shop-mini-blast b{position:absolute;inset:18px;border:1px solid currentColor;border-radius:50%}.shop-mini-blast b:nth-child(2){inset:10px;opacity:.5}.shop-mini-blast b:nth-child(3){inset:2px;opacity:.2}.shop-mini-weapon{position:relative;width:122px;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(135deg,rgba(18,14,25,.95),rgba(8,7,12,.98));overflow:hidden}.shop-mini-weapon:before{content:'';position:absolute;left:13px;top:19px;width:60px;height:4px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor}.shop-mini-weapon:after{content:'';position:absolute;left:22px;top:23px;width:24px;height:8px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:skewX(-22deg);opacity:.75}.shop-mini-weapon span{position:absolute;right:15px;top:15px;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor;animation:shopWeaponPulse 1.55s ease-in-out infinite}.shop-mini-weapon i{position:absolute;right:8px;top:10px;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;opacity:.28;animation:shopWeaponRing 1.55s ease-out infinite}.shop-mini-weapon.weapon-bazooka{color:#63e8ff}.shop-mini-weapon.weapon-mg{color:#ff72c8}.shop-mini-weapon.weapon-mortar{color:#ffc96b}@keyframes shopWeaponPulse{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.25);opacity:1}}@keyframes shopWeaponRing{0%{transform:scale(.65);opacity:.4}100%{transform:scale(1.25);opacity:0}}
.shop-mini-aim{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.shop-mini-aim span{width:10px;height:10px;border:2px solid currentColor;border-radius:50%}
.shop-mini-xp,.shop-mini-level{font-size:.58rem;font-weight:900;letter-spacing:.14em;color:#c988ff}

@media(max-width:600px){
 .shop-item-visual{min-height:165px}
 .shop-symbol-preview{width:92px;height:92px;border-radius:24px}
 .shop-symbol-preview strong{font-size:1.85rem}
}

/* v5.7.2 · Early Access Codes */
.early-access-page{padding-bottom:6rem}.early-access-stage{position:relative;overflow:hidden;padding:clamp(1.4rem,4vw,2.7rem);min-height:430px;border-color:rgba(108,225,255,.14);background:radial-gradient(circle at 80% 12%,rgba(158,69,255,.13),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(5,4,9,.96))}.early-access-grid{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(102,224,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,224,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.early-access-status-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem}.early-access-live{display:inline-flex;align-items:center;gap:.55rem;font-size:.66rem;font-weight:1000;letter-spacing:.14em}.early-access-live i{width:9px;height:9px;border-radius:50%;background:#706879;box-shadow:none}.early-access-stage.is-live .early-access-live{color:#6ee9ad}.early-access-stage.is-live .early-access-live i{background:#6ee9ad;box-shadow:0 0 14px rgba(110,233,173,.65);animation:earlyPulse 1.5s infinite}.early-access-game{font-size:.58rem;font-weight:900;letter-spacing:.14em;color:#7b7183}.early-access-display{position:relative;margin:clamp(2rem,6vw,4.2rem) auto 2rem;text-align:center;max-width:900px}.early-access-display>.eyebrow{color:#6de0ff}.early-access-code-wrap{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.6rem}.early-access-code-wrap strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(2.2rem,8vw,5.6rem);letter-spacing:.08em;line-height:1.05;color:#f7f1ff;text-shadow:0 0 28px rgba(122,223,255,.14)}.early-access-stage.is-live .early-access-code-wrap strong{color:#fff;text-shadow:0 0 16px rgba(95,224,255,.25),0 0 38px rgba(159,72,255,.16)}.early-access-copy{border:1px solid rgba(100,224,255,.34);background:rgba(9,8,14,.82);color:#72e4ff;border-radius:10px;padding:.72rem .9rem;font-size:.58rem;font-weight:1000;letter-spacing:.12em;cursor:pointer}.early-access-copy:disabled{opacity:.35;cursor:not-allowed}.early-access-meta{min-height:1.3rem;margin:.85rem 0 0;color:#8e8595;font-size:.76rem}.early-access-admin{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:2rem;align-items:end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.07)}.early-access-admin h2{margin:.2rem 0 .45rem;text-transform:uppercase;font-size:1.3rem}.early-access-admin>div>p:last-child{margin:0;color:#918797;font-size:.78rem;line-height:1.55}.early-access-form label{display:block;margin-bottom:.4rem;font-size:.62rem;font-weight:900;letter-spacing:.1em;color:#9e93a7;text-transform:uppercase}.early-access-input-row{display:flex;gap:.7rem}.early-access-input-row input{min-width:0;flex:1;height:72px;border:1px solid rgba(108,224,255,.32);border-radius:16px;background:#08070c;color:#fff;padding:0 1.35rem;font:800 1.16rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 18px rgba(70,180,255,.08)}.early-access-input-row input:focus{border-color:#68ddff;box-shadow:0 0 0 3px rgba(104,221,255,.08)}.early-access-clear{margin-top:.7rem;padding:0;border:0;background:none;color:#867b8e;font-size:.7rem;text-decoration:underline;cursor:pointer}.early-access-clear:disabled{opacity:.35;cursor:not-allowed}.early-access-feedback{min-height:1.2rem;margin:.5rem 0 0;color:#70e3ae;font-size:.7rem}.early-access-info{display:flex;align-items:center;gap:1.2rem;padding:1.4rem;margin-top:1rem}.early-access-info-icon{width:52px;height:52px;border:1px solid rgba(188,80,255,.32);border-radius:15px;display:grid;place-items:center;font-size:1.45rem;background:rgba(158,61,255,.06)}.early-access-info h2{margin:.1rem 0 .25rem;text-transform:uppercase}.early-access-info p:last-child{margin:0;color:#8f8596;font-size:.78rem}@keyframes earlyPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.5}}
@media(max-width:760px){.early-access-input-row input{height:70px;font-size:1.12rem;padding:0 1.1rem;border-radius:16px}.early-access-status-row{align-items:flex-start;flex-direction:column}.early-access-admin{grid-template-columns:1fr;gap:1rem}.early-access-input-row{flex-direction:column}.early-access-input-row .button{width:100%}.early-access-code-wrap{flex-direction:column}.early-access-code-wrap strong{word-break:break-word}.early-access-copy{width:100%;max-width:270px}.early-access-info{align-items:flex-start}}


/* v5.7.3 · Early Access Admin-Aktionen */
.early-access-action-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.7rem;
    margin-top:.7rem;
}
.early-access-action-row .button{
    width:100%;
    min-height:50px;
    padding:.82rem 1rem;
    font-size:.66rem;
    font-weight:1000;
    letter-spacing:.1em;
}
.early-access-clear{
    margin-top:0!important;
    border:1px solid rgba(255,92,116,.38)!important;
    background:linear-gradient(180deg,rgba(255,72,104,.12),rgba(34,7,14,.92))!important;
    color:#ff8397!important;
    text-decoration:none!important;
    border-radius:11px!important;
    cursor:pointer;
}
.early-access-clear:not(:disabled):hover{
    border-color:rgba(255,92,116,.72)!important;
    box-shadow:0 0 24px rgba(255,72,104,.12);
}
.early-access-clear:disabled{
    opacity:.35;
    cursor:not-allowed;
}
@media(max-width:760px){
    .early-access-action-row{
        grid-template-columns:1fr 1fr;
    }
    .early-access-action-row .button{
        min-height:52px;
        padding:.75rem .55rem;
        font-size:.6rem;
    }
}


/* v5.7.6 · Admin-Profilbearbeitung */
.member-profile-admin-links{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.15rem 0 .8rem}
.member-profile-admin-links .small-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.admin-profile-edit-page{padding-bottom:6rem}
.admin-profile-edit-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 1.15rem;margin-bottom:1rem}
.admin-profile-edit-toolbar>div{min-width:0;display:grid;gap:.12rem}
.admin-profile-edit-toolbar>div span{color:#756b7d;font-size:.56rem;font-weight:900;letter-spacing:.14em}
.admin-profile-edit-toolbar>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-profile-edit-toolbar>div small{color:#8e8395}.admin-public-check{min-height:48px}
@media(max-width:760px){.member-profile-admin-links{display:grid;grid-template-columns:1fr 1fr}.member-profile-admin-links .small-button{width:100%}.admin-profile-edit-toolbar{grid-template-columns:1fr;align-items:stretch}.admin-profile-edit-toolbar>a{width:100%;justify-content:center}}

/* v5.7.6 · Roulette im Crew Chat deutlich kompakter */
.chat-system-card.kind-gamble{box-sizing:border-box!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:.65rem!important;width:min(100%,520px)!important;max-width:520px!important;min-height:0!important;margin:.22rem auto!important;padding:.52rem .68rem!important;border-radius:13px!important}
.chat-system-card.kind-gamble .gamble-reel{display:grid!important;grid-template-columns:repeat(3,22px)!important;gap:3px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.chat-system-card.kind-gamble .gamble-reel i{width:22px!important;min-width:22px!important;height:28px!important;min-height:28px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:6px!important;font-size:.74rem!important;line-height:1!important}
.chat-system-card.kind-gamble .gamble-copy{display:grid!important;gap:.08rem!important;min-width:0!important}
.chat-system-card.kind-gamble .gamble-kicker{margin:0!important;font-size:.46rem!important;line-height:1.15!important;letter-spacing:.14em!important}
.chat-system-card.kind-gamble .gamble-copy>strong{margin:0!important;font-size:.9rem!important;line-height:1.15!important}
.chat-system-card.kind-gamble .gamble-copy p{margin:.08rem 0!important;font-size:.72rem!important;line-height:1.3!important}
.chat-system-card.kind-gamble .gamble-copy small{margin:0!important;font-size:.57rem!important;line-height:1.2!important;color:#82788b!important}
@media(max-width:600px){.chat-system-card.kind-gamble{grid-template-columns:64px minmax(0,1fr)!important;gap:.5rem!important;width:100%!important;padding:.48rem .55rem!important;border-radius:11px!important}.chat-system-card.kind-gamble .gamble-reel{grid-template-columns:repeat(3,18px)!important;gap:2px!important}.chat-system-card.kind-gamble .gamble-reel i{width:18px!important;min-width:18px!important;height:24px!important;min-height:24px!important;font-size:.64rem!important}.chat-system-card.kind-gamble .gamble-copy>strong{font-size:.82rem!important}.chat-system-card.kind-gamble .gamble-copy p{font-size:.68rem!important}}


/* v5.7.7 · PC Chat-Popup schließen + kompakte Punkteanzeige */
.chat-toast{
    grid-template-columns:46px minmax(0,1fr) 32px 28px!important;
}
.chat-toast-close{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    align-self:start;
    margin:-4px -4px 0 0;
    padding:0;
    border:1px solid rgba(255,255,255,.11);
    border-radius:50%;
    background:rgba(7,5,11,.72);
    color:#a99eaf;
    font:700 18px/1 Arial,sans-serif;
    cursor:pointer;
    transition:.16s ease;
}
.chat-toast-close:hover,
.chat-toast-close:focus-visible{
    color:#fff;
    border-color:rgba(238,74,185,.58);
    background:rgba(238,74,185,.13);
    box-shadow:0 0 18px rgba(238,74,185,.14);
    outline:none;
}

.chat-system-card.kind-points{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:.75rem!important;
    row-gap:.08rem!important;
    width:min(100%,440px)!important;
    max-width:440px!important;
    min-height:0!important;
    margin:.2rem auto!important;
    padding:.5rem .7rem!important;
    border-radius:12px!important;
}
.chat-system-card.kind-points .gamble-kicker{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    font-size:.48rem!important;
    line-height:1.1!important;
    letter-spacing:.14em!important;
    white-space:nowrap;
}
.chat-system-card.kind-points>strong{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:.92rem!important;
    line-height:1.15!important;
    text-align:right;
}
.chat-system-card.kind-points>p{
    grid-column:1/-1!important;
    grid-row:2!important;
    margin:.08rem 0 0!important;
    font-size:.7rem!important;
    line-height:1.25!important;
    color:#aaa0b1!important;
}

@media(max-width:620px){
    .chat-toast{
        grid-template-columns:42px minmax(0,1fr) auto!important;
    }
    .chat-toast-close{
        display:none!important;
    }
    .chat-system-card.kind-points{
        width:min(100%,380px)!important;
        padding:.46rem .58rem!important;
    }
    .chat-system-card.kind-points>strong{
        font-size:.84rem!important;
    }
    .chat-system-card.kind-points>p{
        font-size:.66rem!important;
    }
}


/* v5.8.4 · Fortnite-API-Karte sauber ausrichten */
.fortnite-admin-card{
    padding:clamp(1.25rem,3vw,2rem);
}
.fortnite-admin-card>.muted{
    margin:0 0 1.25rem;
    line-height:1.65;
}
.fortnite-admin-card .editor-heading{
    margin-bottom:1rem;
}

/* v5.8.4 · Profilbild vor dem Speichern verschieben */
.avatar-position-row{
    align-items:flex-start;
}
.avatar-position-editor{
    display:grid;
    gap:.65rem;
    justify-items:start;
}
.profile-avatar-edit.is-positionable{
    position:relative;
    width:190px;
    height:240px;
    flex:0 0 auto;
    overflow:hidden;
    cursor:grab;
    user-select:none;
    touch-action:none;
    border:2px solid color-mix(in srgb,var(--purple) 58%,#32283d);
    border-radius:10px;
    box-shadow:0 0 28px rgba(168,85,247,.12);
}
.profile-avatar-edit.is-positionable.is-dragging{
    cursor:grabbing;
    border-color:var(--cyan);
    box-shadow:0 0 32px rgba(39,214,255,.17);
}
.profile-avatar-edit.is-positionable img{
    width:100%;
    height:100%;
    object-fit:cover;
    pointer-events:none;
    -webkit-user-drag:none;
}
.avatar-position-crosshair{
    position:absolute;
    left:50%;
    top:50%;
    width:36px;
    height:36px;
    transform:translate(-50%,-50%);
    border:1px solid rgba(255,255,255,.32);
    border-radius:50%;
    pointer-events:none;
    opacity:.7;
}
.avatar-position-crosshair::before,
.avatar-position-crosshair::after{
    content:"";
    position:absolute;
    background:rgba(255,255,255,.4);
}
.avatar-position-crosshair::before{left:-9px;right:-9px;top:50%;height:1px}
.avatar-position-crosshair::after{top:-9px;bottom:-9px;left:50%;width:1px}
.avatar-position-hint{
    max-width:190px;
    margin:0;
    color:#8c8392;
    font-size:.68rem;
    line-height:1.45;
}
.avatar-position-hint b{color:#cbc2d2}
.avatar-center-button{width:190px}

/* Der gespeicherte Fokus wird überall als object-position angewandt. */
.public-avatar img,
.profile-avatar-large img,
.member-row-avatar img{
    object-fit:cover;
}

@media(max-width:720px){
    .fortnite-admin-card{padding:1.25rem!important}
    .fortnite-admin-card .editor-heading{gap:.75rem}
    .avatar-position-row{gap:1.25rem}
    .avatar-position-editor{width:100%}
    .profile-avatar-edit.is-positionable{width:min(72vw,230px);height:min(91vw,290px)}
    .avatar-position-hint{max-width:min(72vw,230px)}
    .avatar-center-button{width:min(72vw,230px)}
}


/* v5.8.5 · Profilbild-Zoom + Sichtbarkeit privater Profile */
.profile-avatar-edit.is-positionable img{
    transform:scale(var(--avatar-zoom,1));
    transform-origin:var(--avatar-origin-x,50%) var(--avatar-origin-y,50%);
    will-change:transform,object-position;
}
.avatar-zoom-control{
    width:190px;
    display:grid;
    gap:.42rem;
    padding:.65rem .7rem;
    border:1px solid #342d3b;
    border-radius:9px;
    background:#0b0910;
}
.avatar-zoom-head{display:flex;justify-content:space-between;align-items:center;font-size:.64rem;color:#aaa0b1}
.avatar-zoom-head b{color:#d8cfdf;text-transform:uppercase;letter-spacing:.08em}
.avatar-zoom-head span{color:var(--cyan);font-weight:900}
.avatar-zoom-row{display:grid;grid-template-columns:34px 1fr 34px;gap:.45rem;align-items:center}
.avatar-zoom-row input[type="range"]{width:100%;accent-color:var(--purple)}
.avatar-zoom-button{width:34px;height:34px;border:1px solid #3d3445;border-radius:8px;background:#17121e;color:#fff;font-size:1.1rem;cursor:pointer}
.avatar-zoom-button:active{transform:scale(.96)}

/* Rangbadge darf außerhalb stehen, das Foto selbst bleibt sauber im Rahmen. */
.avatar-image-clip{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none}
.avatar-image-clip img{width:100%!important;height:100%!important;object-fit:cover;transform:scale(var(--avatar-zoom,1));transform-origin:var(--avatar-origin-x,50%) var(--avatar-origin-y,50%);will-change:transform}
.public-avatar,.profile-avatar-large{position:relative}

.private-profile-name-card{cursor:default;min-height:165px;display:flex;align-items:center;gap:1rem}
.private-profile-name-card:hover{background:#0d0a12}
.private-profile-lock{flex:0 0 82px;height:105px;display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--profile-accent) 45%,#3a3340);color:var(--profile-accent);font-size:1.45rem;background:radial-gradient(circle,rgba(168,85,247,.07),transparent 68%)}
.public-profile-card.is-members-only{background:linear-gradient(135deg,rgba(39,214,255,.035),#0d0a12 44%)}
.public-profile-card.is-members-only div>span{color:#a891ff}

@media(max-width:720px){
    .avatar-zoom-control{width:min(72vw,230px)}
}


/* v5.8.6 · Admin-Punktebefehle im Crew Guide */
.guide-admin-points{
    border-color:rgba(255,194,88,.2)!important;
    background:radial-gradient(circle at 92% 14%,rgba(255,176,64,.09),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
}
.guide-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.guide-admin-heading h2{margin:.18rem 0 0}
.guide-admin-heading>span{flex:0 0 auto;padding:.48rem .7rem;border:1px solid rgba(255,194,88,.28);border-radius:999px;color:#ffc96c;font-size:.52rem;font-weight:1000;letter-spacing:.12em}
.guide-admin-intro{max-width:860px;margin:1rem 0 0;color:#a69daa;line-height:1.55}
.guide-admin-intro code,.guide-admin-note code{color:#ffc96c;font-weight:900}
.admin-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-command-grid>div{border-color:rgba(255,194,88,.13);background:linear-gradient(145deg,rgba(255,190,75,.035),#0b0810)}
.admin-command-grid code{color:#ffc96c;font-size:.82rem;word-break:break-word}
.guide-admin-note{margin:1rem 0 0;padding:.8rem 1rem;border-left:2px solid rgba(255,194,88,.55);color:#938a99;font-size:.72rem;line-height:1.5}
@media(max-width:900px){.admin-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.guide-admin-heading{flex-direction:column}.admin-command-grid{grid-template-columns:1fr}}

/* v5.8.9 · Crew Chat GIF picker (GIPHY) */
.chat-compose-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.38rem!important}
.chat-compose-tools{display:flex;align-items:center;gap:.4rem}
.chat-compose-meta{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin-left:auto;color:#69616f;font-size:.56rem}
.chat-gif-toggle,.chat-emoji-toggle{min-width:42px;height:28px;padding:0 .65rem;border:1px solid rgba(168,85,247,.45);border-radius:7px;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(238,44,167,.08));color:#dcb8ff;cursor:pointer;font-size:.63rem;font-weight:950;letter-spacing:.08em;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.chat-emoji-toggle{min-width:58px;padding:0 .6rem;font-size:.63rem;letter-spacing:.06em;line-height:1}
.chat-gif-toggle:hover:not(:disabled),.chat-gif-toggle[aria-expanded="true"],.chat-emoji-toggle:hover:not(:disabled),.chat-emoji-toggle[aria-expanded="true"]{border-color:rgba(196,116,255,.75);background:linear-gradient(135deg,rgba(124,58,237,.34),rgba(238,44,167,.15));color:#fff;transform:translateY(-1px)}
.chat-gif-toggle:disabled,.chat-emoji-toggle:disabled{opacity:.32;cursor:not-allowed;transform:none}
.chat-gif-picker{padding:1rem 1.25rem 1.15rem;border-top:1px solid rgba(168,85,247,.2);background:linear-gradient(180deg,rgba(19,13,27,.99),rgba(10,8,14,.99))}
.chat-gif-picker[hidden]{display:none}
.chat-gif-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.chat-gif-picker-head .eyebrow{margin:0 0 .12rem}.chat-gif-picker-head strong{display:block;color:#f2edf6;font-size:.88rem;text-transform:uppercase;letter-spacing:.045em}
.chat-gif-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #392e43;border-radius:50%;background:#0c0910;color:#958a9d;cursor:pointer;font-size:1.1rem;line-height:1}.chat-gif-close:hover{border-color:rgba(168,85,247,.55);color:#fff}
.chat-gif-search-wrap{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem;padding:0 .75rem;border:1px solid #302839;border-radius:9px;background:#08060d}.chat-gif-search-wrap:focus-within{border-color:rgba(168,85,247,.7);box-shadow:0 0 0 3px rgba(168,85,247,.08)}.chat-gif-search-wrap>span{color:#806f8c;font-size:1rem}.chat-gif-search-wrap input{width:100%;height:44px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:.75rem}.chat-gif-search-wrap input::placeholder{color:#6f6577}
.chat-gif-results{max-height:330px;overflow-y:auto;columns:4 118px;column-gap:.5rem;padding-right:.25rem;scrollbar-color:#4a315f #0d0a12;overscroll-behavior:contain}
.chat-gif-result{display:block;width:100%;margin:0 0 .5rem;padding:0;overflow:hidden;break-inside:avoid;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#09070d;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,filter .16s ease}.chat-gif-result:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(168,85,247,.62);filter:brightness(1.06)}.chat-gif-result:disabled{opacity:.48;cursor:wait}.chat-gif-result img{display:block;width:100%;height:auto;min-height:62px;background:#0d0a12}
.chat-gif-status{column-span:all;margin:0;padding:2rem .5rem;color:#817789;text-align:center;font-size:.7rem}
.chat-gif-attribution{display:flex;justify-content:flex-end;margin-top:.65rem;color:#77707e;font-size:.52rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.chat-message-gif{display:block;width:auto;max-width:min(340px,64vw);max-height:390px;margin:.18rem 0 0;border-radius:8px;object-fit:contain;background:#09070d}
.chat-archive-gif{display:block;width:auto;max-width:min(260px,55vw);max-height:280px;margin:.45rem 0 0;border-radius:7px;object-fit:contain;background:#09070d}
.chat-message-body.has-gif{width:auto;max-width:min(78%,760px)}
@media(max-width:620px){.chat-compose-bottom{gap:.45rem}.chat-compose-meta span{display:none}.chat-gif-picker{padding:.85rem .8rem 1rem}.chat-gif-results{columns:3 90px;max-height:42vh}.chat-message-gif{max-width:min(300px,72vw);max-height:340px}.chat-gif-search-wrap input{font-size:.78rem}}
@media(max-width:390px){.chat-gif-results{columns:2 115px}.chat-message-gif{max-width:70vw}}

/* v5.9.0 · Mobile GIF bottom sheet / eigener Scrollbereich */
@media(max-width:620px){
  html.chat-gif-mobile-open,body.chat-gif-mobile-open{overflow:hidden!important;overscroll-behavior:none}
  body.chat-gif-mobile-open{position:fixed!important;left:0;right:0;top:calc(-1 * var(--chat-gif-scroll-y,0px));width:100%}
  .chat-gif-picker:not([hidden]){
    position:fixed;
    z-index:10080;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
    display:flex;
    flex-direction:column;
    width:auto;
    max-height:min(72dvh,calc(var(--chat-gif-viewport-height,100dvh) - 16px));
    min-height:min(360px,calc(var(--chat-gif-viewport-height,100dvh) - 16px));
    padding:.75rem .75rem .7rem;
    overflow:hidden;
    border:1px solid rgba(168,85,247,.34);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(20,14,28,.995),rgba(8,6,12,.998));
    box-shadow:0 -12px 50px rgba(0,0,0,.62),0 0 34px rgba(124,58,237,.14);
  }
  .chat-gif-picker-head{flex:0 0 auto;margin-bottom:.55rem}
  .chat-gif-search-wrap{position:sticky;top:0;z-index:2;flex:0 0 auto;margin-bottom:.55rem;background:#08060d}
  .chat-gif-results{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:.2rem}
  .chat-gif-attribution{flex:0 0 auto;margin-top:.45rem;padding-top:.2rem;background:linear-gradient(180deg,transparent,rgba(8,6,12,.96) 35%)}
}
@media(max-width:390px){
  .chat-gif-picker:not([hidden]){left:7px;right:7px;bottom:max(6px,env(safe-area-inset-bottom));padding:.65rem .6rem .6rem;border-radius:14px}
}

/* v5.9.7 · Emoji-Auswahl im Crew Chat */
.chat-emoji-picker{padding:1rem 1.25rem 1.05rem;border-top:1px solid rgba(168,85,247,.2);background:linear-gradient(180deg,rgba(19,13,27,.99),rgba(10,8,14,.99))}
.chat-emoji-picker[hidden]{display:none}
.chat-emoji-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.chat-emoji-picker-head .eyebrow{margin:0 0 .12rem}.chat-emoji-picker-head strong{display:block;color:#f2edf6;font-size:.88rem;text-transform:uppercase;letter-spacing:.045em}
.chat-emoji-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #392e43;border-radius:50%;background:#0c0910;color:#958a9d;cursor:pointer;font-size:1.1rem;line-height:1}.chat-emoji-close:hover{border-color:rgba(168,85,247,.55);color:#fff}
.chat-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.42rem;max-height:250px;overflow-y:auto;padding:.15rem .2rem .15rem 0;scrollbar-color:#4a315f #0d0a12;overscroll-behavior:contain}
.chat-emoji-option{min-width:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0c0910;cursor:pointer;font-size:1.35rem;line-height:1;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.chat-emoji-option:hover,.chat-emoji-option:focus-visible{transform:translateY(-2px) scale(1.04);border-color:rgba(168,85,247,.62);outline:none;background:rgba(124,58,237,.16)}
.chat-emoji-hint{margin:.7rem 0 0;color:#77707e;font-size:.57rem;text-align:right}
@media(max-width:620px){
  html.chat-emoji-mobile-open,body.chat-emoji-mobile-open{overflow:hidden!important;overscroll-behavior:none}
  body.chat-emoji-mobile-open{position:fixed!important;left:0;right:0;top:calc(-1 * var(--chat-emoji-scroll-y,0px));width:100%}
  .chat-emoji-picker:not([hidden]){position:fixed;z-index:10081;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;width:auto;max-height:min(68dvh,calc(var(--chat-emoji-viewport-height,100dvh) - 16px));min-height:min(330px,calc(var(--chat-emoji-viewport-height,100dvh) - 16px));padding:.75rem .75rem .7rem;overflow:hidden;border:1px solid rgba(168,85,247,.34);border-radius:16px;background:linear-gradient(180deg,rgba(20,14,28,.995),rgba(8,6,12,.998));box-shadow:0 -12px 50px rgba(0,0,0,.62),0 0 34px rgba(124,58,237,.14)}
  .chat-emoji-picker-head{flex:0 0 auto;margin-bottom:.55rem}
  .chat-emoji-grid{flex:1 1 auto;grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}
  .chat-emoji-option{font-size:1.3rem}
  .chat-emoji-hint{flex:0 0 auto;margin-top:.5rem}
}
@media(max-width:390px){.chat-emoji-picker:not([hidden]){left:7px;right:7px;bottom:max(6px,env(safe-area-inset-bottom));padding:.65rem .6rem .6rem;border-radius:14px}.chat-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}


/* v5.9.9 · Crew Chat Medienbuttons: Beschriftung + Desktop-Sichtbarkeit */
.chat-compose-field{min-width:0}
.chat-compose-bottom{min-width:0}
.chat-compose-tools{
  display:inline-flex!important;
  flex:0 0 auto;
  align-items:center;
  gap:.45rem;
  min-width:max-content;
  position:relative;
  z-index:3;
}
.chat-compose-tools .chat-gif-toggle,
.chat-compose-tools .chat-emoji-toggle{
  display:inline-flex!important;
  visibility:visible!important;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:.32rem;
  width:auto;
  white-space:nowrap;
  overflow:visible;
  position:relative;
  z-index:4;
}
.chat-compose-tools .chat-gif-toggle{min-width:58px}
.chat-compose-tools .chat-emoji-toggle{min-width:96px}
.chat-compose-tools .chat-tool-label{display:inline!important;visibility:visible!important;opacity:1!important;line-height:1}
.chat-compose-tools .chat-tool-icon{display:inline!important;visibility:visible!important;font-size:.9rem;line-height:1}
.chat-compose-meta{min-width:0;flex:1 1 auto;overflow:hidden}
.chat-compose-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-gif-toggle:disabled{display:inline-flex!important;visibility:visible!important;opacity:.48}
@media(max-width:1100px){.chat-compose-meta span{display:none}}
@media(max-width:620px){
  .chat-compose-tools{gap:.4rem}
  .chat-compose-tools .chat-gif-toggle{min-width:58px;padding-inline:.65rem}
  .chat-compose-tools .chat-emoji-toggle{min-width:92px;padding-inline:.58rem}
}


/* v5.10.2 · Hauptseite: Profilbilder bleiben immer im Avatar-Rahmen.
   Das Rangabzeichen darf weiterhin außerhalb des Rahmens sitzen. */
.public-avatar{
    position:relative;
    isolation:isolate;
}
.public-avatar>.avatar-image-clip{
    position:absolute;
    inset:0;
    display:block;
    overflow:hidden;
    border-radius:inherit;
    z-index:0;
}
.public-avatar>.avatar-image-clip>img{
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover;
}
.public-avatar>.member-rank-badge{
    z-index:2;
}


/* v5.10.6 · Admin: gesamtes Chat-Archiv leeren */
.chat-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem .45rem}.chat-archive-toolbar .chat-archive-intro{flex:1;margin:0;padding:0}.chat-archive-clear{flex:0 0 auto;min-height:44px;border-color:rgba(255,101,122,.38)!important;color:#ff9aaa!important;background:rgba(255,101,122,.045)!important}.chat-archive-clear:hover{border-color:rgba(255,101,122,.78)!important;background:rgba(255,101,122,.1)!important}.chat-archive-clear:disabled{opacity:.45;cursor:wait;transform:none}.chat-archive-status{min-height:1.2rem;margin:0;padding:0 1.5rem .65rem;color:#9c93a4;font-size:.68rem}.chat-archive-status:not(:empty){color:#ffb0bd}
@media(max-width:620px){.chat-archive-toolbar{align-items:stretch;flex-direction:column;padding:.85rem 1.1rem .4rem}.chat-archive-clear{width:100%}.chat-archive-status{padding:0 1.1rem .6rem}}

/* v5.11.2 · Eigener Status + automatische Aktivität */
:root{--presence-online:#55e6a5;--presence-away:#f7c948;--presence-busy:#ff657a;--presence-offline:#716978}
.online-member.status-online .online-member-avatar i,.presence-status-pill.status-online i,.presence-mode-choice.status-online .presence-mode-dot,.profile-presence.status-online .profile-presence-state i,.crew-presence-line.status-online i,.presence-dashboard-card.status-online .presence-dashboard-dot{background:var(--presence-online);box-shadow:0 0 10px rgba(85,230,165,.58)}
.online-member.status-away .online-member-avatar i,.presence-status-pill.status-away i,.presence-mode-choice.status-away .presence-mode-dot,.profile-presence.status-away .profile-presence-state i,.crew-presence-line.status-away i,.presence-dashboard-card.status-away .presence-dashboard-dot{background:var(--presence-away);box-shadow:0 0 10px rgba(247,201,72,.5)}
.online-member.status-busy .online-member-avatar i,.presence-status-pill.status-busy i,.presence-mode-choice.status-busy .presence-mode-dot,.profile-presence.status-busy .profile-presence-state i,.crew-presence-line.status-busy i,.presence-dashboard-card.status-busy .presence-dashboard-dot{background:var(--presence-busy);box-shadow:0 0 10px rgba(255,101,122,.5)}
.online-member.status-invisible .online-member-avatar i,.online-member.status-offline .online-member-avatar i,.presence-status-pill.status-invisible i,.presence-mode-choice.status-invisible .presence-mode-dot,.profile-presence.status-invisible .profile-presence-state i,.profile-presence.status-offline .profile-presence-state i,.crew-presence-line.status-offline i,.presence-dashboard-card.status-invisible .presence-dashboard-dot{background:var(--presence-offline);box-shadow:none}
.online-member .online-member-state{color:#aaa2b0}.online-member .online-member-custom-status{margin-top:.08rem;color:#d5cddd;font-size:.56rem;font-style:italic}.dashboard-online-list .online-member-custom-status{font-size:.49rem}.compact-online-list .online-member-custom-status{font-size:.51rem}

.presence-dashboard-card p{display:flex;align-items:center;flex-wrap:wrap;gap:.32rem}.presence-dashboard-card p strong{color:#e7e1eb;font-size:.78rem}.presence-dashboard-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--presence-online)}

.presence-settings-page{max-width:1180px}.presence-settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1rem;align-items:start}.presence-settings-card,.presence-activity-card{padding:clamp(1.25rem,3vw,2rem)}.presence-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.presence-settings-heading h2,.presence-activity-card h2{margin:.25rem 0 0;text-transform:uppercase}.presence-status-pill{display:inline-flex;align-items:center;gap:.48rem;padding:.48rem .68rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0c0910;color:#cfc6d5;font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.presence-status-pill i{width:9px;height:9px;border-radius:50%;background:var(--presence-online)}
.presence-settings-form{display:grid;gap:1.25rem;margin-top:1.5rem}.presence-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0;padding:0;border:0}.presence-mode-options legend{grid-column:1/-1;margin-bottom:.1rem;color:#8f8796;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.presence-mode-choice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-height:86px;padding:.9rem 1rem;border:1px solid #302a37;border-radius:12px;background:#0b0910;cursor:pointer;transition:.18s}.presence-mode-choice:hover{border-color:rgba(168,85,247,.42);transform:translateY(-1px)}.presence-mode-choice.is-selected{border-color:rgba(168,85,247,.62);background:linear-gradient(145deg,rgba(168,85,247,.085),rgba(255,255,255,.018));box-shadow:0 0 0 1px rgba(168,85,247,.06)}.presence-mode-choice input{position:absolute;opacity:0;pointer-events:none}.presence-mode-dot{width:13px;height:13px;border:3px solid #0b0910;border-radius:50%;background:var(--presence-online);box-shadow:0 0 10px rgba(85,230,165,.55)}.presence-mode-choice>span:last-child{display:grid;gap:.18rem}.presence-mode-choice strong{font-size:.8rem;text-transform:uppercase}.presence-mode-choice small{color:#766f7d;font-size:.68rem;line-height:1.35}.presence-custom-field input{min-height:54px}.presence-save-row{display:flex;justify-content:flex-end;gap:.7rem}.presence-activity-card{position:sticky;top:calc(var(--header) + 1rem);overflow:hidden;background:radial-gradient(circle at 80% 5%,rgba(39,214,255,.1),transparent 34%),linear-gradient(145deg,rgba(168,85,247,.055),rgba(255,255,255,.012))}.presence-activity-icon{width:66px;height:66px;display:grid;place-items:center;margin:1.3rem 0 1rem;border:1px solid rgba(39,214,255,.3);border-radius:18px;background:rgba(39,214,255,.045);color:#69e1ff;font-size:1.55rem;font-weight:950;box-shadow:inset 0 0 24px rgba(39,214,255,.04),0 0 26px rgba(39,214,255,.06)}.presence-activity-card>p:not(.eyebrow){color:#948c9b;line-height:1.65}.presence-privacy-note{display:grid;gap:.28rem;margin-top:1.25rem;padding:1rem;border:1px solid rgba(168,85,247,.16);border-radius:10px;background:rgba(168,85,247,.035)}.presence-privacy-note strong{font-size:.72rem;text-transform:uppercase}.presence-privacy-note span{color:#817987;font-size:.68rem;line-height:1.5}

.profile-presence{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1rem;max-width:720px}.profile-presence-state{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .58rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(6,5,9,.62);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em}.profile-presence-state i{width:9px;height:9px;border-radius:50%;background:var(--presence-offline)}.profile-custom-status{max-width:min(100%,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6cfda;font-size:.76rem}.profile-live-activity{display:inline-flex;align-items:center;gap:.45rem;padding:.44rem .62rem;border:1px solid color-mix(in srgb,var(--profile-accent) 32%,transparent);border-radius:8px;background:color-mix(in srgb,var(--profile-accent) 5%,transparent);color:#beb6c5;font-size:.68rem;text-decoration:none}.profile-live-activity:hover{border-color:color-mix(in srgb,var(--profile-accent) 58%,transparent);color:#fff}.profile-live-activity b{color:var(--profile-accent)}

.public-profile-copy{min-width:0;flex:1}.public-profile-card .crew-presence-line{display:flex;align-items:center;gap:.34rem;max-width:100%;margin:-.15rem 0 .55rem;color:#a9a1af!important;font-size:.58rem!important;font-weight:700;text-transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crew-presence-line i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--presence-offline)}.crew-presence-line strong{color:#d9d2dd;font-size:inherit}.public-profile-card .public-profile-open-link{color:var(--profile-accent);font-size:.66rem;text-transform:uppercase}

@media(max-width:820px){.presence-settings-grid{grid-template-columns:1fr}.presence-activity-card{position:static}.presence-mode-options{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.presence-settings-heading{align-items:flex-start;flex-direction:column}.presence-mode-options{grid-template-columns:1fr}.presence-save-row{display:grid;grid-template-columns:1fr}.presence-save-row .button{width:100%}.profile-presence{align-items:flex-start;flex-direction:column}.profile-custom-status{white-space:normal}.profile-live-activity{max-width:100%}}
.presence-mode-choice:has(input:checked){border-color:rgba(168,85,247,.62);background:linear-gradient(145deg,rgba(168,85,247,.085),rgba(255,255,255,.018));box-shadow:0 0 0 1px rgba(168,85,247,.06)}
.profile-intro>.profile-platform{color:var(--profile-accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

/* v5.11.3 · No-Aim Custom Emotes */
.chat-tool-emote-icon{color:#4de6ff;text-shadow:0 0 10px rgba(77,230,255,.7)}
.chat-emote-tabs{display:flex;gap:.45rem;margin:-.1rem 0 .7rem;padding:.25rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.018)}
.chat-emote-tab{flex:1;min-height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7f7786;cursor:pointer;font-size:.62rem;font-weight:950;letter-spacing:.11em}
.chat-emote-tab.is-active{border-color:rgba(72,216,255,.3);background:linear-gradient(135deg,rgba(72,216,255,.11),rgba(168,85,247,.14));color:#eefbff;box-shadow:inset 0 0 18px rgba(92,112,255,.05)}
.chat-emote-quick{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.42rem;margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.06)}
.chat-emote-quick[hidden]{display:none!important}
.chat-emote-quick .chat-emoji-option{aspect-ratio:1;border-color:rgba(72,216,255,.13);background:linear-gradient(180deg,rgba(72,216,255,.035),rgba(168,85,247,.035))}
.chat-emoji-grid.is-custom{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.55rem}
.chat-custom-emote-option{aspect-ratio:auto!important;min-height:86px;padding:.45rem .35rem .4rem!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border-radius:12px!important;overflow:hidden}
.chat-custom-emote-option.is-quick{min-height:0;padding:.2rem!important;border-radius:10px!important}
.chat-custom-emote-option>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f8796;font-size:.5rem;font-weight:900;letter-spacing:.07em}
.chat-custom-emote-preview{display:block;width:58px!important;height:58px!important;max-width:none!important;object-fit:contain;filter:drop-shadow(0 0 8px rgba(77,230,255,.09));pointer-events:none;user-select:none}
.chat-custom-emote-option.is-quick .chat-custom-emote-preview{width:44px!important;height:44px!important}
.chat-custom-emote-option:hover .chat-custom-emote-preview,.chat-custom-emote-option:focus-visible .chat-custom-emote-preview{filter:drop-shadow(0 0 11px rgba(168,85,247,.32));transform:scale(1.05)}
.chat-custom-emote-preview{transition:transform .15s ease,filter .15s ease}
.chat-classic-emoji-option{font-size:1.45rem}
.chat-message-body>p.has-custom-emotes,.chat-message-reply span.has-custom-emotes,.chat-archive-message p.has-custom-emotes{display:block}
.chat-custom-emote{display:inline-block!important;width:38px!important;height:38px!important;max-width:none!important;margin:-.12rem .11rem -.34rem;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 7px rgba(72,216,255,.08));user-select:none}
.chat-message-body>p.has-custom-emotes .chat-custom-emote:only-child{width:58px!important;height:58px!important;margin:.05rem 0}
.chat-message-reply .chat-custom-emote{width:24px!important;height:24px!important;margin:-.1rem .06rem -.2rem}
@media(max-width:620px){
  .chat-emote-tabs{flex:0 0 auto;margin-bottom:.55rem}
  .chat-emote-quick{flex:0 0 auto;grid-template-columns:repeat(8,minmax(0,1fr));gap:.28rem;margin-bottom:.5rem;padding-bottom:.5rem}
  .chat-emote-quick .chat-custom-emote-preview{width:38px!important;height:38px!important}
  .chat-emoji-grid.is-custom{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
  .chat-custom-emote-option{min-height:78px;padding:.35rem .2rem!important}
  .chat-custom-emote-preview{width:52px!important;height:52px!important}
  .chat-custom-emote-option>span{font-size:.47rem}
}
@media(max-width:390px){
  .chat-emote-quick{grid-template-columns:repeat(4,minmax(0,1fr));max-height:98px;overflow:hidden}
  .chat-emoji-grid.is-custom{grid-template-columns:repeat(4,minmax(0,1fr))}
  .chat-custom-emote-option{min-height:73px}
  .chat-custom-emote-preview{width:48px!important;height:48px!important}
}
.chat-archive-entry p.has-custom-emotes{display:block}
.chat-archive-entry .chat-custom-emote{width:34px!important;height:34px!important;margin:-.1rem .08rem -.28rem}


/* v5.11.4 · Crew-Chat Reaktionen per Langdruck */
.chat-message.is-reaction-selected .chat-message-body{box-shadow:0 0 0 1px rgba(215,70,255,.7),0 0 30px rgba(154,55,255,.2)}
.chat-message-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:.38rem;margin-top:.55rem}
.chat-message-reaction{display:inline-flex;align-items:center;gap:.32rem;min-height:34px;padding:.22rem .52rem;border:1px solid rgba(147,93,184,.28);border-radius:999px;background:rgba(13,9,18,.8);color:#cfc7d8;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;touch-action:manipulation}
.chat-message-reaction:hover{border-color:rgba(72,216,255,.55);transform:translateY(-1px)}
.chat-message-reaction.is-active{border-color:rgba(214,58,255,.75);background:linear-gradient(135deg,rgba(111,35,164,.32),rgba(21,91,116,.24));color:#fff;box-shadow:0 0 16px rgba(190,48,255,.12)}
.chat-message-reaction .chat-custom-emote{width:25px;height:25px;margin:0;vertical-align:middle}
.chat-message-reaction>span{font-size:.76rem;font-weight:800;min-width:.7rem;text-align:center}
body.chat-reaction-open{overflow:hidden}
.chat-reaction-picker[hidden]{display:none!important}
.chat-reaction-picker{position:fixed;inset:0;z-index:100500;display:grid;place-items:center;padding:1rem}
.chat-reaction-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,1,5,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.chat-reaction-card{position:relative;z-index:1;width:min(690px,calc(100vw - 2rem));max-height:min(720px,84dvh);overflow:hidden;display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(172,66,255,.42);border-radius:24px;background:linear-gradient(155deg,rgba(22,14,31,.985),rgba(6,8,14,.99));box-shadow:0 24px 80px rgba(0,0,0,.68),0 0 42px rgba(151,44,255,.15)}
.chat-reaction-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .15rem .8rem}
.chat-reaction-head>div{display:flex;flex-direction:column;gap:.18rem}
.chat-reaction-head span{font-size:.68rem;font-weight:900;letter-spacing:.2em;color:#4bdfff}
.chat-reaction-head strong{font-size:1.05rem;color:#fff}
.chat-reaction-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(180,119,218,.3);background:rgba(14,10,20,.88);color:#c6bdcd;font-size:1.45rem;cursor:pointer}
.chat-reaction-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;overflow:auto;padding:.25rem .08rem .5rem;overscroll-behavior:contain}
.chat-reaction-choice{min-width:0;min-height:82px;padding:.55rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;border:1px solid rgba(111,76,136,.28);border-radius:15px;background:rgba(9,7,13,.72);color:#d8d0df;cursor:pointer;touch-action:manipulation}
.chat-reaction-choice:hover,.chat-reaction-choice:focus-visible{border-color:rgba(72,216,255,.58);background:rgba(22,18,31,.92);outline:none}
.chat-reaction-choice .chat-custom-emote-preview{width:42px;height:42px;object-fit:contain}
.chat-reaction-choice>span{max-width:100%;font-size:.65rem;font-weight:900;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-reaction-hint{margin:.7rem 0 .05rem;color:#8f8797;font-size:.72rem;text-align:center}
@media(max-width:620px){
  .chat-reaction-picker{place-items:end center;padding:.7rem}
  .chat-reaction-card{width:100%;max-height:76dvh;border-radius:22px 22px 16px 16px;padding:.85rem}
  .chat-reaction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
  .chat-reaction-choice{min-height:72px}
  .chat-reaction-choice .chat-custom-emote-preview{width:38px;height:38px}
  .chat-message-reaction{min-height:32px;padding:.18rem .46rem}
  .chat-message-reaction .chat-custom-emote{width:23px;height:23px}
}

/* v5.11.6 · Reaktionen: No-Aim / Klassisch umschaltbar */
.chat-reaction-tabs{display:flex;gap:.45rem;margin:0 0 .75rem;padding:.25rem;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.chat-reaction-tab{flex:1;min-height:38px;border:1px solid transparent;border-radius:9px;background:transparent;color:#847b8c;cursor:pointer;font-size:.66rem;font-weight:950;letter-spacing:.13em;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
.chat-reaction-tab.is-active{border-color:rgba(72,216,255,.34);background:linear-gradient(135deg,rgba(72,216,255,.11),rgba(168,85,247,.15));color:#f4fbff;box-shadow:inset 0 0 20px rgba(92,112,255,.05),0 0 15px rgba(168,85,247,.06)}
.chat-reaction-grid.is-classic{grid-template-columns:repeat(8,minmax(0,1fr))}
.chat-reaction-choice-classic{min-height:68px;padding:.35rem!important;font-size:2rem;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.chat-message-reaction.is-classic{gap:.28rem}
.chat-classic-reaction-emoji{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;font-size:1.22rem;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.chat-message-reaction .chat-reaction-count{font-size:.76rem;font-weight:800;min-width:.7rem;text-align:center}
@media (max-width:620px){.chat-reaction-tabs{margin-bottom:.6rem}.chat-reaction-grid.is-classic{grid-template-columns:repeat(6,minmax(0,1fr))}.chat-reaction-choice-classic{min-height:58px;font-size:1.7rem}}
@media (max-width:390px){.chat-reaction-grid.is-classic{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* v5.11.7 · Angepinnte Crew-Chat-Nachrichten */
.chat-pins-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(39,214,255,.035),rgba(168,85,247,.055))}
.chat-pins-bar>small{color:#716979;font-size:.6rem}
.chat-pins-open{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .72rem;border:1px solid rgba(168,85,247,.35);border-radius:999px;background:#100c16;color:#d9d0e0;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.02em;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.chat-pins-open:hover{border-color:rgba(39,214,255,.5);background:rgba(39,214,255,.06);transform:translateY(-1px)}
.chat-pins-open-icon{font-size:.85rem}
.chat-pins-open strong{min-width:21px;height:21px;display:grid;place-items:center;padding:0 .3rem;border-radius:999px;background:linear-gradient(135deg,#a855f7,#ee2ca7);color:#fff;font-size:.58rem;box-shadow:0 0 16px rgba(168,85,247,.26)}
.chat-message-pinned{display:inline-flex;align-items:center;gap:.2rem;padding:.16rem .38rem;border:1px solid rgba(39,214,255,.28);border-radius:999px;background:rgba(39,214,255,.06);color:#7de7ff;font-size:.48rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.chat-message-menu button[data-chat-action="pin"]{color:#8beaff}

.chat-pins-dialog{position:fixed;z-index:2147483000;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(3,2,6,.92);isolation:isolate}
.chat-pins-dialog[hidden]{display:none}
.chat-pins-backdrop{position:absolute;z-index:0;inset:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;cursor:pointer}
.chat-pins-panel{position:relative;z-index:2;width:min(100%,760px);max-height:min(82vh,780px);display:flex;flex-direction:column;overflow:hidden;padding:0;border-color:rgba(168,85,247,.42);background:#100d16;box-shadow:0 35px 110px rgba(0,0,0,.72);opacity:1;visibility:visible;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.chat-pins-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--line)}
.chat-pins-header h2{margin:.12rem 0 0;font-size:clamp(1.5rem,4vw,2.35rem);line-height:1;text-transform:uppercase}
.chat-pins-close{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #3a3043;border-radius:50%;background:#0c0911;color:#aaa0b1;cursor:pointer;font-size:1.35rem}
.chat-pins-close:hover{border-color:rgba(238,44,167,.42);color:#fff}
.chat-pins-intro{margin:0;padding:.9rem 1.35rem .15rem;color:#857c8c;font-size:.7rem;line-height:1.55}
.chat-pins-status{min-height:20px;margin:0;padding:.25rem 1.35rem;color:#ff9aaa;font-size:.64rem}
.chat-pins-list{display:grid;gap:.75rem;overflow:auto;padding:.8rem 1.35rem 1.35rem;scrollbar-color:#4a315f #0d0a12}
.chat-pins-loading,.chat-pins-empty{padding:2.8rem 1rem;color:#817789;text-align:center}
.chat-pins-empty strong{display:block;margin-bottom:.35rem;color:#d9d1df;font-size:1rem}
.chat-pins-empty p{max-width:480px;margin:0 auto;font-size:.7rem;line-height:1.6}
.chat-pin-entry{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:.9rem;border:1px solid #2e2635;border-radius:14px;background:linear-gradient(135deg,rgba(39,214,255,.035),rgba(168,85,247,.04)),#0d0a12}
.chat-pin-avatar{width:44px;height:48px;object-fit:cover;border:1px solid rgba(39,214,255,.26);border-radius:9px;background:#08060d}
.chat-pin-copy{min-width:0}
.chat-pin-meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.38rem}
.chat-pin-meta strong{overflow:hidden;color:#eee8f3;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.chat-pin-meta time{color:#6e6674;font-size:.56rem;white-space:nowrap}
.chat-pin-copy>p{margin:0;color:#cfc7d5;font-size:.78rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-pin-gif{display:block;width:min(100%,330px);max-height:230px;object-fit:cover;border:1px solid #30283a;border-radius:10px}
.chat-pin-info{display:block;margin-top:.55rem;color:#706778;font-size:.55rem}
.chat-pin-actions{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;min-width:110px}
.chat-pin-actions button{padding:.48rem .6rem;border:1px solid #352c3d;border-radius:8px;background:#0b0810;color:#a99fb0;cursor:pointer;font-size:.58rem;font-weight:800;white-space:nowrap}
.chat-pin-actions button:hover{border-color:rgba(39,214,255,.36);color:#fff}
.chat-pin-unpin{border-color:rgba(238,44,167,.26)!important;color:#ff9bd7!important}
.chat-pin-archived{padding:.5rem .35rem;color:#6f6775;font-size:.55rem;text-align:center;white-space:nowrap}
body.chat-pins-open{overflow:hidden}

@media(max-width:620px){
  .chat-pins-bar{padding:.55rem .7rem}.chat-pins-bar>small{display:none}.chat-pins-open{width:100%;justify-content:center}
  .chat-message-pinned{font-size:.43rem;padding:.13rem .3rem}
  .chat-pins-dialog{align-items:end;padding:0}.chat-pins-panel{width:100%;max-height:88dvh;border-radius:22px 22px 0 0}
  .chat-pins-header{padding:1rem}.chat-pins-intro{padding:.75rem 1rem .1rem}.chat-pins-status{padding:.2rem 1rem}.chat-pins-list{padding:.7rem 1rem calc(1rem + env(safe-area-inset-bottom))}
  .chat-pin-entry{grid-template-columns:38px minmax(0,1fr);gap:.65rem;padding:.75rem}.chat-pin-avatar{width:38px;height:42px}.chat-pin-actions{grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;min-width:0}.chat-pin-actions button{flex:1 1 auto}.chat-pin-archived{padding:.45rem 0;text-align:left}
}


/* v5.11.10 · Pin-Dialog Mobile-Fix
   Wichtig: kein backdrop-filter am Pin-Dialog. Das verhindert den Samsung/Android-
   Compositing-Fehler, bei dem sonst nur die komplette Seite unscharf erscheint. */
.chat-pins-dialog{
  position:fixed!important;
  z-index:2147483000!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  background:rgba(3,2,6,.92)!important;
  isolation:isolate!important;
  overflow:hidden!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.chat-pins-dialog[hidden]{display:none!important}
.chat-pins-backdrop{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.chat-pins-panel{
  position:relative!important;
  z-index:2!important;
  width:min(calc(100vw - 32px),760px)!important;
  max-height:min(82vh,780px)!important;
  max-height:min(82dvh,780px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#100d16!important;
  box-shadow:0 35px 110px rgba(0,0,0,.78)!important;
}
@media(max-width:620px){
  .chat-pins-dialog{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0!important;
  }
  .chat-pins-panel{
    width:100vw!important;
    max-width:100vw!important;
    max-height:88vh!important;
    max-height:88dvh!important;
    margin:0!important;
    border-radius:22px 22px 0 0!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
}

/* v5.13.2 – Mobile Profil: Trophäen-Überschrift nicht mehr vom Hero-Rand überdecken */
.profile-trophy-strip{
    position:relative;
    z-index:2;
    margin-top:1.35rem;
}
@media(max-width:720px){
    .profile-trophy-strip{
        margin-top:1.55rem;
        margin-bottom:1.25rem;
        padding-top:.35rem;
    }
    .profile-trophy-heading{
        position:relative;
        z-index:3;
        align-items:flex-start;
        margin-bottom:.85rem;
    }
}

/* v5.13.3 · Pin-Dialog Desktop/Mobile stabil
   Der Pin-Dialog ist jetzt ein natives <dialog> und liegt dadurch im Browser-Top-Layer.
   Das verhindert Clipping/halbe Overlays auf Desktop und die früheren Android-Blur-Probleme. */
dialog.chat-pins-dialog{
  position:fixed!important;
  inset:auto!important;
  width:min(calc(100vw - 32px),760px)!important;
  height:auto!important;
  max-width:none!important;
  max-height:min(82vh,780px)!important;
  max-height:min(82dvh,780px)!important;
  margin:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  color:var(--ink)!important;
  overflow:visible!important;
  isolation:isolate!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
dialog.chat-pins-dialog[open]{display:block!important}
dialog.chat-pins-dialog[hidden]{display:none!important}
dialog.chat-pins-dialog::backdrop{
  background:rgba(3,2,6,.90)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
dialog.chat-pins-dialog .chat-pins-backdrop{display:none!important}
dialog.chat-pins-dialog .chat-pins-panel{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  max-height:min(82vh,780px)!important;
  max-height:min(82dvh,780px)!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#100d16!important;
  box-shadow:0 35px 110px rgba(0,0,0,.78)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.chat-pins-open{overflow:hidden!important}

@media(max-width:620px){
  dialog.chat-pins-dialog{
    width:100vw!important;
    max-width:100vw!important;
    max-height:88vh!important;
    max-height:88dvh!important;
    margin:auto 0 0!important;
    border-radius:22px 22px 0 0!important;
  }
  dialog.chat-pins-dialog .chat-pins-panel{
    max-height:88vh!important;
    max-height:88dvh!important;
    border-radius:22px 22px 0 0!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
}


/* v5.13.6 – Moderatoren */
.noaim-role-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:.16rem .46rem;border-radius:999px;font-size:.53rem;font-weight:950;letter-spacing:.11em;line-height:1;border:1px solid rgba(74,219,255,.36);background:linear-gradient(135deg,rgba(54,211,255,.12),rgba(168,85,247,.10));color:#9deaff;box-shadow:0 0 18px rgba(56,210,255,.08)}
.noaim-role-badge.is-mod:before{content:"◆";font-size:.48rem;margin-right:.28rem;color:#57e2ff}.chat-role-badge{min-height:18px;padding:.11rem .34rem;font-size:.46rem;letter-spacing:.08em}.main-nav .moderation-link{color:#9deaff}
@media(max-width:720px){.noaim-role-badge{min-height:20px;padding:.14rem .4rem;font-size:.49rem}}


/* v5.13.7 – Moderator-Auswahl + Menüausrichtung */
.main-nav .moderation-link{display:flex;align-items:center;justify-content:flex-start!important;color:#9deaff!important}

.moderator-picker-field{position:relative;min-width:0}
.moderator-picker{position:relative;width:100%}
.moderator-picker-trigger{width:100%;min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:.8rem;padding:.58rem .72rem;border:1px solid rgba(93,215,255,.24);border-radius:13px;background:linear-gradient(145deg,rgba(24,18,32,.96),rgba(10,8,14,.98));color:#fff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.15);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.moderator-picker-trigger:hover{border-color:rgba(93,215,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(74,215,255,.05),0 14px 35px rgba(0,0,0,.2)}
.moderator-picker.is-open .moderator-picker-trigger{border-color:rgba(93,215,255,.68);box-shadow:0 0 0 3px rgba(61,212,255,.08),0 18px 45px rgba(0,0,0,.28)}
.moderator-picker.is-invalid .moderator-picker-trigger{border-color:rgba(255,101,122,.72);box-shadow:0 0 0 3px rgba(255,101,122,.09)}
.moderator-picker-avatar,.moderator-picker-option-avatar{display:block;overflow:hidden;border:1px solid rgba(90,219,255,.32);background:#09070d}
.moderator-picker-avatar{width:44px;height:44px;border-radius:11px}
.moderator-picker-avatar img,.moderator-picker-option-avatar img{width:100%;height:100%;object-fit:cover}
.moderator-picker-selected{min-width:0;display:grid;gap:.13rem}
.moderator-picker-selected strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;letter-spacing:.015em}
.moderator-picker-selected small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f7587;font-size:.63rem}
.moderator-picker-chevron{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#8fe8fa;font-size:1rem;transition:transform .18s ease,border-color .18s ease}
.moderator-picker.is-open .moderator-picker-chevron{transform:rotate(180deg);border-color:rgba(89,220,255,.28)}
.moderator-picker-popover{position:absolute;z-index:80;left:0;right:0;top:calc(100% + .55rem);padding:.65rem;border:1px solid rgba(92,220,255,.28);border-radius:15px;background:linear-gradient(180deg,rgba(16,12,22,.995),rgba(8,7,12,.995));box-shadow:0 28px 70px rgba(0,0,0,.62),0 0 0 1px rgba(168,85,247,.045);overflow:hidden}
.moderator-picker-popover[hidden]{display:none!important}
.moderator-picker-search{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.4rem;margin-bottom:.55rem;padding:.28rem .45rem;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b0910}
.moderator-picker-search>span{display:grid;place-items:center;color:#6fdff7;font-size:1.05rem}
.moderator-picker-search input{width:100%;min-width:0;height:40px;padding:0;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:.76rem}
.moderator-picker-search input::placeholder{color:#665e6d}
.moderator-picker-list{max-height:340px;overflow:auto;display:grid;gap:.36rem;padding-right:.16rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b2d76 #0b0910}
.moderator-picker-option{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.72rem;min-height:58px;padding:.48rem .55rem;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.018);color:#fff;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.moderator-picker-option:hover,.moderator-picker-option:focus-visible{outline:none;border-color:rgba(78,222,255,.35);background:linear-gradient(135deg,rgba(56,210,255,.07),rgba(168,85,247,.055));transform:translateX(2px)}
.moderator-picker-option[aria-selected="true"]{border-color:rgba(83,225,255,.58);background:linear-gradient(135deg,rgba(56,210,255,.095),rgba(168,85,247,.08));box-shadow:inset 3px 0 0 #56ddff}
.moderator-picker-option[hidden]{display:none!important}
.moderator-picker-option-avatar{width:40px;height:40px;border-radius:10px}
.moderator-picker-option-copy{min-width:0;display:grid;gap:.08rem}
.moderator-picker-option-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}
.moderator-picker-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#82798a;font-size:.61rem}
.moderator-picker-option-badge{padding:.22rem .38rem;border:1px solid rgba(168,85,247,.23);border-radius:999px;color:#c995ff;background:rgba(168,85,247,.04);font-size:.46rem;font-weight:950;letter-spacing:.09em}
.moderator-picker-no-results{margin:.5rem 0;padding:1rem;text-align:center;color:#766d7d;font-size:.72rem}
.moderator-picker-hint{display:block;margin-top:.38rem;color:#706878;font-size:.6rem;line-height:1.4}
@media(max-width:640px){
  .moderator-picker-popover{position:fixed;z-index:10050;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));max-height:min(72vh,560px);padding:.75rem;border-radius:18px}
  .moderator-picker-list{max-height:min(55vh,430px)}
  .moderator-picker-option{grid-template-columns:44px minmax(0,1fr);min-height:64px}
  .moderator-picker-option-avatar{width:44px;height:44px}
  .moderator-picker-option-badge{display:none}
}

/* v5.13.8 · UI & Detail Polish ------------------------------------------------ */
:root{
  --ui-fast:140ms;
  --ui-normal:180ms;
  --ui-ease:cubic-bezier(.22,.72,.22,1);
}

/* Status: unterscheidbar, aber nicht nervös. */
@keyframes noaimPresencePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.78}}
.online-member.status-online .online-member-avatar i,
.presence-status-pill.status-online i,
.profile-presence.status-online .profile-presence-state i,
.crew-presence-line.status-online i,
.presence-dashboard-card.status-online .presence-dashboard-dot,
.guide-status-code.status-online i{animation:noaimPresencePulse 2.4s ease-in-out infinite}
.online-member.status-busy .online-member-avatar i,
.presence-status-pill.status-busy i,
.profile-presence.status-busy .profile-presence-state i,
.crew-presence-line.status-busy i,
.presence-dashboard-card.status-busy .presence-dashboard-dot,
.guide-status-code.status-busy i{box-shadow:0 0 0 3px rgba(255,101,122,.12),0 0 11px rgba(255,101,122,.42)}
.profile-last-seen{display:inline-flex;align-items:center;min-height:28px;padding:0 .12rem;color:#7f7685;font-size:.62rem;font-weight:700;letter-spacing:.015em}

/* Buttons/Controls: klarer Hover, sauberer Tastaturfokus, fühlbarer Tap. */
.button,
.menu-toggle,
.notification-bell,
.chat-pins-open,
.chat-reaction-choice,
.gallery-reaction,
.moderator-picker-trigger,
.moderator-picker-option{
  -webkit-tap-highlight-color:transparent;
  transition-duration:var(--ui-normal)!important;
  transition-timing-function:var(--ui-ease)!important;
}
.button:hover:not(:disabled){transform:translateY(-2px)}
.button:active:not(:disabled){transform:translateY(1px) scale(.985)}
.button:focus-visible,.menu-toggle:focus-visible,.notification-bell:focus-visible,
.chat-pins-open:focus-visible,.gallery-reaction:focus-visible{
  outline:2px solid rgba(72,216,255,.72);outline-offset:3px;
}
.button:disabled{opacity:.42;cursor:not-allowed;transform:none!important;filter:saturate(.65)}
.panel{transition:border-color var(--ui-normal) var(--ui-ease),box-shadow var(--ui-normal) var(--ui-ease),background-color var(--ui-normal) var(--ui-ease)}

/* Einheitliche System-Toasts. */
.flash-stack{z-index:130000;gap:.65rem}
.flash{position:relative;min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:.75rem;padding:.72rem .72rem .72rem .8rem;border:1px solid rgba(168,85,247,.28);border-left:1px solid rgba(168,85,247,.28);border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(168,85,247,.11),transparent 38%),rgba(13,10,19,.975);box-shadow:0 20px 55px rgba(0,0,0,.52),0 0 26px rgba(168,85,247,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:noaimToastIn .22s var(--ui-ease) both;overflow:hidden}
.flash:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--purple),var(--pink))}
.flash.success{border-color:rgba(85,230,165,.28)}.flash.success:after{background:linear-gradient(90deg,#55e6a5,#27d6ff)}
.flash.error{border-color:rgba(255,101,122,.32)}.flash.error:after{background:linear-gradient(90deg,#ff657a,#ee2ca7)}
.flash-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.24);border-radius:11px;background:rgba(168,85,247,.07);color:#d7b6ff;font-size:.8rem;font-weight:950}
.flash.success .flash-icon{border-color:rgba(85,230,165,.25);background:rgba(85,230,165,.07);color:#75efb7}.flash.error .flash-icon{border-color:rgba(255,101,122,.27);background:rgba(255,101,122,.07);color:#ff9bab}
.flash-copy{min-width:0;display:grid;gap:.12rem}.flash-copy small{color:#776e7e;font-size:.48rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.flash-copy b{color:#eee8f3;font-size:.72rem;line-height:1.4;font-weight:750}
.flash-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#756c7c;cursor:pointer;font-size:1.05rem}.flash-close:hover{background:rgba(255,255,255,.05);color:#fff}
.flash.is-leaving{animation:noaimToastOut .2s ease-in forwards}
@keyframes noaimToastIn{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes noaimToastOut{to{opacity:0;transform:translateX(18px) scale(.985)}}
/* Andere bereits vorhandene Popups optisch an dieselbe Sprache anbinden. */
.chat-toast,.pm-global-toast,.party-toast{border-radius:14px!important;background-color:rgba(13,10,19,.975)!important;box-shadow:0 20px 55px rgba(0,0,0,.52),0 0 26px rgba(168,85,247,.07)!important}

/* Skeletons: APIs bleiben unverändert, nur der vorhandene Ladezustand wird aufgewertet. */
.noaim-skeleton-state{position:relative!important;min-height:92px!important;overflow:hidden!important;color:transparent!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(168,85,247,.022))!important}
.noaim-skeleton-state>*{opacity:0!important}
.noaim-skeleton-state:before{content:"";position:absolute;inset:20px;z-index:2;border-radius:7px;background:linear-gradient(#2a2231 0 0) 0 0/42% 12px no-repeat,linear-gradient(#211b27 0 0) 0 27px/78% 9px no-repeat,linear-gradient(#211b27 0 0) 0 49px/61% 9px no-repeat;opacity:.75}
.noaim-skeleton-state:after{content:"";position:absolute;z-index:3;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:noaimSkeleton 1.35s ease-in-out infinite}
.chat-loading.noaim-skeleton-state{min-height:220px!important}.chat-loading.noaim-skeleton-state:before{inset:34px 18%;background:linear-gradient(#251e2d 0 0) 0 0/68% 14px no-repeat,linear-gradient(#1d1822 0 0) 0 34px/92% 54px no-repeat,linear-gradient(#251e2d 0 0) 100% 112px/54% 14px no-repeat,linear-gradient(#1d1822 0 0) 100% 146px/86% 54px no-repeat}
@keyframes noaimSkeleton{to{transform:translateX(105%)}}

/* Leere Zustände teilen sich dieselbe ruhige visuelle Basis. */
.noaim-empty-state{position:relative;background:radial-gradient(circle at 50% 0,rgba(168,85,247,.045),transparent 48%),rgba(255,255,255,.01)!important}.panel.noaim-empty-state{border-style:dashed!important;border-color:rgba(168,85,247,.16)!important}
.member-online-loading.noaim-empty-state{min-height:72px;display:flex;align-items:center;padding:1rem 1.1rem;border:1px dashed rgba(168,85,247,.16);border-radius:10px;color:#837a89}

/* Tooltips für Status-, Rollen-, Rang- und Abzeichen-Details. */
[data-noaim-tooltip]{cursor:help}
.noaim-tooltip{position:fixed;z-index:2147483646;max-width:min(360px,calc(100vw - 20px));padding:.58rem .7rem;border:1px solid rgba(72,216,255,.24);border-radius:9px;background:#0b0910;color:#d9d2df;box-shadow:0 14px 42px rgba(0,0,0,.58),0 0 20px rgba(72,216,255,.05);font-size:.62rem;line-height:1.45;pointer-events:none;animation:noaimTooltipIn .12s ease-out both}
.noaim-tooltip[hidden]{display:none!important}
@keyframes noaimTooltipIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.noaim-role-badge.is-tooltip-open,.member-rank-badge.is-tooltip-open{filter:brightness(1.12)}

/* Profilkarten: Status, Rolle und Rang als zusammengehörige Information lesen. */
.public-profile-card{position:relative;isolation:isolate}
.public-profile-card:after{content:"";position:absolute;z-index:-1;inset:auto 12% 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--profile-accent) 35%,transparent),transparent);opacity:0;transition:opacity var(--ui-normal) ease}
.public-profile-card:hover:after{opacity:1}
.public-profile-card .crew-presence-line{padding:.26rem .42rem;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:rgba(0,0,0,.16);width:max-content;max-width:100%}
.profile-presence{padding-top:.15rem}.profile-presence-state{font-weight:900}.profile-last-seen:before{content:"◷";margin-right:.34rem;color:#665e6c;font-size:.72rem}
.noaim-role-badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(56,210,255,.07)}

/* Chat: mehr Informationshierarchie, weniger visuelles Rauschen. */
.chat-message-meta{gap:.48rem}.chat-message-meta time{color:#59525f;font-size:.53rem;letter-spacing:.01em}.chat-message:hover .chat-message-meta time{color:#756d7a}
.chat-message-reactions{gap:.28rem;margin-top:.42rem}.chat-message-reaction{min-height:29px;padding:.12rem .4rem;gap:.25rem;background:rgba(10,8,14,.72)}.chat-message-reaction .chat-custom-emote{width:21px;height:21px}.chat-classic-reaction-emoji{min-width:21px;height:21px;font-size:1.05rem}.chat-message-reaction .chat-reaction-count{font-size:.66rem}.chat-message-pinned{position:relative;padding:.15rem .42rem .15rem .55rem;border-color:rgba(39,214,255,.34);background:linear-gradient(90deg,rgba(39,214,255,.095),rgba(168,85,247,.055));color:#9aeeff}.chat-message-pinned:before{content:"";position:absolute;left:.25rem;width:3px;height:3px;border-radius:50%;background:#57e5ff;box-shadow:0 0 8px #57e5ff}
.chat-message.is-longpress-arming .chat-message-body{transform:scale(.992);border-color:rgba(72,216,255,.42);box-shadow:0 0 0 2px rgba(72,216,255,.055),0 0 24px rgba(72,216,255,.06);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.chat-message.is-reaction-selected .chat-message-body{animation:noaimReactionConfirm .55s var(--ui-ease)}
@keyframes noaimReactionConfirm{0%{transform:scale(.99)}55%{transform:scale(1.008)}100%{transform:none}}

/* Modals/Dialoge öffnen nicht mehr hart, ohne die bestehende Schließlogik anzufassen. */
.chat-leave-card,.chat-archive-panel,.chat-reaction-card,.gallery-confirm-card,.pm-compose-card,.pm-confirm-card,
dialog.chat-pins-dialog[open] .chat-pins-panel{animation:noaimModalIn var(--ui-normal) var(--ui-ease) both}
.chat-leave-backdrop,.chat-archive-backdrop,.chat-reaction-backdrop,.gallery-confirm-backdrop,.pm-dialog-backdrop,
dialog.chat-pins-dialog::backdrop{animation:noaimBackdropIn var(--ui-fast) ease-out both}
@keyframes noaimModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes noaimBackdropIn{from{opacity:0}to{opacity:1}}

/* Crew Guide: Status-Legende und Moderationshinweise im vorhandenen Design. */
.guide-interface-section{border-color:rgba(72,216,255,.18);background:radial-gradient(circle at 92% 8%,rgba(72,216,255,.065),transparent 32%),#100d16}
.guide-interface-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.guide-status-code{display:inline-flex;align-items:center;gap:.42rem!important}.guide-status-code i{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--presence-offline)}
.guide-status-code.status-online i{background:var(--presence-online);box-shadow:0 0 9px rgba(85,230,165,.5)}.guide-status-code.status-away i{background:var(--presence-away)}.guide-status-code.status-busy i{background:var(--presence-busy)}.guide-status-code.status-invisible i{background:var(--presence-offline)}
.guide-moderation-help{border-color:rgba(72,216,255,.18);background:linear-gradient(135deg,rgba(72,216,255,.035),rgba(168,85,247,.025))}

/* Mobile: konsistente Touchflächen/Abstände ohne Desktop-Layout umzuschreiben. */
@media (pointer:coarse){
  .button{min-height:48px}
  .chat-message-menu>summary,.chat-pins-close,.chat-reaction-close,.notification-delete-one,.gallery-comment-delete,.pm-dialog-close{min-width:44px;min-height:44px}
}
@media(max-width:720px){
  .flash-stack{top:calc(var(--header) + .65rem);right:.65rem;width:calc(100% - 1.3rem)}
  .flash{min-height:66px;grid-template-columns:34px minmax(0,1fr) 30px;padding:.62rem}.flash-icon{width:34px;height:34px}
  .profile-last-seen{font-size:.6rem}
  .chat-message-reactions{gap:.24rem}.chat-message-reaction{min-height:30px}
  .guide-interface-grid{grid-template-columns:1fr}
  .noaim-tooltip{font-size:.64rem}
}

@media(prefers-reduced-motion:reduce){
  .online-member.status-online .online-member-avatar i,.presence-status-pill.status-online i,.profile-presence.status-online .profile-presence-state i,.crew-presence-line.status-online i,.presence-dashboard-card.status-online .presence-dashboard-dot,.guide-status-code.status-online i,
  .noaim-skeleton-state:after,.flash,.chat-leave-card,.chat-archive-panel,.chat-reaction-card,.gallery-confirm-card,.pm-compose-card,.pm-confirm-card,dialog.chat-pins-dialog[open] .chat-pins-panel{animation:none!important}
  .button,.panel,.public-profile-card,.chat-message-body{transition:none!important}
}
.noaim-online-empty{grid-column:1/-1;min-height:82px;display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.75rem;padding:.85rem 1rem!important;border:1px dashed rgba(168,85,247,.16);border-radius:10px;background:rgba(255,255,255,.012)}
.noaim-online-empty>span:first-child{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(72,216,255,.18);border-radius:50%;color:#75dff5;font-size:1rem}.noaim-online-empty>span:last-child{display:grid;gap:.08rem}.noaim-online-empty strong{color:#cfc7d5;font-size:.7rem}.noaim-online-empty small{color:#756d7c;font-size:.58rem;line-height:1.4}
.dashboard-empty-state{min-height:74px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem;border:1px dashed rgba(168,85,247,.14);border-radius:10px;background:rgba(255,255,255,.012)}.dashboard-empty-state>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.17);border-radius:50%;color:#aa7dd4}.dashboard-empty-state>div{display:grid;gap:.1rem}.dashboard-empty-state strong{color:#bfb6c6;font-size:.66rem}.dashboard-empty-state small{color:#716979;font-size:.56rem;line-height:1.4}
.noaim-role-badge.is-admin{border-color:rgba(255,196,82,.38);background:linear-gradient(135deg,rgba(255,196,82,.12),rgba(238,44,167,.08));color:#ffd77d;box-shadow:0 0 18px rgba(255,190,72,.07)}
.noaim-role-badge.is-admin:before{content:"✦";margin-right:.28rem;color:#ffc852;font-size:.5rem}

/* v5.13.9 · Profilaufruf direkt aus dem Crew Chat */
.chat-profile-trigger{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  line-height:0;
  border-radius:10px;
}
.chat-message-avatar-wrap.chat-profile-trigger .chat-message-avatar,
.chat-pin-avatar-wrap.chat-profile-trigger .chat-pin-avatar{
  transition:border-color var(--ui-fast) ease,box-shadow var(--ui-fast) ease,transform var(--ui-fast) ease;
}
.chat-message-avatar-wrap.chat-profile-trigger:hover .chat-message-avatar,
.chat-pin-avatar-wrap.chat-profile-trigger:hover .chat-pin-avatar{
  border-color:rgba(39,214,255,.62);
  box-shadow:0 0 0 2px rgba(39,214,255,.08),0 0 18px rgba(39,214,255,.14);
  transform:translateY(-1px);
}
.chat-profile-trigger:focus-visible{
  box-shadow:0 0 0 3px rgba(39,214,255,.16);
}
.chat-pin-avatar-wrap{display:inline-grid;place-items:center;align-self:start}

.chat-profile-dialog{
  position:fixed;
  z-index:2147483100;
  inset:0;
  display:grid;
  place-items:center;
  padding:1rem;
}
.chat-profile-dialog[hidden]{display:none!important}
.chat-profile-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(3,2,6,.86);
  backdrop-filter:blur(7px);
  cursor:pointer;
}
.chat-profile-card{
  position:relative;
  width:min(100%,520px);
  padding:clamp(1.5rem,5vw,2.5rem);
  border-color:rgba(39,214,255,.3);
  background:radial-gradient(circle at 88% 12%,rgba(39,214,255,.12),transparent 34%),radial-gradient(circle at 14% 92%,rgba(168,85,247,.1),transparent 36%),#100d16;
  box-shadow:0 30px 100px rgba(0,0,0,.72);
  animation:noaimModalIn var(--ui-normal) var(--ui-ease) both;
}
.chat-profile-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:1.4rem;
  border:1px solid rgba(39,214,255,.4);
  border-radius:50%;
  color:#7eeeff;
  font-size:1.15rem;
}
.chat-profile-card h2{
  margin:.3rem 0 .8rem;
  font-size:clamp(2rem,7vw,3.3rem);
  line-height:.95;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.chat-profile-card>p:not(.eyebrow){margin:0;color:#948b9a;line-height:1.7}
.chat-profile-card>p strong{color:#fff;font-weight:900}
.chat-profile-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:2rem}
body.chat-profile-dialog-open{overflow:hidden}

@media(max-width:620px){
  .chat-profile-dialog{align-items:end;padding:.75rem}
  .chat-profile-card{width:100%;border-radius:18px;padding:1.35rem}
  .chat-profile-actions{display:grid;grid-template-columns:1fr;margin-top:1.5rem}
  .chat-profile-actions .button{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .chat-profile-card{animation:none!important}
}

/* v5.13.12 · Pin-Dialog auf iPhone / Mobile Safari stabil
   Native <dialog>-Backdrops funktionieren in iOS Safari, die automatische
   Dialogpositionierung kann bei dynamischer Browserleiste jedoch außerhalb
   des sichtbaren Viewports landen. Deshalb wird das mobile Sheet explizit
   am unteren Viewportrand verankert. */
@media (max-width:620px){
  dialog.chat-pins-dialog,
  dialog.chat-pins-dialog[open]{
    position:fixed!important;
    inset:auto 0 0 0!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100svh - env(safe-area-inset-top) - 8px)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:22px 22px 0 0!important;
    background:#100d16!important;
    color:var(--ink)!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    -webkit-transform:none!important;
    -webkit-filter:none!important;
  }
  @supports (height:100dvh){
    dialog.chat-pins-dialog,
    dialog.chat-pins-dialog[open]{
      max-height:calc(100dvh - env(safe-area-inset-top) - 8px)!important;
    }
  }
  dialog.chat-pins-dialog .chat-pins-panel{
    width:100%!important;
    max-width:100%!important;
    max-height:inherit!important;
    margin:0!important;
    border-radius:22px 22px 0 0!important;
    background:#100d16!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    -webkit-transform:none!important;
    animation:none!important;
    box-shadow:0 -18px 55px rgba(0,0,0,.52)!important;
  }
  dialog.chat-pins-dialog .chat-pins-list{
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important;
  }
  dialog.chat-pins-dialog::backdrop{
    background:rgba(3,2,6,.88)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* v5.13.13 · "bearbeitet" bleibt innerhalb der Nachrichtenkachel */
.chat-message-meta{
  max-width:100%;
  flex-wrap:wrap;
  row-gap:.28rem;
}
.chat-message-edited{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  max-width:100%;
  color:#746b79;
  font-size:.52rem;
  font-weight:700;
  letter-spacing:.025em;
  line-height:1.2;
  white-space:nowrap;
}
@media(max-width:620px){
  .chat-message-body{min-width:0}
  .chat-message-meta{column-gap:.42rem;row-gap:.3rem}
  .chat-message-edited{font-size:.5rem}
}

/* v5.13.15 · PRISM CHAT */
.shop-chat-preview.chat-prism{background:linear-gradient(135deg,rgba(31,18,49,.96),rgba(10,18,31,.98));border-color:#74e4ff;box-shadow:0 0 24px rgba(116,228,255,.18),inset 0 0 26px rgba(255,104,217,.09)}
.shop-symbol-preview.chat-prism{color:#74e4ff;border-color:#74e4ff;box-shadow:0 0 32px rgba(116,228,255,.22),inset 0 0 24px rgba(255,104,217,.08)}
.shop-mini-chat.chat-prism{color:#8be7ff;background:linear-gradient(135deg,rgba(19,14,34,.9),rgba(13,20,32,.95));box-shadow:0 0 18px rgba(102,223,255,.2)}
.chat-message.chat-prism .chat-message-body{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(34,18,58,.96),rgba(10,18,30,.98))!important;border-color:rgba(111,226,255,.42)!important;box-shadow:0 0 24px rgba(111,226,255,.16),inset 0 0 20px rgba(255,102,214,.08)!important}
.chat-message.chat-prism .chat-message-body:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 12%,rgba(113,228,255,.08) 32%,transparent 52%,rgba(255,102,214,.09) 72%,transparent 88%);pointer-events:none}
.chat-message.chat-prism .chat-message-body>*{position:relative;z-index:1}

/* v5.13.16 · kategorisierter Shop */
.shop-page .shop-category{margin-top:1rem;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(145deg,rgba(18,14,24,.94),rgba(10,8,14,.97));overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}
.shop-page .shop-category[open]{border-color:rgba(168,85,247,.3);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.shop-page .shop-category.black-market-section{padding-top:0;border-top:1px solid rgba(255,196,70,.2)}
.shop-page .shop-category.black-market-section.is-locked{opacity:.72}
.shop-category-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;min-height:112px;padding:1.15rem 1.25rem;list-style:none;cursor:pointer;user-select:none;transition:background .14s ease}
.shop-category-summary::-webkit-details-marker{display:none}
.shop-category-summary:hover{background:rgba(168,85,247,.045)}
.shop-category-summary:focus-visible{outline:2px solid rgba(103,223,255,.75);outline-offset:-3px}
.shop-category-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(103,223,255,.25);border-radius:15px;background:radial-gradient(circle at 50% 35%,rgba(103,223,255,.12),rgba(8,7,12,.96) 72%);color:#71e6ff;font-size:1.25rem;font-weight:900;box-shadow:inset 0 0 22px rgba(103,223,255,.05)}
.black-market-section .shop-category-mark{border-color:rgba(255,205,101,.3);color:#ffd56e;background:radial-gradient(circle at 50% 35%,rgba(255,205,101,.1),rgba(8,7,12,.96) 72%)}
.shop-category-copy{display:grid;gap:.18rem;min-width:0}
.shop-category-copy small{color:#8e8398;font-size:.57rem;font-weight:900;letter-spacing:.2em}
.shop-category-copy strong{color:#f5f0f7;font-size:clamp(1rem,2vw,1.28rem);text-transform:uppercase;letter-spacing:.015em}
.shop-category-copy em{max-width:680px;color:#8f8794;font-size:.7rem;font-style:normal;line-height:1.5}
.shop-category-stats{display:grid;justify-items:end;gap:.12rem;white-space:nowrap}
.shop-category-stats b{color:#d9d1df;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}
.shop-category-stats small{color:#786f80;font-size:.58rem}
.shop-category-stats .shop-category-access{margin-top:.18rem;color:#d8ad59;font-weight:800;letter-spacing:.06em}
.shop-category-chevron{width:34px;height:34px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.shop-category-chevron:before,.shop-category-chevron:after{content:"";position:absolute;width:9px;height:2px;border-radius:2px;background:#bcb2c4;transition:transform .18s ease}
.shop-category-chevron:before{transform:translateX(-3px) rotate(45deg)}
.shop-category-chevron:after{transform:translateX(3px) rotate(-45deg)}
.shop-category[open] .shop-category-chevron{transform:rotate(180deg);border-color:rgba(168,85,247,.32);background:rgba(168,85,247,.07)}
.shop-category-content{padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.06)}
.shop-category-content .shop-grid{padding-top:1rem}
.shop-category:not([open]) .shop-category-content{display:none}
.shop-category .shop-card.is-return-target{animation:shopReturnTarget 1.7s ease both}
@keyframes shopReturnTarget{0%,100%{box-shadow:var(--shadow)}30%{border-color:rgba(103,223,255,.66);box-shadow:0 0 0 2px rgba(103,223,255,.09),0 0 34px rgba(103,223,255,.16)}}
@media(max-width:700px){
 .shop-category-summary{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;min-height:98px;padding:1rem}
 .shop-category-mark{width:44px;height:44px;border-radius:13px;font-size:1.05rem}
 .shop-category-stats{grid-column:2/3;justify-items:start;margin-top:-.18rem}
 .shop-category-stats b,.shop-category-stats small{display:inline}
 .shop-category-stats b{font-size:.58rem}
 .shop-category-stats small{font-size:.54rem}
 .shop-category-chevron{grid-column:3;grid-row:1/3;width:32px;height:32px}
 .shop-category-copy em{font-size:.64rem}
 .shop-category-content{padding:0 .65rem .65rem}
}
@media(prefers-reduced-motion:reduce){.shop-category,.shop-category-chevron,.shop-category-chevron:before,.shop-category-chevron:after{transition:none!important}.shop-category .shop-card.is-return-target{animation:none!important}}

/* v5.13.20 · Spint */
.spint-page{padding-bottom:6rem}
.spint-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:2rem;margin-bottom:1rem;padding:clamp(1.5rem,4vw,3rem);border-color:rgba(39,214,255,.2);background:radial-gradient(circle at 82% 30%,rgba(39,214,255,.09),transparent 30%),radial-gradient(circle at 68% 78%,rgba(196,55,255,.09),transparent 34%),#0b0810}
.spint-hero:after{content:"";position:absolute;inset:auto -8% -42% 45%;height:70%;border:1px solid rgba(39,214,255,.12);border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.spint-hero-copy{position:relative;z-index:1;max-width:760px}.spint-hero-copy h1{margin:.3rem 0 .9rem;font-size:clamp(3rem,8vw,6.4rem);line-height:.78;letter-spacing:-.065em;text-transform:uppercase}.spint-hero-copy h1 span{color:#72e4ff;text-shadow:0 0 30px rgba(61,220,255,.2)}.spint-hero-copy>p:not(.eyebrow){max-width:670px;color:#908797;line-height:1.7}.spint-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.spint-locker-visual{position:relative;justify-self:end;width:min(100%,300px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(122,231,255,.2);border-radius:34px;background:linear-gradient(145deg,rgba(25,19,35,.94),rgba(8,7,12,.98));box-shadow:inset 0 0 45px rgba(39,214,255,.05),0 20px 80px rgba(0,0,0,.2)}.spint-locker-visual i{position:absolute;border:1px solid rgba(113,228,255,.2);border-radius:26px}.spint-locker-visual i:nth-child(1){inset:12%}.spint-locker-visual i:nth-child(2){inset:24%;border-color:rgba(209,81,255,.22);transform:rotate(45deg)}.spint-locker-visual i:nth-child(3){width:2px;height:62%;background:linear-gradient(transparent,#74e4ff,transparent);border:0;border-radius:0}.spint-locker-visual strong{position:relative;z-index:2;font:1000 clamp(3.5rem,8vw,5.4rem)/1 ui-monospace,monospace;color:#f5f0f7;text-shadow:0 0 28px rgba(111,226,255,.24)}.spint-locker-visual span{position:absolute;bottom:18%;font:900 .62rem/1 ui-monospace,monospace;letter-spacing:.24em;color:#766d7d}
.spint-section{overflow:hidden;margin-top:1rem}.spint-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.4rem 1.5rem;border-bottom:1px solid var(--line)}.spint-section-head>div{max-width:820px}.spint-section-head h2{margin:.2rem 0 .45rem;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.04em;text-transform:uppercase}.spint-section-head p:not(.eyebrow){margin:0;color:#827988;font-size:.75rem;line-height:1.65}.spint-owned-count,.spint-future-badge{flex:0 0 auto;padding:.58rem .72rem;border:1px solid rgba(39,214,255,.2);border-radius:999px;color:#7fe9ff;font:900 .57rem/1 ui-monospace,monospace;letter-spacing:.08em}.spint-future-badge{border-color:rgba(193,91,255,.24);color:#c98cff}
.spint-slot-rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem 1rem 0}.spint-slot{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;border:1px dashed #322a39;border-radius:14px;background:#0b0810;color:#655d6a}.spint-slot.is-filled{border-style:solid;border-color:rgba(85,230,165,.34);background:linear-gradient(135deg,rgba(85,230,165,.055),#0b0810 70%);color:#74e8aa;box-shadow:inset 2px 0 #55e6a5}.spint-slot-number{font:900 .58rem/1 ui-monospace,monospace;color:#59515e}.spint-slot>div{min-width:0;display:grid;gap:.2rem}.spint-slot small{font:900 .52rem/1 ui-monospace,monospace;letter-spacing:.11em;color:#665e6c}.spint-slot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9b0c0;font-size:.78rem}.spint-slot.is-filled strong{color:#f2edf4}.spint-slot b{width:46px;height:46px;display:grid;place-items:center;border:1px solid currentColor;border-radius:13px;font-size:1rem;overflow:hidden}.spint-slot b.has-asset{background:radial-gradient(circle,rgba(39,214,255,.10),rgba(8,6,13,.98) 72%);border-color:rgba(39,214,255,.32)}.spint-slot b.has-asset img{width:34px;height:34px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(39,214,255,.20))}
.spint-loadout-form{display:block}.spint-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem}.spint-item{position:relative;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:"icon copy" "state state";align-items:start;gap:.85rem;padding:1rem;border:1px solid #302939;border-radius:14px;background:#0d0914;color:#a89ead;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.spint-item:hover{border-color:rgba(39,214,255,.35);background:rgba(39,214,255,.025);transform:translateY(-1px)}.spint-item.is-selected{border-color:rgba(85,230,165,.54);background:linear-gradient(135deg,rgba(85,230,165,.075),#0d0914 72%);box-shadow:inset 2px 0 #55e6a5,0 0 26px rgba(85,230,165,.05)}.spint-item.is-locked{opacity:.68}.spint-item.is-locked:hover{opacity:.9}.spint-item-icon{grid-area:icon;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(39,214,255,.28);border-radius:15px;background:radial-gradient(circle,rgba(39,214,255,.1),rgba(8,6,13,.98) 72%);color:#77e8ff;font:900 1.1rem/1 ui-monospace,monospace;overflow:hidden}.spint-item-icon.has-asset img{width:44px;height:44px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(39,214,255,.22))}.spint-item[data-key="mg"] .spint-item-icon{border-color:rgba(255,77,166,.34);color:#ff83ca}.spint-item[data-key="mortar"] .spint-item-icon{border-color:rgba(255,209,102,.32);color:#ffd166}.spint-item-copy{grid-area:copy;min-width:0;display:grid;gap:.26rem}.spint-item-copy strong{color:#eee7f2;font-size:.8rem;text-transform:uppercase}.spint-item-copy small{color:#776e7d;font-size:.6rem;line-height:1.45}.spint-item-copy em{margin-top:.15rem;color:#a79fad;font-size:.55rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em}.spint-item-state{grid-area:state;justify-self:stretch;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.055);color:#706776;font:900 .55rem/1 ui-monospace,monospace;text-align:right;text-transform:uppercase}.spint-item.is-selected .spint-item-state{color:#6ef0aa}.spint-item.is-locked .spint-item-state{color:#b38fce}
.spint-loadout-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.spint-loadout-footer p{margin:0;color:#716979;font-size:.64rem;line-height:1.5}.spint-loadout-footer p strong{color:#bdb4c4}.spint-loadout-footer p.is-success{color:#78e9ae}.spint-loadout-footer p.is-error{color:#ff8da6}.spint-loadout-footer .button{flex:0 0 auto}
.spint-cosmetics{border-color:rgba(173,86,255,.18)}.spint-empty-cosmetics{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.5rem}.spint-empty-cosmetics>span{flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(185,89,255,.24);border-radius:14px;color:#c27dff;font-size:1.4rem;background:radial-gradient(circle,rgba(185,89,255,.08),transparent 70%)}.spint-empty-cosmetics strong{display:block;color:#d8d0dd;text-transform:uppercase;font-size:.76rem}.spint-empty-cosmetics p{margin:.3rem 0 0;color:#776e7d;font-size:.66rem;line-height:1.55}.spint-dashboard-card{border-color:rgba(39,214,255,.18)!important;background:linear-gradient(135deg,rgba(39,214,255,.035),rgba(168,85,247,.035))!important}
@media(max-width:900px){.spint-hero{grid-template-columns:1fr}.spint-locker-visual{justify-self:start;width:min(100%,240px)}.spint-item-grid{grid-template-columns:1fr}.spint-section-head{flex-direction:column}.spint-slot-rack{grid-template-columns:1fr}}
@media(max-width:620px){.spint-page{width:min(100% - 1rem,1180px)}.spint-hero{padding:1.25rem}.spint-hero-copy h1{font-size:clamp(3.25rem,17vw,5rem)}.spint-hero-actions{display:grid;grid-template-columns:1fr}.spint-hero-actions .button{width:100%}.spint-locker-visual{width:190px}.spint-section-head{padding:1rem}.spint-slot-rack{padding:.75rem .75rem 0}.spint-item-grid{padding:.75rem}.spint-item{padding:.85rem;grid-template-columns:52px minmax(0,1fr);gap:.75rem}.spint-item-icon{width:52px;height:52px}.spint-item-icon.has-asset img{width:38px;height:38px}.spint-loadout-footer{align-items:stretch;flex-direction:column;padding:.85rem}.spint-loadout-footer .button{width:100%}.spint-empty-cosmetics{align-items:flex-start;padding:1rem}.spint-owned-count,.spint-future-badge{align-self:flex-start}}

/* v5.13.22 · Spint Wurm-Avatar + größere Neon-Siege Wurmvorschau */
.spint-avatar-card{--spint-accent:#72e4ff;position:relative;z-index:1;justify-self:end;width:min(100%,328px);padding:1.05rem;border:1px solid color-mix(in srgb,var(--spint-accent) 38%,#30283a);border-radius:30px;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--spint-accent) 16%,transparent),transparent 50%),linear-gradient(145deg,rgba(24,18,34,.97),rgba(8,7,12,.99));box-shadow:0 22px 80px rgba(0,0,0,.24),inset 0 0 42px color-mix(in srgb,var(--spint-accent) 6%,transparent)}
.spint-avatar-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--spint-accent) 55%,#292231);border-radius:24px;background:#09070d;box-shadow:0 0 0 4px rgba(255,255,255,.018),0 0 32px color-mix(in srgb,var(--spint-accent) 16%,transparent)}
.spint-avatar-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -70px 80px rgba(6,4,10,.25);pointer-events:none}
.spint-worm-avatar-frame{display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 32%,rgba(17,55,88,.62),transparent 34%),radial-gradient(circle at 50% 88%,rgba(189,83,255,.14),transparent 36%),#08070d}
.spint-worm-avatar{--worm-color:var(--spint-accent);position:relative;width:100%;height:100%;display:block;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--worm-color) 48%,transparent))}
.spint-worm-backdrop{position:absolute;inset:12% 8%;border-radius:34px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--worm-color) 16%,transparent),transparent 45%),linear-gradient(145deg,rgba(14,11,20,.86),rgba(9,8,14,.96));border:1px solid color-mix(in srgb,var(--worm-color) 18%,rgba(255,255,255,.08));box-shadow:inset 0 0 26px rgba(255,255,255,.03)}
.spint-worm-shadow{position:absolute;left:18%;right:18%;bottom:18%;height:18px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.44),transparent 72%);filter:blur(5px)}
.spint-worm-sight{position:absolute;right:15%;top:16%;width:78px;height:78px;border:2px solid color-mix(in srgb,var(--worm-color) 30%,transparent);border-radius:50%;opacity:.68;box-shadow:0 0 24px color-mix(in srgb,var(--worm-color) 16%,transparent)}
.spint-worm-sight:before,.spint-worm-sight:after{content:"";position:absolute;background:color-mix(in srgb,var(--worm-color) 38%,transparent)}
.spint-worm-sight:before{left:50%;top:-12px;bottom:-12px;width:1px;transform:translateX(-50%)}
.spint-worm-sight:after{top:50%;left:-12px;right:-12px;height:1px;transform:translateY(-50%)}
.spint-worm-body{position:absolute;left:13%;right:13%;bottom:21%;height:44%}
.spint-worm-body i,.shop-worm-body i{position:absolute;bottom:0;border:1px solid color-mix(in srgb,var(--worm-color) 70%,white 5%);border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86) 0 5%,var(--worm-color) 24%,color-mix(in srgb,var(--worm-color) 58%,#140d1a) 100%);box-shadow:inset -8px -9px 14px rgba(0,0,0,.24),0 0 16px color-mix(in srgb,var(--worm-color) 14%,transparent)}
.spint-worm-body i:nth-child(1){left:2%;width:16%;height:34%;transform:rotate(-18deg)}
.spint-worm-body i:nth-child(2){left:17%;width:19%;height:42%;bottom:3%}
.spint-worm-body i:nth-child(3){left:36%;width:22%;height:52%;bottom:4%}
.spint-worm-body i:nth-child(4){left:56%;width:24%;height:58%;bottom:6%;z-index:2}
.spint-worm-body i:nth-child(5){left:76%;width:18%;height:52%;bottom:10%;transform:rotate(14deg)}
.spint-worm-body b{position:absolute;z-index:4;left:69%;top:14%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:14px 2px 0 #fff,0 0 12px rgba(255,255,255,.42)}
.spint-worm-body b:after{content:"";position:absolute;left:2px;top:14px;width:17px;height:8px;border-bottom:2px solid rgba(255,255,255,.92);border-radius:0 0 16px 16px;transform:rotate(8deg)}
.spint-avatar-meta{display:grid;gap:.22rem;padding:.9rem .25rem .15rem}.spint-avatar-meta small{color:#766d7d;font:900 .52rem/1 ui-monospace,monospace;letter-spacing:.16em}.spint-avatar-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f0f7;font-size:1rem}.spint-avatar-meta span{display:flex;align-items:center;gap:.45rem;color:#8d8493;font:800 .55rem/1.3 ui-monospace,monospace;letter-spacing:.05em}.spint-avatar-meta span i{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--spint-accent);box-shadow:0 0 14px color-mix(in srgb,var(--spint-accent) 70%,transparent)}
.spint-avatar-loadout{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.45rem}.spint-avatar-loadout em{display:inline-flex;align-items:center;gap:.38rem;padding:.38rem .58rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);color:#d8d0df;font:900 .52rem/1 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}.spint-avatar-loadout em b{color:var(--spint-accent);font-size:.66rem;line-height:1}.spint-avatar-loadout em b.is-asset{width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(39,214,255,.22);border-radius:999px;background:radial-gradient(circle,rgba(39,214,255,.10),rgba(8,6,13,.98) 72%)}.spint-avatar-loadout em b.is-asset img{width:14px;height:14px;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(39,214,255,.22))}.spint-avatar-loadout em.is-empty{color:#8d8394}

.spint-cosmetic-form{display:block}.spint-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem}.spint-color-card{--worm-color:#77707e;position:relative;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"preview copy" "state state";align-items:center;gap:.8rem;padding:1rem;border:1px solid #302939;border-radius:14px;background:#0d0914;color:#aaa1af;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.spint-color-card:hover{border-color:color-mix(in srgb,var(--worm-color) 48%,#3a3042);background:color-mix(in srgb,var(--worm-color) 3%,#0d0914);transform:translateY(-1px)}.spint-color-card.is-selected,.spint-color-card:has(input:checked){border-color:color-mix(in srgb,var(--worm-color) 68%,#45505a);background:linear-gradient(135deg,color-mix(in srgb,var(--worm-color) 9%,transparent),#0d0914 72%);box-shadow:inset 2px 0 var(--worm-color),0 0 26px color-mix(in srgb,var(--worm-color) 9%,transparent)}.spint-color-card.is-locked{opacity:.62}.spint-color-card.is-locked:hover{opacity:.9}
.spint-worm-preview{grid-area:preview;position:relative;width:64px;height:52px;display:block;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--worm-color) 48%,transparent))}.spint-worm-preview i{position:absolute;bottom:8px;width:25px;height:27px;border:1px solid color-mix(in srgb,var(--worm-color) 72%,white 4%);border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.82) 0 5%,var(--worm-color) 24%,color-mix(in srgb,var(--worm-color) 58%,#130c19) 100%);box-shadow:inset -5px -6px 10px rgba(0,0,0,.22)}.spint-worm-preview i:nth-child(1){left:4px;transform:rotate(-10deg)}.spint-worm-preview i:nth-child(2){left:20px;bottom:12px;z-index:2}.spint-worm-preview i:nth-child(3){left:36px;transform:rotate(10deg)}.spint-worm-preview b{position:absolute;z-index:3;left:29px;top:12px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:8px 1px 0 #fff}.spint-worm-preview.is-default{--worm-color:#9b91a3;filter:none}.spint-worm-preview.is-default:after{content:"AUTO";position:absolute;left:12px;bottom:-2px;padding:2px 5px;border:1px solid #3a3240;border-radius:999px;background:#0b0810;color:#8f8696;font:900 .42rem/1 ui-monospace,monospace;letter-spacing:.08em}
.spint-color-copy{grid-area:copy;min-width:0;display:grid;gap:.28rem}.spint-color-copy strong{overflow:hidden;text-overflow:ellipsis;color:#eee7f2;font-size:.75rem;white-space:nowrap}.spint-color-copy small{color:#766e7c;font:800 .53rem/1.35 ui-monospace,monospace;letter-spacing:.05em}.spint-color-card>em{grid-area:state;justify-self:stretch;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.055);color:#706776;font:900 .54rem/1 ui-monospace,monospace;text-align:right;text-transform:uppercase}.spint-color-card.is-selected>em,.spint-color-card:has(input:checked)>em{color:var(--worm-color)}.spint-color-card.is-locked>em{color:#b38fce}
.spint-cosmetic-future{display:flex;align-items:center;gap:1rem;margin:0 1rem 1rem;padding:1rem;border:1px dashed rgba(181,94,255,.16);border-radius:14px;background:rgba(181,94,255,.018)}.spint-cosmetic-future>span{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(185,89,255,.22);border-radius:12px;color:#c27dff}.spint-cosmetic-future strong{display:block;color:#d8d0dd;text-transform:uppercase;font-size:.7rem}.spint-cosmetic-future p{margin:.25rem 0 0;color:#776e7d;font-size:.62rem;line-height:1.5}

.shop-symbol-preview.worm-cyan,.shop-symbol-preview.worm-arctic{color:#58ddff;border-color:#58ddff}.shop-symbol-preview.worm-pink{color:#ff4da6;border-color:#ff4da6}.shop-symbol-preview.worm-toxic{color:#68ff72;border-color:#68ff72}.shop-symbol-preview.worm-violet{color:#c36cff;border-color:#c36cff}.shop-symbol-preview.worm-crimson{color:#ff3d5a;border-color:#ff3d5a}.shop-symbol-preview.worm-inferno{color:#ff7a2f;border-color:#ff7a2f}.shop-symbol-preview.worm-gold{color:#ffd166;border-color:#ffd166}
.shop-worm-color-preview{--worm-color:#77707e;position:relative;width:156px;height:108px;display:block;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--worm-color) 52%,transparent))}
.shop-worm-halo{position:absolute;left:50%;top:18px;width:118px;height:58px;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--worm-color) 24%,transparent),transparent 70%)}
.shop-worm-shadow{position:absolute;left:20px;right:18px;bottom:16px;height:18px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.46),transparent 72%);filter:blur(4px)}
.shop-worm-body{position:absolute;left:10px;right:10px;bottom:22px;height:62px}
.shop-worm-body i:nth-child(1){left:2px;width:23px;height:25px;transform:rotate(-18deg)}
.shop-worm-body i:nth-child(2){left:20px;width:29px;height:33px;bottom:2px}
.shop-worm-body i:nth-child(3){left:44px;width:35px;height:44px;bottom:3px}
.shop-worm-body i:nth-child(4){left:76px;width:39px;height:50px;bottom:6px;z-index:2}
.shop-worm-body i:nth-child(5){left:111px;width:27px;height:42px;bottom:13px;transform:rotate(15deg)}
.shop-worm-body b{position:absolute;z-index:4;left:93px;top:13px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:13px 2px 0 #fff,0 0 14px rgba(255,255,255,.42)}
.shop-worm-body b:after{content:"";position:absolute;left:2px;top:13px;width:16px;height:8px;border-bottom:2px solid rgba(255,255,255,.92);border-radius:0 0 16px 16px;transform:rotate(6deg)}
.shop-worm-sight{position:absolute;right:3px;top:10px;width:34px;height:34px;border:2px solid color-mix(in srgb,var(--worm-color) 34%,transparent);border-radius:50%;opacity:.72}
.shop-worm-sight:before,.shop-worm-sight:after{content:"";position:absolute;background:color-mix(in srgb,var(--worm-color) 46%,transparent)}
.shop-worm-sight:before{left:50%;top:-7px;bottom:-7px;width:1px;transform:translateX(-50%)}
.shop-worm-sight:after{top:50%;left:-7px;right:-7px;height:1px;transform:translateY(-50%)}
.shop-worm-color-preview small{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:.22rem .46rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(6,6,10,.82);color:#8f8697;font:900 .48rem/1 ui-monospace,monospace;letter-spacing:.11em;white-space:nowrap}
.spint-worm-avatar.worm-default,.shop-worm-color-preview.worm-default{--worm-color:#84d6ff}.spint-worm-avatar.worm-cyan,.shop-worm-color-preview.worm-cyan{--worm-color:#27d6ff}.spint-worm-avatar.worm-pink,.shop-worm-color-preview.worm-pink{--worm-color:#ff4da6}.spint-worm-avatar.worm-toxic,.shop-worm-color-preview.worm-toxic{--worm-color:#68ff72}.spint-worm-avatar.worm-violet,.shop-worm-color-preview.worm-violet{--worm-color:#c36cff}.spint-worm-avatar.worm-crimson,.shop-worm-color-preview.worm-crimson{--worm-color:#ff3d5a}.spint-worm-avatar.worm-arctic,.shop-worm-color-preview.worm-arctic{--worm-color:#5aa7ff}.spint-worm-avatar.worm-inferno,.shop-worm-color-preview.worm-inferno{--worm-color:#ff7a2f}.spint-worm-avatar.worm-gold,.shop-worm-color-preview.worm-gold{--worm-color:#ffd166}

@media(max-width:900px){.spint-avatar-card{justify-self:start;width:min(100%,272px)}.spint-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.spint-avatar-card{width:230px;padding:.8rem;border-radius:24px}.spint-avatar-frame{border-radius:19px}.spint-worm-sight{width:56px;height:56px;right:13%;top:14%}.spint-avatar-loadout em{font-size:.48rem}.spint-color-grid{grid-template-columns:1fr;padding:.75rem}.spint-color-card{padding:.85rem}.spint-cosmetic-future{margin:0 .75rem .75rem}.shop-worm-color-preview{width:136px;height:98px}}


/* v5.13.23 · Neon-Siege-Wurmavatar näher am Ingame-Look */
.spint-worm-avatar-frame{display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 42%,rgba(44,172,255,.18),transparent 24%),radial-gradient(circle at 32% 22%,rgba(255,255,255,.07),transparent 18%),linear-gradient(180deg,#08070c,#0b0810 58%,#09070d)}
.spint-worm-avatar{--worm-color:#58ddff;position:relative;width:100%;height:100%;display:block;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--worm-color) 42%,transparent))}
.spint-worm-avatar .spint-worm-backdrop{position:absolute;left:14%;top:15%;width:72%;height:58%;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),radial-gradient(circle at 50% 42%,rgba(52,190,255,.16),transparent 44%),#0e0b13;border:1px solid rgba(93,214,255,.18);box-shadow:inset 0 0 38px rgba(39,214,255,.08),0 0 24px rgba(39,214,255,.07)}
.spint-worm-avatar .spint-worm-shadow{position:absolute;left:21%;right:18%;bottom:18%;height:22px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.52),transparent 70%);filter:blur(5px)}
.spint-worm-avatar .spint-worm-body{position:absolute;left:16%;right:13%;bottom:18%;height:46%}
.spint-worm-avatar .spint-worm-body i{position:absolute;bottom:0;border:1px solid color-mix(in srgb,var(--worm-color) 64%,white 6%);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.96) 0 7%,color-mix(in srgb,var(--worm-color) 88%,white 6%) 25%,color-mix(in srgb,var(--worm-color) 72%,#1b2947) 66%,#261133 100%);box-shadow:inset -8px -11px 14px rgba(0,0,0,.18),0 0 16px color-mix(in srgb,var(--worm-color) 12%,transparent)}
.spint-worm-avatar .spint-worm-body i:nth-child(1){left:2%;width:12%;height:28%;opacity:.64}
.spint-worm-avatar .spint-worm-body i:nth-child(2){left:13%;width:15%;height:34%;bottom:1%;opacity:.72}
.spint-worm-avatar .spint-worm-body i:nth-child(3){left:28%;width:18%;height:42%;bottom:2%;opacity:.82}
.spint-worm-avatar .spint-worm-body i:nth-child(4){left:45%;width:24%;height:52%;bottom:3%;opacity:.92}
.spint-worm-avatar .spint-worm-body i:nth-child(5){left:62%;width:30%;height:62%;bottom:6%;z-index:3}
.spint-worm-avatar .spint-worm-body b{position:absolute;z-index:5;left:76%;top:19%;width:12px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.32)}
.spint-worm-avatar .spint-worm-body b:before{content:"";position:absolute;right:2px;top:4px;width:5px;height:5px;border-radius:50%;background:#0a0710}
.spint-worm-avatar .spint-worm-body b:after{content:"";position:absolute;left:-6px;top:-7px;width:34px;height:34px;border-radius:50%;border:2px solid color-mix(in srgb,var(--worm-color) 75%,white 8%);border-right-color:transparent;border-bottom-color:transparent;opacity:.86;transform:rotate(-42deg)}
.spint-worm-avatar .spint-worm-sight{position:absolute;left:61%;top:18%;width:30%;height:30%;border-radius:50%;border:2px solid rgba(138,214,255,.18);opacity:.78}
.spint-worm-avatar .spint-worm-sight:before,.spint-worm-avatar .spint-worm-sight:after{content:"";position:absolute;background:rgba(126,220,255,.24)}
.spint-worm-avatar .spint-worm-sight:before{left:50%;top:-12px;bottom:-12px;width:1px;transform:translateX(-50%)}
.spint-worm-avatar .spint-worm-sight:after{top:50%;left:-12px;right:-12px;height:1px;transform:translateY(-50%)}

.spint-worm-preview{position:relative;width:70px;height:48px;display:block;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--worm-color) 42%,transparent))}
.spint-worm-preview i{position:absolute;bottom:5px;border:1px solid color-mix(in srgb,var(--worm-color) 64%,white 6%);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.94) 0 7%,color-mix(in srgb,var(--worm-color) 88%,white 6%) 24%,color-mix(in srgb,var(--worm-color) 72%,#1b2947) 66%,#261133 100%);box-shadow:inset -5px -6px 10px rgba(0,0,0,.18)}
.spint-worm-preview i:nth-child(1){left:3px;width:16px;height:16px;opacity:.72}
.spint-worm-preview i:nth-child(2){left:18px;width:20px;height:20px;opacity:.84}
.spint-worm-preview i:nth-child(3){left:34px;width:25px;height:25px;bottom:7px;z-index:2}
.spint-worm-preview b{position:absolute;left:48px;top:10px;width:7px;height:10px;border-radius:50%;background:#fff;z-index:3;box-shadow:0 0 6px rgba(255,255,255,.28)}
.spint-worm-preview b:before{content:"";position:absolute;right:1px;top:3px;width:3px;height:3px;border-radius:50%;background:#0a0710}
.spint-worm-preview b:after{content:"";position:absolute;left:-4px;top:-4px;width:18px;height:18px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--worm-color) 70%,white 8%);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-40deg);opacity:.72}
.spint-worm-preview.is-default{--worm-color:#84d6ff}
.spint-worm-preview.is-default:after{content:"AUTO";position:absolute;left:4px;bottom:-2px;padding:2px 5px;border:1px solid #3a3240;border-radius:999px;background:#0b0810;color:#8f8696;font:900 .42rem/1 ui-monospace,monospace;letter-spacing:.08em}

.shop-worm-color-preview{--worm-color:#58ddff;position:relative;width:156px;height:110px;display:block;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--worm-color) 44%,transparent))}
.shop-worm-color-preview .shop-worm-halo{position:absolute;left:18px;right:18px;top:20px;height:42px;border-radius:999px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--worm-color) 16%,transparent),transparent 70%)}
.shop-worm-color-preview .shop-worm-shadow{position:absolute;left:25px;right:18px;bottom:17px;height:16px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.45),transparent 72%);filter:blur(4px)}
.shop-worm-color-preview .shop-worm-body{position:absolute;left:16px;right:12px;bottom:18px;height:60px}
.shop-worm-color-preview .shop-worm-body i{position:absolute;bottom:0;border:1px solid color-mix(in srgb,var(--worm-color) 64%,white 6%);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.96) 0 7%,color-mix(in srgb,var(--worm-color) 88%,white 6%) 25%,color-mix(in srgb,var(--worm-color) 72%,#1b2947) 66%,#261133 100%);box-shadow:inset -6px -8px 11px rgba(0,0,0,.18)}
.shop-worm-color-preview .shop-worm-body i:nth-child(1){left:0;width:18px;height:18px;opacity:.64}
.shop-worm-color-preview .shop-worm-body i:nth-child(2){left:15px;width:23px;height:23px;opacity:.72}
.shop-worm-color-preview .shop-worm-body i:nth-child(3){left:34px;width:28px;height:28px;opacity:.82}
.shop-worm-color-preview .shop-worm-body i:nth-child(4){left:56px;width:34px;height:34px;bottom:2px;opacity:.9}
.shop-worm-color-preview .shop-worm-body i:nth-child(5){left:84px;width:41px;height:41px;bottom:6px;z-index:2}
.shop-worm-color-preview .shop-worm-body b{position:absolute;left:97px;top:14px;width:9px;height:12px;border-radius:50%;background:#fff;z-index:3;box-shadow:0 0 8px rgba(255,255,255,.28)}
.shop-worm-color-preview .shop-worm-body b:before{content:"";position:absolute;right:1px;top:3px;width:4px;height:4px;border-radius:50%;background:#0a0710}
.shop-worm-color-preview .shop-worm-body b:after{content:"";position:absolute;left:-5px;top:-6px;width:24px;height:24px;border-radius:50%;border:2px solid color-mix(in srgb,var(--worm-color) 70%,white 8%);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-40deg);opacity:.72}
.shop-worm-color-preview .shop-worm-sight{position:absolute;right:8px;top:10px;width:28px;height:28px;border:2px solid rgba(126,220,255,.18);border-radius:50%;opacity:.78}
.shop-worm-color-preview .shop-worm-sight:before,.shop-worm-color-preview .shop-worm-sight:after{content:"";position:absolute;background:rgba(126,220,255,.24)}
.shop-worm-color-preview .shop-worm-sight:before{left:50%;top:-6px;bottom:-6px;width:1px;transform:translateX(-50%)}
.shop-worm-color-preview .shop-worm-sight:after{top:50%;left:-6px;right:-6px;height:1px;transform:translateY(-50%)}
.shop-worm-color-preview small{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:.22rem .46rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(6,6,10,.82);color:#8f8697;font:900 .48rem/1 ui-monospace,monospace;letter-spacing:.11em;white-space:nowrap}

@media(max-width:620px){.spint-worm-avatar-frame{padding:.8rem}.spint-worm-avatar .spint-worm-body{left:13%;right:10%;bottom:20%}.shop-worm-color-preview{width:138px;height:100px}}


/* v5.13.24 · Neon-Siege-Wurmavatar im echten Ingame-Look */
.spint-worm-avatar,
.spint-worm-preview,
.shop-worm-color-preview{--worm-core:color-mix(in srgb,var(--worm-color) 82%,#ffffff 8%);--worm-dark:color-mix(in srgb,var(--worm-color) 48%,#291235)}

.spint-worm-avatar-frame{background:linear-gradient(180deg,#08070c,#0b0810 58%,#09070d)}
.spint-worm-avatar .spint-worm-backdrop{left:14%;top:15%;width:72%;height:58%;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),radial-gradient(circle at 50% 42%,rgba(52,190,255,.16),transparent 44%),#0e0b13;border:1px solid rgba(93,214,255,.18);box-shadow:inset 0 0 38px rgba(39,214,255,.08),0 0 24px rgba(39,214,255,.07)}
.spint-worm-avatar .spint-worm-shadow{left:22%;right:18%;bottom:17%;height:22px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.56),transparent 70%);filter:blur(5px)}
.spint-worm-avatar .spint-worm-body{position:absolute;left:21%;right:17%;bottom:18%;height:44%}

.spint-worm-avatar .spint-worm-body .seg,
.spint-worm-avatar .spint-worm-body .head,
.spint-worm-preview .seg,
.spint-worm-preview .head,
.shop-worm-color-preview .shop-worm-body .seg,
.shop-worm-color-preview .shop-worm-body .head{position:absolute;display:block;bottom:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--worm-color) 65%,white 6%);background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.96) 0 7%,var(--worm-core) 26%,var(--worm-dark) 70%,#261133 100%);box-shadow:inset -8px -10px 14px rgba(0,0,0,.2),0 0 16px color-mix(in srgb,var(--worm-color) 14%,transparent)}

.spint-worm-avatar .spint-worm-body .seg-1{left:2%;width:17%;height:30%;bottom:0;opacity:.58}
.spint-worm-avatar .spint-worm-body .seg-2{left:17%;width:21%;height:37%;bottom:5%;opacity:.72}
.spint-worm-avatar .spint-worm-body .seg-3{left:35%;width:23%;height:45%;bottom:11%;opacity:.86}
.spint-worm-avatar .spint-worm-body .head{left:56%;width:31%;height:58%;bottom:20%;z-index:3;overflow:visible;background:radial-gradient(circle at 34% 24%,#ffffff 0 8%,var(--worm-core) 28%,var(--worm-dark) 72%,#261133 100%);box-shadow:inset -10px -11px 16px rgba(0,0,0,.22),0 0 22px color-mix(in srgb,var(--worm-color) 18%,transparent)}
.spint-worm-avatar .spint-worm-body .head .eye,
.spint-worm-preview .head .eye,
.shop-worm-color-preview .head .eye{position:absolute;left:58%;top:24%;width:17%;height:25%;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 0 8px rgba(255,255,255,.28)}
.spint-worm-avatar .spint-worm-body .head .eye:after,
.spint-worm-preview .head .eye:after,
.shop-worm-color-preview .head .eye:after{content:"";position:absolute;left:48%;top:36%;width:38%;height:38%;border-radius:50%;background:#080510;transform:translate(-50%,-50%)}
.spint-worm-avatar .spint-worm-body .head .smile,
.spint-worm-preview .head .smile,
.shop-worm-color-preview .head .smile{position:absolute;left:44%;top:56%;width:30%;height:18%;border-bottom:2px solid rgba(255,255,255,.92);border-radius:0 0 999px 999px;transform:rotate(8deg)}
.spint-worm-avatar .spint-worm-body .hp,
.spint-worm-preview .hp,
.shop-worm-color-preview .hp{position:absolute;left:52%;top:4%;width:39%;height:76%;border:3px solid var(--worm-color);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-44deg);opacity:.95;box-shadow:0 0 12px color-mix(in srgb,var(--worm-color) 32%,transparent)}
.spint-worm-avatar .spint-worm-sight{left:61%;top:18%;width:30%;height:30%;border-radius:50%;border:2px solid rgba(138,214,255,.18);opacity:.78}
.spint-worm-avatar .spint-worm-sight:before,.spint-worm-avatar .spint-worm-sight:after{content:"";position:absolute;background:rgba(126,220,255,.24)}
.spint-worm-avatar .spint-worm-sight:before{left:50%;top:-12px;bottom:-12px;width:1px;transform:translateX(-50%)}
.spint-worm-avatar .spint-worm-sight:after{top:50%;left:-12px;right:-12px;height:1px;transform:translateY(-50%)}

.spint-worm-preview{position:relative;width:72px;height:48px;display:block;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--worm-color) 42%,transparent))}
.spint-worm-preview .seg-1{left:4px;width:13px;height:13px;bottom:5px;opacity:.58}
.spint-worm-preview .seg-2{left:17px;width:16px;height:16px;bottom:8px;opacity:.72}
.spint-worm-preview .seg-3{left:31px;width:18px;height:18px;bottom:12px;opacity:.86}
.spint-worm-preview .head{left:44px;width:22px;height:22px;bottom:16px;z-index:3;overflow:visible}
.spint-worm-preview .head .smile{border-bottom-width:1.5px}
.spint-worm-preview .hp{left:40px;top:4px;width:28px;height:33px;border-width:2px}
.spint-worm-preview.is-default{--worm-color:#84d6ff}
.spint-worm-preview.is-default:after{content:"AUTO";position:absolute;left:4px;bottom:-2px;padding:2px 5px;border:1px solid #3a3240;border-radius:999px;background:#0b0810;color:#8f8696;font:900 .42rem/1 ui-monospace,monospace;letter-spacing:.08em}

.shop-worm-color-preview{--worm-color:#58ddff;position:relative;width:156px;height:110px;display:block;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--worm-color) 44%,transparent))}
.shop-worm-color-preview .shop-worm-halo{position:absolute;left:18px;right:18px;top:20px;height:42px;border-radius:999px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--worm-color) 16%,transparent),transparent 70%)}
.shop-worm-color-preview .shop-worm-shadow{position:absolute;left:26px;right:18px;bottom:17px;height:16px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.45),transparent 72%);filter:blur(4px)}
.shop-worm-color-preview .shop-worm-body{position:absolute;left:18px;right:12px;bottom:18px;height:60px}
.shop-worm-color-preview .shop-worm-body .seg-1{left:0;width:18px;height:18px;bottom:1px;opacity:.58}
.shop-worm-color-preview .shop-worm-body .seg-2{left:16px;width:23px;height:23px;bottom:4px;opacity:.72}
.shop-worm-color-preview .shop-worm-body .seg-3{left:37px;width:27px;height:27px;bottom:10px;opacity:.86}
.shop-worm-color-preview .shop-worm-body .head{left:60px;width:35px;height:35px;bottom:17px;z-index:3;overflow:visible}
.shop-worm-color-preview .shop-worm-body .head .smile{border-bottom-width:1.8px}
.shop-worm-color-preview .shop-worm-body .hp{left:54px;top:1px;width:44px;height:53px;border-width:2px}
.shop-worm-color-preview .shop-worm-sight{position:absolute;right:8px;top:10px;width:28px;height:28px;border:2px solid rgba(126,220,255,.18);border-radius:50%;opacity:.78}
.shop-worm-color-preview .shop-worm-sight:before,.shop-worm-color-preview .shop-worm-sight:after{content:"";position:absolute;background:rgba(126,220,255,.24)}
.shop-worm-color-preview .shop-worm-sight:before{left:50%;top:-6px;bottom:-6px;width:1px;transform:translateX(-50%)}
.shop-worm-color-preview .shop-worm-sight:after{top:50%;left:-6px;right:-6px;height:1px;transform:translateY(-50%)}
.shop-worm-color-preview small{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:.22rem .46rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(6,6,10,.82);color:#8f8697;font:900 .48rem/1 ui-monospace,monospace;letter-spacing:.11em;white-space:nowrap}

@media(max-width:620px){.spint-worm-avatar .spint-worm-body{left:17%;right:13%;bottom:20%}.spint-worm-avatar .spint-worm-body .head{left:54%;width:33%;height:58%}.shop-worm-color-preview{width:138px;height:100px}}

/* v5.13.28 · Echter Bild-Avatar außerhalb von Neon Siege
   Nur Spint/Shop. Der Ingame-Wurm bleibt davon unabhängig. */
.spint-worm-image-wrap,
.spint-worm-preview-image,
.shop-worm-color-image{
  --worm-color:#84d6ff;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.spint-worm-image-wrap::after,
.spint-worm-preview-image::after,
.shop-worm-color-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--worm-color) 36%,transparent),transparent 58%);
  mix-blend-mode:color;
  opacity:.34;
  z-index:2;
}
.spint-worm-image-wrap::before,
.spint-worm-preview-image::before,
.shop-worm-color-image::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 34px rgba(0,0,0,.30),inset 0 0 26px color-mix(in srgb,var(--worm-color) 15%,transparent);
  z-index:3;
}
.spint-worm-image-wrap.worm-default,.spint-worm-preview-image.is-default,.shop-worm-color-image.worm-default{--worm-color:#84d6ff}
.spint-worm-image-wrap.worm-cyan,.shop-worm-color-image.worm-cyan{--worm-color:#27d6ff}
.spint-worm-image-wrap.worm-pink,.shop-worm-color-image.worm-pink{--worm-color:#ff4da6}
.spint-worm-image-wrap.worm-toxic,.shop-worm-color-image.worm-toxic{--worm-color:#68ff72}
.spint-worm-image-wrap.worm-violet,.shop-worm-color-image.worm-violet{--worm-color:#c36cff}
.spint-worm-image-wrap.worm-crimson,.shop-worm-color-image.worm-crimson{--worm-color:#ff3d5a}
.spint-worm-image-wrap.worm-arctic,.shop-worm-color-image.worm-arctic{--worm-color:#5aa7ff}
.spint-worm-image-wrap.worm-inferno,.shop-worm-color-image.worm-inferno{--worm-color:#ff7a2f}
.spint-worm-image-wrap.worm-gold,.shop-worm-color-image.worm-gold{--worm-color:#ffd166}

.spint-worm-image-wrap{
  width:100%;
  height:100%;
  border-radius:inherit;
  background:#080711;
}
.spint-worm-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:drop-shadow(0 0 16px color-mix(in srgb,var(--worm-color) 20%,transparent));
}

.spint-worm-preview-image{
  grid-area:preview;
  width:64px;
  height:64px;
  display:block;
  border:1px solid color-mix(in srgb,var(--worm-color) 30%,rgba(255,255,255,.08));
  border-radius:14px;
  background:#080711;
  box-shadow:0 0 16px color-mix(in srgb,var(--worm-color) 12%,transparent);
}
.spint-worm-preview-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.spint-worm-preview-image.is-default::after{opacity:.16}

.shop-worm-color-image{
  width:156px;
  height:118px;
  border:1px solid color-mix(in srgb,var(--worm-color) 42%,rgba(255,255,255,.08));
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--worm-color) 18%,transparent),transparent 42%),
    linear-gradient(180deg,color-mix(in srgb,var(--worm-color) 8%,#080711),#080711 72%);
  box-shadow:0 0 24px color-mix(in srgb,var(--worm-color) 22%,transparent), inset 0 0 0 1px rgba(255,255,255,.03);
}
.shop-worm-color-image::after{
  background:
    radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--worm-color) 60%,transparent),transparent 56%),
    linear-gradient(180deg,color-mix(in srgb,var(--worm-color) 24%,transparent),transparent 46%);
  mix-blend-mode:screen;
  opacity:.62;
}
.shop-worm-color-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(1.03) saturate(.82) contrast(1.04);
}
.shop-worm-color-image small{
  position:absolute;
  left:50%;
  bottom:7px;
  transform:translateX(-50%);
  z-index:4;
  padding:.25rem .5rem;
  border:1px solid color-mix(in srgb,var(--worm-color) 35%,rgba(255,255,255,.10));
  border-radius:999px;
  background:rgba(7,6,12,.86);
  color:#f4eef8;
  box-shadow:0 0 14px color-mix(in srgb,var(--worm-color) 14%,transparent);
  font:900 .48rem/1 ui-monospace,monospace;
  letter-spacing:.08em;
  white-space:nowrap;
}
@media(max-width:620px){
  .spint-worm-preview-image{width:58px;height:58px}
  .shop-worm-color-image{width:138px;height:104px}
}

/* v5.13.33 · Shop-Wurmfarben: reine Bildvorschau ohne Overlay */
.shop-item-visual:has(.shop-worm-color-image){
  min-height:165px;
  gap:0;
}
.shop-worm-color-image{
  width:156px;
  height:118px;
  overflow:hidden;
  border:0;
  border-radius:18px;
  background:none;
  box-shadow:none;
  filter:none;
}
.shop-worm-color-image::before,
.shop-worm-color-image::after{
  content:none!important;
  display:none!important;
}
.shop-worm-color-image img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
  filter:none;
}
.shop-worm-color-image small{display:none!important}
@media(max-width:620px){
  .shop-worm-color-image{width:138px;height:104px}
}

/* v5.13.34 · Shop-Wurmfarben: Bild in kompakter Kartenansicht sauber begrenzen */
.shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-item-visual:has(.shop-worm-color-image){
  overflow:hidden!important;
  min-height:72px!important;
  height:72px!important;
  width:72px!important;
  border-radius:16px;
}
.shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-worm-color-image{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-worm-color-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:14px!important;
}
@media(max-width:600px){
  .shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-item-visual:has(.shop-worm-color-image){
    min-height:58px!important;
    height:58px!important;
    width:58px!important;
    border-radius:14px;
  }
  .shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-worm-color-image{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    flex-basis:50px!important;
    border-radius:12px!important;
  }
  .shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-worm-color-image img{
    border-radius:12px!important;
  }
}
@media(max-width:370px){
  .shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-item-visual:has(.shop-worm-color-image){
    width:52px!important;
    min-height:52px!important;
    height:52px!important;
  }
  .shop-js-compact .shop-page .shop-card:not(.is-shop-detail-open) .shop-worm-color-image{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    flex-basis:46px!important;
  }
}

/* v5.13.35 · Shop-Wurmfarben: vollständiges Bild in der Artikel-Detailansicht */
.shop-detail-content .shop-card.is-shop-detail-open .shop-item-visual:has(.shop-worm-color-image){
  min-height:220px!important;
}
.shop-detail-content .shop-card.is-shop-detail-open .shop-worm-color-image{
  width:210px!important;
  height:210px!important;
  max-width:210px!important;
  max-height:210px!important;
  aspect-ratio:1/1!important;
  flex:0 0 210px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.shop-detail-content .shop-card.is-shop-detail-open .shop-worm-color-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:22px!important;
}
@media(max-width:600px){
  .shop-detail-content .shop-card.is-shop-detail-open .shop-item-visual:has(.shop-worm-color-image){
    min-height:190px!important;
  }
  .shop-detail-content .shop-card.is-shop-detail-open .shop-worm-color-image{
    width:180px!important;
    height:180px!important;
    max-width:180px!important;
    max-height:180px!important;
    flex-basis:180px!important;
    border-radius:20px!important;
  }
  .shop-detail-content .shop-card.is-shop-detail-open .shop-worm-color-image img{
    border-radius:20px!important;
  }
}

/* v5.13.59 · No-Aim Aufträge */
.orders-page{padding-bottom:4rem}.orders-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:1.2rem;align-items:stretch;padding:1.35rem;margin-bottom:1rem;border:1px solid rgba(164,71,255,.32);background:radial-gradient(circle at 12% 0,rgba(160,61,255,.12),transparent 36%),radial-gradient(circle at 96% 15%,rgba(39,214,255,.07),transparent 32%),rgba(10,7,15,.92)}.orders-overview-copy h2{margin:.12rem 0 .25rem;color:#fff;font-size:clamp(1.7rem,4vw,2.45rem)}.orders-overview-copy>p:not(.eyebrow){margin:0;color:#aaa1b0}.orders-level-bar{height:8px;max-width:640px;margin:.95rem 0 .45rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#171220}.orders-level-bar i{display:block;height:100%;background:linear-gradient(90deg,#7b3cff,#c02be3,#28d4ff);box-shadow:0 0 18px rgba(160,60,255,.45)}.orders-overview-copy small{color:#756d7c;font-size:.7rem}.orders-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.orders-overview-stats article{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(180deg,rgba(24,17,31,.88),rgba(9,7,13,.96))}.orders-overview-stats span{color:#817787;font:900 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.orders-overview-stats strong{margin:.4rem 0 .2rem;color:#fff;font-size:1.4rem}.orders-overview-stats small{color:#746b79;font-size:.61rem;line-height:1.35}.orders-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.orders-list{overflow:hidden;padding:0}.orders-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(130,47,219,.055),transparent)}.orders-list-head h2{margin:.1rem 0 .2rem}.orders-list-head p:not(.eyebrow){margin:0;color:#7f7685;font-size:.72rem}.orders-list-head>span{flex:0 0 auto;padding:.48rem .65rem;border:1px solid rgba(160,77,255,.18);border-radius:999px;background:rgba(160,77,255,.05);color:#9d8ca8;font:900 .53rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.weekly-orders .orders-list-head>span{border-color:rgba(39,214,255,.18);background:rgba(39,214,255,.045);color:#85cfe0}.orders-stack{display:grid}.order-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.9rem;padding:1.05rem 1.2rem;border-top:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,transparent,rgba(168,85,247,.018));transition:.18s}.order-card:first-child{border-top:0}.order-card-index{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.23);border-radius:12px;background:radial-gradient(circle,rgba(168,85,247,.1),rgba(8,6,12,.95) 72%);color:#bc91dc;font:900 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.weekly-orders .order-card-index{border-color:rgba(39,214,255,.2);color:#74d9ef}.order-card-main{min-width:0}.order-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.order-card-title strong{display:block;color:#f0eaf3;font-size:.86rem;text-transform:uppercase}.order-card-title p{margin:.22rem 0 .58rem;color:#8d8492;font-size:.72rem;line-height:1.45}.order-card-title>b{flex:0 0 auto;color:#53d9ff;font:900 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.weekly-orders .order-card-title>b{color:#d27aff}.order-progress{height:6px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#15101b}.order-progress i{display:block;height:100%;background:linear-gradient(90deg,#8738ff,#d52cdc,#26d4ff);box-shadow:0 0 12px rgba(176,56,255,.38)}.weekly-orders .order-progress i{background:linear-gradient(90deg,#27d6ff,#8a42ff,#d72ae0)}.order-card-foot{display:flex;justify-content:space-between;gap:.8rem;margin-top:.42rem;color:#6f6675;font:800 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.order-card-foot em{font-style:normal;color:#978ba0}.order-card.is-done{background:linear-gradient(90deg,rgba(66,224,157,.07),rgba(66,224,157,.015))}.order-card.is-done .order-card-index{border-color:rgba(72,231,166,.42);color:#72efb4;background:rgba(72,231,166,.06);box-shadow:inset 2px 0 #52e3a9}.order-card.is-done .order-progress i{background:linear-gradient(90deg,#3fd998,#77efbd);box-shadow:0 0 12px rgba(75,226,165,.35)}.order-card.is-done .order-card-foot em{color:#66e9af}.orders-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding:1rem 1.15rem}.orders-note>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(91,225,179,.26);border-radius:13px;background:rgba(91,225,179,.065);color:#72efb4;font-size:1.2rem}.orders-note strong{color:#f0eaf3;font-size:.78rem;letter-spacing:.08em}.orders-note p{margin:.2rem 0 0;color:#8e8593;font-size:.72rem;line-height:1.5}.orders-note .button{margin:0;white-space:nowrap}.progression-orders-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;margin-bottom:1rem;border-color:rgba(168,85,247,.24)}.progression-orders-link h2{margin:.1rem 0 .2rem}.progression-orders-link p:not(.eyebrow){margin:0;color:#8f8696}.progression-orders-link .button{margin:0}.orders-dashboard-card{border-color:rgba(92,232,174,.32)!important;background:radial-gradient(circle at 0 0,rgba(92,232,174,.055),transparent 42%),var(--panel)!important}
@media(max-width:980px){.orders-overview{grid-template-columns:1fr}.orders-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.orders-columns{grid-template-columns:1fr}}
@media(max-width:620px){.orders-page{width:min(100% - 1rem,1180px)}.orders-overview{padding:1rem}.orders-overview-stats{grid-template-columns:1fr 1fr}.orders-overview-stats article:last-child{grid-column:1/-1}.orders-list-head{padding:1rem;flex-direction:column}.order-card{grid-template-columns:38px minmax(0,1fr);gap:.72rem;padding:.9rem}.order-card-index{width:38px;height:38px}.order-card-title{gap:.45rem}.order-card-title strong{font-size:.78rem}.order-card-title p{font-size:.66rem}.order-card-title>b{font-size:.58rem}.orders-note{grid-template-columns:auto minmax(0,1fr);padding:.9rem}.orders-note .button{grid-column:1/-1;width:100%}.progression-orders-link{align-items:stretch;flex-direction:column}.progression-orders-link .button{width:100%}}


/* v5.13.139 · Dauerhafte Anmeldung / Geräteverwaltung */
.remember-login-choice{display:block;margin:.1rem 0 .25rem;cursor:pointer}.remember-login-choice>input{position:absolute;opacity:0;pointer-events:none}.remember-login-choice>span{position:relative;display:grid;grid-template-columns:26px 1fr;column-gap:.72rem;align-items:center;padding:.86rem .92rem;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.025);transition:.18s ease}.remember-login-choice i{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.5);border-radius:7px;background:#0c0911;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.remember-login-choice i:after{content:"✓";color:#fff;font-size:.82rem;font-style:normal;font-weight:950;opacity:0;transform:scale(.55);transition:.16s ease}.remember-login-choice b{color:#eee9f3;font-size:.78rem}.remember-login-choice small{margin-top:.12rem;color:#837b8c;font-size:.65rem;line-height:1.35}.remember-login-choice input:checked+span{border-color:rgba(168,85,247,.42);background:linear-gradient(135deg,rgba(168,85,247,.09),rgba(78,214,242,.035))}.remember-login-choice input:checked+span i{border-color:#a855f7;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 0 16px rgba(168,85,247,.25)}.remember-login-choice input:checked+span i:after{opacity:1;transform:scale(1)}.remember-login-choice input:focus-visible+span{outline:2px solid rgba(78,214,242,.8);outline-offset:2px}.remembered-devices-card{border-color:rgba(78,214,242,.18)!important;background:linear-gradient(135deg,rgba(78,214,242,.05),rgba(168,85,247,.035))!important}.remembered-devices-page{display:grid;gap:1rem}.remembered-device-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem}.remembered-device-summary>div{display:flex;align-items:center;gap:1rem}.remembered-device-summary h2{margin:.12rem 0 .25rem}.remembered-device-summary p{margin:0;color:#8e8597;line-height:1.5}.remembered-device-shield{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;border:1px solid rgba(78,214,242,.32);background:linear-gradient(145deg,rgba(78,214,242,.13),rgba(168,85,247,.09));color:#77e9ff;font-size:1.2rem;font-weight:950;box-shadow:0 0 22px rgba(78,214,242,.08)}.remembered-device-list{display:grid;gap:.72rem}.remembered-device-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem}.remembered-device-row.is-current{border-color:rgba(78,214,242,.32);background:linear-gradient(135deg,rgba(78,214,242,.055),rgba(168,85,247,.035))}.remembered-device-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#0c0912;border:1px solid rgba(255,255,255,.1);color:#b5a9c1;font-size:1.15rem}.remembered-device-copy{min-width:0}.remembered-device-title{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.remembered-device-title h3{margin:0;font-size:1rem}.remembered-device-title span{padding:.25rem .48rem;border-radius:999px;border:1px solid rgba(78,214,242,.3);background:rgba(78,214,242,.07);color:#7feaff;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.remembered-device-copy p{margin:.34rem 0 .18rem;color:#8f8697;font-size:.76rem}.remembered-device-copy p strong{color:#d9d1df;font-weight:800}.remembered-device-copy small{display:block;color:#6f6877;font-size:.65rem;line-height:1.35}.remembered-device-empty{display:flex;align-items:center;gap:1rem;padding:1.2rem}.remembered-device-empty>span{width:48px;height:48px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:#726a7c}.remembered-device-empty h3{margin:0 0 .25rem}.remembered-device-empty p{margin:0;color:#837b8b}.button.danger{border-color:rgba(255,86,124,.38);background:rgba(255,62,105,.08);color:#ff9ab3}.button.danger:hover{border-color:rgba(255,86,124,.7);background:rgba(255,62,105,.14);color:#fff}@media(max-width:720px){.remembered-device-summary{align-items:stretch;flex-direction:column}.remembered-device-summary>form .button{width:100%}.remembered-device-row{grid-template-columns:46px minmax(0,1fr);gap:.8rem}.remembered-device-icon{width:44px;height:44px}.remembered-device-row>form{grid-column:1/-1}.remembered-device-row>form .button{width:100%}}

/* v5.13.149 – mobile Trennung zwischen letzter Nachricht und Composer */
@media(max-width:620px){
  .chat-messages{
    padding-bottom:2rem;
    scroll-padding-bottom:2rem;
  }
  .chat-messages>.chat-message:last-of-type{
    margin-bottom:1.35rem;
  }
  .chat-compose{
    position:relative;
    z-index:8;
    isolation:isolate;
    background:#0d0a12;
    box-shadow:0 -10px 22px rgba(0,0,0,.28);
  }
}

/* v5.13.150 – Feinschliff: normaler Abstand zur Texteingabe */
@media(max-width:620px){
  .chat-messages{
    padding-bottom:.9rem;
    scroll-padding-bottom:.9rem;
  }
  .chat-messages>.chat-message:last-of-type{
    margin-bottom:.45rem;
  }
  .chat-compose{
    box-shadow:0 -6px 14px rgba(0,0,0,.18);
  }
}

/* v5.13.151 – Mobile GIF-Breite: eigene Nachrichten duerfen nicht aus der Blase ragen */
@media(max-width:620px){
  .chat-message-body.has-gif{
    min-width:0;
    box-sizing:border-box;
  }
  .chat-message-body.has-gif .chat-message-gif{
    display:block;
    width:auto;
    height:auto;
    max-width:100%!important;
    box-sizing:border-box;
  }
  .chat-message.is-own .chat-message-body.has-gif{
    width:fit-content;
    max-width:94%!important;
    min-width:0;
    box-sizing:border-box;
  }
  .chat-message.is-own .chat-message-body.has-gif .chat-message-gif{
    max-width:100%!important;
    width:auto!important;
    height:auto!important;
  }
}


/* v5.13.153 · Chat-Popup Schnellantwort per Long-Press */
.chat-toast{grid-template-columns:46px minmax(0,1fr) 34px 28px!important;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.chat-toast.is-longpress{border-color:rgba(77,226,255,.62)!important;box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 0 2px rgba(77,226,255,.08),0 0 30px rgba(77,226,255,.14)!important}
.chat-toast-reply{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(91,219,255,.22);border-radius:50%;background:rgba(42,173,220,.055);color:#a9eaff;font:800 1rem/1 system-ui,sans-serif;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}
.chat-toast-reply:hover,.chat-toast-reply:focus-visible{border-color:rgba(91,219,255,.55);background:rgba(42,173,220,.12);color:#fff;outline:none;transform:translateY(-1px)}
.chat-quick-reply[hidden]{display:none!important}
.chat-quick-reply{position:fixed;z-index:120500;inset:0;display:grid;place-items:center;padding:1rem}
.chat-quick-reply-backdrop{position:absolute;inset:0;border:0;background:rgba(3,2,7,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.chat-quick-reply-card{position:relative;width:min(100%,520px);padding:1rem;border:1px solid rgba(168,85,247,.34);border-radius:18px;background:radial-gradient(circle at 92% 0,rgba(80,211,255,.09),transparent 30%),radial-gradient(circle at 4% 100%,rgba(194,70,255,.12),transparent 38%),rgba(12,9,18,.99);box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 35px rgba(168,85,247,.08)}
.chat-quick-reply-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.chat-quick-reply-head>div{display:grid;gap:.18rem;min-width:0}.chat-quick-reply-head small{color:#6fe7c1;font-size:.55rem;font-weight:950;letter-spacing:.13em}.chat-quick-reply-head strong{overflow:hidden;color:#f6f2f8;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.chat-quick-reply-close{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);color:#93899b;font-size:1.2rem;cursor:pointer}.chat-quick-reply-close:hover,.chat-quick-reply-close:focus-visible{border-color:rgba(238,74,185,.38);color:#fff;outline:none}
.chat-quick-reply-quote{margin:0 0 .75rem;padding:.7rem .78rem;border-left:3px solid rgba(168,85,247,.72);border-radius:0 11px 11px 0;background:rgba(255,255,255,.03)}
.chat-quick-reply-quote strong{display:block;margin-bottom:.16rem;color:#c7a4f7;font-size:.68rem}.chat-quick-reply-quote p{display:-webkit-box;overflow:hidden;margin:0;color:#8e8495;font-size:.7rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.chat-quick-reply-field{display:grid;gap:.38rem;color:#8c8294;font-size:.62rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.chat-quick-reply-field textarea{width:100%;min-height:88px;max-height:190px;box-sizing:border-box;resize:vertical;padding:.72rem .78rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#08060d;color:#fff;outline:0;font-size:16px;line-height:1.45}.chat-quick-reply-field textarea:focus{border-color:rgba(168,85,247,.65);box-shadow:0 0 0 3px rgba(168,85,247,.09)}
.chat-quick-reply-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.8rem}.chat-quick-reply-status{min-height:1em;color:#81778a;font-size:.65rem}.chat-quick-reply-status.is-error{color:#ff94a9}.chat-quick-reply-status.is-success{color:#6ee7b7}.chat-quick-reply-actions{display:flex;gap:.5rem;justify-content:flex-end}.chat-quick-reply-actions .button{min-height:40px}
body.chat-quick-reply-open{overflow:hidden}
@media(max-width:620px){.chat-toast{grid-template-columns:42px minmax(0,1fr) 36px!important}.chat-toast-close{display:none!important}.chat-toast-reply{width:36px;height:36px}.chat-quick-reply{place-items:end center;padding:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))}.chat-quick-reply-card{width:100%;padding:.9rem;border-radius:17px}.chat-quick-reply-foot{display:grid;grid-template-columns:1fr;gap:.65rem}.chat-quick-reply-actions{display:grid;grid-template-columns:.8fr 1.2fr}.chat-quick-reply-actions .button{width:100%;min-height:46px}}