@font-face{font-family:Gutcruncher;src:url(/fonts/Gutcruncher.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-header-bg);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:1000;box-shadow:0 2px 8px #0003}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,var(--color-accent) 25%,var(--color-accent) 75%,transparent 100%)}.headerLogo{display:flex;align-items:center;height:100%}.headerLogo img{height:80px;width:auto;object-fit:contain}.headerBurger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;color:#fff}.headerBurgerBar{display:block;width:24px;height:2px;background:currentColor;border-radius:1px}.headerOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.headerNav{display:flex;gap:var(--spacing-unit);align-items:center}@media (max-width: 768px){.headerBurger{display:flex}.headerNav{position:fixed;top:var(--header-height);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--color-header-bg);padding:var(--spacing-unit);box-shadow:0 4px 12px #0000004d;z-index:1001;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.headerNav--open{max-height:80vh;overflow-y:auto;opacity:1}.headerNav a,.headerNav button{display:block;padding:.75rem 1rem;text-align:left;border-radius:4px}.headerOverlay{display:block}}.headerNav a,.headerNav button{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-family:var(--font-heading);font-size:.95rem;background:transparent;border:none;cursor:pointer}.headerNav a:hover,.headerNav button:hover,.headerNav .active{background:var(--color-accent);color:#fff}.headerBtnLogin{background:var(--color-accent)!important;color:#000!important;font-weight:600;box-shadow:0 2px 4px #0000004d,0 4px 12px #e67e2266,inset 0 1px #fff3;transition:box-shadow .2s ease,transform .2s ease}.headerBtnLogin:hover{background:var(--color-accent-hover)!important;color:#000!important;box-shadow:0 4px 8px #0006,0 6px 20px #e67e2280,inset 0 1px #ffffff40;transform:translateY(-1px)}.footer{position:relative;margin-top:auto;padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:.9rem;background:#000}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,var(--color-accent) 25%,var(--color-accent) 75%,transparent 100%)}.main--home{max-width:none;width:100%;margin:0 auto;padding:0;position:relative;background:#000}.homeVideoBg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;background:#000}.homeVideoBg video{width:100%;height:100%;object-fit:cover}.main--home .homeStrip{position:relative;z-index:1}.homeLogoStrip{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;background-image:url(/images/Grafik/Saslogatransparant.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.homeLogoStripSpacer{height:100vh;position:relative;z-index:1}.homeStrip{display:flex;align-items:center;justify-content:flex-start;width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:calc(var(--spacing-lg) * 4);padding:var(--spacing-xl) var(--spacing-lg);min-height:560px;background:#000;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit}.homeStrip:last-child{margin-bottom:0}.homeStripSideFade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#000,#000000f2,#000000b3,#0000004d 45%,#0000 50%,#0000 50%,#0000004d 55%,#000000b3,#000000f2,#000);z-index:0;pointer-events:none;transition:opacity .2s ease}.homeStrip:hover .homeStripSideFade{opacity:.5}.homeStripVerticalFade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000,#0000 5%,#0000 95%,#000);z-index:0;pointer-events:none;transition:opacity .2s ease}.homeStrip:hover .homeStripVerticalFade{opacity:.5}.homeStrip--nyheter{background-image:url(/images/SUS/20240107_151553.jpg);background-size:cover;background-position:center;cursor:default;align-items:flex-start;padding-top:var(--spacing-xl)}.homeStrip--nyheter .homeStripInner{position:relative;z-index:1}.homeStrip--omOss{background-image:url(/images/Medlemmar/29dc71caa82a9d1f466dce31de3c8bac.png);background-size:cover;background-position:center}.homeStrip--omOss .homeStripInner{position:relative;z-index:1}.homeStrip--hittaTillOss{background-image:url(/images/%C3%96vrigt/sala-exterior-1024x576.jpg);background-size:cover;background-position:center 70%}.homeStrip--hittaTillOss .homeStripInner{position:relative;z-index:1}.homeStrip--medlem{background-image:url(/images/Medlemmar/20220325_185533.jpg);background-size:cover;background-position:center}.homeStrip--medlem .homeStripInner{position:relative;z-index:1}.homeStrip--spel{background-image:url(/images/Medlemmar/IMG_9933.jpg);background-size:cover;background-position:center}.homeStrip--spel .homeStripInner{position:relative;z-index:1}.homeStrip--discord{background-image:url(/images/Grafik/67e3c46300beadb94682bc0b_Discord-logo.png);background-size:cover;background-position:center}.homeStrip--discord .homeStripInner{position:relative;z-index:1}.homeStrip--sus{background-image:url("/images/SUS/20231210_170344(0).jpg");background-size:cover;background-position:center}.homeStrip--sus .homeStripInner{position:relative;z-index:1}.homeStrip--bbsn{background-image:url(/images/BBSN/Messenger_creation_1D2E47C6-E452-465D-B788-3A3F4D8DF3B8.jpg);background-size:cover;background-position:center}.homeStrip--bbsn .homeStripInner{position:relative;z-index:1}.homeStrip--kontakt{background-image:url(/images/Medlemmar/20220325_185439.jpg);background-size:cover;background-position:center}.homeStrip--kontakt .homeStripInner{position:relative;z-index:1}.homeStripInner{max-width:var(--content-max-width);margin:0 auto;text-align:left;width:100%}.homeStripTitle{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:var(--spacing-unit);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.homeStripText{margin-bottom:var(--spacing-unit);font-size:1rem;line-height:1.6;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.homeStripLink{display:inline-block;color:var(--color-accent);font-weight:500;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:color .2s ease}.homeStrip:hover .homeStripLink{color:var(--color-accent-hover);text-decoration:underline}.loginSection{max-width:24rem;margin:var(--spacing-lg) auto}.loginTitle{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--spacing-lg)}.loginForm label{display:block;margin-bottom:var(--spacing-unit);font-size:.9rem;color:var(--color-text-muted)}.loginForm input{display:block;width:100%;padding:.5rem .75rem;margin-top:.25rem;border:1px solid #444;border-radius:4px;font-size:1rem;background:#1a1a1a;color:var(--color-text)}.loginForm button{margin-top:var(--spacing-unit);padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer}.loginForm button:hover:not(:disabled){background:var(--color-accent-hover)}.loginForm button:disabled{opacity:.7;cursor:not-allowed}.loginError{color:#c0392b;margin-bottom:var(--spacing-unit);font-size:.9rem}.pageHero--omOss .pageHeroImage img{object-position:center 45%}.omOssSection{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg)}.omOssImageText{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-lg);align-items:start}.omOssImageText>*{margin-top:0}.omOssImageWrapper{width:100%;overflow:hidden;border-radius:8px;cursor:pointer;background:transparent;border:none;padding:0;text-align:left}.omOssImageWrapper img{width:100%;height:auto;display:block;vertical-align:top}.omOssImageWrapper--rotated{width:200px;height:280px;display:flex;align-items:flex-start;justify-content:center;border:2px solid var(--color-accent);border-radius:8px}.omOssImageWrapper--rotated img{width:auto;height:100%;max-width:none;transform:rotate(-90deg);object-fit:contain}.omOssTextBlock{flex:1;min-width:0}.omOssTextBlock p:first-child{margin-top:0}.omOssTextBlock p{margin-bottom:var(--spacing-unit);line-height:1.6;color:var(--color-text-muted)}.omOssSubtitle{font-family:var(--font-heading);font-size:1.35rem;margin-bottom:var(--spacing-lg);color:var(--color-text)}.omOssGallery{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg)}.omOssGalleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.omOssGalleryItem{padding:0;border:none;background:transparent;cursor:pointer;border-radius:8px;overflow:hidden;display:block;text-align:left}.omOssGalleryItem img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:8px;display:block}@media (max-width: 768px){.omOssHero{min-height:200px}.omOssHeroTitle{font-size:1.75rem}.omOssImageText,.omOssGalleryGrid{grid-template-columns:1fr}.omOssImageWrapper--rotated{width:100%;height:auto;min-height:200px}.omOssImageWrapper--rotated img{transform:none;width:100%;height:auto}}.omOssLightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.omOssLightbox img{max-width:100%;max-height:100%;object-fit:contain;cursor:default}.omOssLightboxImg--rotated{transform:rotate(-90deg)}.omOssLightboxClose{position:absolute;top:1rem;right:1rem;width:48px;height:48px;font-size:2rem;line-height:1;color:#fff;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.omOssLightboxClose:hover{background:var(--color-accent)}.hittaTillOssMap{margin:var(--spacing-lg) 0;border-radius:8px;overflow:hidden}.hittaTillOssMap iframe{display:block}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-unit);margin-top:var(--spacing-xl)}.galleryThumb{padding:0;border:none;background:none;cursor:pointer;border-radius:4px;overflow:hidden}.galleryThumb img{width:100%;height:200px;object-fit:cover;display:block;border-radius:4px;transition:filter .2s ease}.galleryThumb:hover img{filter:drop-shadow(0 0 8px rgba(230,126,34,.6))}.galleryLightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.galleryLightbox img{max-width:100%;max-height:100%;object-fit:contain;cursor:default}.galleryLightboxClose{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;font-size:2rem;line-height:1;color:#fff;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.galleryLightboxClose:hover{background:#fff3}.medlemsavgiftSubtitle{font-family:var(--font-heading);font-size:1.25rem;margin:var(--spacing-lg) 0 var(--spacing-unit);color:var(--color-text)}.medlemsavgiftSection{font-size:1.1rem;margin:var(--spacing-lg) 0 var(--spacing-unit);color:var(--color-text)}.medlemsavgiftList{margin:0 0 var(--spacing-lg);padding-left:1.5rem;color:var(--color-text-muted);line-height:1.8}.medlemsavgiftObs{margin:var(--spacing-lg) 0;padding:var(--spacing-unit);background:#e67e221a;border-radius:4px;color:var(--color-text-muted);line-height:1.6}.medlemsavgiftButton{display:inline-block;padding:.75rem 1.5rem;background:var(--color-accent);color:#000!important;font-weight:600;font-family:var(--font-heading);text-decoration:none!important;border-radius:4px;box-shadow:0 2px 4px #0000004d;transition:box-shadow .2s ease;margin-bottom:var(--spacing-xl)}.medlemsavgiftButton:hover{background:var(--color-accent-hover)!important;color:#000!important;box-shadow:0 4px 8px #0006,0 0 20px #e67e22cc}.spelIntro{margin-bottom:var(--spacing-xl)}.spelRow{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.spelRowText{flex:1 1 50%;min-width:200px}.spelRowText h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-unit)}.spelRowText p{margin-bottom:var(--spacing-unit)}.spelRowImage{flex:1 1 50%;display:flex;justify-content:center;align-items:center}.spelRowImage img{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;transition:filter .2s ease}.spelRow:hover .spelRowImage img{filter:drop-shadow(0 0 12px rgba(230,126,34,.9))}.spelRow--imageRight,.spelRow--imageLeft{flex-direction:row}.spelRow--imageLeft .spelRowText{text-align:right}@media (max-width: 600px){.spelRow--imageLeft{flex-direction:column}.spelRow--imageLeft .spelRowText{text-align:left}.spelRowImage{flex:1 1 100%}}.bbsnBlock{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.bbsnBlock>div{flex:1;min-width:200px}.pageLink--bbsn{display:inline-block;line-height:0;flex-shrink:0}.pageLink--bbsn img{height:192px;width:auto;object-fit:contain;transition:filter .2s ease}.pageLink--bbsn:hover img{filter:drop-shadow(0 0 12px rgba(230,126,34,.9))}.pageSection{padding:var(--spacing-lg) 0}.pageTitle{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:var(--spacing-lg);color:var(--color-text)}.pageSection p{margin-bottom:var(--spacing-unit);line-height:1.6;color:var(--color-text-muted)}.pageLink--discordBtn{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#5865f2;color:#fff!important;font-weight:600;font-family:var(--font-heading);text-decoration:none!important;border-radius:4px;margin-bottom:var(--spacing-unit);transition:background .2s ease,transform .2s ease}.pageLink--discordBtn:hover{background:#4752c4!important;color:#fff!important;transform:translateY(-1px)}.pageLink--discordBtn img{height:28px;width:auto;object-fit:contain}.adminSection{margin-bottom:var(--spacing-lg)}.adminSection h2{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:var(--spacing-unit)}.adminForm label{display:block;margin-bottom:var(--spacing-unit);font-size:.9rem;color:var(--color-text-muted)}.adminForm input,.adminForm select{display:block;width:100%;max-width:20rem;padding:.5rem .75rem;margin-top:.25rem;border:1px solid #444;border-radius:4px;font-size:1rem;background:#1a1a1a;color:var(--color-text)}.adminForm button{margin-top:var(--spacing-unit);padding:.5rem 1rem;background:var(--color-accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.adminForm button:hover:not(:disabled){background:var(--color-accent-hover)}.adminForm button:disabled{opacity:.7;cursor:not-allowed}.adminTable{width:100%;max-width:40rem;border-collapse:collapse}.adminTable th,.adminTable td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #333}.adminTable select{padding:.35rem .5rem;border:1px solid #444;border-radius:4px;background:#1a1a1a;color:var(--color-text)}.adminError{color:#c0392b;margin-bottom:var(--spacing-unit)}.adminNote{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--spacing-lg)}:root{--font-heading: "Cinzel", serif;--font-body: "Roboto", sans-serif;--font-special: "Gutcruncher", var(--font-heading);--color-header-bg: #000;--color-accent: #e67e22;--color-accent-hover: #d35400;--color-bg: #000;--color-text: #fff;--color-text-muted: #aaa;--header-height: 128px;--content-max-width: 960px;--spacing-unit: 1rem;--spacing-lg: 2rem}html{scrollbar-gutter:stable;scroll-behavior:smooth}html,body{background:#000;margin:0;overflow-x:hidden}.app{min-height:100vh;padding-top:var(--header-height);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.main{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg)}.pageHero{position:relative;width:100vw;margin-left:calc(-50vw + 50%);min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:var(--spacing-lg)}.pageHero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,var(--color-accent) 25%,var(--color-accent) 75%,transparent 100%);z-index:1}.pageHeroImage{position:absolute;top:0;right:0;bottom:0;left:0}.pageHeroImage img{width:100%;height:100%;object-fit:cover}.pageHeroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#0009)}.pageHero--hittaTillOss .pageHeroImage img{object-position:center 30%}.pageHero--medlem .pageHeroImage img{object-position:center 35%}.pageHero--spel .pageHeroImage img{object-position:center 60%}.pageHero--sus .pageHeroImage img{object-position:center 35%}.pageHero--discord .pageHeroImage{background:#000}.pageHero--discord .pageHeroImage img{object-fit:contain;object-position:center}.pageHeroTitle{position:relative;z-index:1;font-family:var(--font-heading);font-size:5rem;color:#fff;margin:0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.main--withHero{max-width:none;padding:0 var(--spacing-lg) var(--spacing-lg)}.main--withHero .pageSection{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg) 0}.pageLink{color:var(--color-accent);text-decoration:none}.pageLink:hover{text-decoration:underline}.pageLink--button{display:inline-block;padding:.5rem 1rem;background:var(--color-accent);color:#000!important;font-weight:600;font-family:var(--font-heading);text-decoration:none!important;border-radius:4px;box-shadow:0 2px 4px #0000004d,0 4px 12px #e67e2266,inset 0 1px #fff3;transition:box-shadow .2s ease,transform .2s ease}.pageLink--button:hover{background:var(--color-accent-hover)!important;color:#000!important;box-shadow:0 4px 8px #0006,0 6px 20px #e67e2280,inset 0 1px #ffffff40;transform:translateY(-1px)}