/* MAPY SOLVEN - isolated styles for mapy.html */
.svmap{color:#fff;background:radial-gradient(ellipse at 0% 90%,#28120a 0%,transparent 27%),#08090a;font-family:inherit;overflow:hidden}.svmap *{box-sizing:border-box}.svmap-hero{position:relative;min-height:328px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#110c09,#070809 52%,#14100d);border-bottom:1px solid #2f2926}.svmap-hero-art{position:absolute;z-index:-2;right:0;top:0;width:53%;height:100%;background:url('/assets/mapy/hero-world.webp') center/cover no-repeat}.svmap-hero-accent{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.68),#090909 17%,rgba(9,9,9,.97) 38%,rgba(9,9,9,.72) 53%,rgba(9,9,9,0) 81%)}.svmap-hero::before{content:'';position:absolute;left:0;top:0;width:110px;height:100%;background:linear-gradient(145deg,rgba(255,122,0,.6),transparent 58%),url('/assets/mapy/hero-accent.webp') center/cover;opacity:.6;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent)}.svmap-hero-inner{width:min(1320px,calc(100% - 52px));margin:auto;padding:34px 0 40px;position:relative}.svmap-label{display:inline-flex;align-items:center;background:#ff870e;color:#100b06;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:950;letter-spacing:.03em}.svmap-hero h1{font-weight:950;font-size:clamp(33px,3.4vw,53px);line-height:1.05;letter-spacing:-.045em;margin:12px 0 12px;max-width:810px;color:#fff}.svmap-hero h1 span{color:#ff7a00}.svmap-hero p{font-size:clamp(13px,1.05vw,17px);line-height:1.48;max-width:650px;margin:0;color:#eee}.svmap-buttons{display:flex;gap:18px;margin-top:20px;flex-wrap:wrap}.svmap-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:12px 23px;border-radius:6px;font-weight:900;font-size:12px;line-height:1.2;text-decoration:none;transition:background .18s,transform .18s,border-color .18s;cursor:pointer}.svmap-button:hover{transform:translateY(-2px)}.svmap-primary{color:#12100b!important;background:linear-gradient(180deg,#ff9b22,#ff7600);border:1px solid #ff7c09}.svmap-ghost{color:#fff!important;border:1px solid #fa860c;background:rgba(0,0,0,.68)}.svmap-ghost:hover{background:#29160b}.svmap-section{width:min(1370px,calc(100% - 52px));margin:0 auto}.svmap-maps{padding:24px 0 6px}.svmap-heading{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;margin:0 0 21px;font-size:clamp(21px,2.1vw,28px);font-weight:950;line-height:1.32;color:#f8f8f8}.svmap-heading::before,.svmap-heading::after{content:'';height:3px;width:75px;flex:none;background:linear-gradient(90deg,transparent,#ff7a00);transform:skewX(-30deg)}.svmap-heading::after{transform:rotate(180deg) skewX(-30deg)}.svmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.svmap-card{border:1px solid #625044;border-radius:12px;background:linear-gradient(155deg,#1b1918,#101111);overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.svmap-card:hover{border-color:#ff7a00;transform:translateY(-3px)}.svmap-photo{position:relative;aspect-ratio:3.18;overflow:hidden;background:#181616}.svmap-photo img{display:block;width:100%;height:100%;object-fit:cover}.svmap-card-body{padding:12px 15px 14px}.svmap-card h3{font-weight:950;font-size:clamp(17px,1.55vw,23px);line-height:1.13;margin:0 0 6px;color:#fff}.svmap-card p{font-size:13px;line-height:1.38;color:#ece9e7;margin:0 0 13px;min-height:37px}.svmap-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.svmap-tag{background:#202020;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:800;white-space:nowrap}.svmap-tag svg{vertical-align:middle}.svmap-tag strong{color:#ff930d}.svmap-code{border:0;background:#28211c;color:#ff9a1c;font-weight:900;cursor:pointer;max-width:100%;font-size:11px;border-radius:6px;padding:8px 9px;white-space:normal;text-align:left}.svmap-code:disabled{cursor:default;opacity:.75}.svmap-code:focus-visible,.svmap-button:focus-visible{outline:2px solid #ffac40;outline-offset:2px}.svmap-reasons{padding:22px 0 30px}.svmap-reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.svmap-reason{display:flex;align-items:center;gap:17px;border:1px solid #544039;border-radius:11px;background:linear-gradient(115deg,#23170f,#151515 50%,#121212);padding:17px 20px;min-height:93px}.svmap-reason-icon{flex:0 0 50px;color:#ff840b;font-size:45px;font-weight:900;text-align:center;line-height:1}.svmap-reason h3{font-size:17px;line-height:1.2;margin:0 0 5px}.svmap-reason p{font-size:12px;line-height:1.36;color:#ded8d4;margin:0}.svmap-bottom{position:relative;width:min(1370px,calc(100% - 52px));margin:0 auto 32px;border:1px solid #d86b10;border-radius:12px;min-height:98px;display:flex;gap:22px;align-items:center;padding:18px 30px;background:linear-gradient(90deg,#26150eeb,#121213ec 45%,#21140eea),url('/assets/mapy/footer-rock.webp') center/cover no-repeat}.svmap-bottom-logo{font-size:50px;color:#8b84ff;line-height:1}.svmap-bottom-text{flex:1;border-left:2px solid #df6c12;padding-left:26px}.svmap-bottom h2{font-size:22px;font-weight:950;line-height:1.2;margin:0 0 6px}.svmap-bottom p{font-size:13px;line-height:1.4;margin:0;color:#ece8e5}.svmap-bottom .svmap-button{min-width:200px}@media(max-width:1050px){.svmap-hero-art{width:60%}.svmap-hero-accent{background:linear-gradient(90deg,#090909 0%,#090909f0 30%,#0909097b 70%,transparent)}.svmap-card-body{padding:12px}.svmap-reason{padding:14px 12px;gap:9px}.svmap-reason-icon{flex-basis:36px;font-size:32px}.svmap-reason h3{font-size:15px}}@media(max-width:760px){.svmap-hero{min-height:335px}.svmap-hero-inner{width:calc(100% - 32px)}.svmap-hero-art{width:100%;opacity:.33}.svmap-hero-accent{background:linear-gradient(90deg,#090909e8,#090909ae)}.svmap-section,.svmap-bottom{width:calc(100% - 32px)}.svmap-grid,.svmap-reason-grid{grid-template-columns:1fr}.svmap-card h3{font-size:21px}.svmap-card p{min-height:0}.svmap-photo{aspect-ratio:3}.svmap-heading{gap:10px}.svmap-heading::before,.svmap-heading::after{width:26px}.svmap-reason{min-height:80px}.svmap-bottom{flex-wrap:wrap;padding:19px}.svmap-bottom .svmap-button{width:100%}}@media(max-width:420px){.svmap-hero h1{font-size:30px}.svmap-buttons .svmap-button{width:100%}.svmap-heading{font-size:20px}}@media(prefers-reduced-motion:reduce){.svmap-button,.svmap-card{transition:none}}

/* v2 - hero aligned to recruitment, unified full-title gradient */
.svmap-hero{min-height:380px;justify-content:center}
.svmap-hero-inner{width:min(1440px,calc(100% - 40px));padding:54px 0 60px;text-align:center}
.svmap-label{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:100%;margin:0 auto;background:transparent;color:#e8e8e8;padding:0;border:0;border-radius:0;font-size:11px;font-weight:800;letter-spacing:.45em}
.svmap-label span{display:block;width:35px;height:2px;background:#ff7a00;flex:none}
.svmap-hero h1{margin:19px auto 20px;max-width:100%;width:max-content;font-size:clamp(25px,3.55vw,62px);font-weight:950;letter-spacing:-.055em;line-height:1.18;white-space:nowrap;text-transform:uppercase;background:linear-gradient(90deg,#ffffff 0%,#fbf4ea 34%,#f2dcc0 53%,#ffbf66 73%,#ff9a22 88%,#ff7a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;overflow:visible;padding-bottom:.10em}
.svmap-hero p{max-width:650px;margin:0 auto;font-size:clamp(13px,1.2vw,16px);line-height:1.6}
.svmap-buttons{justify-content:center;margin-top:28px;gap:14px}
.svmap-hero-accent{background:linear-gradient(90deg,rgba(9,9,9,.3),rgba(9,9,9,.86) 22%,rgba(9,9,9,.94) 40%,rgba(9,9,9,.88) 58%,rgba(9,9,9,.48) 78%,rgba(9,9,9,.12))}
@media(max-width:1050px){.svmap-hero-accent{background:linear-gradient(90deg,#090909c2,#090909e8 30%,#090909db 65%,#09090992)}}
@media(max-width:760px){.svmap-hero{min-height:395px}.svmap-hero-inner{width:calc(100% - 32px);padding:45px 0}.svmap-hero h1{font-size:clamp(27px,6.3vw,43px);white-space:normal;max-width:100%;line-height:1.2;letter-spacing:-.05em}.svmap-label{letter-spacing:.22em}.svmap-hero-accent{background:#090909b9}}
@media(max-width:420px){.svmap-hero h1{font-size:clamp(27px,7.3vw,32px)}.svmap-buttons .svmap-button{width:100%}}


/* v3 - earlier warm gradient + clean Discord CTA without baked text or buttons */
.svmap-hero h1{
  background-image:linear-gradient(90deg,
    #ffffff 0%,#fff9f0 11%,#f9e4ca 25%,
    #ffd29b 40%,#ffb25e 56%,#ff992e 73%,#ff7a00 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.svmap-bottom{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;
  column-gap:24px;row-gap:16px;
  min-height:110px;
  padding:20px 30px;
  overflow:hidden;
  background-image:radial-gradient(ellipse at 8% 100%,rgba(255,122,0,.15),transparent 42%),
    radial-gradient(ellipse at 95% 0%,rgba(255,122,0,.12),transparent 50%),
    linear-gradient(100deg,#21130f 0%,#111112 45%,#18100e 100%);
  background-color:#101010;
}
.svmap-bottom-logo{display:grid;place-items:center;width:56px;height:56px;flex:none}
.svmap-bottom-text{min-width:0;overflow-wrap:break-word}
.svmap-bottom h2{margin:0 0 6px;line-height:1.24}
.svmap-bottom p{margin:0;line-height:1.5}
.svmap-bottom>.svmap-button{
  width:auto;min-width:200px;max-width:100%;
  flex:none;white-space:nowrap;position:relative;z-index:1;
}
@media(max-width:760px){
  .svmap-bottom{grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px}
  .svmap-bottom-logo{width:48px;height:48px;font-size:40px}
  .svmap-bottom-text{padding-left:17px}
  .svmap-bottom h2{font-size:clamp(17px,4.6vw,22px)}
  .svmap-bottom>.svmap-button{grid-column:1/-1;justify-self:stretch;width:100%;min-width:0}
}
@media(max-width:420px){
  .svmap-bottom{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:17px}
  .svmap-bottom-logo{width:36px;height:36px;font-size:30px}
  .svmap-bottom-text{padding-left:12px}
}