[green-element]{background-color:var(--point);position:absolute;&[is-collected=true]{box-shadow:inset 0 0 0 2px var(--point);background:0 0}}@property --is-danger{syntax:"<integer>";inherits:false;initial-value:0}[red-element]{background-color:var(--lose);--is-danger:1;position:absolute}[block-0]{& :first-child{border-radius:0 5vw 5vw 0;width:80vw;height:10vw;top:0;left:0}& :nth-child(2){border-radius:5vw 0 0 5vw;width:80vw;height:10vw;top:25vw;right:0}& :nth-child(3){border-radius:100vw;width:10vw;height:10vw;top:37vw;right:5vw}& :nth-child(4){border-radius:5vw;width:25vw;height:25vw;top:50vw;left:25vw}& :nth-child(5){border-radius:1vw;width:50vw;height:2vw;bottom:10vw;right:25vw}& :nth-child(6){border-radius:1vw 0 0 1vw;width:45vw;height:2vw;bottom:0;right:0}& :nth-child(7){border-radius:0 1vw 1vw 0;width:45vw;height:2vw;bottom:0;left:0}& p{text-align:center;width:100vw;position:absolute;top:11vw}}[block-1]{& :first-child{border-radius:0 5vw 0 0;width:15vw;height:5vw;top:0;left:0}& :nth-child(2){border-radius:0 0 5vw 5vw;width:5vw;height:80vw;top:5vw;left:10vw}& :nth-child(3){border-radius:100vw;width:6vw;height:6vw;top:7vw;left:2vw}& :nth-child(4){border-radius:5vw 0 0;width:15vw;height:5vw;top:0;right:0}& :nth-child(5){border-radius:0 0 5vw 5vw;width:5vw;height:30vw;top:5vw;right:10vw}& :nth-child(6){border-radius:5vw 0 0 5vw;width:15vw;height:5vw;top:37vw;right:0}& :nth-child(7){border-radius:100vw;width:6vw;height:6vw;top:7vw;right:2vw}}[block-2]{& :first-child{border-radius:5vw;width:33.3vw;height:33.3vw;animation:2s step-end infinite block-2-pulse;top:33.3vw;left:33.3vw}& :nth-child(2){border-radius:5vw;width:20vw;height:20vw;top:40vw;left:40vw}}@keyframes block-2-pulse{0%{background-color:var(--warn);--is-danger:0}50%{background-color:var(--lose);--is-danger:1}}[block-3]{& :first-child{border-radius:5vw;width:20vw;height:5vw;animation:2s linear infinite alternate block-3-slide-inline;top:0;left:0}& :nth-child(2){border-radius:5vw;width:20vw;height:5vw;animation:2s linear -1s infinite alternate block-3-slide-inline;top:15vw;left:0}& :nth-child(3){border-radius:5vw;width:20vw;height:20vw;top:40vw;left:40vw}}@keyframes block-3-slide-inline{0%{left:0}50%{left:80vw}}[block-4]{& :first-child{border-radius:5vw;width:5vw;height:5vw;top:5vw;left:5vw}& :nth-child(2){border-radius:5vw;width:5vw;height:5vw;top:5vw;right:5vw}& :nth-child(3){border-radius:5vw;width:5vw;height:5vw;bottom:5vw;left:5vw}& :nth-child(4){border-radius:5vw;width:5vw;height:5vw;bottom:5vw;right:5vw}}[block-5]{& :first-child{border-radius:0 5vw 5vw 0;width:90vw;height:3vw;top:0;left:0}& :nth-child(2){border-radius:5vw 0 0 5vw;width:45vw;height:3vw;top:6vw;right:0}& :nth-child(3){border-radius:5vw;width:5vw;height:75vw;top:15vw;left:30vw}& :nth-child(4){border-radius:5vw;width:5vw;height:75vw;top:15vw;right:30vw}& :nth-child(5){border-radius:5vw;width:5vw;height:5vw;top:60vw;right:15vw}& :nth-child(6){border-radius:5vw;width:5vw;height:5vw;top:60vw;left:15vw}& :nth-child(7){border-radius:5vw;width:5vw;height:5vw;top:60vw;right:47.5vw}}[block-6]{& :first-child{&>[red-element]{border-radius:5vw;width:70vw;height:10vw;animation:2s step-end infinite block-6-pulse;top:0;left:0}animation:1.5s linear infinite alternate block-6-slide-inline}& :nth-child(2){&>[red-element]{border-radius:5vw;width:70vw;height:10vw;animation:2.2s step-end -.25s infinite block-6-pulse;top:10vw;left:0}animation:1.3s linear -.75s infinite alternate block-6-slide-inline}& :nth-child(3){&>[red-element]{border-radius:5vw;width:70vw;height:10vw;animation:6s step-end -.5s infinite block-6-pulse;top:20vw;left:0}animation:1.8s linear -.3s infinite alternate block-6-slide-inline}& :nth-child(4){&>[red-element]{border-radius:5vw;width:70vw;height:10vw;animation:3s step-end -.75s infinite block-6-pulse;top:30vw;left:3vw}animation:1s linear infinite alternate block-6-slide-inline}& :nth-child(5){border-radius:5vw;width:5vw;height:5vw;top:22.5vw;right:15vw}}@keyframes block-6-pulse{0%{background-color:var(--warn);--is-danger:0}50%{background-color:var(--lose);--is-danger:1}}@keyframes block-6-slide-inline{0%{translate:0}50%{translate:70vw}}[block-7]{& :first-child{transform-origin:100% 0;border-radius:5vw;width:110vw;height:5vw;top:10vw;right:0;transform:rotate(-20deg)translate(-20vw,-10vw)}& :nth-child(2){transform-origin:100% 0;border-radius:5vw;width:110vw;height:5vw;top:10vw;right:0;transform:rotate(-20deg)translate(10vw)}& :nth-child(3){border-radius:5vw;width:5vw;height:5vw;top:18vw;right:2vw}& :nth-child(4){border-radius:5vw;width:5vw;height:5vw;top:27vw;left:2vw}}[block-8]{& :first-child{transform-origin:100% 0;border-radius:5vw;width:110vw;height:5vw;top:10vw;right:0;transform:rotate(-20deg)translate(-20vw,-10vw)}& :nth-child(2){transform-origin:100% 0;border-radius:5vw;width:110vw;height:5vw;top:10vw;right:0;transform:rotate(-20deg)translate(10vw)}& :nth-child(3){border-radius:5vw;width:5vw;height:5vw;top:18vw;right:2vw}& :nth-child(4){border-radius:5vw;width:5vw;height:5vw;top:27vw;left:2vw}}[block-9]{&>div{width:0;height:0;animation:4s linear infinite block-9-rotation;position:relative;top:50vw;translate:-50% -50%;&:first-child{left:25vw}&:nth-child(2){animation-delay:-1s;left:50vw}&:nth-child(3){animation-delay:-2s;left:75vw}&>div{width:10vw;height:10vw;translate:-50% -50%}&>:first-child{border-bottom-right-radius:2vw;border-bottom-left-radius:2vw;top:4.8vw;left:4.8vw}&>:nth-child(2){border-top-right-radius:2vw;top:-4.8vw;left:4.8vw}&>:nth-child(3){border-top-left-radius:2vw;border-bottom-left-radius:2vw;top:-4.8vw;left:-4.8vw}&>:nth-child(4){border-bottom-left-radius:2vw;width:5vw;height:5vw;top:2.7vw;left:-2.7vw}}}@keyframes block-9-rotation{0%{rotate:0}to{rotate:1turn}}[block-10]{&>:first-child{width:80vw;height:10vw;top:0;left:0}&>:nth-child(2){width:10vw;height:20vw;top:0;left:90vw}&>:nth-child(3){width:90vw;height:10vw;top:20vw;right:0}&>:nth-child(4){width:10vw;height:30vw;top:30vw;left:10vw}&>:nth-child(5){width:40vw;height:10vw;top:70vw;left:0}&>:nth-child(6){width:10vw;height:30vw;top:40vw;left:30vw}&>:nth-child(7){width:40vw;height:10vw;top:40vw;left:40vw}&>:nth-child(8){width:10vw;height:50vw;top:30vw;left:90vw}&>:nth-child(9),&>:nth-child(10){width:20vw;height:10vw;top:60vw;left:70vw}&>:nth-child(11){width:30vw;height:10vw;top:70vw;left:50vw}&>:nth-child(12){width:10vw;height:10vw;top:60vw;left:50vw}&>:nth-child(13){border-radius:5vw;width:5vw;height:5vw;top:62.5vw;left:62.5vw}&>:nth-child(14){border-radius:5vw;width:5vw;height:5vw;top:72.5vw;left:82.5vw}&>:nth-child(15),&>:nth-child(16),&>:nth-child(17),& :nth-child(18){width:10vw;height:10vw;animation:15s linear infinite block-10-move;position:absolute;&>div{outline:2px solid var(--warn);width:4vw;height:4vw;position:absolute}&>:first-child{top:0;left:0}&>:nth-child(2){top:0;right:0}&>:nth-child(3){bottom:0;right:0}&>:nth-child(4){bottom:0;left:0}}&>:nth-child(16){animation-delay:-3.75s}&>:nth-child(17){animation-delay:-7.5s}&>:nth-child(18){animation-delay:-11.25s}}@keyframes block-10-move{0%,to{top:0;left:80vw}2%{top:10vw;left:80vw}20%{top:10vw;left:0}30%{top:60vw;left:0}34%{top:60vw;left:20vw}40%{top:30vw;left:20vw}52%{top:30vw;left:80vw}56%{top:50vw;left:80vw}64%{top:50vw;left:40vw}68%{top:70vw;left:40vw}78%{top:70vw;left:90vw}92%{top:0;left:90vw}}[block-11]{& :first-child{border-radius:5vw;width:80vw;height:5vw;animation:4s linear infinite block-11-rotate;top:50vw;left:50vw;translate:-50% -50%}& :nth-child(2){border-radius:5vw;width:5vw;height:80vw;animation:4s linear infinite block-11-rotate;top:50vw;left:50vw;translate:-50% -50%}& :nth-child(3){border-radius:5vw;width:5vw;height:5vw;top:47.5vw;left:30vw}& :nth-child(4){border-radius:5vw;width:5vw;height:5vw;top:47.5vw;right:30vw}}@keyframes block-11-rotate{0%{rotate:0}to{rotate:1turn}}.map{flex-direction:column;gap:10vw;width:100%;display:flex;position:relative;overflow-x:hidden}[game-block]{width:100vw;height:100vw;position:relative}.start-button{appearance:none;background-color:var(--point);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:100vw;place-self:center;padding:1vw 2.5vw;font-size:3vw;font-weight:bolder;line-height:5vw}.start-button.invisible{visibility:hidden;margin-bottom:100vw}.finish-line{flex-direction:column;align-items:center;margin-top:100vw;margin-bottom:20vw;display:flex;&>figure{opacity:.35;background:repeating-conic-gradient(#000 0% 25%,#fff 0% 50%) 0 0/10vw 10vw;width:100vw;height:10vw;transition:opacity .3s}&.all-points-collected{&>figure{opacity:1}}&>p{color:var(--warn);white-space:nowrap;text-align:center;margin-bottom:3vw;font-size:3vw;font-weight:bolder;line-height:5vw;&:first-child{color:var(--point);opacity:0}&:nth-child(2){color:var(--warn);opacity:1}}&.all-points-collected{&>p{color:var(--point);&:first-child{opacity:1}&:nth-child(2){opacity:0}}}}.deaths{&>figure{opacity:.2;pointer-events:none;background:#00f;border-radius:1vw;width:1vw;height:1vw;margin:0;padding:0;position:absolute;translate:-50% -50%}}.host-cursor{pointer-events:none;z-index:6;background:#c084fc;border-radius:50%;width:.9vw;height:.9vw;position:absolute;translate:-50% -50%;box-shadow:0 0 1vw .2vw #c084fc}.lose-dialog{color:#eee;background:#333;border:none;border-radius:15px;min-width:min(300px,100vw);padding:15px;position:fixed;inset:0;&>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}& h2{text-align:center;flex-basis:100%}& button{appearance:none;color:#000;background-color:var(--point);border:none;border-radius:100vmax;padding:8px 15px;font-size:2em;font-weight:bolder}&::backdrop{background:#fff2}}.win-dialog{color:#eee;background:#333;border:none;border-radius:15px;min-width:min(300px,100vw);padding:15px;position:fixed;inset:0;&>section{grid-template-areas:"h h h h""t t t t""b s g d""r r r r";gap:10px;display:grid;&>h2{text-align:center;flex-basis:100%;grid-area:h}&>span{grid-area:t}&>div{&>img{width:calc(20ch + 5vw);min-width:min(20ch,80vw);max-width:80vw;height:auto;display:block}&.not-win{&>img{opacity:.2}&>h3,&>p{opacity:.5}}&.bronze{grid-area:b}&.silver{grid-area:s}&.gold{grid-area:g}&.diamond{grid-area:d}}&>button{appearance:none;color:#000;background-color:var(--point);border:none;border-radius:100vmax;grid-area:r;justify-self:center;padding:8px 15px;font-size:2em;font-weight:bolder}}&::backdrop{background:#fff2}}.dev-room-panel[data-v-6ae31a61]{z-index:9999;color:#eee;text-align:left;background:#141414f2;border:1px solid #333;border-radius:8px;width:240px;padding:12px;font-family:monospace;font-size:12px;position:fixed;bottom:12px;right:12px;box-shadow:0 4px 16px #00000080}.dev-room-panel__header[data-v-6ae31a61]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dev-room-panel__title[data-v-6ae31a61]{letter-spacing:.08em;font-weight:700}.dev-room-panel__role[data-v-6ae31a61]{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.dev-room-panel__role.is-host[data-v-6ae31a61]{color:#6fdb6f;background:#143d14}.dev-room-panel__role.is-spec[data-v-6ae31a61]{color:#db6f6f;background:#3d1414}.dev-room-panel__field[data-v-6ae31a61]{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.dev-room-panel__field span[data-v-6ae31a61]{opacity:.7}.dev-room-panel__field input[data-v-6ae31a61]{color:#eee;background:#111;border:1px solid #444;border-radius:4px;padding:5px 6px;font-family:monospace;font-size:12px}.dev-room-panel__actions[data-v-6ae31a61]{gap:6px;display:flex}.dev-room-panel__actions button[data-v-6ae31a61]{color:#eee;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;flex:1;padding:6px 4px;font-family:monospace;font-size:11px}.dev-room-panel__actions button[data-v-6ae31a61]:hover{background:#333}.dev-room-panel__hint[data-v-6ae31a61]{opacity:.6;margin:8px 0 0;font-size:10px;line-height:1.4}main{color:#eee;background:#000;flex-direction:column;justify-content:start;align-items:center;min-height:100vh;display:flex;& span[yellow],& span[red],& span[green]{font-size:1.3em;font-weight:700}& span[yellow]{color:var(--warn)}& span[red]{color:var(--lose)}& span[green]{color:var(--point)}}.point-tracker{color:var(--point);z-index:5;pointer-events:none;font-size:2em;font-weight:700;position:fixed;top:25px;left:25px}.timer{z-index:5;pointer-events:none;font-size:2em;font-weight:700;position:fixed;top:25px;right:25px}