.atkomstbesked{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radie);max-width:38rem;box-shadow:var(--skugga);margin:5rem auto;padding:2rem}.atkomstbesked h1{font-family:var(--display);color:var(--djup);margin-top:0}.sidnav{border-bottom:1px solid #9cc4e42e;align-items:center;gap:.5rem;margin-bottom:.9rem;padding-bottom:.7rem;display:flex}.sidlank{color:#9db4c6;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:.3rem .65rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.sidlank:hover{color:#fff;background:#ffffff14}.sidlank.aktiv{color:#fff;background:#7fb4dd38}.anvandare{align-items:center;gap:.5rem;min-height:2rem;margin-left:auto;display:flex}.anvandare-namn{flex-direction:column;align-items:flex-end;max-width:16rem;line-height:1.15;display:flex}.anvandare-epost{color:#e7f0f7;white-space:nowrap;text-overflow:ellipsis;max-width:16rem;font-size:.8rem;font-weight:600;overflow:hidden}.anvandare-roll{color:#9db4c6;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.anvandare-ut{color:#c8dcec;background:0 0;border:1px solid #eaf2f84d;border-radius:999px;padding:.25rem .7rem;font-size:.76rem;font-weight:500}.anvandare-ut:hover:not(:disabled){filter:none;color:#fff;border-color:#c8dcec}.sidnav :is(.app-val,.konto-val,.guide-meny-wrap){position:relative}.sidnav summary{cursor:pointer;list-style:none}.sidnav summary::-webkit-details-marker{display:none}.sidnav :is(.app-val,.konto-val)>summary{color:#e7f0f7;border-radius:7px;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .4rem;font-size:.85rem;display:flex}.sidnav .app-val>summary{padding-left:0;font-size:1rem;font-weight:600}.sidnav summary:focus-visible,.sidnav a:focus-visible{outline-offset:2px;outline:2px solid #7fb4dd}.sidnav :is(.app-val,.konto-val)>div{z-index:40;background:#18344a;border:1px solid #496477;border-radius:10px;padding:.5rem;display:grid;position:absolute;top:calc(100% + .3rem);box-shadow:0 8px 25px #10253640}.sidnav .app-val>div{width:min(17rem,100vw - 2rem);left:0}.sidnav .app-val .sidlank{white-space:normal;border-radius:7px;min-height:44px;padding:.75rem}.sidnav .konto-val>div{gap:.8rem;width:min(17rem,100vw - 5.5rem);padding:1rem;right:0}.sidnav .konto-val .anvandare-namn{align-items:flex-start;gap:.35rem;min-width:0;max-width:100%}.sidnav .konto-val .anvandare-epost{white-space:normal;overflow-wrap:anywhere;max-width:100%}.sidnav .konto-val .anvandare-roll{text-transform:none;letter-spacing:0;font-size:.78rem}.sidnav .anvandare-ut{min-height:44px}.korthuvud{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.korthuvud h2,.korthuvud h3{margin:0}.dampad{color:var(--ink-soft);font-size:.86rem}.faltrad{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.7rem;display:grid}.falt{flex-direction:column;gap:.25rem;display:flex}.falt>span{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.68rem;font-weight:700}.falt input,.falt select{font-family:var(--brod);color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:7px;width:100%;padding:.42rem .65rem;font-size:.92rem}.fynd{border-radius:8px;padding:.55rem .7rem;font-size:.86rem;line-height:1.45;display:block}.fynd.ok{background:var(--ok-bg);color:var(--ok)}.fynd.varning{background:var(--warn-bg);color:var(--warn)}.farlig{background:var(--surface);color:var(--stop);border:1px solid var(--line)}.farlig:hover:not(:disabled){filter:none;background:var(--stop-bg)}.liten{padding:.3rem .65rem;font-size:.8rem}.rollista{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rollista li{border-bottom:1px dashed var(--frost);justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.88rem;display:flex}.rollista li:last-child{border-bottom:none}.rollista strong{font-weight:500}.personlista{flex-direction:column;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.person{border-bottom:1px dashed var(--frost);grid-template-columns:minmax(12rem,1fr) 2fr auto;align-items:center;gap:.6rem 1rem;padding:.55rem 0;font-size:.88rem;display:grid}.person:last-child{border-bottom:none}.person-huvud strong{font-weight:600}.rollbrickor{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.rollbricka{background:var(--is);color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .3rem .2rem .55rem;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.rollbricka.admin{color:#e7f0f7;background:#0e2233;border-color:#0e2233}.rollbricka.huvudlagledare{color:#1e4a6e;background:#dfeaf3;border-color:#c6d9e8}.rollbricka.huvudtranare{color:#22593a;background:#e3f1e6;border-color:#c9e2cf}.rollbricka.coach{color:#6b5323;background:#f2ede0;border-color:#e3d9c2}.rollbricka-team{opacity:.85;font-weight:400}.rollbricka-bort{all:unset;cursor:pointer;opacity:.7;border-radius:4px;place-items:center;width:1.1rem;height:1.1rem;font-size:.95rem;line-height:1;display:grid}.rollbricka-bort:hover{opacity:1;background:#0000001f}.rollbricka.lagg{cursor:pointer;color:var(--accent-djup);font:inherit;background:0 0;border-style:dashed;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.rollbricka.lagg:hover{background:var(--is)}.person-knappar{justify-content:flex-end;gap:.35rem;display:flex}@media (width<=700px){.person{grid-template-columns:1fr;gap:.35rem}.person-knappar{justify-content:flex-start}}.kallista{flex-direction:column;gap:.45rem;margin:0;padding-left:1.1rem;font-size:.88rem;display:flex}.guide-knapp{color:#e7f0f7;width:44px;height:44px;font-family:var(--display);background:#7fb4dd2e;border:1px solid #9cc4e459;border-radius:50%;place-items:center;padding:0;font-size:1.05rem;font-weight:700;line-height:1;display:grid}.guide-knapp:hover:not(:disabled){filter:none;background:#7fb4dd52}.guide-meny-wrap{position:relative}.guide-meny{z-index:40;width:min(20rem,100vw - 2rem);color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;padding:.4rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 32px #0e223340}.guide-meny button{color:var(--ink);text-align:left;background:0 0;border-radius:7px;justify-content:flex-start;min-height:44px;padding:.5rem .7rem;font-size:.86rem;font-weight:500}.guide-meny button:hover:not(:disabled){filter:none;background:var(--accent-soft)}.guide-meny .dampad{padding:.3rem .7rem .4rem;font-size:.74rem}.guide{z-index:90;position:fixed;inset:0}.guide-dimma{background:#0e22338c;position:absolute;inset:0}.guide-spot{pointer-events:none;border-radius:12px;transition:top .25s,left .25s,width .25s,height .25s;position:absolute;box-shadow:0 0 0 9999px #0e22338c,0 0 0 3px #7fb4dd}.guide-kort{width:min(22.5rem,100vw - 1.5rem);color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:.35rem;padding:.9rem 1.1rem 1rem;display:flex;position:absolute;box-shadow:0 16px 48px #0e223359}.guide-topp{justify-content:space-between;align-items:center;display:flex}.guide-steg{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem;font-weight:700}.guide-stang{color:var(--ink-soft);background:0 0;border-radius:6px;padding:0 .2rem;font-size:1.4rem;line-height:1}.guide-stang:hover:not(:disabled){filter:none;background:var(--accent-soft);color:var(--ink)}.guide-kort h3{font-family:var(--display);letter-spacing:.02em;color:var(--ink);text-transform:none;margin:0;font-size:1.35rem;font-weight:600}.guide-kort p{margin:0;font-size:.9rem;line-height:1.5}.guide-knappar{align-items:center;gap:.4rem;margin-top:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.guide-spot{transition:none}}.port{background:linear-gradient(160deg,#0e2233 0%,#16324a 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.port-kort{background:#fff;border-radius:16px;flex-direction:column;gap:.8rem;width:min(24rem,100%);padding:1.8rem 1.7rem 1.6rem;display:flex;box-shadow:0 24px 60px #00000059}.port-marke{color:#2f6d9e;border:1px solid #d3dfe9;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.port-kort h1{letter-spacing:.04em;text-transform:uppercase;color:#16293a;margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:2rem;font-weight:700;line-height:1}.port-under{color:#52697c;margin:-.4rem 0 .2rem;font-size:.9rem}.port-kort .dampad{margin:0;font-size:.84rem}.port-rad{flex-wrap:wrap;gap:.5rem;display:flex}.port-vantar{background:linear-gradient(90deg,#e3edf5,#2f6d9e,#e3edf5) 0 0/200% 100%;border-radius:2px;height:4px;animation:1.2s linear infinite port-puls}@keyframes port-puls{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=62rem){.sidnav{gap:.1rem}.sidlank{padding:.28rem .5rem;font-size:.78rem}.anvandare{margin-left:auto}.anvandare-namn{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.port-vantar{animation:none}}