/* ===== Design Tokens: klassisches COD-HUD (Amber/Olive auf Anthrazit) ===== */
:root{
  --bg:#0a0c0b; --bg2:#0f1211; --panel:#141816; --panel2:#1b201d; --line:#2c342f; --line2:#3b463f;
  --tx:#ebeee8; --mut:#a2ab9d; --acc:#f2a516; --acc2:#ffcf5a; --olive:#7c8c3c; --ok:#a8c94a;
  --gold:#f5c542; --plat:#c4d3e0; --hb:#b98cff; --div:#ff5c8d; --danger:#e5533d;
  --cut:14px; --ease:cubic-bezier(.2,.7,.2,1);
  --f-d:'Barlow Condensed','Arial Narrow',Impact,sans-serif; --f-b:'Barlow',system-ui,Segoe UI,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.5 var(--f-b);min-height:100dvh;
  background-image:radial-gradient(1200px 500px at 80% -10%,rgba(242,165,22,.08),transparent 60%),
  none}
h1,h2,h3,h4{font-family:var(--f-d);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:700}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.wrap{max-width:1320px;margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--acc);color:#111;padding:8px 12px;z-index:99}

/* ===== Header ===== */
header{position:sticky;top:0;z-index:20;background:rgba(10,12,11,.98);border-bottom:1px solid var(--line)}
header::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:160px;background:var(--acc)}
.bar1{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo .mk{background:var(--acc);color:#111;font:700 22px/1 var(--f-d);padding:8px 12px 6px;letter-spacing:.08em;--cut:8px}
.logo b{font:700 22px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase}
.logo small{display:block;color:var(--mut);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.tot{flex:1;min-width:240px}
.tot .l{display:flex;justify-content:space-between;font:600 13px var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.tot .l b{color:var(--acc2);font-size:15px}
.seg{display:grid;grid-template-columns:repeat(40,1fr);gap:2px;height:10px}
.seg i{background:var(--panel2);transform:skewX(-20deg)}
.seg i.on{background:linear-gradient(var(--acc2),var(--acc))}
.tabs{display:flex;gap:4px}
.tab{background:transparent;border:0;border-bottom:3px solid transparent;font:700 16px var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:10px 14px;min-height:44px}
.tab:hover{color:var(--tx)}
.tab[aria-selected=true]{color:var(--acc2);border-color:var(--acc)}
.bar2{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:0 0 12px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{background:var(--panel);border:1px solid var(--line);padding:6px 12px;min-height:36px;font:600 14px var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);--cut:6px;transition:all .18s var(--ease)}
.chip:hover{border-color:var(--acc);color:var(--tx)}
.chip[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#111}
.search{background:var(--panel);border:1px solid var(--line);color:var(--tx);padding:8px 12px;min-height:40px;min-width:190px;font:inherit}
.search::placeholder{color:var(--mut)}
.chk{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:14px;min-height:40px;cursor:pointer}
.chk input{accent-color:var(--acc);width:18px;height:18px}

/* ===== Übersicht ===== */
main{padding:20px 0 40px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}
.stat{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acc);padding:10px 14px}
.stat span{display:block;font:600 12px var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.stat b{font:700 28px/1.1 var(--f-d);letter-spacing:.04em}
.stat b small{font-size:15px;color:var(--mut)}

/* ===== Waffen-Karten ===== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.wc{position:relative;text-align:left;background:var(--panel);border:0;padding:0;--cut:16px;transition:transform .2s var(--ease),filter .2s;display:block;width:100%}
.wc::before{content:"";position:absolute;inset:0;background:var(--line);clip-path:inherit;z-index:0}
.wc>.in{position:relative;margin:1px;background:var(--panel);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));z-index:1;display:block}
.wc:hover::before{background:var(--acc)}
.wc.done::before{background:var(--ok)}
.wc .hero{height:72px;display:block;position:relative;overflow:hidden;background:var(--bg2)}
.wc .hero svg{width:100%;height:100%;display:block}
.wc .hero.empty{background:repeating-linear-gradient(135deg,#171b19 0 10px,#121513 10px 20px)}
.wc .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,var(--panel))}
.wc .meta{padding:6px 14px 12px;display:block}
.wc .cl{font:600 12px var(--f-d);letter-spacing:.16em;color:var(--acc);text-transform:uppercase;display:block}
.wc h3{font-size:24px;line-height:1.1;display:block}
.wc .row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.wc .mini{display:flex;gap:4px}
.mini span{width:34px;height:20px;display:block;overflow:hidden;border:1px solid var(--line2);opacity:.35}
.mini span.on{opacity:1;border-color:var(--ok)}
.mini svg{width:100%;height:100%;display:block}
.wc .hero{height:96px;display:grid;place-items:center;padding:8px 14px 0;background:radial-gradient(120px 60px at 50% 70%,rgba(242,165,22,.12),transparent),var(--bg2)}
.wimg,.gun{max-width:100%;max-height:84px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}
.gun{width:100%;height:80px;color:#6a746b}
.wc .hero::after{display:none}
.lvb{position:absolute;top:8px;right:10px;z-index:2;background:rgba(10,12,11,.85);border:1px solid var(--line2);padding:1px 8px;font:600 12px var(--f-d);letter-spacing:.14em;color:var(--mut)}
.lvb b{color:var(--acc2);font-size:16px}
.nx{display:block;font-size:12.5px;color:var(--mut);margin-top:4px}
.aimg{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s,transform .4s var(--ease);background:var(--bg)}
.mini .aimg{transform:none}
.dgun{width:170px;height:72px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line)}
.dgun .wimg,.dgun .gun{max-height:64px;height:auto}
.dgun .gun{height:60px}
.lvin{display:flex;flex-direction:column;gap:2px}
.lvin label{font:600 12px var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.lvin input{width:110px;background:var(--panel);border:1px solid var(--line2);color:var(--acc2);font:700 26px var(--f-d);padding:2px 10px;min-height:44px}
.lvin .small{font-size:12px;color:var(--mut)}
.cnt{font:700 18px var(--f-d);letter-spacing:.05em;color:var(--mut)}
.cnt b{color:var(--tx)}
.wc.done .cnt b{color:var(--ok)}
.pbar{height:4px;background:var(--panel2);margin-top:10px;display:block}
.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .3s var(--ease)}
.wc.done .pbar i{background:var(--ok)}

/* ===== Detail-Dialog ===== */
dialog{border:0;padding:0;background:transparent;color:var(--tx);width:min(1120px,96vw);max-height:94dvh;overflow:visible;margin:auto}
dialog::backdrop{background:rgba(3,5,4,.86)}
.dlg{background:var(--bg2);border:1px solid var(--line2);max-height:94dvh;overflow:auto;--cut:22px;animation:pop .22s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.985)}}
.dh{position:sticky;top:0;z-index:5;background:var(--bg2);border-bottom:1px solid var(--line);padding:16px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.dh .t{flex:1;min-width:200px}
.dh .cl{font:600 13px var(--f-d);letter-spacing:.18em;color:var(--acc);text-transform:uppercase}
.dh h2{font-size:34px;line-height:1}
.dh .p{min-width:180px}
.btn{background:var(--panel2);border:1px solid var(--line2);padding:8px 14px;min-height:44px;font:700 14px var(--f-d);letter-spacing:.12em;text-transform:uppercase;--cut:8px;transition:all .18s var(--ease)}
.btn:hover{border-color:var(--acc);color:var(--acc2)}
.btn.pri{background:var(--acc);color:#111;border-color:var(--acc)}
.btn.pri:hover{background:var(--acc2);color:#111}
.btn.x{width:44px;padding:0;font-size:22px}
.db{padding:6px 20px 24px}
.sec{display:flex;align-items:baseline;gap:12px;margin:22px 0 10px}
.sec h4{font-size:20px;color:var(--acc2)}
.sec span{color:var(--mut);font-size:14px}
.sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent);align-self:center}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tiles.mil{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.tile{position:relative;text-align:left;background:var(--panel);border:0;padding:0;--cut:12px;transition:transform .18s var(--ease);display:block;width:100%}
.tile::before{content:"";position:absolute;inset:0;background:var(--line);clip-path:inherit}
.tile>.in{position:relative;margin:1px;display:block;background:var(--panel);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.tile:hover::before{background:var(--acc)}
.tile[aria-checked=true]::before{background:var(--ok)}
.tile .art{aspect-ratio:16/8;display:block;background:var(--bg);overflow:hidden;position:relative}
.tiles.mil .tile .art{aspect-ratio:16/9}
.tile .art svg{width:100%;height:100%;display:block;transition:filter .25s,transform .4s var(--ease)}
.tile .ck{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;background:rgba(10,12,11,.75);border:1px solid var(--line2)}
.tile[aria-checked=true] .ck{background:var(--ok);border-color:var(--ok);color:#111}
.tile .ck svg{width:18px;height:18px;opacity:0}
.tile[aria-checked=true] .ck svg{opacity:1}
.tile .tag{position:absolute;left:8px;top:8px;background:rgba(10,12,11,.8);padding:2px 8px;font:600 11px var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.tile .lk{position:absolute;inset:0;display:none;place-items:center;background:rgba(5,7,6,.55);color:var(--mut)}
.tile.locked .lk{display:grid}
.tile .lk svg{width:34px;height:34px}
.tile .info{padding:10px 12px 12px;display:block}
.tile .nm{font:700 20px/1.1 var(--f-d);letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:6px}
.tile[aria-checked=true] .nm{color:var(--ok)}
.nm.g{color:var(--gold)}.nm.p{color:var(--plat)}.nm.h{color:var(--hb)}.nm.d{color:var(--div)}
.tile[aria-checked=true] .nm.g,.tile[aria-checked=true] .nm.p,.tile[aria-checked=true] .nm.h,.tile[aria-checked=true] .nm.d{color:var(--ok)}
.ch{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.35;color:var(--mut);margin-top:4px}
.ch em{flex:none;font:700 11px var(--f-d);font-style:normal;letter-spacing:.12em;padding:2px 6px;margin-top:1px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx)}
.ch em.dmz{border-color:var(--olive);color:var(--ok)}
.ch em.mp{border-color:var(--acc);color:var(--acc2)}
.tile[aria-checked=true] .ch span{text-decoration:line-through;opacity:.6}
.note{color:var(--mut);font-size:13px;margin-top:6px}

/* ===== Mastery ===== */
.mgroup{margin-bottom:28px}
.mgroup h2{font-size:28px;margin-bottom:4px}
.mgroup>p{color:var(--mut);margin:0 0 12px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.mgrid .tile .art{aspect-ratio:16/9}

footer{border-top:1px solid var(--line);padding:22px 16px 40px;color:var(--mut);font-size:13.5px;max-width:1320px;margin:0 auto}
footer a{color:var(--acc)}
footer .btn{min-height:36px;margin-right:6px}
.hide{display:none!important}
.empty-msg{padding:40px;text-align:center;color:var(--mut);border:1px dashed var(--line2)}
@media (max-width:640px){.dh h2{font-size:28px}.tiles{grid-template-columns:1fr 1fr}.tiles.mil{grid-template-columns:repeat(2,1fr)}.tile .nm{font-size:17px}.grid{grid-template-columns:1fr 1fr}.wc h3{font-size:19px}.mini span{width:26px}.dh{padding:12px}.db{padding:4px 12px 20px}}
@media (max-width:420px){.tiles,.grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Login & Benutzerleiste ===== */
body.locked>header,body.locked>main,body.locked>footer{display:none}
body:not(.locked) .login{display:none}
.login{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(900px 500px at 50% 0,rgba(242,165,22,.12),transparent 60%),var(--bg);z-index:50}
.lbox{width:min(400px,100%);background:var(--panel);border:1px solid var(--line2);padding:26px 24px 24px;display:flex;flex-direction:column;gap:6px;--cut:20px}
.lbox .logo{margin-bottom:14px}
.lbox label{font:600 13px var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:8px}
.lbox input{background:var(--bg2);border:1px solid var(--line2);color:var(--tx);padding:10px 12px;min-height:46px;font:inherit;font-size:16px}
.lbox .btn{margin-top:14px;width:100%}
.lerr{min-height:22px;margin:6px 0 0;color:#ff8a76;font-size:14px}
.uchip{display:flex;align-items:center;gap:10px;margin-left:auto}
.uchip #who{font:700 16px var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:var(--acc2)}
.uchip #sync{font-size:12.5px;color:var(--mut)}
.uchip #sync.err{color:#ff8a76}
.uchip .btn{min-height:36px;padding:4px 12px}

/* ===== Handy ===== */
@media (max-width:760px){
  header{position:static}
  .bar1{gap:8px 12px;padding:8px 0}
  .logo b{font-size:19px}.logo small{display:none}
  .tot{order:3;flex-basis:100%;min-width:0}
  .tabs{order:4;flex-basis:100%;display:grid;grid-template-columns:1fr 1fr}
  .tab{text-align:center}
  .uchip{margin-left:auto}.uchip #sync{display:none}
  .bar2{padding-bottom:10px}
  .chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}
  .chip{white-space:nowrap;flex:none}
  .search{flex:1;min-width:0}
  .stats{grid-template-columns:repeat(2,1fr)}
  dialog{width:100vw;max-height:100dvh}
  .dlg{max-height:100dvh;border-left:0;border-right:0}
  .dh{position:static;display:grid;grid-template-columns:104px 1fr 1fr;grid-template-areas:"gun t t" "p p p" "on on off";gap:10px;padding:12px}
  .dh .dgun{grid-area:gun;width:104px;height:56px}
  .dh .t{grid-area:t;min-width:0;padding-right:52px}
  .dh .lvin{grid-area:lv;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 10px}
  .dh .lvin input{width:96px}
  .dh .p{grid-area:p;min-width:0}
  .dh #allOn{grid-area:on}.dh #allOff{grid-area:off}
  .dh h2{font-size:26px;overflow-wrap:anywhere}
  .dlg #close{position:fixed;top:8px;right:8px;z-index:30;background:var(--acc);color:#111;border-color:var(--acc)}
}

/* ===== Watchlist (angeheftete Waffen) ===== */
.wcw{position:relative}
.pin{position:absolute;top:10px;left:10px;z-index:3;width:40px;height:40px;display:grid;place-items:center;background:rgba(10,12,11,.88);border:1px solid var(--line2);color:var(--mut);transition:all .18s var(--ease)}
.pin svg{width:20px;height:20px;transform:rotate(35deg);transition:transform .18s var(--ease)}
.pin:hover{border-color:var(--acc);color:var(--acc2)}
.pin[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#111}
.pin[aria-pressed=true] svg{transform:rotate(0)}
.pin-in{position:static;width:36px;height:36px}
.wcw.pinned .wc::before{background:var(--acc)}
.pinbtn svg{width:16px;height:16px;margin-right:6px;transform:rotate(35deg)}
.pinbtn{display:inline-flex;align-items:center}
.pinbtn[aria-pressed=true]{background:var(--acc);color:#111;border-color:var(--acc)}
.pinbtn[aria-pressed=true] svg{transform:none}
.cntb{display:inline-block;min-width:20px;margin-left:8px;padding:0 6px;background:var(--acc);color:#111;font:700 13px/20px var(--f-d);letter-spacing:.04em;text-align:center}
.cntb:empty{display:none}
.wnote{margin:0 0 14px;color:var(--mut);max-width:70ch}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:16px;align-items:start}
.wp{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acc);--cut:14px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 0)}
.wp.done{border-left-color:var(--ok)}
.wph{display:flex;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(242,165,22,.07),transparent)}
.wpg{width:150px;height:66px;flex:none;display:grid;place-items:center}
.wpg .wimg,.wpg .gun{max-height:62px}
.wpg .gun{height:56px}
.wpt{flex:1;min-width:0}
.wpt .cl{font:600 12px var(--f-d);letter-spacing:.16em;color:var(--acc);text-transform:uppercase}
.wpt h3{font-size:26px;line-height:1.1}
.wpp{display:flex;align-items:center;gap:10px;margin-top:6px}
.wpp .pbar{flex:1;margin-top:0}
.wpa{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.wlist2{padding:10px 12px 12px;display:grid;gap:8px}
.wh2{font:600 12px var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:2px 2px 0}
.wrow{display:flex;gap:12px;align-items:center;width:100%;padding:8px;background:var(--panel2);border:1px solid var(--line);text-align:left;transition:border-color .15s,background .15s}
.wrow:hover{border-color:var(--acc);background:#202622}
.wrow[aria-checked=true]{border-color:var(--ok)}
.wt{position:relative;width:96px;height:54px;flex:none;overflow:hidden;background:var(--bg)}
.wt .aimg{width:100%;height:100%;object-fit:cover;display:block}
.wck{position:absolute;right:4px;top:4px;width:22px;height:22px;display:grid;place-items:center;background:rgba(10,12,11,.78);border:1px solid var(--line2);color:transparent}
.wck svg{width:14px;height:14px}
.wrow[aria-checked=true] .wck{background:var(--ok);border-color:var(--ok);color:#111}
.wi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wn{font:700 19px/1.1 var(--f-d);letter-spacing:.07em;text-transform:uppercase}
.wn small{margin-left:8px;font:600 11px var(--f-d);letter-spacing:.14em;color:var(--mut)}
.wrow.g .wn{color:var(--gold)}.wrow.p .wn{color:var(--plat)}.wrow.h .wn{color:var(--hb)}.wrow.d .wn{color:var(--div)}
.wrow[aria-checked=true] .wn{color:var(--ok)}
.wr{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.3;color:var(--mut)}
.wr em{flex:none;font:700 11px var(--f-d);font-style:normal;letter-spacing:.12em;padding:2px 6px;margin-top:1px;background:var(--panel);border:1px solid var(--line2);color:var(--tx)}
.wr em.mp{border-color:var(--acc);color:var(--acc2)}.wr em.dmz{border-color:var(--olive);color:var(--ok)}
.wrow[aria-checked=true] .wr{text-decoration:line-through;opacity:.6}
.wrow.locked{opacity:.75}
.wdone{padding:14px;text-align:center;color:var(--ok);border:1px dashed var(--ok);font-weight:600}
.wempty b{display:block;color:var(--tx);font:700 22px var(--f-d);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.wempty .btn{margin-top:14px}
.pinicon{display:inline-block;vertical-align:-4px;width:18px;height:18px;color:var(--acc)}
.pinicon svg{width:18px;height:18px;transform:rotate(35deg)}
@media (max-width:760px){
  .tabs{grid-template-columns:repeat(3,1fr)}
  .tab{padding:10px 6px;font-size:14px}
  .pin{width:44px;height:44px}
  .wph{flex-wrap:wrap}
  .wpg{width:120px;height:56px}
  .wpa{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
  .wpa .pin-in{width:44px;height:44px}
  .wt{width:80px;height:46px}
  .wn{font-size:18px}
}

/* ===== Performance ===== */
/* Statt filter (teuer, pro Bild): ungehakte Camos mit halbtransparentem Schleier abdunkeln */
.tile[aria-checked=false] .art::after,.wrow[aria-checked=false] .wt::after{content:"";position:absolute;inset:0;background:rgba(8,10,9,.34);pointer-events:none}
/* Karten außerhalb des Sichtbereichs werden nicht gerendert/gezeichnet */
.wcw{content-visibility:auto;contain-intrinsic-size:auto 260px}
.wp{content-visibility:auto;contain-intrinsic-size:auto 420px}
.tile,.wrow{contain:layout paint}
/* Das große Scroll-Fenster darf kein clip-path tragen (jedes Scrollen würde neu maskiert) */
.dlg.cut{clip-path:none}
.tile .art svg,.aimg{transition:none}