@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&family=Open+Sans:wght@300;400;600;700;800&family=Lato:wght@100;300;400;700;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&family=Oswald:wght@200;300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Nunito:wght@200;300;400;500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Merriweather:wght@300;400;700;900&display=swap";.bp-home{--bp-bg:#0b0d10;--bp-bg-2:#0f1217;--bp-txt:#e6eaf2;--bp-muted:#9aa3b2;--bp-accent:#ff7300;--bp-accent-2:#ff0080;--bp-card:#12161d;--bp-glow: 0 0 20px rgba(255,115,0,.35), 0 0 50px rgba(255,0,128,.25);--bp-radius:20px;position:relative;z-index:1;color:var(--bp-txt);background:radial-gradient(1200px 800px at 70% -10%,rgba(255,115,0,.08),transparent 60%),radial-gradient(900px 600px at -10% 10%,rgba(255,0,128,.06),transparent 50%),var(--bp-bg)}.bp-home *,.bp-home *:before,.bp-home *:after{box-sizing:border-box}.bp-bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.25;z-index:0;background-image:linear-gradient(transparent 95%,#ffffff0d 95%),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.05) 95%);background-size:28px 28px,28px 28px;-webkit-mask-image:radial-gradient(90% 60% at 50% 30%,#000 60%,transparent 100%);mask-image:radial-gradient(90% 60% at 50% 30%,#000 60%,transparent 100%)}.bp-bg-noise{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");mix-blend-mode:overlay}.bp-particles{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(6px 6px at 80% 20%,rgba(255,115,0,.5),transparent 45%),radial-gradient(6px 6px at 20% 40%,rgba(255,0,128,.45),transparent 45%),radial-gradient(5px 5px at 60% 70%,rgba(255,255,255,.35),transparent 45%);animation:bp-float 14s ease-in-out infinite alternate}@keyframes bp-float{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.bp-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#0c0e12bf,#0c0e1240);border-bottom:1px solid rgba(255,255,255,.06)}.bp-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}.bp-brand__img{width:28px;height:auto;object-fit:contain}.bp-brand__name{font-weight:800}.bp-nav{display:flex;align-items:center;gap:18px}.bp-nav__link{color:var(--bp-muted);text-decoration:none;font-weight:600}.bp-nav__link:hover{color:#fff}.bp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:700;letter-spacing:.2px;transition:.2s transform,.2s box-shadow,.2s background;border:none;cursor:pointer}.bp-btn:hover{transform:translateY(-1px)}.bp-btn--primary{background:linear-gradient(135deg,var(--bp-accent),var(--bp-accent-2));color:#fff;box-shadow:var(--bp-glow)}.bp-btn--outline{border:1px solid rgba(255,255,255,.15);color:#fff;background:transparent}.bp-btn--ghost{background:#ffffff0f;color:#fff}.bp-hero{position:relative;z-index:1;padding:84px 24px 40px}.bp-hero__wrap{max-width:1100px;margin:0 auto;text-align:center}.bp-hero h1{font-size:clamp(38px,6vw,72px);margin:0 0 10px;line-height:1.05;letter-spacing:.5px;font-weight:900;text-shadow:0 0 10px rgba(255,115,0,.25)}.bp-glow{background:linear-gradient(135deg,var(--bp-accent),var(--bp-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.bp-subtitle{color:var(--bp-muted);font-size:clamp(16px,2.2vw,20px);margin:8px 0 22px}.bp-accent{color:#fff}.bp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0 10px}.bp-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.bp-chip{padding:6px 10px;border-radius:999px;font-size:12px;color:#fff;background:linear-gradient(135deg,#ff73002e,#ff00802e);border:1px solid rgba(255,255,255,.12)}.bp-section{padding:48px 24px}.bp-section__head{max-width:1100px;margin:0 auto 18px}.bp-section__head h2{margin:0;font-size:clamp(22px,3.5vw,34px)}.bp-section__head p{margin:6px 0 0;color:var(--bp-muted)}.bp-cards{max-width:1100px;margin:24px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 1100px){.bp-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.bp-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.bp-cards{grid-template-columns:1fr}}.bp-card{position:relative;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--bp-radius);overflow:hidden;padding:14px;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}.bp-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000059}.bp-card__halo{position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:radial-gradient(500px 120px at 50% -10%,rgba(255,115,0,.18),transparent 55%),radial-gradient(500px 120px at -10% 110%,rgba(255,0,128,.18),transparent 55%);filter:blur(16px);opacity:.65;pointer-events:none}.bp-card__head{display:flex;align-items:center;justify-content:space-between;color:var(--bp-muted)}.bp-role{font-weight:700;letter-spacing:.3px}.bp-avatar{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:10px 0}.bp-nick__main{font-size:18px;font-weight:900;letter-spacing:.4px}.bp-nick__sub{color:var(--bp-muted);font-weight:700;font-size:12px;opacity:.9}.bp-faceit-logo-small{width:16px;height:auto;object-fit:contain;border:none;padding-right:4px;border-radius:0}.bp-lvl{font-weight:900;font-size:12px;padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--bp-accent),var(--bp-accent-2));box-shadow:var(--bp-glow)}.bp-lvl--muted{background:#ffffff14;box-shadow:none}.bp-card__meta{display:flex;align-items:center;justify-content:space-between;color:var(--bp-muted);border-top:1px solid rgba(255,255,255,.08);margin-top:10px;padding-top:10px}.bp-card__meta strong{font-size:18px}.bp-tilt{transform-style:preserve-3d}.bp-tilt:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-4px)}.bp-is-skel{opacity:.7}.bp-board{max-width:1100px;margin:10px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:720px){.bp-board{grid-template-columns:1fr}}.bp-kpi{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;text-align:center}.bp-kpi__label{color:var(--bp-muted);font-weight:700;margin-bottom:8px}.bp-kpi__value{font-size:28px;font-weight:900}.bp-sponsors{max-width:1100px;margin:6px auto 0;display:flex;flex-wrap:wrap;gap:14px}.bp-sponsor{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:16px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.4px;background:linear-gradient(135deg,#ff73001f,#ff00801f);border:1px solid rgba(255,255,255,.1);transition:.2s transform,.2s box-shadow}.bp-sponsor:hover{transform:translateY(-2px);box-shadow:var(--bp-glow)}.bp-sponsor__logo{font-size:18px}.bp-sponsor__tag{opacity:.8}.bp-footer{margin-top:24px;padding:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px;justify-items:center;background:#0003}.bp-footlinks{display:flex;gap:16px;flex-wrap:wrap}.bp-footlinks .bp-nav__link{color:var(--bp-muted);text-decoration:none}.bp-footlinks .bp-nav__link:hover{color:#fff}.bp-copy{color:var(--bp-muted);margin:6px 0 0}.bp-highlight{box-shadow:inset 0 0 40px #fff9;transition:box-shadow .5s ease-out;animation:bpHighlightFade 2s ease-out forwards}@keyframes bpHighlightFade{0%{box-shadow:inset 0 0 40px #fff9}to{box-shadow:inset 0 0 #ffc80000}}.bp-home{padding-top:env(safe-area-inset-top,0);-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none}.bp-topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(12px + env(safe-area-inset-top,0)) 16px 12px;gap:10px}.bp-section{scroll-margin-top:84px}@media (max-width: 480px){.bp-section{scroll-margin-top:100px}}@media (hover: hover){.bp-btn:hover{transform:translateY(-1px)}.bp-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000059}.bp-tilt:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-4px)}}@media (hover: none){.bp-btn:hover,.bp-card:hover,.bp-tilt:hover{transform:none;box-shadow:none}}@media (max-width: 920px){.bp-brand__img{width:24px}.bp-brand__name{font-size:14px}.bp-nav{gap:12px}.bp-btn{padding:8px 12px;border-radius:10px;font-weight:700}}@media (max-width: 680px){.bp-topbar{flex-wrap:wrap}.bp-brand{order:1;display:flex;justify-content:center;width:100%}.bp-nav{order:3;width:100%;display:flex;align-items:center;justify-content:center;gap:15px;padding-top:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.bp-nav__link{white-space:nowrap;font-size:14px;padding:8px 0}.bp-btn.bp-btn--outline{padding:8px 12px}}@media (max-width: 680px){.bp-hero{padding:72px 16px 28px}.bp-subtitle{font-size:14px}.bp-cta{gap:10px}}@media (max-width: 390px){.bp-nav{gap:8px}.bp-brand__name{display:none}.bp-btn{padding:7px 10px;font-size:14px}.bp-section{padding:36px 16px}}@media (max-width: 720px){.bp-kpi{padding:16px}.bp-kpi__value{font-size:24px}}@media (max-width: 560px){.bp-sponsors{gap:10px}.bp-sponsor{padding:12px 14px;border-radius:14px}.bp-sponsor__logo{font-size:16px}}@media (max-width: 560px){.bp-footer{padding:18px;gap:8px}.bp-footlinks{gap:12px}}@media (max-width: 560px){.bp-highlight{box-shadow:inset 0 0 26px #ff73008c;animation:bpHighlightFade 1.6s ease-out forwards}}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 800px at 50% -10%,rgba(0,0,0,.35),transparent 60%)}.login-card{width:100%;max-width:440px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 50px #00000073;padding:22px 22px 18px;color:var(--txt, #e6eaf2)}.login-head{text-align:center;margin-bottom:12px}.login-logo{width:48px;height:48px;object-fit:contain;border-radius:10px;box-shadow:0 0 0 1px #ffffff14,0 8px 32px #ff5a0040;margin-bottom:8px}.login-head h1{font-size:22px;margin:6px 0 2px;font-weight:900}.login-head p{margin:0;color:var(--muted, #9aa3b2);font-size:14px}.login-form{margin-top:12px;display:grid;gap:10px}.login-label{font-size:13px;color:var(--muted, #9aa3b2);font-weight:700}.login-input-wrap{position:relative}.login-input{width:100%;padding:12px 42px 12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#04060a99;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login-input::placeholder{color:#ffffff59}.login-input:focus{border-color:#ff5a008c;box-shadow:0 0 0 4px #ff5a0026;background:#07090ebf}.login-eye{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;cursor:pointer}.login-eye:hover{background:#ffffff14}.login-error{margin-top:2px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ffe4e4;padding:10px 12px;border-radius:12px;font-size:13px}.login-btn{margin-top:4px;width:100%;padding:12px;border-radius:12px;border:0;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5a00,#f06);box-shadow:0 8px 28px #ff5a0040;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.login-btn:disabled{opacity:.65;cursor:default;transform:none;box-shadow:none}.login-foot{margin-top:14px;text-align:center}.login-back{color:var(--muted, #9aa3b2);text-decoration:none}.login-back:hover{color:#fff}.bz-dash{padding:18px}.bz-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.bz-title{display:flex;gap:12px;align-items:center}.bz-title img{width:36px;height:36px;border-radius:8px;object-fit:contain;box-shadow:0 0 0 1px #ffffff14}.bz-title h2{margin:0;font-size:20px}.bz-ctrls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bz-ctrls select,.bz-ctrls button{height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#e6eaf2;padding:0 10px}.bz-ctrls button{background:linear-gradient(180deg,#ffffff0f,#ffffff05);cursor:pointer}.bz-ctrlsmapc{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bz-ctrlsmapc select,.bz-ctrlsmapc button{height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#e6eaf2;padding:0 10px}.bz-ctrlsmapc button{background:linear-gradient(180deg,#ffffff0f,#ffffff05);cursor:pointer}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;color:#e6eaf2}.card.mapc{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center}.card.mapc:nth-child(1),.card.mapc:nth-child(2){flex-grow:1;width:100%;display:block}.card.mapc .mapimg{flex:1 1;width:100%;display:block;max-width:250px}.bz-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 6}@media (max-width:1160px){.card{grid-column:span 12!important}}.table{overflow:auto}.mapimg{width:100%;max-width:360px;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:block;margin-top:10px}.chat{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.chat label{grid-column:1/-1;color:#9aa3b2;font-size:12px}.chat input{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#fff;padding:10px}.chat button{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:10px;cursor:pointer}.radarwrap{width:max-content;max-width:600px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin-bottom:8px;margin-top:10px}.bz-fullscreen-btn{border-radius:0 0 10px 10px;border:none;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:8px 12px;cursor:pointer;width:100%}.bz-fullscreen-btn:hover{background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.btns{display:flex;flex-wrap:wrap;gap:8px}.btns button{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:8px 12px;cursor:pointer}.teams{display:flex;gap:8px;margin-top:10px;justify-content:flex-start;align-items:center;flex-wrap:wrap}.teams input{flex:1;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#fff;padding:10px;height:max-content;max-width:120px}.table{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:2fr .8fr .8fr 1fr;gap:10px;padding:10px;background:#0b0d12;border-top:1px solid rgba(255,255,255,.06)}.row.head{background:linear-gradient(135deg,#ff5a002e,#ff00662e);font-weight:800}.row .actions{display:flex;gap:8px}.row .actions button{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:6px 10px;cursor:pointer}@media (max-width:700px){.row{grid-template-columns:1.4fr .6fr .6fr 1fr}}.console{width:100%;height:140px;background:#0b0d12;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e6eaf2;padding:10px;resize:vertical}.card.mapc{position:relative}.bz-overlay{position:absolute;inset:0;background:#080c12b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px;display:none;align-items:center;justify-content:center;z-index:5}.bz-overlay.is-on{display:flex}.bz-overlay__inner{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;font-weight:600}.bz-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:bzspin .9s linear infinite}@keyframes bzspin{to{transform:rotate(360deg)}}.radarwrap:fullscreen{background:#0b0d12;display:flex;align-items:center;justify-content:center;padding:16px}.radarwrap:fullscreen .bz-fullscreen-btn{display:none}.radarwrap .bz-fullscreen-btn-close{display:none}.radarwrap:fullscreen .bz-fullscreen-btn-close{display:block;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:8px 12px;cursor:pointer;width:100%;position:absolute;bottom:0;left:0;border:none}.radarwrap:fullscreen .bz-fullscreen-btn-close:hover{background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.radar{background-size:contain;background-position:center;background-repeat:no-repeat;position:relative}.dot{position:absolute;width:14px!important;height:14px!important;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:#0f0;overflow:hidden;z-index:1}.dot.center{background:#f003;z-index:10}.label{position:absolute;color:#fff;font-size:12px;transform:translate(-50%,-130%);white-space:nowrap;text-shadow:0 0 4px #000;pointer-events:none}.radar .dir{position:absolute;width:2px;height:2px;pointer-events:none;opacity:1;z-index:2}.radar .dir:after{content:"";position:absolute;left:100%;top:0;width:6px;height:3px;box-shadow:0 0 1px #ffffff90,inset 0 0 10px #000;z-index:999;pointer-events:none}.radar span.z-marker{font-size:5px;position:absolute;pointer-events:none;white-space:nowrap;text-shadow:0 0 4px #000;transform:translateY(210%) translate(-50%);display:none;justify-content:center;text-align:center;width:10px;z-index:5}.radar span.hp-marker{display:block;font-size:12px;position:absolute;transform:translateY(50%) translate(-120%);text-align:center;width:10px}.radar .dot.shooting{animation:shotPulse .2s ease-out 2;box-shadow:0 0 10px currentColor}.radar .dot.has-bomb{border-radius:3px!important}@keyframes shotPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.35)}to{transform:translate(-50%,-50%) scale(1)}}.radar .smoke{position:absolute;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#b4b4b480,#8c8c8c59 35%,#64646438 60%,#5050501a,#3c3c3c00);pointer-events:none}.radarwrap:fullscreen .radar .label{font-size:6px;padding-bottom:2px}.radarwrap:fullscreen .radar span.z-marker{display:flex}.radarwrap:fullscreen .radar .dot{width:10px!important;height:10px!important}.radarwrap:fullscreen .radar span.hp-marker{display:block;font-size:6px;transform:translateY(75%) translate(-55%)}.radar .bomb{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.radar .bomb img{width:100%;height:100%;object-fit:contain;display:block;-webkit-filter:drop-shadow(0px 0px 2px #c3c3c3) drop-shadow(0px 0px 6px #ffffff) drop-shadow(0px 0px 10px #ffffff70);filter:drop-shadow(0px 0px 2px #c3c3c3) drop-shadow(0px 0px 6px #ffffff) drop-shadow(0px 0px 10px #ffffff70);transform:translate(-2px)}.radar .bomb:before{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:#f006;animation:bombPulse 1.5s infinite ease-out;z-index:-1}@keyframes bombPulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:.7}70%{transform:translate(-50%,-50%) scale(1.4);opacity:0}to{transform:translate(-50%,-50%) scale(.6);opacity:0}}.radar .c4-pin{position:absolute;transform:translate(-50%,-100%);font-size:10px;font-weight:700;background:#111;color:#ffd24d;padding:1px 3px;border-radius:3px;border:1px solid #333;pointer-events:none}.radar .dot.has-bomb{box-shadow:0 0 5px #f0c,0 0 20px #ff0040,0 0 30px #ff0015,0 0 40px red}.scene{will-change:transform}.hdr{display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#e6eaf2}.hdr__brand{display:flex;align-items:center;gap:10px}.hdr__logo{width:32px;height:32px;border-radius:8px;object-fit:contain;box-shadow:0 0 0 1px #ffffff14}.hdr__brandtext{display:flex;flex-direction:column;line-height:1.1}.hdr__brandtext strong{font-size:14px;letter-spacing:.4px}.hdr__brandtext span{font-size:11px;color:#9aa3b2}.hdr__spacer{flex:1}.hdr__user{display:flex;align-items:center;gap:10px}.hdr__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hdr__hello{color:#9aa3b2;font-size:12px}.hdr__nick{font-weight:700}.hdr__role{font-size:11px;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#ff5a0040,#ff006640);border:1px solid rgba(255,255,255,.12)}.hdr__role[data-role*=IGL]{background:linear-gradient(135deg,#00a2ff40,#00ffd633)}.hdr__avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);object-fit:cover}.hdr__avatar--gen{display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.5px;background:radial-gradient(120px 120px at 0% 100%,rgba(255,0,153,.45),transparent 60%),radial-gradient(120px 120px at 100% 0%,rgba(255,120,0,.45),transparent 60%),#0b0d12;text-shadow:0 1px 0 rgba(0,0,0,.4)}.hdr__logout{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease}.hdr__logout:hover{border-color:#ffffff38}.hdr__logout:active{transform:translateY(1px) scale(.99)}@media (max-width:680px){.hdr{padding:10px 12px}.hdr__brandtext span,.hdr__hello{display:none}}.label_nav{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:1230px;display:inline-block}.panel{padding:18px;color:#e6eaf2}.muted{color:#9aa3b2}.error{color:#ff6b6b}.panel__layout{display:grid;grid-template-columns:220px 1fr;gap:14px;margin-top:14px;transition:grid-template-columns .35s cubic-bezier(.7,.2,.3,1)}.panel__layout:has(.panel__nav.is-closed){grid-template-columns:65px 1fr}@media (max-width:880px){.panel__layout{grid-template-columns:1fr}}.panel__nav{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px;transition:width .35s cubic-bezier(.7,.2,.3,1),min-width .35s cubic-bezier(.7,.2,.3,1)}.panel__nav .label_nav{opacity:1;transition:opacity .3s;pointer-events:auto}.panel__nav.is-closed .label_nav{opacity:0;pointer-events:none}.panel__nav .tabbtn.panel__hamburger span.i2{opacity:1;transition:opacity .3s;pointer-events:auto}.panel__nav.is-closed .tabbtn.panel__hamburger span.i2{opacity:0;pointer-events:none}.panel__nav .tabbtn.panel__hamburger span.i{opacity:0;transition:opacity .3s;pointer-events:none}.panel__nav.is-closed .tabbtn.panel__hamburger span.i{opacity:1;pointer-events:auto}.tabbtn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;background:#0b0d12;border:1px solid rgba(255,255,255,.08);color:#e6eaf2;cursor:pointer;transition:background .2s,border-color .2s,transform .05s}.tabbtn .i{width:18px;text-align:center}.tabbtn:hover{border-color:#fff3}.tabbtn.is-active{background:linear-gradient(135deg,#ff5a0038,#f063);border-color:#ffffff38;font-weight:700}.tabbtn:active{transform:translateY(1px)}.panel__content{min-height:280px}.cards-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 6;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px}.card h3{margin:6px 0 10px}.card.wide{grid-column:span 12}@media (max-width:1000px){.card{grid-column:span 12}}.connect{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.connect code{background:#0b0d12;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px}.connect button{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;cursor:pointer}.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.btns button,.btn{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:8px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.teams{display:flex;gap:8px;margin-top:10px}.teams input{flex:1;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#fff;padding:10px}.hint{color:#9aa3b2;font-size:12px;margin-top:6px}.links{display:flex;flex-wrap:wrap;gap:8px}.generator-wrapper{width:100%;min-height:600px;background:#1a1a1a;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.generator-wrapper .image-social-generator{height:100%;background:#1a1a1a}.generator-wrapper .generator-header{background:#2a2a2a;border-bottom:1px solid rgba(255,255,255,.1)}.cmds{display:flex;flex-direction:column;gap:12px}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button{height:34px;padding:0 12px;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2}.seg button.is-active{outline:2px solid rgba(255,90,0,.45)}.cmd-search .search{width:100%;max-width:520px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#fff}.commands-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.command{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.command .desc{color:#c9d1e2}.command.empty{color:#9aa3b2;font-style:italic}.command code{background:#0f131a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.command .aliases code{margin-left:6px;cursor:auto}.tooltip,.tooltip.copied{position:fixed;left:-9999px;top:-9999px;opacity:0;pointer-events:none;background:#10141b;color:#e6eaf2;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:8px;font-size:12px;transition:opacity .12s linear;box-shadow:0 8px 20px #00000059}.tooltip.copied{background:#0f1a12;border-color:#00ff8240}.compact-launcher{width:100%;max-width:560px;display:grid;gap:14px;padding:14px;background:#141619a6;border:1px solid rgba(255,255,255,.06);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.compact-launcher label{display:grid;gap:6px}.compact-launcher label>span{font-size:13px;color:#aab2be}.compact-launcher select,.compact-launcher input[type=number]{appearance:none;width:100%;padding:10px 12px;font-size:14px;color:#e8edf4;background:#121417;border:1px solid #2a2f36;border-radius:10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.compact-launcher select:focus,.compact-launcher input[type=number]:focus{border-color:#5ea0ff;box-shadow:0 0 0 3px #5ea0ff26}.compact-launcher .btn,.compact-launcher button{padding:10px 14px;font-weight:600;font-size:14px;color:#0b0c0f;background:linear-gradient(180deg,#6bb3ff,#3b86f7);border:none;border-radius:10px;cursor:pointer;transition:transform .06s ease,filter .15s ease,opacity .15s ease}.compact-launcher button:hover:not(:disabled){filter:brightness(1.05)}.compact-launcher button:active:not(:disabled){transform:translateY(1px)}.compact-launcher button:disabled{opacity:.5;cursor:not-allowed}.compact-launcher .actions,.compact-launcher>div:last-of-type>div{display:flex;gap:8px}.compact-launcher .muted{color:#97a0ac;font-size:13px;line-height:1.35;margin:2px 0 0}@media (max-width: 480px){.compact-launcher{padding:10px;border-radius:10px}.compact-launcher button{width:100%}}:root{--bg: #0f1115;--surface: #141821;--surface-2: #191e28;--border: #232a36;--text: #e7eaf0;--muted: #9aa3b2;--brand: #6cbe45;--brand-600:#59a138;--danger:#ef4444}.live-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 980px){.live-grid{grid-template-columns:1fr}}.card-live,.card-side{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 2px 10px #0000002e}.video-shell{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin-bottom:12px;outline:1px solid var(--border)}.video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.is-hidden{display:none!important}.video-overlay-btn{position:absolute;bottom:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#00000073;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.video-overlay-btn:hover{transform:translateY(-1px);background:#0009;border-color:#ffffff40}.video-shell .video-overlay-btn:nth-of-type(1){right:12px}.video-shell .video-overlay-btn:nth-of-type(2){right:56px}.video-shell .video-overlay-btn:nth-of-type(3){left:12px}.user-list h3{margin:10px 0 8px;font-size:14px;color:var(--text)}.user-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.user-pills li{font-size:12px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);padding:6px 10px;border-radius:999px}.status-bar{margin-top:10px;display:flex;align-items:center;gap:2px;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;color:var(--muted);font-size:13px}.status-bar .dot{margin-top:10px;margin-left:10px;width:10px;height:10px;border-radius:50%;position:relative;box-shadow:0 0 0 2px #0003 inset}.status-bar span{display:block}.status-bar .dot.is-green{background:#22c55e}.status-bar .dot.is-red{background:#ef4444}.streams h3,.chat-box h3{margin:0 0 10px;font-size:14px;color:var(--text)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.list-item.is-empty{color:var(--muted);justify-content:center}.list-item .name{color:var(--text);font-size:14px}.tag{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.tag--me{background:#6cbe451f;color:var(--brand);border-color:#6cbe4559}.btn{appearance:none;border:1px solid transparent;background:var(--brand);color:#0b0f14;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer;transition:filter .15s ease,transform .05s ease,background .15s ease}.btn:hover{filter:brightness(1.03);background:var(--brand-600)}.btn:active{transform:translateY(1px)}.btn-ghost{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text);font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .05s ease}.btn-ghost:hover{background:var(--surface-2);border-color:#2c3442}.btn-ghost:active{transform:translateY(1px)}.controls{margin:8px 0 14px;display:flex;flex-wrap:wrap;gap:8px}.chat-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}.chat-messages{background:#0f131b;border:1px solid var(--border);border-radius:10px;min-height:220px;max-height:420px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#2a3342;border-radius:8px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#394558}.chatMessagesingle{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.chatMessagesingle.my-message{align-items:flex-end}.msginfo{font-size:11px;color:var(--muted)}.msgtext{background:#232a36;color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:8px;font-size:13px;max-width:90%;word-wrap:break-word}.chatMessagesingle.my-message .msgtext{background:#6cbe4529;border-color:#6cbe4559;color:#dbffcf}.msgtext a{color:var(--brand);text-decoration:none}.msgtext a:hover{text-decoration:underline}.chat-row{margin-top:10px;display:flex;gap:8px}.input{flex:1;background:#0f131b;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.input::placeholder{color:var(--muted)}.input:focus{border-color:#2e3746}.video-overlay-btn--fs{right:12px;bottom:12px}.video-overlay-btn--pip{right:56px;bottom:12px}.video-overlay-btn--mute{right:100px;bottom:12px}.video-overlay-btn--play{left:12px;bottom:12px}.loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:18px;z-index:10}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.image-social-generator{width:100%;height:100vh;background:#1a1a1a;color:#fff;font-family:Arial,sans-serif}.generator-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#2a2a2a;border-bottom:1px solid #333}.generator-header h2{margin:0;color:#fff}.project-info{display:flex;align-items:center;gap:1rem}.project-info span{color:#ccc;font-weight:700}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#45a049}.btn-export-base64{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-import-base64{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-import-base64:hover{background:linear-gradient(135deg,#e085f0,#e5475a)}.background-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-file{background:#2196f3;color:#fff;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;text-decoration:none;display:inline-block;transition:background .2s}.btn-file:hover{background:#1976d2}.btn-library{background:#ff9800;color:#fff;padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .2s}.btn-library:hover{background:#f57c00}.presets-panel{background:#2a2a2a;border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid #333}.presets-panel h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.presets-list{display:flex;flex-direction:column;gap:.5rem}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#333;border-radius:6px;border:1px solid #444;transition:all .2s}.preset-item:hover{background:#3a3a3a;border-color:#555}.preset-info h4{margin:0;color:#fff;font-size:.9rem}.preset-actions{display:flex;gap:.5rem}.background-library-modal .library-item{aspect-ratio:16/9}.background-item img{object-fit:cover;border-radius:6px}.btn-delete-layer{background:transparent;border:none;color:#f44;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.9rem;transition:all .2s;opacity:.7}.btn-delete-layer:hover{background:#ff44441a;opacity:1;transform:scale(1.1)}.position-control{display:flex;gap:.5rem;align-items:center}.position-control input{flex:1}.btn-center{background:#4caf50;color:#fff;border:none;padding:.3rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s;min-width:35px}.btn-center:hover{background:#45a049;transform:scale(1.05)}.quick-position-controls{display:flex;gap:.5rem;flex-wrap:wrap}.btn-center-both{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #0003}.btn-center-both:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 3px 6px #0000004d}.div-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff}.div-btn:hover{background:linear-gradient(135deg,#8e24aa,#5e35b1)}.shadow-controls,.stroke-controls{background:#333;padding:1rem;border-radius:6px;margin-top:.5rem;border-left:3px solid #4CAF50}.shadow-controls .property-group,.stroke-controls .property-group{margin-bottom:.8rem}.shadow-controls label,.stroke-controls label{font-size:.85rem;color:#ccc}.div-properties{background:#2a2a2a;padding:1rem;border-radius:6px;border-left:3px solid #9C27B0}.div-properties .property-group{margin-bottom:1rem}.property-group input[type=checkbox]{margin-right:.5rem;accent-color:#4CAF50}.property-group label{display:flex;align-items:center;cursor:pointer}.color-input-group{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#333;border-radius:6px;border:1px solid #444}.color-input-group input[type=color]{width:40px;height:30px;border:2px solid #555;border-radius:6px;cursor:pointer;padding:0;background:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:4px}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-input-group input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.color-input-group input[type=color]:hover{border-color:#777;transform:scale(1.05);transition:all .2s}.color-input-group input[type=color]:active{transform:scale(.95)}.color-preview{width:24px;height:24px;border-radius:4px;border:2px solid #666;flex-shrink:0;box-shadow:0 2px 4px #0000004d;transition:all .2s}.color-preview:hover{transform:scale(1.1);border-color:#888}.color-value{font-family:Courier New,monospace;font-size:.85rem;color:#fff;font-weight:700;min-width:75px;text-transform:uppercase;background:#222;padding:.25rem .5rem;border-radius:3px;border:1px solid #555}.btn-export{background:#2196f3;color:#fff}.btn-export:hover{background:#1976d2}.btn-clear{background:#f44336;color:#fff}.btn-clear:hover{background:#d32f2f}.generator-content{display:flex;height:calc(100vh - 80px)}.left-panel{width:400px;background:#2a2a2a;border-right:1px solid #333;overflow-y:auto;padding:1rem}.tools-panel,.properties-panel,.templates-panel{margin-bottom:2rem;background:#333;border-radius:8px;padding:1rem}.tools-panel h3,.properties-panel h3,.templates-panel h3{margin:0 0 1rem;color:#fff;font-size:1.1rem;border-bottom:1px solid #444;padding-bottom:.5rem}.tool-btn{display:block;width:100%;padding:.75rem;margin-bottom:.5rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.tool-btn:hover{background:#45a049}.undo-redo-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.undo-redo-buttons .tool-btn{flex:1;margin-bottom:0;background:#555}.undo-redo-buttons .tool-btn:hover:not(:disabled){background:#666}.undo-redo-buttons .tool-btn:disabled{background:#333;color:#666;cursor:not-allowed}.canvas-settings{margin-top:1rem}.canvas-settings h4{margin:0 0 .5rem;color:#ccc;font-size:.95rem}.canvas-settings select{width:100%;padding:.5rem;background:#444;color:#fff;border:1px solid #555;border-radius:4px;margin-bottom:.5rem}.color-input,.file-input{margin-bottom:.5rem}.color-input label,.file-input label{display:block;margin-bottom:.25rem;color:#ccc;font-size:.9rem}.color-input input[type=color]{width:100%;height:40px;border:none;border-radius:4px;cursor:pointer}.file-input input[type=file]{width:100%;padding:.5rem;background:#444;color:#fff;border:1px solid #555;border-radius:4px}.property-group{margin-bottom:1rem}.property-group label{display:block;margin-bottom:.25rem;color:#ccc;font-size:.9rem}.property-group input[type=range]{width:70%;margin-right:.5rem}.property-group input[type=number],.property-group input[type=color],.property-group select,.property-group textarea{width:100%;padding:.5rem;background:#444;color:#fff;border:1px solid #555;border-radius:4px}.property-group textarea{min-height:60px;resize:vertical}.property-group span{color:#ccc;font-size:.85rem}.btn-delete{background:#f44336;color:#fff;width:100%;padding:.75rem;border:none;border-radius:4px;cursor:pointer;margin-top:1rem}.btn-delete:hover{background:#d32f2f}.templates-list{max-height:300px;overflow-y:auto}.template-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#444;border-radius:4px;border:1px solid #555}.template-info h4{margin:0;color:#fff;font-size:.9rem}.template-info small{color:#ccc;font-size:.75rem}.template-actions{display:flex;gap:.5rem}.btn-load{background:#2196f3;color:#fff;padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-load:hover{background:#1976d2}.btn-delete-small{background:#f44336;color:#fff;padding:.4rem .6rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:700}.btn-delete-small:hover{background:#d32f2f}.canvas-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background:#1a1a1a}.canvas-container canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 20px #00000080;border-radius:8px}.left-panel::-webkit-scrollbar,.templates-list::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track,.templates-list::-webkit-scrollbar-track{background:#1a1a1a}.left-panel::-webkit-scrollbar-thumb,.templates-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.left-panel::-webkit-scrollbar-thumb:hover,.templates-list::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 1200px){.left-panel{width:300px}}@media (max-width: 768px){.generator-content{flex-direction:column}.left-panel{width:100%;height:40vh;order:2}.canvas-container{order:1;height:60vh;padding:1rem}.generator-header{flex-direction:column;gap:1rem;text-align:center}.project-info{flex-wrap:wrap;justify-content:center}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.canvas-container canvas:hover{cursor:crosshair}.loading{display:flex;justify-content:center;align-items:center;height:100px;color:#ccc}.loading:after{content:"";width:20px;height:20px;border:2px solid #ccc;border-top:2px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layer-properties{margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.layer-properties h4{margin:0 0 .75rem;color:#fff;font-size:1rem}.layer-controls input[type=number]{flex:1}.btn-layer{background:#555;color:#fff;border:none;border-radius:4px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.btn-layer:hover{background:#666}.opacity-control{display:flex;align-items:center;gap:.5rem}.opacity-control input[type=range]{flex:1}.opacity-control span{min-width:40px;text-align:right;color:#ccc;font-size:.9rem}.visibility-control{display:flex;gap:.5rem}.btn-visibility{background:#555;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.btn-visibility.visible{background:#4caf50}.btn-visibility.hidden{background:#f44336}.btn-visibility:hover{opacity:.8}.custom-css-input{min-height:80px;font-family:Courier New,monospace;font-size:.85rem}.hint{color:#888;font-size:.75rem;font-style:italic;margin-top:.25rem;display:block}.element-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.btn-secondary{background:#666;color:#fff;width:100%;padding:.75rem;border:none;border-radius:4px;cursor:pointer}.btn-secondary:hover{background:#777}.layers-panel{margin-bottom:2rem;background:#333;border-radius:8px;padding:1rem}.layers-list{max-height:250px;overflow-y:auto}.layers-list::-webkit-scrollbar{width:8px}.layers-list::-webkit-scrollbar-track{background:#1a1a1a}.layers-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.layers-list::-webkit-scrollbar-thumb:hover{background:#666}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#444;border-radius:4px;border:1px solid #555;cursor:pointer;transition:all .2s}.layer-item:hover{background:#555;border-color:#666}.layer-item.selected{background:#4caf50;border-color:#45a049}.layer-info{display:flex;align-items:center;gap:.5rem;flex:1}.layer-number{background:#666;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;min-width:30px;text-align:center}.layer-item.selected .layer-number{background:#2e7d32}.layer-type{font-size:1.2rem}.layer-controls{display:flex;align-items:center;gap:.5rem}.opacity-indicator{color:#ccc;font-size:.8rem;min-width:35px;text-align:right}.btn-eye{background:none;border:none;cursor:pointer;font-size:1rem;padding:.2rem;border-radius:4px;transition:all .2s}.btn-eye:hover{background:#555}.btn-eye.hidden{opacity:.5}.no-layers{text-align:center;padding:2rem 1rem;color:#888}.no-layers p{margin:0 0 .5rem;font-size:1rem}.no-layers small{font-size:.8rem;color:#666}.layer-item.dragging{background:#ff9800;border-color:#f57c00;transform:scale(1.02);box-shadow:0 4px 12px #ff98004d;opacity:.8}.layer-item.drag-over{background:#4caf50;border-color:#45a049;transform:scale(1.05)}.edit-indicator{font-size:.8rem;margin-left:.5rem;animation:pulse 2s infinite}.btn-duplicate{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.2rem;border-radius:4px;transition:all .2s}.btn-duplicate:hover{background:#555;transform:scale(1.1)}.layer-item:hover .layer-controls{opacity:1}.layer-controls{opacity:.7;transition:opacity .2s;display:flex;align-items:center;gap:.25rem}.layer-item{cursor:pointer;position:relative}.layer-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s}.layer-item.selected:before{background:#4caf50}.layer-item:hover:before{background:#666}.layer-item.selected:hover:before{background:#45a049}.canvas-container{position:relative}.canvas-hint{position:absolute;top:10px;left:10px;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;pointer-events:none;opacity:0;transition:opacity .3s}.canvas-hint.show{opacity:1}.canvas-container.layer-edit-mode canvas{cursor:move;border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.canvas-container.layer-edit-mode .canvas-hint{opacity:1}.layers-help{margin-top:1rem;padding:.75rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px}.layers-help small{color:#ccc;font-size:.8rem;line-height:1.4}.background-settings{margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.background-settings h4{margin:0 0 .75rem;color:#fff;font-size:1rem}.setting-group{margin-bottom:.75rem}.setting-group label{display:block;margin-bottom:.25rem;color:#ccc;font-size:.9rem}.setting-group select{width:100%;padding:.5rem;background:#444;color:#fff;border:1px solid #555;border-radius:4px}.btn-remove-bg{background:#f44336;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;margin-left:.5rem;cursor:pointer;font-size:.8rem}.btn-remove-bg:hover{background:#d32f2f}.file-input{display:flex;align-items:center;flex-wrap:wrap}.file-input input[type=file]{flex:1;min-width:200px}.size-controls{display:flex;gap:.5rem;flex-wrap:wrap}.btn-reset-size,.btn-fit-canvas{background:#666;color:#fff;border:none;border-radius:4px;padding:.5rem;cursor:pointer;font-size:.8rem;flex:1;min-width:100px}.btn-reset-size:hover,.btn-fit-canvas:hover{background:#777}.btn-reset-size{background:#4caf50}.btn-reset-size:hover{background:#45a049}.canvas-container.resizing{cursor:inherit}.canvas-container.resizing.nw-resize{cursor:nw-resize}.canvas-container.resizing.ne-resize{cursor:ne-resize}.canvas-container.resizing.sw-resize{cursor:sw-resize}.canvas-container.resizing.se-resize{cursor:se-resize}.canvas-container.resizing.n-resize{cursor:n-resize}.canvas-container.resizing.s-resize{cursor:s-resize}.canvas-container.resizing.w-resize{cursor:w-resize}.canvas-container.resizing.e-resize{cursor:e-resize}.resize-hint{position:absolute;bottom:10px;left:10px;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;pointer-events:none;opacity:0;transition:opacity .3s}.resize-hint.show{opacity:1}.crop-hint{position:absolute;bottom:10px;right:10px;background:#ff0000e6;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;pointer-events:none;opacity:0;transition:opacity .3s;border:2px solid #ff4444}.crop-hint.show{opacity:1}.layer-drag-handle{cursor:grab;font-size:.8rem;color:#666;margin-right:.5rem;line-height:1;flex-shrink:0}.layer-item:hover .layer-drag-handle{color:#999}.layer-item.dragging .layer-drag-handle{cursor:grabbing;color:#fff}.layer-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.layer-preview{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#444;border:1px solid #555;display:flex;align-items:center;justify-content:center}.layer-preview-image{width:100%;height:100%;object-fit:cover}.layer-preview-text{color:#4caf50;font-weight:700;font-size:.75rem;text-align:center}.layer-details{display:flex;flex-direction:column;min-width:0;flex:1}.layer-name{color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-number{color:#888;font-size:.75rem}.property-group small{color:#666;font-size:.75rem;margin-top:.25rem;display:block}.canvas-container{position:relative;z-index:1}.canvas-container canvas{position:relative;z-index:10}.canvas-container:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:100}.image-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.image-buttons .tool-btn{flex:1;min-width:120px}.library-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.library-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000080}.image-library-modal{width:800px;height:600px}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;background:#333}.modal-header h3{margin:0;color:#fff}.modal-close{background:none;border:none;color:#ccc;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f44336;color:#fff}.modal-body{height:calc(100% - 70px);display:flex;flex-direction:column}.library-tabs{display:flex;border-bottom:1px solid #444;background:#333}.library-tab{padding:.75rem 1.5rem;background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.library-tab:hover{background:#444;color:#fff}.library-tab.active{color:#4caf50;border-bottom-color:#4caf50;background:#2a2a2a}.library-grid{flex:1;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;overflow-y:auto}.library-grid::-webkit-scrollbar{width:8px}.library-grid::-webkit-scrollbar-track{background:#1a1a1a}.library-grid::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.library-grid::-webkit-scrollbar-thumb:hover{background:#666}.library-item{background:#333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent;min-height:100px;height:max-content;max-height:200px;display:flex;flex-direction:column;justify-content:space-between}.library-item:hover{transform:translateY(-2px);border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.library-item img{width:100%;height:100px;object-fit:contain;display:block;flex:1 0 auto}.library-item-placeholder{width:100%;height:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:2rem}.library-item-placeholder span{font-size:.8rem;margin-top:.5rem;text-align:center}.library-item-name{padding:.5rem;color:#ccc;font-size:.8rem;text-align:center;background:#444}.library-empty{grid-column:1 / -1;text-align:center;padding:3rem;color:#666}.library-empty p{font-size:1.2rem;margin-bottom:.5rem}.library-empty small{opacity:.8}.btn-export-base64{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-export-base64:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.btn-import-base64{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-import-base64:hover{background:linear-gradient(135deg,#e681f0,#f44558)}.presets-panel{background:#2a2a2a;border-radius:8px;margin-bottom:1rem;border:1px solid #444}.presets-panel h3{margin:0;padding:1rem;background:#333;border-radius:8px 8px 0 0;border-bottom:1px solid #444;color:#fff;font-size:1rem}.presets-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.preset-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#2a2a2a,#333);border-radius:12px;border:2px solid transparent;background-clip:padding-box;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.preset-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4caf50,#2196f3,#9c27b0);z-index:-1;opacity:0;transition:opacity .3s ease}.preset-card:hover:before{opacity:.1}.preset-card:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.preset-preview{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #4caf504d}.preset-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.preset-content{flex:1}.preset-title{margin:0 0 .5rem;color:#fff;font-size:1.1rem;font-weight:600}.preset-description{margin:0;color:#aaa;font-size:.85rem;line-height:1.4}.preset-actions{flex-shrink:0}.btn-preset{background:linear-gradient(135deg,#4caf50,#45a049);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #4caf5033;text-transform:uppercase;letter-spacing:.5px}.btn-preset:hover{background:linear-gradient(135deg,#45a049,#3e8e41);transform:translateY(-1px);box-shadow:0 6px 20px #4caf5066}.alert-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-modal{background:#2a2a2a;border-radius:8px;min-width:350px;max-width:500px;box-shadow:0 10px 25px #00000080;animation:alertSlideIn .2s ease-out;border:1px solid #444}@keyframes alertSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #444}.alert-header h4{margin:0;color:#fff;font-size:1.1rem}.alert-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.alert-close:hover{background:#444;color:#fff}.alert-body{padding:1.5rem}.alert-body p{margin:0 0 1rem;color:#ccc;line-height:1.5}.alert-input{width:100%;padding:.8rem;border:1px solid #444;border-radius:4px;background:#333;color:#fff;font-size:1rem;margin-top:1rem}.alert-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.alert-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #444}.alert-footer .btn{min-width:80px}.btn-confirm{background:#4caf50;color:#fff}.btn-confirm:hover{background:#45a049}.btn-cancel{background:#666;color:#fff}.btn-cancel:hover{background:#555}.home-screen{width:100%;min-height:100vh;background:#1a1a1a;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.home-header{text-align:center;margin-bottom:3rem}.home-header h1{margin:0;font-size:3rem;font-weight:300;color:#fff;letter-spacing:-1px}.home-content{width:100%;max-width:1000px}.start-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.start-btn{background:#2a2a2a;border:2px solid #333;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;font-family:inherit;text-decoration:none}.start-btn:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5033}.new-project{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50}.continue-project{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3}.continue-project:hover{border-color:#1976d2;box-shadow:0 8px 25px #2196f34d}.new-project:hover{background:linear-gradient(135deg,#45a049,#3e8e41)}.start-icon{font-size:2rem;font-weight:300}.start-text{font-size:1rem;font-weight:500}.preset-btn{position:relative}.preset-preview-container{width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid #444;background:#333}.preset-preview-canvas{width:100%;height:100%;display:block}.saved-projects{text-align:center}.saved-projects h3{margin:0 0 1rem;font-size:1.2rem;font-weight:400;color:#aaa}.projects-list{display:flex;flex-direction:column;gap:.5rem;max-width:400px;margin:0 auto}.project-btn{background:none;border:1px solid #333;border-radius:8px;padding:.8rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;color:#fff;font-family:inherit}.project-btn:hover{border-color:#4caf50;background:#4caf501a}.project-name{font-weight:500}.project-date{font-size:.8rem;color:#aaa}.show-all-btn{background:none;border:1px dashed #555;border-radius:8px;padding:.8rem 1rem;cursor:pointer;transition:all .2s ease;color:#aaa;font-family:inherit;font-size:.9rem}.show-all-btn:hover{border-color:#777;color:#fff}.header-left{display:flex;align-items:center;gap:1rem}.btn-home{background:#666;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-home:hover{background:#777}.btn-rename{background:#666;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-rename:hover{background:#777}.btn-fullscreen{background:#666;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:1rem}.btn-fullscreen:hover{background:#777}.fullscreen-indicator{color:#4caf50;font-size:.9rem;font-weight:500;background:#4caf501a;padding:.3rem .8rem;border-radius:4px;border:1px solid rgba(76,175,80,.3)}.brush-panel{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.brush-panel h4{color:#fff;margin:0 0 1rem;font-size:1rem}.brush-controls{display:flex;flex-direction:column;gap:1rem}.brush-btn{background:#4a4a4a!important;color:#fff!important;border:2px solid #666!important;transition:all .2s ease}.brush-btn.active{background:#4caf50!important;border-color:#4caf50!important;color:#fff!important}.brush-settings{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background:#1a1a1a;border-radius:6px;border:1px solid #333}.brush-type-buttons{display:flex;gap:.5rem}.brush-type-btn{flex:1;padding:.5rem;background:#333;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.brush-type-btn:hover{background:#444}.brush-type-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.brush-slider{display:flex;flex-direction:column;gap:.3rem}.brush-slider label{color:#ccc;font-size:.9rem;font-weight:500}.brush-slider input[type=range]{width:100%;height:4px;background:#333;border-radius:2px;outline:none}.brush-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#4caf50;border-radius:50%;cursor:pointer}.brush-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4caf50;border-radius:50%;cursor:pointer;border:none}.reset-mask-btn{background:#ff6b35!important;border-color:#ff6b35!important;color:#fff!important;font-size:.9rem}.reset-mask-btn:hover{background:#e55a2b!important}.brush-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#2196f3e6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none}.brush-hint.show{opacity:1}.brush-controls .property-group{margin-bottom:1rem}.brush-controls .brush-type-buttons{display:flex;gap:.5rem;margin-top:.5rem}.brush-controls .brush-type-btn{flex:1;padding:.4rem .8rem;background:#333;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.brush-controls .brush-type-btn:hover{background:#444}.brush-controls .brush-type-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.brush-indicator{margin-left:.5rem;font-size:.8rem;opacity:.8;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.image-social-generator.fullscreen-mode{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#1a1a1a!important;margin:0!important;padding:0!important}.fullscreen-mode .generator-content{height:calc(100vh - 70px)!important}.fullscreen-mode .left-panel{height:100%!important;overflow-y:auto!important}.fullscreen-mode .canvas-container{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.fullscreen-mode canvas{max-width:calc(100vw - 350px)!important;max-height:calc(100vh - 100px)!important;width:auto!important;height:auto!important}.demos-modal-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080c12d1;z-index:9999;display:flex;align-items:center;justify-content:center;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInModalBg .3s}.demos-modal{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1.5px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 10px 50px #00000073;padding:32px 18px 24px;color:#e6eaf2;width:100%;max-width:1100px;max-height:95vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:18px;animation:slideInModal .35s cubic-bezier(.42,0,.58,1)}.demos-modal-close{position:absolute;top:18px;right:18px;background:#ffffff14;color:#ff6b35;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;box-shadow:0 2px 8px #0000002e;transition:background .2s,color .2s;z-index:10001}.demos-modal-close:hover{background:#ff6b35;color:#fff}.demos-modal-content{width:100%;overflow-x:auto}.demos-modal-content>div{display:flex;flex-direction:column;gap:15px;width:100%}.demos-scoreboard{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;align-items:stretch;width:100%}.demos-team-card{flex:1;min-width:450px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px 10px;box-shadow:0 4px 24px #00000040;position:relative;overflow-x:auto}.demos-team-title{text-align:center;font-weight:700;font-size:2em;letter-spacing:1px;margin:0 0 15px}.demos-team-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;font-weight:400;font-size:12px;color:#cfd8e3;margin-bottom:15px}.demos-team-stats span{background:#ffffff0a;border-radius:8px;padding:4px 10px;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:500;color:#cfd8e3;transition:background .2s}.demos-team-rounds{color:#ff6b35;font-weight:500;font-size:16px;margin-right:5px}.demos-team-half-divider{display:block;width:1px;height:16px;border-style:solid;border-color:#555;margin:0 2px;align-self:center}.demos-team-rounds.winner{background:linear-gradient(90deg,#26a935,#229853);color:#fff;border:2px solid #27ae60;box-shadow:0 2px 8px #2ecc4014}.demos-team-rounds.loser{background:linear-gradient(90deg,#260202,#150101);color:#cfd8e3;border:2px solid #222;box-shadow:0 2px 8px #2c3e5014}.demos-team-table{width:100%;border-collapse:collapse;background:transparent;border-radius:8px;font-size:15px;overflow-x:auto}.demos-team-table th{padding:10px;text-align:center;border-bottom:1px solid #555;font-weight:700;color:#ff6b35}.demos-team-table td{padding:10px;text-align:center;border-bottom:1px solid #333;color:#e6eaf2}.demos-coach-row{background:#222}.demos-player-info{display:flex;align-items:center;gap:8px}.demos-player-dot{width:12px;height:12px;border-radius:50%;background:#666}.demos-player-name{font-weight:600;color:#e6eaf2;font-size:15px;letter-spacing:.2px;transition:color .2s}.demos-player-name a{text-decoration:none;font-weight:600;transition:color .2s}.demos-player-name a:hover{color:#f06;text-decoration:underline}.demos-coach-label{color:#ffc107;font-weight:700;margin-left:6px}.demos-kill{color:#ff6b35;font-weight:700}.demos-death{color:#dc3545;font-weight:700}.demos-assist{color:#ffc107;font-weight:700}.demos-info-card{padding:18px 22px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-radius:14px;box-shadow:0 4px 24px #0000002e;border:1px solid rgba(255,255,255,.08);color:#fff;width:100%;font-size:16px;letter-spacing:.5px}.demos-info-title{color:#ff6b35;margin-bottom:10px;font-weight:700;font-size:1.2em;letter-spacing:1px}.demos-round-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-radius:14px;padding:22px 14px;box-shadow:0 4px 24px #0000002e;border:1px solid rgba(255,255,255,.08);color:#fff;width:100%;font-size:15px;letter-spacing:.5px}.demos-round-title{color:#ff6b35;margin-bottom:10px;font-weight:700;font-size:1.1em;letter-spacing:1px}.demos-rounds-list{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.demos-round-box{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;font-family:Roboto Mono,Consolas,monospace;border:1.5px solid #333;box-shadow:0 2px 8px #0000001f}.demos-round-divider{width:2px;height:28px;background:#ff6b35;margin:0 4px;border-radius:5px;align-self:center}.demos-round-t,.demos-round-ct{color:#fff;font-weight:700;text-shadow:#000 0 0px 5px}.demos-round-other{color:#666}.demos-round-box.demos-round-t{background:orange}.demos-round-box.demos-round-ct{background:#4169e1}.demos-round-box.demos-round-other{background:#666}.demos-round-legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.demo-watch-btn{display:inline-flex;align-items:center;gap:8px;background:#222;color:#ff6b35;font-weight:600;font-size:15px;border:1px solid #ff6b35;border-radius:10px;padding:10px 22px;box-shadow:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s;margin:8px 0}.demo-watch-btn:hover{background:#ff6b35;color:#fff;border-color:#ff6b35}.demo-watch-btn:active{background:#ff6b35;color:#fff;border-color:#ff6b35;opacity:.92}@media (max-width: 600px){.demos-modal,.demos-team-card,.demos-info-card,.demos-round-card{padding:10px 2vw!important;max-width:99vw!important}}@keyframes fadeInModalBg{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{transform:translateY(40px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.demoviewer-root{background:#181a1f;border-radius:18px;box-shadow:0 8px 32px #00000038;padding:32px 24px;margin:0 auto;color:#e6eaf2;position:relative}.demoviewer-root.fullscreen,.demoviewer-root.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;border-radius:0;z-index:9999;box-shadow:none;background:#181a1f;display:flex;flex-direction:column;justify-content:flex-start}.demoviewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;z-index:2}.demoviewer-title{font-size:2em;font-weight:800;color:#ff6b35;margin:0}.demoviewer-close-btn{background:#222;color:#ff6b35;border:1px solid #ff6b35;border-radius:10px;padding:8px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.demoviewer-close-btn:hover{background:#ff6b35;color:#fff}.demoviewer-content{width:100%;height:100%;flex:1;overflow-y:auto;display:flex;justify-content:center;align-items:center;position:relative}.demoviewer-map{width:100%;height:100%}.demoviewer-fs-btn{background:#222;color:#ff6b35;border:1px solid #ff6b35;border-radius:10px;padding:8px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.demoviewer-fs-btn:hover{background:#ff6b35;color:#fff}.demo-controls{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-width:0;position:relative;left:50%;transform:translate(-50%);padding:10px 50px}.play-btn{background:#ff6b35;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:background .2s;width:60px;height:40px;display:flex;align-items:center;justify-content:center}.play-btn span{font-size:18px;line-height:18px}.play-btn:hover{background:#f7931e}.time-slider{flex:1;accent-color:#ff6b35;margin:0 8px}.speed-select{background:#222;color:#ff6b35;border:1px solid #ff6b35;border-radius:8px;font-size:15px;font-weight:500;padding:4px 10px;cursor:pointer}.speed-select:focus{outline:none;border-color:#f7931e}.player-panel{background:#181a1f;border-radius:14px;padding:16px 18px;box-shadow:0 2px 12px #000a;margin-bottom:18px}.team-panel{margin-bottom:12px}.team-title{color:#ff6b35;font-size:1.1em;font-weight:700;margin-bottom:8px}.player-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:14px;color:#e6eaf2}.player-nick{font-weight:600;color:#fff}.player-hp{color:#28a745;font-weight:500}.player-money{color:#ffc107;font-weight:500}.round-panel{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:8px 15px;width:100%}.round-list{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px;flex-wrap:wrap}.round-btn{display:flex;align-items:center;justify-content:center;background:#222;color:#e6eaf2;border:1px solid #444;border-radius:8px;width:30px;height:30px;font-size:14px;font-weight:500;padding-right:2px;cursor:pointer;transition:background .2s,color .2s,border .2s;box-shadow:none}.round-btn.winner-t{border-color:#ff6b35!important}.round-btn.winner-ct{border-color:#39f!important}.round-btn.selected{color:#fff}.round-btn.selected.winner-t{background:#ff6b35;border-color:#ff6b35!important}.round-btn.selected.winner-ct{background:#39f;border-color:#39f!important}.round-btn:hover{background:#333;color:#ff6b35}.round-num{font-weight:600;color:#e6eaf2;margin-right:4px}.winner-label{display:none}.player-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#444;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700;pointer-events:none;z-index:2;box-shadow:0 2px 8px #000a;transition:background .2s,border .2s}.player-dot.T{background:#ff6b35;border-color:#ff6b35}.player-dot.CT{background:#39f;border-color:#39f}.player-dot-nick{position:absolute;left:22px;top:50%;transform:translateY(-50%);background:#222d;color:#fff;padding:2px 8px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:3}.player-pin{position:absolute;width:28px;height:28px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;transition:left .25s linear,top .25s linear,transform .1s linear}.player-pin .pin-shape{width:18px;height:18px;background:#fff;border-radius:50%/50% 50% 60% 60%;border:4px solid #bbb;box-shadow:0 2px 8px #000a;position:absolute;left:5px;top:5px;transition:background .2s,border-color .2s}.player-pin.Team1 .pin-shape{border-color:#ff6b35}.player-pin.Team2 .pin-shape{border-color:#39f}.player-pin .pin-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:16px solid #bbb;position:absolute;left:7px;top:18px;z-index:1;opacity:.95;transition:border-top-color .2s}.player-pin.Team1 .pin-arrow{border-top-color:#ff6b35}.player-pin.Team2 .pin-arrow{border-top-color:#39f}.player-pin-nick{position:absolute;left:32px;top:50%;transform:translateY(-50%);background:#222d;color:#fff;padding:2px 8px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:3}.SVG_ICON_WHITE{filter:invert(1) sepia(1) saturate(5) hue-rotate(180deg)}.team-panel{max-width:250px}.player-panel.styled-panel{background:#181a1f;border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;gap:24px;max-width:none;min-width:250px;width:100%}.team-panel.styled-team-panel{background:#181a1f70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 12px #0002;flex-grow:1;border:1px solid #3e3e3e}.demoviewer-player-panels{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px;bottom:80px;pointer-events:none;z-index:5}.team-header.styled-team-header{display:flex;align-items:center;gap:2px;margin-bottom:2px}.team-icon{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-right:8px}.team-color-0{background:#ff6b35;color:#222}.team-color-1{background:#39f;color:#222}.team-name{font-weight:700;font-size:12px}.team-score{margin-left:auto;font-weight:700;font-size:12px}.players-list{display:flex;flex-direction:column}.player-row.styled-player-row{border-bottom:1px solid #222;padding:1px 0;display:flex;flex-direction:column}.player-row.styled-player-row:last-child{border-bottom:none}.player-main-stats{display:flex;align-items:center;flex-direction:column;gap:1px;min-width:200px;min-height:55px}.player-flex-row{display:flex;align-items:center;flex-direction:row;width:100%;flex:1;flex-grow:1;gap:5px}.player-flex-space-btw{justify-content:space-between;width:100%}.player-left-icons{display:flex;align-items:center;gap:5px}.player-nick{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:12px}.player-color-0{color:#ff6b35}.player-color-1{color:#39f}.player-money{color:#4caf50;font-weight:500;font-size:12px}.player-armor-icon,.player-weapon,.player-bomb{display:flex;align-items:center;width:20px;height:auto}.player-activeweapon-name{max-width:200px;width:max-content;padding-top:2px}.player-activeweapon-name>span{font-size:8px}.player-armor-icon svg,.player-weapon svg,.player-bomb svg{display:block}.player-armor-icon{position:relative}.player-armor-value{font-size:12px;color:#bdbdbd}.player-hp-value{margin-left:auto;font-weight:700;font-size:14px;width:30px;text-align:right;color:#fff}.player-bars-container{width:100%;height:4px;margin-top:2px}.player-hp-bar{width:100%;height:100%;background:#222c;border-radius:3px;overflow:hidden;position:relative}.player-hp-fill{height:100%;border-radius:3px;transition:width .2s;position:absolute;left:0;top:0;background:linear-gradient(90deg,#f22,#ff8400 10%,#2f2)}.player-armor-icon.compact-stat{display:inline-flex;align-items:center;justify-content:center}.player-hp-value{margin-left:auto;font-weight:700;font-size:14px;width:30px;text-align:right;color:#fff;transition:color .2s}.player-row.is-dead{padding-bottom:2px}.player-eq-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px;width:100%;margin-left:5px;margin-right:2px;margin-top:2px}.player-eq-row svg{width:12px;height:12px}.player-eq-single{display:flex;align-items:center;gap:4px}*{--demoGUNsize: 12px}.mapview-hp-nick{flex:1 1 0%;min-width:0;font-size:5px;font-weight:500;color:#fff;text-shadow:0 1px 2px #000a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.2px;z-index:2;text-align:center;opacity:.9}.mapview-active-weapon{position:absolute;transform:translate(50% 50%);width:var(--demoGUNsize);height:var(--demoGUNsize);border-radius:3px;opacity:.8;display:flex;align-items:center;justify-content:center;z-index:51}.mapview-active-weapon svg{width:var(--demoGUNsize);max-width:var(--demoGUNsize);height:var(--demoGUNsize);max-height:var(--demoGUNsize);filter:drop-shadow(0 0px 5px #00000020)}.mapview-hp-bar{position:absolute;left:-5px;top:-18px;width:27px;height:9px;z-index:10;border-radius:5px;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:1px}.mapview-hp-bg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2px;opacity:.1;background:#888;transition:background .2s}.mapview-hp-fg{position:absolute;left:0;top:0;height:100%;border-radius:2px;opacity:.4;background:#fff;transition:width .15s cubic-bezier(.4,0,.2,1),background .2s}.mapview-pin-shooting-glow{position:absolute;left:-4px;top:-4px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#ffe066 0% 20%,#ffe066 40%,#ffd70640,#ffd70620,#ffe06600);opacity:0;pointer-events:none;z-index:-1;transform:scale(.2);transition:.5s all}.mapview-pin:not(.death-pin-body){z-index:50}.death-pin-body{z-index:3;opacity:.6}.death-pin-body svg{opacity:.2;width:15px;height:15px}.mapview-pin-shooting-glow.isShooting{opacity:.7;transform:scale(1);transition:0s all}@keyframes shooting-glow-pulse-small{0%{opacity:.1;transform:scale(.2)}60%{opacity:.85;transform:scale(1.15)}to{opacity:.7;transform:scale(1)}}.mapview-pin-shooting-ray{opacity:0;z-index:3;pointer-events:none;display:block;width:2px;height:40px;top:-40px;position:absolute;background:linear-gradient(180deg,#ffe06600,gold);z-index:-1;transition:.5s all}.mapview-pin-shooting-ray.isShooting{opacity:1;transition:0s all}.tactic-badge-ct{background:#39f;color:#fff;font-weight:800;font-size:.8em;border-radius:7px;padding:2px 10px 2px 8px;margin-left:2px;letter-spacing:.04em;text-shadow:0 1px 2px #0008}.tactic-badge-tt{background:#ff4f4f;color:#fff;font-weight:800;font-size:.8em;border-radius:7px;padding:2px 10px 2px 8px;margin-left:2px;letter-spacing:.04em;text-shadow:0 1px 2px #0008}.tactic-badge-other{background:#888;color:#fff;font-weight:700;font-size:.98em;border-radius:7px;padding:2px 10px 2px 8px;margin-left:4px;letter-spacing:.04em;box-shadow:0 1px 4px #8883;border:1px solid #8885;text-shadow:0 1px 2px #0008}.tactic-preview-close{position:absolute;top:16px;right:20px;font-size:2.1rem;color:#f44;background:none;border:none;cursor:pointer;z-index:10;padding:0 8px;line-height:1;border-radius:6px;transition:background .15s,color .15s,box-shadow .15s}.tactic-preview-close:hover,.tactic-preview-close:focus{background:#2a1a1a;color:#fff;box-shadow:0 2px 8px #f445}.tactic-preview-title{color:#39f;font-size:1.45rem;font-weight:800;margin-bottom:8px;text-align:center;letter-spacing:.01em}.tactic-preview-desc{color:#9aa3b2;font-size:1.08rem;margin-bottom:12px;text-align:center}.tactic-preview-canvas{margin-bottom:18px;background:#181a23;border-radius:10px;padding:14px 12px 10px;box-shadow:0 1px 6px #0002;display:flex;flex-direction:column;align-items:center;gap:4px}.tactic-preview-canvas-name{font-weight:700;color:#e6eaf2;margin-bottom:2px;font-size:1.08rem;text-align:center}.tactic-preview-canvas-desc{color:#9aa3b2;font-size:.98rem;margin-bottom:4px;text-align:center}.tactic-preview-canvas-img{max-width:680px;width:100%;border-radius:8px;margin-top:6px;margin-bottom:2px;display:block}.tactic-creator{background-color:#1e1e1e;padding:20px;border-radius:12px}.tactic-creator .btn{background:#333c4d;color:#e6eaf2;border:none}.add-tactic-btn,.tactic-creator .add-tactic-btn{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;border:1px solid #333;border-radius:8px;padding:3px 18px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:border-color .18s;display:flex;align-items:center;gap:6px}.add-tactic-btn:hover{border-color:#39f}.tactic-card-list:hover{transform:none!important;box-shadow:none!important}.tactics-list{display:flex;flex-direction:column;gap:4px}.tactics-list .muted.no-tactics{margin-top:40px;margin-bottom:40px;font-size:1.5rem;text-align:center;width:100%}.tactic-card{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:14px 18px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;min-height:60px;cursor:pointer;transition:box-shadow .18s}.tactic-card:hover{box-shadow:0 4px 16px #3399ff2e;border-color:#39f}.tactic-card-title{font-weight:700;font-size:1.08rem;color:#e6eaf2;margin-bottom:4px}.tactic-card-desc{color:#9aa3b2;font-size:12px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.simple-tactic-card .btn-group,.tactic-card .btn-group{position:absolute;bottom:5px;right:5px;display:flex;gap:5px}.simple-tactic-card .btn,.tactic-card .btn{background:#333c4d90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#e6eaf2;border:none;border-radius:6px;padding:5px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;font-size:12px!important}.simple-tactic-card .btn:hover,.simple-tactic-card .btn:focus,.tactic-card .btn:hover,.tactic-card .btn:focus{background:#39f;color:#fff;box-shadow:0 2px 8px #39f5}.tactic-preview-modal{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#10131acc;display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px 12px;box-sizing:border-box;overflow:auto;font-size:14px}.tactic-preview-modal .tactic-preview-content{background:#181c26;border-radius:16px;padding:28px 32px;min-width:320px;max-width:98dvw;max-height:90dvh;overflow-y:auto;overflow-x:hidden;box-shadow:0 8px 32px #000a,0 2px 16px #39f3;position:relative;display:flex;flex-wrap:wrap;gap:5px 10px;scrollbar-width:thin;scrollbar-color:#3399ff #222;box-sizing:border-box;overscroll-behavior:contain;transition:box-shadow .18s}.tactic-preview-modal .tactic-preview-content .tactic-preview-title{text-align:center;font-size:1.5em;font-weight:700;margin:0}.tactic-preview-modal .tactic-preview-content .tactic-preview-desc{text-align:center;font-size:1.1em;margin:0 0 10px;color:#b0b8c0}.tactic-preview-modal .tactic-preview-content .tactic-preview-title,.tactic-preview-modal .tactic-preview-content .tactic-preview-desc{width:100%}.tactic-preview-modal .tactic-preview-content .tactic-preview-canvas{flex:1 1 380px;max-width:500px}.tactic-preview-modal .tactic-preview-content .tactic-preview-canvas .tactic-preview-canvas-name{font-size:1em;font-weight:700}.tactic-preview-modal .tactic-preview-content .tactic-preview-canvas .tactic-preview-canvas-desc{text-align:center;font-size:.9em}.tactic-preview-modal .tactic-preview-content .tactic-preview-canvas .tactic-preview-canvas-img{max-width:100%;height:auto}@media (min-width: 801px){.tactics-list{gap:15px;flex-wrap:wrap;flex-direction:row}.tactic-card{flex:1 33%;min-width:250px;max-width:350px}}.glassy-select{padding:7px 12px;border-radius:7px;border:1.5px solid #222c;background:#181c26d1;color:#e6eaf2;font-size:15px;font-family:inherit;margin-top:2px;outline:none;box-shadow:0 2px 12px #0002,0 1.5px #39f4 inset;transition:border .18s,box-shadow .18s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.glassy-select:focus{border:1.5px solid #3399ffcc;box-shadow:0 2px 18px #39f2,0 1.5px #39f8 inset;background:#181c26f2}.glassy-select option{background:#181c26;color:#e6eaf2}.glassy-tabname,.glassy-textarea{width:100%;min-height:80px;max-height:220px;resize:vertical;font-family:inherit;outline:none;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 10px;font-size:1rem;margin-bottom:4px;transition:border .2s,background .2s;box-shadow:0 1px 4px #0001}.glassy-tabname{min-height:20px}.glassy-tabname:focus,.glassy-textarea:focus{outline:none;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.tactic-creator{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 2px 8px #00000014;padding:28px 20px 20px;margin:13px auto;color:#e6eaf2;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.tactic-creator h2{font-size:2.1rem;font-weight:800;margin-bottom:18px;color:#e6eaf2;letter-spacing:.5px}.tactic-creator label{font-weight:600;color:#9aa3b2;margin-bottom:2px}.tactic-creator input[type=text]{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 10px;font-size:1rem;margin-bottom:4px;transition:border .2s,background .2s;box-shadow:0 1px 4px #0001}.tactic-creator input[type=text]:focus{border:1px solid #3399ff;outline:none;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.tactic-creator select{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 12px;font-size:1rem;margin-top:2px;transition:border .2s,background .2s;box-shadow:0 1px 4px #0001}.tactic-creator select:focus{border:1px solid #3399ff;outline:none;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.tactic-creator .btn{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 16px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,border .18s,color .18s;box-shadow:0 1px 4px #0001;margin-right:2px}.tactic-creator .btn:hover,.tactic-creator .btn:focus{background:linear-gradient(90deg,#17171720,#00000060);border:1px solid #e5e5e5;color:#fff}.tactic-creator .add-tactic-btn{background:linear-gradient(90deg,#17171720,#00000060);color:#fff;font-weight:800;box-shadow:0 2px 8px #39f3;border-radius:8px}.tactic-creator .add-tactic-btn:hover,.tactic-creator .add-tactic-btn:focus{background:linear-gradient(90deg,#17171720,#00000060);color:#fff}.tactic-creator input[type=color]{border:none;background:none;cursor:pointer;border-radius:8px;box-shadow:0 1px 4px #0001}.tactic-creator input[type=range]{accent-color:#3399ff;width:140px;margin:0 8px;background:transparent}.tactic-creator .error{color:#ff4f4f;background:#2a1a1aeb;border-radius:8px;padding:8px 14px;margin:10px 0 0;font-weight:700;font-size:1.1rem;border:1px solid rgba(255,0,0,.13)}.tactic-creator .tactic-card-list{display:flex;gap:8px;flex-wrap:wrap}.simplecreator-tactic-modal{z-index:1000;position:fixed;top:0;left:0;width:100dvw;min-height:100dvh;background:#10131acc;display:flex;align-items:center;justify-content:center}.simplecreator-tactic-form{background:#181c26;border-radius:12px;padding:28px;min-width:340px;box-shadow:0 8px 32px #000a;position:relative;overflow-y:auto;max-height:90dvh}.simplecreator-tactic-form::-webkit-scrollbar{width:8px}.simplecreator-tactic-form::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.simplecreator-tactic-form::-webkit-scrollbar-thumb:hover{background:#777}.simplecreator-tactic-close{position:absolute;top:12px;right:16px;font-size:22px;color:#f44;background:none;border:none;cursor:pointer}.simplecreator-tactic-title{color:#39f;margin-bottom:8px;font-size:1.3em;font-weight:700}.simplecreator-tactic-section{margin-bottom:10px}.simplecreator-tactic-input,.simplecreator-tactic-select,.simplecreator-tactic-textarea{width:100%;padding:8px;border-radius:6px;border:1px solid #333;margin-bottom:8px;background:#22262e;color:#e6eaf2}.simplecreator-tactic-player{margin-bottom:8px;background:#22262e;border-radius:6px;padding:8px}.simplecreator-tactic-player-label{font-weight:500;margin-bottom:4px;color:#39f}.simplecreator-tactic-player-action,.simplecreator-tactic-player-note{width:100%;padding:6px;border-radius:4px;border:1px solid #333;margin-bottom:4px;background:#23272f;color:#e6eaf2}.simplecreator-tactic-submit{width:100%;padding:10px;border-radius:8px;background:#39f;color:#fff;font-weight:600;font-size:17px;border:none;margin-top:8px;cursor:pointer}.tactic-filters{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px 15px;align-items:center;justify-content:center;margin-bottom:15px;font-size:14px}.tactic-filter-switch-group>label{padding:2px 4px;border-radius:12px}.tactic-filter-select{background:#23272f8b;color:#e6eaf2;border-radius:12px;border:none;padding:2px 6px;font-size:1em;box-shadow:0 2px 8px #0002}.tactic-filter-select option{background:#101215;color:#e6eaf2}.side-switch{position:relative;display:flex;width:180px;background:#23272f;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0002;margin-left:8px;border:1px solid #23272f}.side-switch-btn{flex:1;padding:8px 0;background:none;border:none;color:#e6eaf2;font-size:1em;font-weight:500;cursor:pointer;z-index:2;transition:color .2s;position:relative}.tactic-filter-select-group,.tactic-filter-select-group.switch-new{display:flex;align-items:center;gap:2px}.side-switch-btn:not(:last-child){border-right:1px solid #444a57}.side-switch-btn.active{color:#fff}.side-switch-indicator{position:absolute;top:0;left:0;width:33.33%;height:100%;background:#39f;transition:left .2s;z-index:1}@media (max-width: 600px){.side-switch-btn{font-size:12px;padding:4px 0}}@media (min-width: 801px){.tactic-filters{flex-direction:row;font-size:15px;gap:15px 20px}}.tactic-switch{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle}.tactic-switch input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer}.tactic-switch-slider{position:absolute;cursor:pointer;inset:0;background:#23272f;border-radius:24px;transition:background .2s}.tactic-switch input:checked+.tactic-switch-slider{background:#39f}.tactic-switch-slider:before{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.tactic-switch input:checked+.tactic-switch-slider:before{transform:translate(20px)}@media (max-width: 600px){.tactic-switch{width:30px;height:15px}.tactic-switch-slider:before{width:9px;height:9px;left:3px;top:3px}.tactic-switch input:checked+.tactic-switch-slider:before{transform:translate(15px)}}.simple-tactic-card{background:#282828;border-radius:12px;padding:3px 4px;box-shadow:0 2px 8px #0002;display:flex;flex-direction:column;gap:1px;border:1px solid #333;position:relative}.simple-tactic-card{--accent: #3399ff}.simple-tactic-card.TT{--accent: #ff5555}.simple-tactic-title{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:2px;text-align:center;display:flex;align-items:center;justify-content:center}.simple-tactic-side{font-size:.5em;font-weight:800;color:#fff;background:var(--accent);border-radius:8px;padding:2px 5px;display:inline-block;margin-left:8px}.simple-tactic-desc{font-size:11px;color:#d3d3d3;margin-bottom:1px;text-align:center}.simple-tactic-player-main{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.simple-tactic-player-action{opacity:.8;font-weight:400;margin-left:4px}.simple-tactic-player-note{font-size:.8em;opacity:.6;margin-left:5px}.simple-tactic-player-note-show{font-size:.9em;opacity:.8;margin-left:5px}.simple-tactic-other-players{font-size:9px;color:#b1b1b1;margin-top:2px;display:flex;flex-wrap:wrap;width:100%;gap:1px}.simple-tactic-other-players .simplerow{display:flex;width:100%}.simple-tactic-other-players .simpleplayer{font-weight:600}.simple-tactic-other-players .simpleaction{opacity:.8;margin-left:4px}.simple-tactic-player-note-main{font-size:10px;color:#ccc;margin-top:2px;margin-bottom:1px;text-align:center}@media (min-width: 801px){.simple-tactic-card{padding:10px 25px;gap:8px;flex:1 33%;min-width:250px;max-width:350px}.simple-tactic-title{font-size:13px;margin-bottom:5px}.simple-tactic-desc{font-size:11px;color:#d3d3d3;margin-bottom:1px;text-align:center}.simple-tactic-player-main{font-size:14px}.simple-tactic-other-players{font-size:11px}.simple-tactic-other-players .simplerow{display:flex;gap:2px;width:100%}.simple-tactic-other-players .simpleplayer{font-weight:600}.simple-tactic-other-players .simpleaction{opacity:.8;margin-left:4px}.simple-tactic-player-note-main{font-size:12px;color:#ccc;margin-top:2px;margin-bottom:2px;text-align:center}}@media (min-width: 1150px){.simple-tactic-card{flex:1 25%;min-width:250px;max-width:350px}}@media (min-width: 1250px){.simple-tactic-card{flex:1 23%;min-width:250px;max-width:350px}}@media (min-width: 1400px){.simple-tactic-card{flex:1 18%;min-width:250px;max-width:300px}}@media (min-width: 1600px){.simple-tactic-card{flex:1 15%;min-width:250px;max-width:300px}}.tactic_TopMenu{display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 18px;margin-bottom:5px;box-shadow:0 2px 8px #00000014}.tactic_TopMenu h3{font-size:1rem;font-weight:700;color:#e6eaf2;margin:0 6px 0 0}.tactic_TopMenu>div{font-size:1rem;color:#39f;font-weight:600}.tactic_TopMenu img{width:48px;height:32px;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 4px #0002}.tactic_TopMenu button{margin-left:auto;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 16px;font-size:.98rem;cursor:pointer;transition:background .18s,border-color .18s}.tactic_TopMenu button:hover{border-color:#ffffff38}.tactic-board_title{text-align:center;font-size:1.25rem;font-weight:800;color:#e6eaf2;margin-bottom:18px;letter-spacing:.01em;width:100%}.map-chooser__title{font-size:1.08rem;font-weight:700;color:#e6eaf2;margin-bottom:10px;text-align:center;width:100%}.map-chooser__list{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.map-chooser__button{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#e6eaf2;padding:0;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;align-items:center;min-width:110px;box-shadow:0 2px 8px #00000014;transition:background .2s,border-color .2s,transform .08s;outline:none;position:relative;overflow:hidden}.map-chooser__button.active,.map-chooser__button:focus{background:linear-gradient(135deg,#ff5a0038,#f063);border-color:#ffffff38;font-weight:700;transform:translateY(-1px) scale(1.03)}.map-chooser__button:hover{border-color:#ffffff2e;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.map-chooser__imgwrap{width:100px;height:60px;border-radius:10px 10px 0 0;overflow:hidden;background:#181a1f;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.map-chooser__img{width:100%;height:100%;object-fit:cover;display:block}.map-chooser__name{font-size:.98rem;font-weight:500;color:#e6eaf2;padding:8px 0 7px;text-align:center;width:100%;background:none}@media (max-width: 700px){.map-chooser__imgwrap{width:70px;height:42px}.map-chooser__button{min-width:70px}.map-chooser__name{font-size:.92rem;padding:6px 0 5px}}.tactic-board{padding:22px 16px;margin:0 auto 24px;color:#e6eaf2;position:relative;overflow:hidden}.map-chooser{display:flex;gap:12px;margin-bottom:18px;justify-content:center;flex-wrap:wrap}.map-chooser__button{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:10px 22px;font-size:1.08rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014;transition:background .2s,border-color .2s,transform .08s}.map-chooser__button:hover,.map-chooser__button.active{background:linear-gradient(135deg,#ff5a0038,#f063);border-color:#ffffff38;font-weight:700;transform:translateY(-1px) scale(1.03)}.tactic-board__canvas{width:100%;height:420px;background:#181a1f;border-radius:14px;box-shadow:0 2px 12px #0000001a;margin-bottom:18px;border:1px solid rgba(255,255,255,.08)}@media (max-width: 700px){.tactic-board{padding:8px;min-height:260px}.tactic-board__canvas{height:180px}.map-chooser__button{padding:7px 10px;font-size:.97rem}}.players-manager{margin:0 auto;padding:28px 22px 18px}.players-manager h3{margin-bottom:18px;font-size:1.35em;color:#e6eaf2;font-weight:700}.players-table{width:100%;border-collapse:collapse;margin-bottom:18px}.players-table th,.players-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #23272f40}.players-table th{color:#e6eaf2;font-weight:600;background:#23272f40}.players-table td{color:#e6eaf2;background:#181a1f40}.players-table input{width:100%;background:#0b0d1250;color:#e6eaf2;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;font-size:1em}.players-faceit{display:flex;align-items:center;gap:8px}.players-faceit-elo{font-size:.95em;color:gold;font-weight:600;background:#23272f;border-radius:8px;padding:2px 8px}.players-manager .btn{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;padding:8px 16px;font-size:1em;cursor:pointer;font-weight:500;box-shadow:0 2px 8px #0002;transition:background .2s,border-color .2s}.players-manager .btn:hover{border-color:#6738ff}body:has(.compact-page-container){background:transparent!important}body.web-browser:has(.compact-page-container){background:#000!important}body:has(.compact-page-container) #root{background:transparent!important}.compact-page-container{background:transparent!important;overflow:visible!important}.compact-page-container>div{overflow:visible!important}.compact-page-container>div>div{border-radius:20%;box-shadow:0 0 20px #0009}.radar-wrap.compact{border-radius:20%;overflow:hidden;background:#0b0b0c}.radar-wrap .radar .map-img,.radar-wrap .radar .map-bg{-webkit-user-select:none;user-select:none}.radar-wrap.compact .label,.radar-wrap.compact .hp-marker,.radar-wrap.compact .z-marker{display:block!important}.radar-wrap.compact .radar .label{padding-bottom:2px}.radar-wrap.compact .radar span.z-marker{display:none!important}.radar-wrap.compact .radar .dot{width:10px!important;height:10px!important}.radar-wrap.compact .radar span.hp-marker{display:block;font-size:10px;transform:translateY(35%) translate(-110%)}.radar-wrap.compact .radar span.hp-marker.me,.radar-wrap.compact .radar .label.me{display:none!important}.anchor{will-change:transform}body.widget-open{background:url(/IMG/maps/image/Cs2_dust2.webp) no-repeat center center fixed!important;background:transparent!important}.widget-wrap{position:relative}.camera-border *{box-sizing:border-box}.camera-border{position:relative;margin:20px;border:5px solid transparent;border-radius:15px;background:transparent;box-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff,inset 1px 1px #ffffffe6,inset -1px -1px #ffffffe6,inset 1px -1px #ffffffe6,inset -1px 1px #ffffffe6;display:inline-block}.camera-border:before{content:"";position:absolute;border-radius:15px;padding:5px;background:linear-gradient(to right,#ae0707,#d50d0d,#750404,#6c0202,#720303,#430303,#d50d0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;width:100%;height:100%;inset:-5px 0 0 -5px}.camera-border.s16_9{width:320px;height:180px}.camera-logo{position:absolute;bottom:-30px;left:0;right:0;margin-left:auto;margin-right:auto;width:100%;text-align:center}.camera-logo img{width:auto;height:50px}:root{--bg:#0b0d10;--bg-2:#0f1217;--txt:#e6eaf2;--muted:#9aa3b2;--accent: #ff7300;--accent-2: #ff0080;--card:#12161d;--glow: 0 0 20px rgba(255,115,0,.35), 0 0 50px rgba(255,0,128,.25);--radius: 20px}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,rgba(255,115,0,.08),transparent 60%),radial-gradient(900px 600px at -10% 10%,rgba(255,0,128,.06),transparent 50%),var(--bg);color:var(--txt)}*{box-sizing:border-box}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(transparent 95%,#ffffff0d 95%),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.05) 95%);background-size:28px 28px,28px 28px;-webkit-mask-image:radial-gradient(90% 60% at 50% 30%,#000 60%,transparent 100%);mask-image:radial-gradient(90% 60% at 50% 30%,#000 60%,transparent 100%);z-index:0}.bg-noise{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");mix-blend-mode:overlay}.particles{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(6px 6px at 80% 20%,rgba(255,115,0,.5),transparent 45%),radial-gradient(6px 6px at 20% 40%,rgba(255,0,128,.45),transparent 45%),radial-gradient(5px 5px at 60% 70%,rgba(255,255,255,.35),transparent 45%);animation:float 14s ease-in-out infinite alternate;opacity:.55}@keyframes float{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#0c0e12bf,#0c0e1240);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}.brand .logo{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.nav{display:flex;align-items:center;gap:18px}.nav a{color:var(--muted);text-decoration:none;font-weight:600}.nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:700;letter-spacing:.2px;transition:.2s transform,.2s box-shadow,.2s background}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:var(--glow)}.btn-outline{border:1px solid rgba(255,255,255,.15);color:#fff}.btn-ghost{background:#ffffff0f;color:#fff}.btn:hover{transform:translateY(-1px)}.hero{position:relative;z-index:1;padding:84px 24px 40px}.hero__wrap{max-width:1100px;margin:0 auto;text-align:center}.hero h1{font-size:clamp(38px,6vw,72px);margin:0 0 10px;line-height:1.05;letter-spacing:.5px;font-weight:900;text-shadow:0 0 10px rgba(255,115,0,.25)}.glow{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 0 rgba(0,0,0,0)}.subtitle{color:var(--muted);font-size:clamp(16px,2.2vw,20px);margin:8px 0 22px}.accent{color:#fff}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0 10px}.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.chip{padding:6px 10px;border-radius:999px;font-size:12px;color:#fff;background:linear-gradient(135deg,#ff73002e,#ff00802e);border:1px solid rgba(255,255,255,.12)}.section{padding:48px 24px}.section__head{max-width:1100px;margin:0 auto 18px}.section__head h2{margin:0;font-size:clamp(22px,3.5vw,34px)}.section__head p{margin:6px 0 0;color:var(--muted)}.cards{max-width:1100px;margin:24px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.cards{grid-template-columns:1fr}}.card{position:relative;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;padding:14px;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000059}.card__halo{position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:radial-gradient(500px 120px at 50% -10%,rgba(255,115,0,.18),transparent 55%),radial-gradient(500px 120px at -10% 110%,rgba(255,0,128,.18),transparent 55%);filter:blur(16px);opacity:.65;pointer-events:none}.card__head{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.flag{filter:saturate(1.3)}.role{font-weight:700;letter-spacing:.3px}.avatar{display:grid;place-items:center;padding:6px 0}.card__meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:10px;padding-top:10px}.card__meta strong{font-size:18px}.tilt{transform-style:preserve-3d}.tilt:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-4px)}.table{max-width:1100px;margin:10px auto 0;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.row{display:grid;grid-template-columns:1.2fr 1fr .7fr .8fr;gap:12px;padding:12px 14px;background:var(--card)}.row:nth-child(odd){background:var(--bg-2)}.row--head{background:linear-gradient(135deg,#ff73002e,#ff00802e);color:#fff;font-weight:800}.vs{font-weight:800;letter-spacing:.4px}.status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.sponsors{max-width:1100px;margin:6px auto 0;display:flex;flex-wrap:wrap;gap:14px}.sponsor{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:16px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.4px;background:linear-gradient(135deg,#ff73001f,#ff00801f);border:1px solid rgba(255,255,255,.1);transition:.2s transform,.2s box-shadow}.sponsor:hover{transform:translateY(-2px);box-shadow:var(--glow)}.sponsor__logo{font-size:18px}.sponsor__tag{opacity:.8}.footer{margin-top:24px;padding:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px;justify-items:center;background:#0003}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.footlinks a{color:var(--muted);text-decoration:none}.footlinks a:hover{color:#fff}.home{position:relative;z-index:1}.brand__img{width:28px;height:auto;object-fit:contain}.card.is-skel{opacity:.7}.avatar{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:10px 0}.avatar img{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.avatar__ph{width:72px;height:72px;border-radius:14px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);animation:ph 1.2s linear infinite}@keyframes ph{0%{background-position:-120px}to{background-position:120px}}.nick__main{font-size:18px;font-weight:900;letter-spacing:.4px}.nick__sub{color:var(--muted);font-weight:700;font-size:12px;opacity:.9}.lvl{font-weight:900;font-size:12px;padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.lvl--muted{background:#ffffff14;box-shadow:none}.board{max-width:1100px;margin:10px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:720px){.board{grid-template-columns:1fr}}.kpi{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;text-align:center}.kpi__label{color:var(--muted);font-weight:700;margin-bottom:8px}.kpi__value{font-size:28px;font-weight:900}.avatar .faceit-logo-small{width:16px;height:auto;object-fit:contain;border:none;padding-right:4px;border-radius:0}