/* "Work in progress" tape until the season opens (30 okt, Oskar's wish): over the status on the start page and the steps on /spela.
   Put class="wip-wrap locked" around what should be taped off and the .wip block last inside it; tejp.js takes it off at OPENS. */
.wip-wrap { position: relative; }
.wip-wrap.locked > :not(.wip) { filter: blur(2px) grayscale(0.7); opacity: 0.4; pointer-events: none; user-select: none; }
/* the tape reaches the edges of the screen, however wide the page around it is */
body:has(.wip-wrap.locked) { overflow-x: clip; }
@supports not (overflow-x: clip) { .wip { left: 0 !important; right: 0 !important; } }
.wip { position: absolute; inset: -40px calc(50% - 50vw); overflow: hidden; pointer-events: none; z-index: 5; }
.wip-wrap:not(.locked) .wip { display: none; }
.tape { position: absolute; left: -10%; width: 120%; top: 50%; height: 62px; margin-top: -31px; display: flex; align-items: center; overflow: hidden;
	background: #ffcf1a; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65);
	border-block: 9px solid transparent; border-image: repeating-linear-gradient(-45deg, #111 0 14px, #ffcf1a 14px 28px) 9; }
.tape span { white-space: nowrap; font-family: 'Bebas Neue', Impact, sans-serif; font-size: 34px; letter-spacing: 0.08em; color: #111; line-height: 1;
	animation: tape-run 40s linear infinite; }
.tape.t1 { transform: rotate(-7deg); }
.tape.t2 { transform: rotate(5deg); background: #ffd94a; }
.tape.t2 span { animation-direction: reverse; }
@keyframes tape-run { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .tape span { animation: none; } }
@media (max-width: 600px) { .wip { inset: -30px calc(50% - 50vw); } .tape { height: 48px; margin-top: -24px; border-width: 7px; } .tape span { font-size: 26px; }
	.tape.t1 { top: 32%; transform: rotate(-14deg); } .tape.t2 { top: 66%; transform: rotate(11deg); } }