@layer core,playground,project;@layer project{.container{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;min-height:100dvh;overflow:hidden}.top-hop-container{position:absolute;inset:7vw 12vw;z-index:1;overflow:hidden}@media(orientation:portrait){.top-hop-container{inset:21vh 7vw}}.top-hop-container *{user-select:none}.top-hop-container--portrait:before{content:"This game works only in landscape orientation. Please rotate your device.";display:flex;align-items:center;justify-content:center;position:absolute;inset:1px;padding:10vw;z-index:123;background:color-mix(in srgb,var(--playground-body-color-background),transparent 21%);text-align:center}.top-hop-container--portrait .top-hop-game:before{display:none}.top-hop-game{position:absolute;inset:0;z-index:1;border:1px solid var(--playground-body-color-text);background:repeating-linear-gradient(to right,transparent,transparent 10%,color-mix(in srgb,var(--playground-body-color-text),transparent 79%) 10%,color-mix(in srgb,var(--playground-body-color-text),transparent 79%) calc(10% + 1px))}.top-hop-game--paused:before{content:"Game paused";display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:123;background:color-mix(in srgb,var(--playground-body-color-background),transparent 21%);text-align:center}.top-hop-game-hero{position:absolute;inset:0 auto auto 0;z-index:3;width:8vw;aspect-ratio:1/1.4;will-change:transform}.top-hop-game-hero>div{transform-origin:50% 90%;width:100%;height:100%;background:color-mix(in srgb,var(--playground-body-color-text),transparent 21%);color:var(--playground-body-color-background)}.top-hop-game-hero>div:before{content:"";position:absolute;inset:10%;background:color-mix(in srgb,var(--playground-body-color-text),transparent 21%)}.top-hop-game-hero span{position:absolute;inset:50% -.5vw auto auto;z-index:1;transform:translateY(-50%);width:5vw;aspect-ratio:1;background:color-mix(in srgb,var(--playground-body-color-text),transparent 1%)}.top-hop-game-enemy{position:absolute;inset:0 auto auto 0;z-index:3;width:6vw;aspect-ratio:1/1.4;will-change:transform}.top-hop-game-enemy>div{transform-origin:50% 90%;width:100%;height:100%;background:color-mix(in srgb,var(--playground-body-color-text),transparent 21%);color:var(--playground-body-color-background)}.top-hop-game-enemy>div:before{content:"";position:absolute;inset:5%;background:color-mix(in srgb,var(--playground-body-color-text),transparent 21%)}.top-hop-game-enemy span{position:absolute;inset:50% auto auto -.5vw;z-index:1;transform:translateY(-50%);width:5vw;aspect-ratio:1;background:color-mix(in srgb,var(--playground-body-color-text),transparent 1%);visibility:hidden}.top-hop-game-ground{position:absolute;inset:auto 0 0;z-index:1;height:2.1vw;background:var(--playground-body-color-text)}.top-hop-game-background{display:flex;flex-flow:row nowrap;position:absolute;inset:auto auto 0 0;z-index:1;opacity:.12;font-size:27vw;line-height:1;white-space:nowrap}.top-hop-game-ui{display:flex;flex-flow:row wrap;position:absolute;inset:1.2vw 2.1vw auto;z-index:2;gap:1vw;font-size:1.2vw}.top-hop-game-ui span{font-family:monospace;font-size:2.1vw}.top-hop-game-ui-time{margin-right:auto}.top-hop-game-ui-best-score[data-hidden]{visibility:hidden}.top-hop-intro,.top-hop-outro{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:5vw;position:absolute;inset:0;z-index:2;overflow:hidden;background:var(--playground-body-color-background);border:1px solid var(--playground-body-color-text)}@media(orientation:portrait){.top-hop-intro,.top-hop-outro{gap:5vh}}.top-hop-intro p,.top-hop-outro p{font-size:12vw}.top-hop-intro button,.top-hop-outro button{text-transform:uppercase;font-size:2.1vw}.top-hop-outro{background:color-mix(in srgb,var(--playground-body-color-background),transparent 21%);visibility:hidden}.top-hop-outro p{font-size:7vw}.top-hop-curtain{position:absolute;inset:0;z-index:4;transform:scaleY(0);transform-origin:0% 0%;background:var(--playground-body-color-text);border:1px solid var(--playground-body-color-text)}}