/* Grundarklippet: inbäddad spelare (Om oss), kort (startsidan) och dialog. Ljus bakgrund, samma linje och skugga som sajtens kort. */
.gk-film{margin:8px auto 36px;max-width:320px;text-align:center}
.gk-play,.gk-video{display:block;width:100%;aspect-ratio:9/16;max-height:78vh;margin:0 auto;border:3px solid var(--line,#2B2838);border-radius:24px;box-shadow:0 6px 0 var(--line,#2B2838);background:#F8F1E3}
.gk-video{object-fit:contain}
.gk-play{position:relative;padding:0;cursor:pointer;overflow:hidden;aspect-ratio:4/5}
.gk-play img{display:block;width:100%;height:100%;object-fit:cover}
.gk-knapp{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--honey,#F6B843);border:3px solid var(--line,#2B2838);box-shadow:0 4px 0 var(--line,#2B2838);display:grid;place-items:center}
.gk-knapp svg{width:28px;height:28px;margin-left:5px}
.gk-play:hover .gk-knapp,.gk-play:focus-visible .gk-knapp,.gk-kort:hover .gk-knapp,.gk-kort:focus-visible .gk-knapp{transform:scale(1.06)}
.gk-play:focus-visible,.gk-kort:focus-visible{outline:4px solid var(--honey,#F6B843);outline-offset:4px}
.gk-text{margin:12px 0 0;font-size:1rem;line-height:1.45;color:var(--muted,#4E4A3C)}
/* Kortet på startsidan */
.gk-kort{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;width:100%;max-width:38em;margin:6px 0 26px;padding:12px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--paper,#FFF5E2) var(--grain,none);border:3px solid var(--line,#2B2838);border-radius:var(--r-card,24px);box-shadow:0 6px 0 var(--line,#2B2838)}
.gk-kort-bild{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;border:2px solid var(--line,#2B2838)}
.gk-kort-bild img{display:block;width:100%;height:100%;object-fit:cover}
.gk-kort .gk-knapp{width:46px;height:46px;margin:-23px 0 0 -23px;border-width:2px;box-shadow:0 3px 0 var(--line,#2B2838)}
.gk-kort .gk-knapp svg{width:18px;height:18px;margin-left:3px}
.gk-kort-rubrik{display:block;font-family:var(--display,inherit);font-size:1.3rem;line-height:1.15;font-weight:700;color:var(--line,#2B2838)}
.gk-kort-under{display:block;margin-top:6px;font-size:1rem;line-height:1.4;color:var(--muted,#4E4A3C)}
@media(min-width:700px){.gk-kort{grid-template-columns:136px 1fr;gap:22px;padding:14px 22px 14px 14px}}
/* Dialogen */
.gk-dialog{padding:0;border:0;background:transparent;max-width:min(420px,92vw);width:100%;overflow:visible}
.gk-dialog::backdrop{background:rgba(20,18,26,.72)}
.gk-dialog .gk-video{max-height:86vh;width:auto;max-width:100%;background:#F8F1E3}
.gk-stang{position:absolute;top:-14px;right:-6px;z-index:1;width:48px;height:48px;border-radius:50%;border:3px solid var(--line,#2B2838);background:var(--paper,#FFF5E2);color:var(--line,#2B2838);font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 3px 0 var(--line,#2B2838)}
@media(prefers-reduced-motion:reduce){.gk-play:hover .gk-knapp,.gk-kort:hover .gk-knapp{transform:none}}