@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%)}.headerLogoArea{display:flex;align-items:center;gap:var(--spacing-unit);height:100%}.headerLogo{display:flex;align-items:center;height:100%}.headerGitSha{font-size:.7rem;font-family:monospace;color:var(--color-text-muted);opacity:.8}.headerLogo img{height:80px;width:auto;object-fit:contain}.headerRight,.headerActions{display:flex;align-items:center;gap:var(--spacing-unit)}.headerActions .headerBtnAdmin,.headerActions .headerBtnLogout{padding:.5rem 1rem;border-radius:6px;font-family:var(--font-heading);font-size:.95rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:background .2s ease,color .2s ease}.headerBtnAdmin{background:var(--color-accent);color:#000}.headerBtnAdmin:hover{background:var(--color-accent-hover);color:#000}.headerBtnLogout{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.headerBtnLogout:hover{background:#ffffff26;color:#fff;border-color:#ffffffb3}.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:block;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}.headerNav--inline{display:flex}.headerNav--dropdown{display:none;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--dropdown.headerNav--open{display:flex;max-height:80vh;overflow-y:auto;opacity:1}.headerNav--dropdown a,.headerNav--dropdown button{display:block;padding:.75rem 1rem;text-align:left;border-radius:4px}.header--burgerMode .headerBurger{display:flex}.header--burgerMode .headerNav--inline,.header--burgerMode .headerNav--dropdown{display:none}.header--burgerMode .headerNav--dropdown.headerNav--open{display:flex}@media (max-width: 768px){.headerBurger{display:flex}.headerNav--inline{display:none!important}.headerNav--dropdown{display:none}.headerNav--dropdown.headerNav--open{display:flex}}.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:center}.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}.galleryLightboxCounter{position:absolute;top:1rem;right:5rem;z-index:1;color:#ffffffe6;font-size:1.1rem;font-weight:600}.galleryLightboxClose{position:absolute;top:1rem;right:1rem;z-index:1;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}.medlemsavgiftTableWrapper{margin:var(--spacing-lg) 0;overflow-x:auto}.medlemsavgiftTable{width:100%;max-width:480px;border-collapse:collapse;color:var(--color-text-muted);font-size:1rem}.medlemsavgiftTable td{padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:top}.medlemsavgiftTable td:last-child{text-align:right;white-space:nowrap}.medlemsavgiftTableOrg{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-text);font-weight:600}.medlemsavgiftTablePrice{font-weight:600;color:var(--color-accent)}.medlemsavgiftTableNote{font-size:.9rem;font-style:italic;color:var(--color-text-muted);padding-top:.25rem!important}.medlemsavgiftTableSpacer td{border:none;padding:.5rem 0;height:0}.medlemsavgiftObs{margin:var(--spacing-lg) 0;padding:var(--spacing-unit);background:#e67e221a;border-radius:4px;color:var(--color-text-muted);line-height:1.6}.medlemsavgiftButtonWrapper{text-align:center;margin:var(--spacing-xl) 0}.medlemsavgiftButton{display:inline-block;padding:1rem 2.5rem;font-size:1.25rem;background:var(--color-accent);color:#000!important;font-weight:600;font-family:var(--font-heading);text-decoration:none!important;border-radius:6px;border:none;cursor:pointer;box-shadow:0 4px 12px #00000080,0 2px 6px #0000004d;transition:background .2s ease,box-shadow .2s ease}.medlemsavgiftButton:hover{background:var(--color-accent-hover)!important;box-shadow:0 4px 12px #0006,0 0 24px #e67e22e6,0 0 40px #e67e2280}.medlemsavgiftModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.medlemsavgiftModal{background:var(--color-bg);border:3px solid var(--color-accent);border-radius:12px;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;margin:var(--spacing-xl);padding:0;box-shadow:0 12px 40px #0009,0 0 0 1px #e67e2226}.medlemsavgiftModalInner{position:relative;padding:3rem 3.5rem}.medlemsavgiftModalStepCounter{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-accent)}.medlemsavgiftModalTitle{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 var(--spacing-unit);color:var(--color-text)}.medlemsavgiftModalTitleWithFade{position:relative;padding-bottom:var(--spacing-unit)}.medlemsavgiftModalTitleWithFade:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent 0%,rgba(230,126,34,.5) 20%,rgba(230,126,34,.7) 50%,rgba(230,126,34,.5) 80%,transparent 100%)}.medlemsavgiftModalFadeLine{height:2px;margin:var(--spacing-lg) 0;background:linear-gradient(to right,transparent 0%,rgba(230,126,34,.5) 20%,rgba(230,126,34,.7) 50%,rgba(230,126,34,.5) 80%,transparent 100%)}.medlemsavgiftModalIntro{margin:0 0 var(--spacing-lg);color:var(--color-text-muted);line-height:1.6}.medlemsavgiftModalCounter{margin:0 0 var(--spacing-unit);font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--color-accent)}.medlemsavgiftModalForm{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.medlemsavgiftModalRow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.5;cursor:default}.medlemsavgiftModalRow input{width:60px;padding:.4rem .5rem;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#0000004d;color:var(--color-text);text-align:center}.medlemsavgiftModalRow input:focus{outline:none;border-color:var(--color-accent)}.medlemsavgiftModalRequired{color:var(--color-accent)}.medlemsavgiftModalReducedBtn{display:inline-block;padding:.6rem 1.25rem;background:var(--color-accent);color:#000!important;font-family:var(--font-heading);font-size:1rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.medlemsavgiftModalReducedBtn:hover{background:var(--color-accent-hover);box-shadow:0 0 12px #e67e22b3,0 0 24px #e67e2266}.medlemsavgiftModalSummary{margin-bottom:var(--spacing-xl);color:var(--color-text-muted)}.medlemsavgiftModalSummaryTitle{font-family:var(--font-heading);font-size:1.15rem;color:var(--color-text);margin:0 0 var(--spacing-unit)}.medlemsavgiftModalSummaryList{margin:0 0 var(--spacing-xl);padding-left:1.5rem}.medlemsavgiftModalPaymentButtons{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.medlemsavgiftModalPaymentBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1.5rem;background:var(--color-accent);color:#000!important;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;text-align:center}.medlemsavgiftModalPaymentBtn:hover{background:var(--color-accent-hover);box-shadow:0 0 16px #e67e22b3,0 0 32px #e67e2266}.medlemsavgiftModalPaymentBtnLabel{display:block;font-size:1rem}.medlemsavgiftModalPaymentBtnPrice{display:block;font-size:1.35rem;font-weight:700}.medlemsavgiftModalFooter{display:flex;gap:var(--spacing-unit);justify-content:space-between;align-items:center;padding-top:var(--spacing-unit);border-top:1px solid rgba(255,255,255,.1)}.medlemsavgiftModalFooter .medlemsavgiftModalSubmitBtn{margin-top:0}.medlemsavgiftModalFooterWithFade{position:relative;border-top:none;padding-top:var(--spacing-lg)}.medlemsavgiftModalFooterWithFade:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent 0%,rgba(230,126,34,.5) 20%,rgba(230,126,34,.7) 50%,rgba(230,126,34,.5) 80%,transparent 100%)}.medlemsavgiftModalBtn{padding:.5rem 1.25rem;font-family:var(--font-heading);font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.medlemsavgiftModalBtnPrev{background:#ffffff1a;color:var(--color-text);border:1px solid rgba(255,255,255,.3)}.medlemsavgiftModalBtnPrev:hover{background:#ffffff26;box-shadow:0 0 8px #e67e224d,0 0 16px #e67e2233}.medlemsavgiftModalBtnNext{background:var(--color-accent);color:#000;border:none}.medlemsavgiftModalBtnNext:hover{background:var(--color-accent-hover);box-shadow:0 0 12px #e67e22b3,0 0 24px #e67e2266}.medlemsavgiftModalBtnNext--disabled,.medlemsavgiftModalBtnNext:disabled{background:#ffffff26;color:#ffffff80;cursor:not-allowed}.medlemsavgiftModalBtnNext--disabled:hover,.medlemsavgiftModalBtnNext:disabled:hover{background:#ffffff26;box-shadow:none}.medlemsavgiftMemberForms{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.medlemsavgiftMemberForm{padding:var(--spacing-lg);background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.medlemsavgiftMemberFormTitle{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-accent);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-unit);border-bottom:1px solid rgba(230,126,34,.3)}.medlemsavgiftMemberFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-unit) var(--spacing-lg)}.medlemsavgiftMemberFormGrid label{display:flex;flex-direction:column;gap:.25rem;color:var(--color-text-muted);font-size:.9rem}.medlemsavgiftMemberFormGrid label span{font-weight:500}.medlemsavgiftMemberFormGrid input{padding:.5rem .6rem;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#0000004d;color:var(--color-text)}.medlemsavgiftMemberFormGrid input:focus{outline:none;border-color:var(--color-accent)}.medlemsavgiftMemberFormGrid input::placeholder{color:#fff6}.medlemsavgiftMemberFormFullWidth{grid-column:1 / -1}.medlemsavgiftModalSummaryHint{font-size:.9rem;color:var(--color-text-muted);margin:0 0 var(--spacing-unit)}.medlemsavgiftMemberSummaryList{list-style:none;padding-left:0;margin:0 0 var(--spacing-lg)}.medlemsavgiftMemberSummaryItem{border-bottom:1px solid rgba(255,255,255,.1)}.medlemsavgiftMemberSummaryItem:last-child{border-bottom:none}.medlemsavgiftMemberSummaryHeader{width:100%;display:grid;grid-template-columns:1fr 9rem auto;align-items:center;gap:.5rem;padding:var(--spacing-unit) 0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s ease}.medlemsavgiftMemberSummaryName{font-weight:600;color:var(--color-accent)}.medlemsavgiftMemberSummaryType{font-weight:500}.medlemsavgiftMemberSummaryHeader:hover{background:#ffffff0d}.medlemsavgiftMemberSummaryExpand{color:var(--color-accent);font-size:.8rem;justify-self:end}.medlemsavgiftMemberSummaryExpanded{padding:0 0 var(--spacing-lg) 1rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.medlemsavgiftMemberSummaryExpanded p{margin:.25rem 0}.medlemsavgiftMemberSummaryDetail{font-size:.9rem;color:var(--color-text-muted);margin-top:.25rem;display:block}.medlemsavgiftModalSummaryMeta{margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:.95rem}.medlemsavgiftModalSummaryPayment{font-size:1.25rem;font-weight:600;color:var(--color-accent)!important}.medlemsavgiftModalAgreements{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.medlemsavgiftModalAgreementBlock{padding:var(--spacing-lg);background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.medlemsavgiftModalAgreementTitle{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-text);margin:0 0 var(--spacing-unit)}.medlemsavgiftModalAgreementIntro{margin:0 0 var(--spacing-unit);color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.medlemsavgiftModalCheckbox{display:flex;align-items:center;gap:.5rem;margin:var(--spacing-unit) 0;cursor:pointer;color:var(--color-text-muted);font-size:.95rem}.medlemsavgiftModalCheckbox input{width:1.2rem;height:1.2rem;accent-color:var(--color-accent)}.medlemsavgiftModalInfoBtn{display:inline-block;margin-top:var(--spacing-unit);padding:.4rem .8rem;font-size:.9rem;background:#ffffff1a;color:var(--color-accent);border:1px solid rgba(230,126,34,.5);border-radius:4px;cursor:pointer;transition:background .2s ease}.medlemsavgiftModalInfoBtn:hover{background:#e67e2233}.medlemsavgiftInfoModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--spacing-lg)}.medlemsavgiftInfoModal{background:var(--color-bg);border:2px solid var(--color-accent);border-radius:8px;max-width:600px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;padding:var(--spacing-xl)}.medlemsavgiftInfoModalTitle{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 var(--spacing-lg);color:var(--color-accent)}.medlemsavgiftInfoModalContent{flex:1;overflow-y:auto;white-space:pre-wrap;color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.medlemsavgiftModalSubmitBtn{margin-top:var(--spacing-unit)}.medlemsavgiftModalSubmitBtn:disabled{opacity:.6;cursor:not-allowed}.medlemsavgiftPaymentAmount{font-size:1.5rem;margin:var(--spacing-lg) 0}.medlemsavgiftAutogiroConfirmOptions{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-unit)}.medlemsavgiftAutogiroConfirmOptions .medlemsavgiftModalCheckbox input{width:1.2rem;height:1.2rem}.medlemsavgiftSubmitError{color:#e74c3c;margin:var(--spacing-unit) 0;font-size:.95rem}.medlemsavgiftSubmitSuccess{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:#2ecc7126;border:1px solid rgba(46,204,113,.4);border-radius:8px;color:var(--color-text)}.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}.adminTabs{display:flex;gap:0;margin-bottom:var(--spacing-lg);border-bottom:1px solid #333}.adminTab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-muted);font-size:1rem;cursor:pointer;margin-bottom:-1px}.adminTab:hover{color:var(--color-text)}.adminTab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:500}.adminTabPanel{padding-top:0}.adminTableWrapper{overflow-x:auto}.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)}.adminTableMembers{max-width:16rem;word-wrap:break-word}.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;--spacing-xl: 2.5rem}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)}