/* FRAG WATCH crawlable player and FACEIT stats pages */
:root{--seo-accent:#e8a275;--seo-base:#111318;--seo-panel:#1b1d23;--seo-edge:#383a42;--seo-muted:#a9acb4}
.fwseo-page{background:#101217;color:#f3f3f4;min-height:100vh;font-family:Inter,Arial,sans-serif}
.fwseo-main{max-width:1200px;margin:0 auto;padding-top:36px;padding-bottom:75px}
.fwseo-breadcrumb{font-size:12px;color:#aeb3bd;margin:0 0 25px;display:flex;gap:12px;align-items:center}
.fwseo-breadcrumb a,.fwseo-footer a{color:#c1c8d4;text-decoration:none}.fwseo-breadcrumb a:hover,.fwseo-footer a:hover{color:var(--seo-accent)}
.fwseo-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #534239;border-radius:13px;padding:35px 45px;margin-bottom:18px;background:radial-gradient(ellipse at 86% 29%,#8a4e2f60,transparent 56%),#1b1c22;min-height:270px}
.fwseo-hero>div{position:relative;z-index:2;max-width:800px}.fwseo-eyebrow{color:var(--seo-accent);font-size:10px;font-weight:900;letter-spacing:1.8px}
.fwseo-hero h1{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.045em;line-height:1.07;margin:13px 0 13px}.fwseo-hero h1 em{color:#e9a879;font-style:normal}
.fwseo-hero p{max-width:670px;color:#bfc1c9;font-size:15px;line-height:1.65}.fwseo-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}.fwseo-chips span{font-size:10px;letter-spacing:.25px;background:#ffffff0b;border:1px solid #80604b66;border-radius:5px;padding:8px 11px;color:#f2c5a4}
.fwseo-portrait{height:245px;width:225px;max-width:33%;object-fit:contain;object-position:center bottom;align-self:flex-end;filter:drop-shadow(0 8px 16px #0008)}
.fwseo-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fwseo-panel,.fwseo-section{border:1px solid var(--seo-edge);border-radius:10px;background:var(--seo-panel);padding:24px;margin-bottom:15px}
.fwseo-panel h2,.fwseo-section h2{font-size:22px;margin:0 0 13px;letter-spacing:-.025em}.fwseo-panel p,.fwseo-section p{color:#b9bcc4;font-size:13px;line-height:1.75}
.fwseo-preview{height:207px;border:1px solid #49434a;border-radius:7px;position:relative;background:radial-gradient(circle at center,#74655c55,transparent 62%),repeating-linear-gradient(0deg,transparent 0 36px,#ffffff07 37px 38px),repeating-linear-gradient(90deg,#ffffff04 0 36px,#ffffff0a 37px 38px),#292b32;display:grid;place-items:center;margin:12px 0 19px}
.fwseo-preview-label{position:absolute;bottom:10px;left:12px;font-size:9px;font-weight:800;letter-spacing:1px;color:#a9a7ad}
.fwseo-reticle{position:relative;width:75px;height:75px}.fwseo-reticle i{position:absolute;display:block;background:var(--s-color);box-shadow:0 0 1px #000,0 0 4px #0009}.fwseo-reticle i.t,.fwseo-reticle i.b{width:var(--s-thick);height:var(--s-len);left:calc(50% - var(--s-thick)/2)}.fwseo-reticle i.l,.fwseo-reticle i.r{height:var(--s-thick);width:var(--s-len);top:calc(50% - var(--s-thick)/2)}.fwseo-reticle .t{bottom:calc(50% + var(--s-gap))}.fwseo-reticle .b{top:calc(50% + var(--s-gap))}.fwseo-reticle .l{right:calc(50% + var(--s-gap))}.fwseo-reticle .r{left:calc(50% + var(--s-gap))}.fwseo-reticle .dot{width:var(--s-thick);height:var(--s-thick);left:calc(50% - var(--s-thick)/2);top:calc(50% - var(--s-thick)/2)}
.fwseo-code{padding:13px 12px;background:#101319;border:1px solid #515158;color:#e5d3c5!important;font:700 11px/1.7 ui-monospace,Consolas,monospace!important;overflow-wrap:anywhere;border-radius:6px;user-select:all}
.fwseo-button{appearance:none;background:#e7a174;color:#141518;border:0;border-radius:7px;padding:13px 19px;font:900 12px Inter,Arial,sans-serif;cursor:pointer}.fwseo-button:hover{background:#ffc096}.fwseo-button:focus-visible,.fwseo-related a:focus-visible{outline:2px solid #ffb481;outline-offset:2px}.fwseo-caption{font-size:11px!important;color:#8f96a1!important}
.fwseo-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.fwseo-stat{background:#121419;border:1px solid #373941;border-radius:6px;padding:14px 12px}.fwseo-stat span,.fwseo-stat strong{display:block}.fwseo-stat span{font-size:10px;font-weight:700;color:#969aa4;text-transform:uppercase;letter-spacing:.65px}.fwseo-stat strong{font-size:17px;margin-top:5px;color:#f4eeea}
.fwseo-text-link{display:inline-block;text-decoration:none;font-size:12px;margin:11px 0;color:#ffba8b;font-weight:800}.fwseo-text-link:hover{text-decoration:underline}.fwseo-steps{color:#c5c8cf;font-size:13px;line-height:2;padding-left:22px}.fwseo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.fwseo-related a{text-decoration:none;border:1px solid #41434d;border-radius:6px;padding:14px 13px;color:#f8e9dd;font-size:13px;font-weight:800}.fwseo-related a:hover{background:#30261f;border-color:#ad7551}.fwseo-related span{display:block;color:#9ba0ab;font-size:10px;font-weight:500;margin-top:4px}.fwseo-footer{border-top:1px solid #33363d;padding:24px 0 30px;font-size:11px;color:#8c919d}.fwseo-search{margin:24px 0 12px;display:flex;gap:10px}.fwseo-search input{min-width:0;flex:1;border-radius:7px;background:#13161d;border:1px solid #4d515d;color:#f5f1ed;padding:15px 16px;font-size:14px;outline:none}.fwseo-search input:focus{border-color:#ecac7c}.fwseo-search .fwseo-button{flex:0 0 auto}
@media(max-width:850px){.fwseo-columns{grid-template-columns:1fr}.fwseo-related{grid-template-columns:repeat(2,minmax(0,1fr))}.fwseo-hero{padding:28px}.fwseo-portrait{width:165px;height:195px}}
@media(max-width:560px){.fwseo-main{padding-top:22px;padding-bottom:48px}.fwseo-hero{padding:24px 18px;gap:0;display:block}.fwseo-hero h1{font-size:34px}.fwseo-hero p{font-size:13px}.fwseo-portrait{height:185px;width:160px;display:block;max-width:65%;margin:0 0 -24px auto}.fwseo-panel,.fwseo-section{padding:18px}.fwseo-related{grid-template-columns:1fr 1fr}.fwseo-related a{font-size:11px}.fwseo-search{flex-direction:column}}
html[data-fw-theme="day"] .fwseo-page{background:#f9f9fa;color:#1c2633}html[data-fw-theme="day"] .fwseo-hero{background:#f9eee6;border-color:#e6be9e}html[data-fw-theme="day"] .fwseo-panel,html[data-fw-theme="day"] .fwseo-section{background:#fff;color:#24303e;border-color:#d8dfe5}html[data-fw-theme="day"] .fwseo-panel p,html[data-fw-theme="day"] .fwseo-section p,html[data-fw-theme="day"] .fwseo-hero p{color:#576370}html[data-fw-theme="day"] .fwseo-breadcrumb{color:#56606e}html[data-fw-theme="day"] .fwseo-stat{background:#f4f5f6;border-color:#dce0e6}html[data-fw-theme="day"] .fwseo-stat strong{color:#242c38}


/* PLAYER PORTRAIT V2: crisp CSS-only HUD artwork. No raster backgrounds. */
.fwseo-hero:has(>img.fwseo-portrait){
  display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,42%);
  align-items:stretch;gap:0;min-height:500px;padding:0 0 0 40px;
  background:linear-gradient(110deg,#242027,#211e23 60%,#1a1d28);
  isolation:isolate;
}
.fwseo-hero:has(>img.fwseo-portrait)>div:first-child{
  position:relative;z-index:2;grid-column:1;grid-row:1;
  min-width:0;max-width:670px;align-self:center;padding:36px 28px 36px 0;
}
.fwseo-hero:has(>img.fwseo-portrait)::before{
  content:"";position:absolute;inset:0 0 0 auto;width:42%;z-index:0;
  border-left:1px solid rgba(218,137,94,.18);pointer-events:none;
  background-color:#20212a;
  background-image:
    radial-gradient(circle at 50% 47%,transparent 0 36%,rgba(215,117,67,.62) 36.15%,rgba(215,117,67,.62) 36.55%,transparent 36.7%,transparent 56%,rgba(220,146,94,.11) 56.2%,transparent 56.6%),
    radial-gradient(circle at 50% 43%,rgba(166,88,51,.34),rgba(100,54,41,.18) 39%,transparent 72%),
    linear-gradient(90deg,rgba(229,161,119,.075) 1px,transparent 1px),
    linear-gradient(0deg,rgba(229,161,119,.075) 1px,transparent 1px),
    linear-gradient(125deg,#272128,#272228 40%,#18202d);
  background-size:100% 100%,100% 100%,70px 70px,70px 70px,100% 100%;
}
.fwseo-hero:has(>img.fwseo-portrait)>img.fwseo-portrait{
  position:relative;z-index:1;grid-column:2;grid-row:1;
  justify-self:center;align-self:end;display:block;width:100%;max-width:100%;
  height:468px;max-height:468px;object-fit:contain;object-position:center bottom;
  transform:none;filter:drop-shadow(0 9px 13px rgba(0,0,0,.5));
}
@media(max-width:970px){
  .fwseo-hero:has(>img.fwseo-portrait){grid-template-columns:minmax(0,1fr) minmax(240px,40%);min-height:425px;padding-left:27px}
  .fwseo-hero:has(>img.fwseo-portrait)::before{width:40%}
  .fwseo-hero:has(>img.fwseo-portrait)>div:first-child{padding:26px 16px 26px 0}
  .fwseo-hero:has(>img.fwseo-portrait)>img.fwseo-portrait{height:397px;max-height:397px}
}
@media(max-width:700px){
  .fwseo-hero:has(>img.fwseo-portrait){display:flex;flex-direction:column;gap:0;min-height:0;padding:24px 18px 0}
  .fwseo-hero:has(>img.fwseo-portrait)>div:first-child{width:100%;max-width:none;padding:0 0 20px}
  .fwseo-hero:has(>img.fwseo-portrait)::before{inset:auto 0 0;width:100%;height:348px;border-left:0;border-top:1px solid rgba(218,137,94,.18)}
  .fwseo-hero:has(>img.fwseo-portrait)>img.fwseo-portrait{width:100%;height:330px;max-height:330px;flex:none;margin:18px 0 0;align-self:center;transform:none}
}
@media(max-width:430px){
  .fwseo-hero:has(>img.fwseo-portrait)::before{height:328px}
  .fwseo-hero:has(>img.fwseo-portrait)>img.fwseo-portrait{height:310px;max-height:310px}
}

/* Compact share action, respects the current clean profile layout. */
.fwseo-share-button{appearance:none;border:1px solid #835840;background:transparent;color:#ffc59f;cursor:pointer;border-radius:7px;padding:12px 16px;font-weight:800;font-size:12px;margin-left:9px}
.fwseo-share-button:hover{background:#38281f;border-color:#ba835e}
.fwseo-share-button:focus-visible{outline:2px solid #eeb189;outline-offset:2px}
html[data-fw-theme="day"] .fwseo-share-button{color:#87512f;border-color:#c5a18b}
@media(max-width:500px){.fwseo-share-button{display:block;margin:8px 0 0;max-width:100%}}