.event-play{--event-grid-width:calc(9em * 0.9);position:absolute;top:calc(-1*(var(--subheader-stack-height) + 6px));left:calc(var(--layout-padding) - 4px);right:calc(var(--layout-padding) - 4px);bottom:0;z-index:11;box-sizing:border-box;overflow:hidden;border-radius:.1em;touch-action:pan-y;background:var(--color--1);opacity:0;pointer-events:none}@media(orientation:portrait){.event-play{--event-grid-width:min(calc(9em * 0.9),calc((100vw - 2 * var(--layout-padding)) * 0.9))}}.event-play._active{opacity:1;pointer-events:all}@media(orientation:portrait){.event-play{top:0;bottom:0}}@media screen and (max-width:800px)and (orientation:landscape){.event-play{top:-10px}}.event-play--embedded{position:relative;top:auto;left:auto;right:auto;bottom:auto;z-index:auto;overflow:visible}.event-play--embedded .event-play__grid-viewport{width:9em;height:auto;aspect-ratio:1;-webkit-margin-after:0;margin-block-end:0}@media(orientation:portrait){.event-play--embedded .event-play__grid-viewport{width:var(--event-grid-width)}.event-play--embedded .event-play__carousel,.event-play--embedded .event-play__mid,.event-play--embedded .event-play__mid-group{width:100%}.event-play--embedded .event-play__arrows-row{width:var(--event-grid-width)}}.event-play--embedded .event-play__mid{align-items:flex-start;justify-content:center}@media(orientation:landscape){.event-play--embedded .event-play__mid{align-items:center;justify-content:center}}.event-play--embedded .event-play__mid-group{height:auto}@media(orientation:landscape){.event-play--embedded .event-play__mid-group{height:auto}.event-play--embedded .event-play__carousel{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}}.event-play__bg{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}.event-play__bg:after{content:"";position:absolute;inset:0;background:rgba(255,252,240,.25);pointer-events:none}.event-play__panel{position:relative;z-index:1;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box}.event-play__close{position:absolute;top:.35em;right:.35em;z-index:3;width:1.1em;height:1.1em;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:hsla(0,0%,100%,.92);border-radius:.12em;box-shadow:0 .04em .12em rgba(0,0,0,.12);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.event-play__close svg{width:.45em;height:.45em}.event-play__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.15em 0 .5em;box-sizing:border-box}.event-play__countdown{display:inline-flex;align-items:center;justify-content:center;padding:.12em .38em;border-radius:4px;background:hsla(0,0%,100%,.9);color:var(--color--2);font-size:.28em;font-weight:600;line-height:1.35}.event-play__title{margin:.4em 1.4em 0;padding:0;font-size:.56em;font-weight:700;line-height:1.15;color:var(--color--2);text-shadow:0 .02em .08em hsla(0,0%,100%,.85)}.event-play__hint{max-width:50em;font-size:.3em;font-weight:600;line-height:1.35;color:var(--color--2);text-shadow:0 .02em .06em hsla(0,0%,100%,.8);margin:1.5em .6em 0;min-height:1.35em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-play__mid{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;padding:.35em 0 .2em;box-sizing:border-box;pointer-events:none}@media(orientation:portrait){.event-play__mid{align-items:flex-start;justify-content:center}}.event-play__mid-group{position:relative;display:flex;align-items:center;justify-content:center;height:100%;pointer-events:auto}@media(orientation:landscape){.event-play__mid-group{flex-direction:column;justify-content:flex-end;align-items:center}}@media(orientation:portrait){.event-play__mid-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:auto}}.event-play__carousel{display:contents}@media(orientation:portrait){.event-play__carousel{display:flex;flex-direction:column;align-items:center;width:100%;gap:0;position:relative}}.event-play__grid-viewport{position:relative;overflow:hidden;flex-shrink:0;box-sizing:border-box;height:95%;aspect-ratio:1;border:.15em solid var(--color--1);border-radius:.1em;touch-action:none}@media(orientation:portrait){.event-play__grid-viewport{box-sizing:content-box;width:var(--event-grid-width);height:auto;aspect-ratio:1;-webkit-margin-after:0;margin-block-end:0}}@media(orientation:landscape){.event-play__grid-viewport{height:calc(100% - .55em);max-height:calc(100% - .55em);width:auto;aspect-ratio:1}}.event-play__grid{display:grid;grid-gap:.05em;gap:.05em;box-sizing:border-box;width:100%;height:100%;overflow:hidden;background:var(--color--1);flex-shrink:0}.event-play__grid._slide-next{animation:event-play-slide-next .28s ease-out both}.event-play__grid._slide-prev{animation:event-play-slide-prev .28s ease-out both}.event-play__grid._locked{position:relative;z-index:0;background:var(--color--1)}@keyframes event-play-slide-next{0%{transform:translateX(45%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes event-play-slide-prev{0%{transform:translateX(-45%);opacity:0}to{transform:translateX(0);opacity:1}}.event-play__lock-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.event-play__lock-overlay img{width:24%;height:24%;opacity:1}.event-play__cell{position:relative;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;cursor:pointer;overflow:hidden;min-height:0;min-width:0;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .12s ease,box-shadow .12s ease;background-repeat:no-repeat}.event-play__cell._easy{background-color:#7ce180}.event-play__cell._medium{background-color:#ffd37d}.event-play__cell._hard{background-color:#e88b8b}.event-play__cell._selected{z-index:1;background-color:#1b76ff;box-shadow:inset 0 0 0 .08em hsla(0,0%,100%,.95)}.event-play__cell._selected .event-play__cell-icon{transform:scale(1.12)}.event-play__cell._locked{background-color:var(--color--3)}.event-play__cell._locked,.event-play__cell._solved{cursor:default;pointer-events:none}.event-play__cell-icon{width:2.5em;height:2.5em;flex-shrink:0;transition:transform .12s ease}.event-play__cell-icon svg{width:100%;height:100%;display:block}.event-play__arrows-row{display:contents}@media(orientation:portrait){.event-play__arrows-row{position:relative;display:flex;align-items:center;justify-content:space-between;width:var(--event-grid-width);flex-shrink:0;-webkit-margin-before:-.18em;margin-block-start:-.18em;min-height:2.8em}}.event-play__arrow-spacer{display:none}@media(orientation:portrait){.event-play__arrow-spacer{display:block;width:2.8em;height:2.8em;flex-shrink:0;visibility:hidden}}.event-play__arrow{flex-shrink:0;width:2.95em;height:2.95em;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#fff;color:var(--color--2);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:2}.event-play__arrow .event-play__arrow-icon{position:relative;z-index:1}@media(orientation:landscape){.event-play__arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent}.event-play__arrow:before{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;transition:transform .15s ease;z-index:0}}@media(orientation:landscape)and (hover:hover){.event-play__arrow:hover:before{transform:scale(1.08)}}@media(orientation:landscape){.event-play__arrow--prev{right:100%;margin-right:1.32em}.event-play__arrow:not(.event-play__arrow--prev){left:100%;margin-left:1.32em}}@media(orientation:portrait){.event-play__arrow{position:static;transform:none;width:2.8em;height:2.8em;margin:0;background:#fff}}.event-play__arrow--prev .event-play__arrow-icon{transform:scaleX(-1)}.event-play__arrow svg{margin-left:.06em}.event-play__arrow--prev svg{margin-left:0;margin-right:.06em}@media(orientation:portrait){.event-play__arrow--prev{right:auto;margin-right:auto}.event-play__arrow:not(.event-play__arrow--prev){left:auto;margin-left:auto}}.event-play__dots{display:none;align-items:center;justify-content:center;gap:.22em;padding:0}@media(orientation:landscape){.event-play__dots{display:flex;margin-top:.3em;margin-bottom:.3em}}@media(orientation:portrait){.event-play__dots{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;width:-moz-fit-content;width:fit-content}}.event-play__dot{margin:0;width:.38em;height:.38em;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--color--1) 50%,transparent);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.event-play__dot._active{background:var(--color--1);transform:scale(1.25)}.event-play__play{position:relative;z-index:2;width:100%;max-width:8em;margin-top:.15em;height:2.85em;flex-shrink:0;border-radius:.2em;background:var(--color--1);color:var(--color--4);font-size:.35em;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.event-play__play:hover{background-color:color-mix(in srgb,var(--color--1) 80%,transparent)}.event-play__play._locked{background:#c4c4c4;color:#888;cursor:default;pointer-events:none}.event-play__play._download{background:var(--color--1);color:var(--color--4);cursor:pointer;pointer-events:all}.event-play__play._download:hover{background-color:color-mix(in srgb,var(--color--1) 80%,transparent)}@media(orientation:landscape){.event-play__mid{padding-top:.25em;padding-bottom:.25em}.event-play__play{margin-top:0}}