:root{--color-background: #fff;--color-primary: #234;--color-green: #34c759;--color-red: #d33;--color-pad-background: #e6f1ff55;--cover-ratio: 5/8}.turbo-progress-bar{display:none !important}h1,h2,h3,h4,h5,h6{color:#000;letter-spacing:-0.02em;margin:0 0 .5em 0}p{margin:0}p+p{margin-top:1em}ul{list-style:none;margin:0;padding:0}a,a:visited,a:visited:hover{color:rgba(0,0,0,.9);text-decoration-color:rgba(0,0,0,.15);text-underline-offset:.2em;transition:opacity .2s,color .2s}a.pseudo,a:visited.pseudo,a:visited:hover.pseudo{text-decoration-style:dashed}img{display:block;object-fit:cover;object-position:center}.admin-nav{display:flex;gap:1em;margin-top:2em;padding:0 3dvw}.page.admin{background:#fff;color:#333;font:1em/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue","sans-serif";margin:0}.page.admin main{padding:2em 3dvw 4em 3dvw}.page.admin main h1{margin-bottom:.75em}@media(max-width: 720px){.page.admin main{padding:1em 3dvw}}.page.app{-webkit-user-select:none;background:rgba(0,0,0,0);color:#333;cursor:default;display:flex;flex:1;flex-flow:column nowrap;font:1em/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue","sans-serif";justify-content:center;margin:0;min-height:100dvh;position:relative;user-select:none;width:100%}.page.app main{box-sizing:border-box;flex-grow:1}@media(max-width: 720px){.page.app{background:#000;overflow:hidden}.page.app main{overflow:auto;padding:0}}#header{align-items:center;display:flex;flex-flow:row nowrap;height:10dvh;padding:0 max(3vw,1em);pointer-events:none;position:fixed;top:0;left:0;z-index:1100}#header nav{display:flex;gap:1em;width:100%}#header nav .create{align-items:center;background:#f37;border:none;border-radius:.8em;color:#fff;font-size:.9em;margin-left:auto;padding:.5em .75em}#header nav .create svg{font-size:1.2em}#header .discord{color:#5865f2;display:flex;margin-left:auto;opacity:.8;transition:color .2s ease,transform .2s ease,opacity .2s ease}#header .discord:hover{color:#4752c4;opacity:1;transform:scale(1.1)}#header .discord .discord-icon{height:1.8em;width:1.8em}.home{backdrop-filter:blur(1em);background:rgba(0,0,0,.3333333333);border-radius:.8em;color:hsla(0,0%,100%,.6666666667) !important;font-size:.8em;font-variant-caps:all-small-caps;font-weight:500;letter-spacing:.05em;line-height:1;padding:.5em .75em;text-decoration:none}.sign-in-link{backdrop-filter:blur(1em);background:hsla(0,0%,100%,.1333333333);border-radius:.8em;color:#fff !important;font-size:.8em;font-weight:500;line-height:1;margin-left:auto;padding:.5em .75em;pointer-events:auto;text-decoration:none;transition:background .2s}.sign-in-link:hover{background:hsla(0,0%,100%,.2)}.feedback-button.hidden{display:none}.feedback-button{align-items:center;backdrop-filter:blur(1em);background:rgba(0,0,0,.3333333333);border-radius:.8em;color:hsla(0,0%,100%,.6666666667) !important;display:flex;font-size:.8em;font-weight:500;gap:.4em;line-height:1;margin-left:auto;padding:.5em .75em;pointer-events:auto;text-decoration:none;transition:background .2s}.feedback-button svg{fill:currentColor;height:1em;width:1em}.badge{background:#fa3;border-radius:.5em;box-sizing:border-box;color:#fff;font-size:.6em;letter-spacing:.05em;padding:.25em .5em;text-transform:uppercase}.button{--color: var(--color-primary);align-items:center;background:var(--color);border:1px solid var(--color);border-radius:.75em;box-sizing:border-box;color:#fff;display:inline-flex;font:1em/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue","sans-serif";gap:.5em;justify-content:center;padding:.75em 1em;text-align:center;text-decoration:none;transition:opacity .2s;vertical-align:middle;white-space:normal}.button.clear{background:none;border:none}.button.outline{background:none;border-color:var(--color);color:var(--color)}.button.danger{--color: var(--color-red)}.button.success{--color: var(--color-green)}.button.expand{width:100%}.button:not(:disabled){cursor:pointer}.button svg{height:1.1em;width:auto}.button.character{all:unset;cursor:pointer;width:6.5em}.button.character:hover{opacity:1}.button.character figure{display:flex;flex-flow:column nowrap;margin:0;position:relative}.button.character figure picture{aspect-ratio:1;margin-bottom:.5em;overflow:visible;position:relative;width:100%}.button.character figure picture img{border-radius:100%;display:block;height:100%;width:100%}.button.character figure figcaption{display:flex;flex-flow:column nowrap;gap:.2em;inset:0;justify-content:end;padding:0 0 0 .25em;position:absolute}.button.character figure figcaption .name{-webkit-text-stroke:.7em #fff;color:rgba(0,0,0,.8);font-size:.85em;line-height:1.3;max-width:80%;paint-order:stroke fill;text-overflow:ellipsis;text-stroke:.7em hsla(0,0%,100%,.8)}@media(max-width: 720px){.button.character{display:flex;flex-flow:column nowrap;gap:.5em;margin:0 -1rem;padding:.75rem 1rem;width:7em}.button.character figure figcaption .name{-webkit-text-stroke:.7em rgba(0,0,0,.8);color:hsla(0,0%,100%,.9333333333);text-stroke:.7em rgba(0,0,0,.8)}}.container{box-sizing:border-box;display:flex;flex-flow:column nowrap;gap:2em;margin:auto;width:100%}.feedback-overlay{align-items:center;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.feedback-backdrop{background:rgba(0,0,0,.7);inset:0;position:absolute}.feedback-form{background:#fff;border-radius:1.25em;box-sizing:border-box;max-width:24em;padding:1.75em;position:relative;width:calc(100% - 2em);z-index:1;animation:feedback-slide-up .3s ease-out}.feedback-form .close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5em;line-height:1;padding:.25em;position:absolute;right:.5em;top:.5em;transition:color .2s}.feedback-form .close:hover{color:#333}.feedback-form h3{color:#222;font-size:1.35em;font-weight:600;letter-spacing:-0.02em;margin:0 0 .25em;padding-right:1.5em}.feedback-form p{color:#666;font-size:.95em;margin:0 0 1.5em}.feedback-form form{display:flex;flex-flow:column nowrap;gap:1.25em}.feedback-form .rating{align-items:center;display:flex;justify-content:center;gap:.25em}.feedback-form .rating .star{cursor:pointer;position:relative}.feedback-form .rating .star input[type=radio]{opacity:0;position:absolute;pointer-events:none}.feedback-form .rating .star .icon{color:#ddd;display:block;font-size:2.25em;line-height:1;transition:color .15s,transform .15s;user-select:none}.feedback-form .rating .star .icon.selected{color:#f5a623}.feedback-form .message textarea{background:#f8f8f8;border:1px solid #eee;border-radius:.75em;box-sizing:border-box;font:1em/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue","sans-serif";outline:none;padding:.75em 1em;resize:none;width:100%}.feedback-form .message textarea:focus{border-color:#ccc;background:#fff}.feedback-form .actions{display:flex;flex-flow:column nowrap;gap:.5em}.feedback-form .actions .button.outline{--color: #999;font-weight:normal}@keyframes feedback-slide-up{from{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}.folder-uploader{aspect-ratio:1}.folder-uploader .paths{display:none}.folder-uploader .upload-area{align-items:center;border:1px dashed #ddd;border-radius:.5em;box-sizing:border-box;color:#aaa;cursor:pointer;display:flex;flex-flow:column;gap:.5em;height:100%;justify-content:center;position:relative;transition:all .2s ease}.folder-uploader .upload-area svg{height:2.5em;stroke:currentColor;width:2.5em}.folder-uploader .upload-area .spinner{border:3px solid #e0e0e0;border-radius:50%;border-top-color:#4a9eff;display:none;height:2em;width:2em;animation:spin .8s linear infinite}.folder-uploader .upload-area input.hidden{display:none}.folder-uploader .upload-area .status{color:#888;font-size:.75em;position:absolute;bottom:1em}.folder-uploader.uploading .upload-area{border-color:#4a9eff;pointer-events:none}.folder-uploader.uploading .upload-area .icon-folder{display:none}.folder-uploader.uploading .upload-area .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.markdown code{white-space:normal}.markdown em{color:#777;font-style:italic;letter-spacing:-0.02em}.markdown ul{display:flex;flex-flow:column nowrap;gap:.25em;list-style:disc}.markdown ul li{margin:0 0 0 1.5em}.markdown *+*{margin-top:1em}.markdown *+ul{margin-top:.5em}.oauth-buttons{display:flex;flex-direction:column;gap:.75em;width:100%}.oauth-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:.75em;color:#333;cursor:pointer;display:flex;font:500 .95em/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue","sans-serif";gap:.75em;justify-content:center;padding:.875em 1.25em;transition:background .2s,border-color .2s,box-shadow .2s;width:100%}.oauth-button:hover{background:#f8f8f8;border-color:#ccc;box-shadow:0 1px 3px rgba(0,0,0,.1)}.oauth-button:active{background:#f0f0f0}.oauth-button .oauth-icon{flex-shrink:0;height:1.25em;width:1.25em}.oauth-google{background:#fff;border-color:#ddd}.oauth-google:hover{background:#f8f9fa;border-color:#4285f4}.oauth-apple{background:#000;border-color:#000;color:#fff}.oauth-apple:hover{background:#1a1a1a;border-color:#333}.oauth-apple:active{background:#333}.slider{border-radius:1em;height:100vh;overflow:hidden;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:auto;-webkit-overflow-scrolling:touch;position:relative}.slider-wrapper{display:flex;flex-direction:column}.slider-item{align-items:center;display:flex;justify-content:center;height:100vh;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0}.slider-navigation{cursor:pointer;display:flex;flex-flow:column nowrap;gap:1em;height:100vh;justify-content:center;position:fixed;right:3dvw;top:50%;transform:translateY(-50%);z-index:10;pointer-events:none}.slider-navigation .slider-next,.slider-navigation .slider-prev{align-items:center;display:flex;justify-content:center;background:#fafafa;border-radius:100%;height:3.5em;width:3.5em;pointer-events:auto}.slider-navigation .slider-next.disabled,.slider-navigation .slider-prev.disabled{color:#ccc;cursor:default}.slider-navigation .slider-next svg,.slider-navigation .slider-prev svg{height:2em;width:2em}@media(max-width: 720px){.slider{border-radius:0;height:100dvh;margin-top:calc(-1*env(safe-area-inset-top, 0px));height:calc(100dvh + env(safe-area-inset-top, 0px))}.slider-item{height:100dvh;min-height:100dvh}.slider-navigation{display:none}}@media(max-height: 720px)and (max-width: 1024px){.slider{border-radius:0;height:100dvh;margin-top:calc(-1*env(safe-area-inset-top, 0px));height:calc(100dvh + env(safe-area-inset-top, 0px))}.slider-item{height:100dvh;min-height:100dvh}.slider-navigation{display:none}}textarea{border:1px solid #eee;border-radius:.75em;box-sizing:border-box;display:block;font:1em/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue","sans-serif";padding:1em;resize:none;width:100%}.page.admin.interactives.index .interactives{display:grid;gap:.5em;grid-template-columns:repeat(auto-fill, minmax(10em, 1fr))}.page.admin.interactives.index .interactives .item{aspect-ratio:1;border-radius:.5em;overflow:hidden;position:relative}.page.admin.interactives.index .interactives .item .score{align-items:center;background:rgba(0,0,0,.3333333333);border-radius:.75em;color:#fff;display:flex;font-size:.65em;gap:.25em;left:.75em;padding:.25em .5em;position:absolute;top:.75em;z-index:1}.page.admin.interactives.index .interactives .item .score svg{fill:currentColor;height:.8em;width:.8em}.page.admin.interactives.index .interactives .item picture{display:block;height:100%;width:100%}.page.admin.interactives.index .interactives .item picture img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.page.admin.interactives.index .interactives .item .overlay{background:linear-gradient(transparent 40%, rgba(0, 0, 0, 0.8));bottom:0;color:#fff;display:flex;flex-flow:column nowrap;gap:.35em;justify-content:flex-end;left:0;padding:.75em;position:absolute;right:0;top:0}.page.admin.interactives.index .interactives .item .name{font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page.admin.interactives.index .interactives .item .metrics{display:flex;justify-content:space-between}.page.admin.interactives.index .interactives .item .stats,.page.admin.interactives.index .interactives .item .rates{display:flex;font-size:.7em;gap:.75em;opacity:.8}.page.admin.interactives.index .interactives .item .stats .stat,.page.admin.interactives.index .interactives .item .rates .stat{align-items:center;display:flex;gap:.25em;line-height:1}.page.admin.interactives.index .interactives .item .stats .stat svg,.page.admin.interactives.index .interactives .item .rates .stat svg{display:block;fill:currentColor;flex-shrink:0;height:.75em;width:.75em}.page.admin.interactives.index .interactives .item .properties{display:flex;font-size:.8em;gap:1em}.page.admin.interactives.index .interactives .item .properties .property{cursor:pointer;display:flex;gap:.25em}.page.admin.interactives.index .interactives .item .properties .property input{cursor:pointer}.page.settings.index{padding:0 0 3em 0}.page.settings.index section.prompts{display:grid;gap:2em 1.5em;grid-template-columns:repeat(auto-fill, minmax(22em, 1fr))}.page.settings.index section.prompts .prompt{border:1px solid #eee;border-radius:.75em;box-sizing:border-box;display:flex;flex-flow:column nowrap;font-size:.9em}.page.settings.index section.prompts .prompt h4{font-weight:500;margin:1em}.page.settings.index section.prompts .prompt textarea{border:none}.page.settings.index section.prompts .prompt .button{margin:1em;font-size:.9em}.page.admin.users.index .group{display:flex;flex-flow:column nowrap;gap:.75em}.page.admin.users.index .group .stats{display:flex;font-size:.9em;gap:1.5em}.page.admin.users.index .group .stats .date{font-weight:500}.page.admin.users.index .group .stats .funnels{align-items:center;display:flex;gap:.5em}.page.admin.users.index .group .stats .funnels .arrow{color:#ddd;font-size:.8em}.page.admin.users.index .group .users{display:grid;gap:.25em;grid-template-columns:repeat(auto-fill, minmax(5.5em, 1fr))}@media(max-width: 720px){.page.admin.users.index .group .users{transform:scaleY(-1)}.page.admin.users.index .group .users>*{transform:scaleY(-1)}}.page.admin .user{background:#fafafa;box-sizing:border-box;cursor:default;display:flex;flex-flow:column nowrap;gap:.5em;padding:.75em}.page.admin .user header{align-items:center;color:#777;display:flex;font-size:.7em;gap:.75em;white-space:nowrap}.page.admin .user header .feedback-badge{font-size:.6rem}.page.admin .user header .created_at{color:#aaa;font-size:.6rem;margin-left:auto}.page.admin .user .inactive{align-items:end;color:#ccc;display:flex;font-size:.7em;height:1.5rem}.page.admin .user .charts{align-items:stretch;display:flex;flex-flow:row nowrap;height:2rem;gap:.25em}.page.admin .user .charts .chart{display:flex;height:100%;overflow:hidden}.page.admin .user .charts .chart .item{align-items:center;aspect-ratio:1;display:flex;justify-content:center;width:3px}.page.admin .user .charts .chart.runs{flex:1;margin-top:auto;overflow:hidden}.page.admin .user .charts .chart.runs .run{display:flex}.page.admin .user .charts .chart.runs .run .events{align-items:center;display:flex;flex-flow:column-reverse nowrap;height:100%;overflow:hidden}.page.admin .user .charts .chart.runs .run .events .item{background:rgba(119,119,221,.6666666667)}.page.admin .user .charts .chart.runs .run .events .item.returned{background:#5a5}.page.admin .user .charts .chart.runs .run:not(.finished) .item{opacity:.3}.page.admin .user footer{align-items:center;display:flex;color:#aaa;font-size:.7em;gap:.5em;white-space:nowrap;width:100%}.page.admin .user footer .activity{color:#777;display:flex;font-size:.6rem;gap:.5em;margin-left:auto}.page.admin .user footer .activity svg{fill:currentColor;height:.8em;width:.8em}.page.admin .user footer .activity .rewinds{align-items:center;display:flex;font-size:.6rem;gap:.25em}.page.admin.users.index main{display:flex;flex-flow:column nowrap;gap:1em}.page.admin.users.index main .groups{display:flex;flex-flow:column nowrap;gap:2em}.page.admin.feedbacks.index main{display:flex;flex-flow:column nowrap;gap:1em}.page.admin.feedbacks.index .feedbacks-list{display:grid;gap:2em;grid-template-columns:repeat(auto-fill, minmax(16em, 1fr))}.page.admin.feedbacks.index .feedback-item{display:flex;flex-direction:column;gap:.75em}.page.admin.feedbacks.index .feedback-item header{align-items:center;display:flex;gap:1em}.page.admin.feedbacks.index .feedback-item .stars{display:flex;gap:.15em}.page.admin.feedbacks.index .feedback-item .stars .star{color:#e0e0e0;font-size:1.25em;line-height:1}.page.admin.feedbacks.index .feedback-item .stars .star.filled{color:#f5a623}.page.admin.feedbacks.index .feedback-item .date{align-items:center;color:#999;display:flex;font-size:.8em;gap:.35em}.page.admin.feedbacks.index .feedback-item .date .flag{font-size:1.1em}.page.admin.feedbacks.index .feedback-item .message{background:#fafafa;border-radius:.5em;color:#333;font-size:.95em;font-weight:500;line-height:1.5;padding:.75em 1em}.characters{box-sizing:border-box;color:#000;display:flex;flex-flow:column nowrap;gap:1em}.characters h5{color:#999;font-size:.9em;font-weight:400;margin:0;text-transform:none}.characters ul{display:flex;flex-flow:row wrap;gap:1.25em 1em;overflow:auto}@media(max-width: 720px){.characters{box-sizing:border-box;color:#000;font-size:.9em;gap:.5em}.characters h5{color:hsla(0,0%,100%,.6);font-size:.8em;font-variant-caps:all-small-caps;font-weight:normal;letter-spacing:.05em;margin:0}.characters ul{-ms-overflow-style:none;display:flex;flex-flow:row nowrap;gap:1em;margin:0 -1.5rem;overflow:auto;padding:0 1.5rem;scrollbar-width:none}}.controls{display:flex;flex-flow:column nowrap;flex-flow:column-reverse nowrap;margin-top:auto;padding:1em 0}.controls .stack{display:flex;flex-flow:column nowrap;flex-flow:column-reverse nowrap;margin:0 -0.75em}.controls .stack .control{all:unset;align-items:center;display:flex;justify-content:center;aspect-ratio:1;cursor:pointer;position:relative;width:3em}.controls .stack .control.favorite.active{color:var(--color-red)}.controls .stack .control.favorite.active svg{fill:currentColor}.controls .stack .control svg{height:1.5em;width:1.5em}.controls .stack .control .counter{backdrop-filter:blur(1em);background:hsla(0,0%,100%,.3333333333);border-radius:.8em;bottom:.75em;color:#333;font-size:.6em;line-height:1;padding:.2em;position:absolute;right:.75em;z-index:10}@media(max-width: 720px){.controls{display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:0;padding:1em 0}.controls .stack{display:flex;flex-flow:row nowrap}.controls .stack .control{color:#ccc;margin:0;padding:0}.controls .stack .control .counter{background:rgba(0,0,0,.3333333333);color:#aaa}}.game{align-items:stretch;box-sizing:border-box;display:flex;flex-flow:row nowrap;gap:2em;height:100%;justify-content:center;margin:auto;outline:none;position:relative;width:100%}.game .cover{aspect-ratio:.5625;height:70dvh;position:relative}.game .cover picture{aspect-ratio:.5625;height:70dvh;margin:0;position:absolute;top:15dvh}.game .cover picture img{background:rgba(68,102,0,.0274509804);border-radius:1em;height:100%;width:100%}.game .overlay{box-sizing:border-box;display:flex;flex-flow:column nowrap;gap:.35em;margin-top:auto;max-width:50ch;min-height:100dvh;padding:15dvh 0}.game .overlay .meta{display:flex;flex-flow:column nowrap;gap:.35em;margin:2em 0}.game .overlay .meta .name{font-size:1.4em;letter-spacing:-0.02em;margin:0;max-width:30ch}.game .overlay .meta .name a{color:inherit}.game .overlay .meta .description{font-size:1.1em;max-width:35ch}@media(max-width: 720px){.game{aspect-ratio:none;box-sizing:border-box;cursor:default;display:flex;flex-flow:column nowrap;height:100dvh;overflow:hidden;position:relative}.game .cover{height:100%;inset:0;position:absolute;width:100%;z-index:0}.game .cover picture{height:100%;top:0;width:100%}.game .cover picture img{border-radius:0}.game .overlay{background:linear-gradient(transparent, rgba(0, 0, 0, 0.3333333333) 15em, rgba(0, 0, 0, 0.8666666667) 25em);color:hsla(0,0%,100%,.9333333333);height:fit-content;justify-content:flex-end;max-width:100%;overflow:hidden;padding:12em 1.5rem 0 1.5rem;position:relative;width:100%;z-index:1}.game .overlay .meta{justify-content:end;text-shadow:0 0 .5em #000,0 0 1em #000}.game .overlay .meta .name{color:#fff;font-size:1.2em;letter-spacing:-0.02em;margin:0;max-width:30ch}.game .overlay .meta .name a{color:#fff}.game .overlay .meta .description{color:hsla(0,0%,100%,.8);font-size:.9em;max-width:30ch}}.page.games.index section.games .swiper,.page.games.show section.games .swiper{height:100dvh}.page.games.index section.games .swiper-navigation,.page.games.show section.games .swiper-navigation{cursor:pointer;display:flex;flex-flow:column nowrap;gap:1em;height:100%;justify-content:center;position:absolute;right:0;z-index:10}.page.games.index section.games .swiper-navigation .swiper-next,.page.games.index section.games .swiper-navigation .swiper-prev,.page.games.show section.games .swiper-navigation .swiper-next,.page.games.show section.games .swiper-navigation .swiper-prev{align-items:center;display:flex;justify-content:center;background:#fafafa;border-radius:100%;height:3.5em;width:3.5em}.page.games.index section.games .swiper-navigation .swiper-next.swiper-button-disabled,.page.games.index section.games .swiper-navigation .swiper-prev.swiper-button-disabled,.page.games.show section.games .swiper-navigation .swiper-next.swiper-button-disabled,.page.games.show section.games .swiper-navigation .swiper-prev.swiper-button-disabled{cursor:default;color:#ccc}.page.games.index section.games .swiper-navigation .swiper-next svg,.page.games.index section.games .swiper-navigation .swiper-prev svg,.page.games.show section.games .swiper-navigation .swiper-next svg,.page.games.show section.games .swiper-navigation .swiper-prev svg{height:2em;width:2em}@media(max-width: 720px){.page.games.index section.games .swiper .swiper-navigation,.page.games.show section.games .swiper .swiper-navigation{display:none}}.page.games .editor main{align-items:center;display:flex;justify-content:center;height:100%;width:100%}.page.games .editor main section.form{max-width:60ch;width:100%}.page.games .editor main section.form .actions{display:flex;gap:.5em;justify-content:space-between;margin-top:.5em}.page.games .editor main section.form .actions .delete{margin:0 -1em}.page.games .editor main section.form .actions .delete svg{font-size:1.2em}@media(max-width: 720px){.page.games .editor main{padding:4em 1.5em}.page.games .editor main h1{color:#fff}}.stats{display:flex;gap:1em}.stats .stat{align-items:center;display:flex;gap:.5em}.stats .stat svg{height:1em;width:auto}.page.interactives.index section.interactives .slider,.page.interactives.show section.interactives .slider{border-radius:1em;overflow:hidden;overflow-y:scroll}.page.interactives.index section.interactives .interactive,.page.interactives.show section.interactives .interactive{border-radius:1em;overflow:hidden;overflow-y:scroll;position:relative}.page.interactives.index section.interactives .interactive>.interactive-loader,.page.interactives.show section.interactives .interactive>.interactive-loader{z-index:5}.page.interactives.index section.interactives .interactive>.nodes-container,.page.interactives.show section.interactives .interactive>.nodes-container{inset:0;position:absolute;pointer-events:none;visibility:hidden;z-index:1}.page.interactives.index section.interactives .interactive>.nodes-container>div,.page.interactives.show section.interactives .interactive>.nodes-container>div{inset:0;position:absolute;transition:opacity .2s ease-out;z-index:1}.page.interactives.index section.interactives .interactive>.nodes-container>div:last-child,.page.interactives.show section.interactives .interactive>.nodes-container>div:last-child{z-index:2}.page.interactives.index section.interactives .interactive>.interactive-controls,.page.interactives.show section.interactives .interactive>.interactive-controls{bottom:1.5em;position:absolute;right:1.5em;z-index:1100}.page.interactives.index section.interactives .screen,.page.interactives.show section.interactives .screen{aspect-ratio:.5625;background:#000;height:80dvh;overflow:hidden;position:relative;width:auto}.page.interactives.index section.interactives .screen.rendering .event.video,.page.interactives.index section.interactives .screen.rendering video,.page.interactives.show section.interactives .screen.rendering .event.video,.page.interactives.show section.interactives .screen.rendering video{opacity:0 !important;visibility:hidden !important;transition:none !important}.page.interactives.index section.interactives .screen .event.video,.page.interactives.show section.interactives .screen .event.video{inset:0;position:absolute;z-index:1}.page.interactives.index section.interactives .screen video,.page.interactives.show section.interactives .screen video{inset:0;position:absolute;height:100%;object-fit:cover;object-position:center;width:100%;transition:opacity .15s ease-out;z-index:1}.page.interactives.index section.interactives [data-resume=true] .screen .event.video,.page.interactives.index section.interactives [data-resume=true] .screen video,.page.interactives.show section.interactives [data-resume=true] .screen .event.video,.page.interactives.show section.interactives [data-resume=true] .screen video{opacity:0}@media(max-width: 720px){.page.interactives.index section.interactives,.page.interactives.show section.interactives{overflow:hidden;margin:0;padding:0}.page.interactives.index section.interactives .slider,.page.interactives.show section.interactives .slider{border-radius:0}.page.interactives.index section.interactives .interactive,.page.interactives.show section.interactives .interactive{border-radius:0;height:100dvh}.page.interactives.index section.interactives .screen,.page.interactives.show section.interactives .screen{height:100dvh;width:100dvw;margin:0;padding:0}.page.interactives.index section.interactives .interactive-controls,.page.interactives.show section.interactives .interactive-controls{bottom:calc(env(safe-area-inset-bottom, 0px) + 1em);right:1em}}@media(max-height: 720px)and (max-width: 1024px){.page.interactives.index section.interactives,.page.interactives.show section.interactives{overflow:hidden;margin:0;padding:0}.page.interactives.index section.interactives .slider,.page.interactives.show section.interactives .slider{border-radius:1em;overflow:hidden;overflow-y:scroll}.page.interactives.index section.interactives .interactive,.page.interactives.show section.interactives .interactive{border-radius:0;height:100dvh}.page.interactives.index section.interactives .screen,.page.interactives.show section.interactives .screen{height:100dvh;width:100dvw;margin:0;padding:0}.page.interactives.index section.interactives .interactive-controls,.page.interactives.show section.interactives .interactive-controls{bottom:calc(env(safe-area-inset-bottom, 0px) + 1em);right:1em}}.page.interactives.index section.interactives .interactive .play,.page.interactives.show section.interactives .interactive .play{inset:0;position:absolute;align-items:center;display:flex;justify-content:center;background:rgba(0,0,0,.35);color:#fff;cursor:pointer;font-size:16px;gap:.5rem;transition:opacity .2s;user-select:none;z-index:10;transform:translateZ(0);will-change:opacity}.page.interactives.index section.interactives .interactive .play:not(.hidden),.page.interactives.show section.interactives .interactive .play:not(.hidden){opacity:1}.page.interactives.index section.interactives .interactive .play.hidden,.page.interactives.show section.interactives .interactive .play.hidden{opacity:0;pointer-events:none}.page.interactives.index section.interactives .interactive .play .play-button,.page.interactives.show section.interactives .interactive .play .play-button{align-items:center;display:flex;justify-content:center;-webkit-backdrop-filter:blur(0.5em);backdrop-filter:blur(0.5em);backface-visibility:hidden;background:hsla(0,0%,100%,.1);border-radius:100%;height:5em;position:relative;transform:translateZ(0);will-change:backdrop-filter;width:5em}.page.interactives.index section.interactives .interactive .play .play-button .play-icon,.page.interactives.show section.interactives .interactive .play .play-button .play-icon{color:#fff;fill:currentcolor;height:2.5em;stroke:none;width:2.5em}@keyframes loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.page.interactives.index section.interactives .interactive,.page.interactives.show section.interactives .interactive{transition:filter .3s ease}.page.interactives.index section.interactives .interactive.loading,.page.interactives.show section.interactives .interactive.loading{filter:brightness(0.7);pointer-events:none}.page.interactives.index section.interactives .interactive:has(.play:not(.hidden)),.page.interactives.show section.interactives .interactive:has(.play:not(.hidden)){filter:none}.page.interactives.index section.interactives .interactive:has(.play:not(.hidden)) .interactive-loader,.page.interactives.show section.interactives .interactive:has(.play:not(.hidden)) .interactive-loader{opacity:0}.page.interactives.index section.interactives .interactive:has(.play:not(.hidden)) .interactive-loader::after,.page.interactives.show section.interactives .interactive:has(.play:not(.hidden)) .interactive-loader::after{animation-play-state:paused}.page.interactives.index section.interactives .interactive .interactive-loader,.page.interactives.show section.interactives .interactive .interactive-loader{align-items:center;background:rgba(0,0,0,0);display:flex;height:100%;inset:0;justify-content:center;pointer-events:none;position:absolute;width:100%;z-index:10;opacity:0;transition:opacity .3s ease}.page.interactives.index section.interactives .interactive .interactive-loader::after,.page.interactives.show section.interactives .interactive .interactive-loader::after{animation:loader-spin 1s linear infinite;animation-play-state:paused;border:.25em solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:hsla(0,0%,100%,.8);content:"";height:2em;margin:0;transform-origin:center;width:2em;will-change:transform}.page.interactives.index section.interactives .interactive .interactive-loader.hidden,.page.interactives.show section.interactives .interactive .interactive-loader.hidden{opacity:0}.page.interactives.index section.interactives .interactive .interactive-loader.hidden::after,.page.interactives.show section.interactives .interactive .interactive-loader.hidden::after{animation-play-state:paused}.page.interactives.index section.interactives .interactive .interactive-loader:not(.hidden),.page.interactives.show section.interactives .interactive .interactive-loader:not(.hidden){opacity:1}.page.interactives.index section.interactives .interactive .interactive-loader:not(.hidden)::after,.page.interactives.show section.interactives .interactive .interactive-loader:not(.hidden)::after{animation-play-state:running}.page.interactives.index section.interactives .interactive-controls,.page.interactives.show section.interactives .interactive-controls{display:flex;flex-flow:row nowrap;justify-content:flex-start;opacity:.8;padding:0;transition:opacity .2s}.page.interactives.index section.interactives .interactive-controls:hover,.page.interactives.show section.interactives .interactive-controls:hover{opacity:1}.page.interactives.index section.interactives .interactive-controls .stack,.page.interactives.show section.interactives .interactive-controls .stack{display:flex;flex-flow:row nowrap;gap:.5em}.page.interactives.index section.interactives .interactive-controls .stack form,.page.interactives.show section.interactives .interactive-controls .stack form{display:contents}.page.interactives.index section.interactives .interactive-controls .stack .control,.page.interactives.show section.interactives .interactive-controls .stack .control{all:unset;align-items:center;cursor:pointer;display:flex;height:3em;justify-content:center;position:relative;transition:transform .2s,color .2s;width:3em}.page.interactives.index section.interactives .interactive-controls .stack .control:hover,.page.interactives.show section.interactives .interactive-controls .stack .control:hover{transform:scale(1.05)}.page.interactives.index section.interactives .interactive-controls .stack .control:active,.page.interactives.show section.interactives .interactive-controls .stack .control:active{transform:scale(0.95)}.page.interactives.index section.interactives .interactive-controls .stack .control.favorite svg,.page.interactives.show section.interactives .interactive-controls .stack .control.favorite svg{color:#fff;fill:currentColor}.page.interactives.index section.interactives .interactive-controls .stack .control.favorite.active svg,.page.interactives.show section.interactives .interactive-controls .stack .control.favorite.active svg{color:var(--color-red)}.page.interactives.index section.interactives .interactive-controls .stack .control svg,.page.interactives.show section.interactives .interactive-controls .stack .control svg{height:2em;width:2em}.page.interactives.index section.interactives .interactive-controls .stack .control .counter,.page.interactives.show section.interactives .interactive-controls .stack .control .counter{bottom:.6em;color:#fff;font-size:.7em;line-height:1;position:absolute;right:.4em;z-index:10}.page.interactives.index section.interactives .screen .event.outcome,.page.interactives.show section.interactives .screen .event.outcome{align-items:flex-start;background:rgba(0,0,0,.35);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;padding-left:1.5em;padding-right:calc(max(3vw,1em) + .5em + 5em);pointer-events:all;position:absolute;top:0;transition:opacity .5s ease-out;width:100%;will-change:opacity;z-index:1000}.page.interactives.index section.interactives .screen .event.outcome.hidden,.page.interactives.show section.interactives .screen .event.outcome.hidden{opacity:0;pointer-events:none}.page.interactives.index section.interactives .screen .event.outcome .outcome,.page.interactives.show section.interactives .screen .event.outcome .outcome{font-size:1.6em;font-weight:500}.page.interactives.index section.interactives .screen .event.outcome .explanation,.page.interactives.show section.interactives .screen .event.outcome .explanation{font-size:1.2em;margin-top:1em;margin-right:-5rem;text-align:left}.page.interactives.index section.interactives .screen .event.outcome .actions,.page.interactives.show section.interactives .screen .event.outcome .actions{bottom:1.5em;display:flex;flex-direction:column;gap:.5em;left:1.5em;position:absolute;right:calc(max(3vw,1em) + .5em + 5em)}.page.interactives.index section.interactives .screen .event.outcome .actions form,.page.interactives.index section.interactives .screen .event.outcome .actions .next,.page.interactives.show section.interactives .screen .event.outcome .actions form,.page.interactives.show section.interactives .screen .event.outcome .actions .next{display:contents}.page.interactives.index section.interactives .screen .event.outcome .actions .button,.page.interactives.show section.interactives .screen .event.outcome .actions .button{-webkit-backdrop-filter:blur(0.5em);all:unset;align-items:center;backdrop-filter:blur(0.5em);background:rgba(0,0,0,.3);border-radius:1em;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:500;justify-content:center;padding:1em 1em;transition:background .2s,transform .2s;width:fit-content}.page.interactives.index section.interactives .screen .event.outcome .actions .button:hover,.page.interactives.show section.interactives .screen .event.outcome .actions .button:hover{background:rgba(0,0,0,.5);transform:scale(1.02)}.page.interactives.index section.interactives .screen .event.outcome .actions .button:active,.page.interactives.show section.interactives .screen .event.outcome .actions .button:active{transform:scale(0.98)}.page.interactives.index section.interactives .screen .event.outcome .actions form.rewind .button,.page.interactives.show section.interactives .screen .event.outcome .actions form.rewind .button{gap:.5em}.page.interactives.index section.interactives .screen .event.outcome .actions form.rewind .button .rewind-balance,.page.interactives.show section.interactives .screen .event.outcome .actions form.rewind .button .rewind-balance{background:hsla(0,0%,100%,.2);border-radius:.5em;font-size:.85em;min-width:1.5em;padding:.15em .4em;text-align:center}.rewind-empty-popup{display:flex;inset:0;overflow-y:auto;padding:1em;position:fixed;z-index:9999}.rewind-empty-popup.hidden{display:none}.rewind-empty-popup .popup-backdrop{background:rgba(0,0,0,.7);inset:0;position:fixed}.rewind-empty-popup .popup-content{-webkit-backdrop-filter:blur(1em);animation:popup-slide-up .3s ease-out;backdrop-filter:blur(1em);background:rgba(30,30,30,.9);border-radius:1.25em;box-sizing:border-box;color:#fff;margin:auto;max-width:24em;padding:2em;position:relative;text-align:center;width:100%;z-index:1}.rewind-empty-popup .popup-content .hidden{display:none}.rewind-empty-popup .popup-content .popup-offer .popup-icon{font-size:3em;margin-bottom:.25em}.rewind-empty-popup .popup-content .popup-offer h3{color:#fff;font-size:1.3em;font-weight:600;margin:0 0 1em}.rewind-empty-popup .popup-content .popup-offer .popup-products{display:flex;flex-direction:column;gap:.5em;margin-bottom:1em}.rewind-empty-popup .popup-content .popup-offer .popup-buy{align-items:center;background:linear-gradient(135deg, #6366f1, #8b5cf6);border:none;border-radius:.75em;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:600;justify-content:space-between;padding:.85em 1.25em;transition:transform .2s,box-shadow .2s;width:100%}.rewind-empty-popup .popup-content .popup-offer .popup-buy .product-amount{font-weight:500}.rewind-empty-popup .popup-content .popup-offer .popup-buy .product-price{background:hsla(0,0%,100%,.2);border-radius:.5em;font-weight:700;padding:.25em .6em}.rewind-empty-popup .popup-content .popup-offer .popup-buy:hover{box-shadow:0 4px 20px rgba(99,102,241,.4);transform:scale(1.02)}.rewind-empty-popup .popup-content .popup-offer .popup-buy:active{transform:scale(0.98)}.rewind-empty-popup .popup-content .popup-offer .popup-close{background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:.9em;padding:.5em;transition:color .2s}.rewind-empty-popup .popup-content .popup-offer .popup-close:hover{color:hsla(0,0%,100%,.8)}.rewind-empty-popup .popup-content .popup-loading{padding:2em 0}.rewind-empty-popup .popup-content .popup-loading .popup-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#8b5cf6;height:2.5em;margin:0 auto 1em;width:2.5em}.rewind-empty-popup .popup-content .popup-loading p{color:hsla(0,0%,100%,.7);margin:0}.rewind-empty-popup .popup-content:has(.popup-checkout:not(.hidden)){overflow:hidden;padding:0}.rewind-empty-popup .popup-content .popup-checkout #stripe-checkout{min-height:300px}.rewind-empty-popup .popup-content .popup-success{padding:1em 0}.rewind-empty-popup .popup-content .popup-success .popup-icon{font-size:3em;margin-bottom:.25em}.rewind-empty-popup .popup-content .popup-success h3{color:#fff;font-size:1.3em;font-weight:600;margin:0 0 .5em}.rewind-empty-popup .popup-content .popup-success p{color:hsla(0,0%,100%,.7);margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popup-slide-up{from{opacity:0;transform:translateY(1em) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes decision-point-show{from{transform:translateY(1em)}to{transform:translateY(0)}}@keyframes decision-point-hide{from{transform:translateY(0)}to{transform:translateY(100%)}}.page.interactives.index section.interactives .screen .event.decision_point,.page.interactives.show section.interactives .screen .event.decision_point{bottom:0;box-sizing:border-box;left:1.5em;padding:1.5em 0;position:absolute;right:calc(max(3vw,1em) + .5em + 5em);user-select:none;z-index:10}.page.interactives.index section.interactives .screen .event.decision_point:not(.hidden):not(.hiding),.page.interactives.show section.interactives .screen .event.decision_point:not(.hidden):not(.hiding){animation:decision-point-show .4s ease-out forwards}.page.interactives.index section.interactives .screen .event.decision_point.hiding,.page.interactives.show section.interactives .screen .event.decision_point.hiding{animation:decision-point-hide .2s ease-out forwards;pointer-events:none}.page.interactives.index section.interactives .screen .event.decision_point.hidden,.page.interactives.show section.interactives .screen .event.decision_point.hidden{pointer-events:none;transform:translateY(100%);visibility:hidden}.page.interactives.index section.interactives .screen .event.decision_point header,.page.interactives.show section.interactives .screen .event.decision_point header{display:flex;flex-flow:column nowrap;gap:.5em;margin:0 0 1em 0}.page.interactives.index section.interactives .screen .event.decision_point header h4,.page.interactives.show section.interactives .screen .event.decision_point header h4{color:#fff;font-size:1em;font-weight:500;margin:0;text-shadow:0 0 .5em rgba(0,0,0,.8)}.page.interactives.index section.interactives .screen .event.decision_point .choices,.page.interactives.show section.interactives .screen .event.decision_point .choices{display:flex;flex-flow:column nowrap;gap:.5em;white-space:nowrap}.page.interactives.index section.interactives .screen .event.decision_point .choices .button,.page.interactives.show section.interactives .screen .event.decision_point .choices .button{-webkit-backdrop-filter:blur(0.5em);backdrop-filter:blur(0.5em);background:rgba(0,0,0,.3);border-radius:1em;color:#fff;cursor:pointer;padding:1em 1em;transition:background .2s,transform .2s;width:fit-content}.page.interactives.index section.interactives .screen .event.decision_point .choices .button:active,.page.interactives.show section.interactives .screen .event.decision_point .choices .button:active{background:rgba(0,0,0,.5);transform:scale(0.98)}.page.interactives.index section.interactives .screen .event.scene,.page.interactives.show section.interactives .screen .event.scene{bottom:2em;left:1.5em;pointer-events:none;position:absolute;right:calc(max(3vw,1em) + .5em + 5em);z-index:20}.page.interactives.index section.interactives .screen .event.scene .headline,.page.interactives.show section.interactives .screen .event.scene .headline{color:#fff;font-size:1.1em;font-weight:500;opacity:1;transition:opacity .5s ease-out,visibility .5s ease-out;visibility:visible}.page.interactives.index section.interactives .screen .event.scene .headline.hidden,.page.interactives.show section.interactives .screen .event.scene .headline.hidden{opacity:0;visibility:hidden}#interactive-debug-panel{background:rgba(0,0,0,.85);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:10px;line-height:1.3;max-height:90vh;min-width:280px;overflow-y:auto;padding:12px;position:fixed;left:1em;right:1em;top:1em;z-index:9999;display:none}#interactive-debug-panel .debug-title{border-bottom:1px solid hsla(0,0%,100%,.2);font-weight:bold;margin-bottom:8px;padding-bottom:6px}#interactive-debug-panel .debug-section{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:8px;padding-bottom:6px}#interactive-debug-panel .debug-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}#interactive-debug-panel .debug-line{display:flex;justify-content:space-between;margin-bottom:3px;word-break:break-word}#interactive-debug-panel .debug-line:last-child{margin-bottom:0}#interactive-debug-panel .debug-label{color:#aaa;flex-shrink:0;margin-right:8px;min-width:100px}#interactive-debug-panel .debug-value{color:#fff;font-weight:500;text-align:right;word-break:break-all}@media(max-width: 720px){#interactive-debug-panel{font-size:10px;min-width:200px;padding:10px;right:10px;top:10px}}.event.action+.action{margin-top:-1em}.event.action .content{color:#333;font-style:italic}.event.character{border-bottom:1px dashed #eee;padding-bottom:1.5rem}.event.character header{align-items:center;display:flex;font-size:.8em;gap:.75em;margin-bottom:.75em}.event.character header img{border-radius:100%;display:block;flex:0 0 auto;height:1.5em;inset:0;object-fit:cover;object-position:center;overflow:hidden;width:1.5em}.event.character header .content{color:#aaa}.event.choice header{align-items:center;display:flex;font-size:.8em;gap:.75em;margin-bottom:.75em}.event.choice header img{border-radius:100%;display:block;flex:0 0 auto;height:1.5em;inset:0;object-fit:cover;object-position:center;overflow:hidden;width:1.5em}.event.choice header .content{color:#aaa}.event.dialogue{box-sizing:border-box;display:flex;gap:1em;padding:.5em 0;width:fit-content}.event.dialogue+.dialogue{margin-top:-1.5em}.event.dialogue.own .bubble header .role{background:color-mix(in srgb, var(--role-color) 7%, transparent);border-radius:.25em;margin:-0.25em .25em -0.25em -0.25em;padding:.25em}.event.dialogue .avatar{background:#eee;border-radius:100%;flex:0 0 auto;height:3.5em;overflow:hidden;width:3.5em}.event.dialogue .avatar img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;width:100%;z-index:0}.event.dialogue .bubble header{font-size:.85em;margin:0 0 .25em 0}.event.dialogue .bubble header .role{color:var(--role-color);display:inline;font-weight:500;margin-right:.5em}.event.dialogue .bubble header .parenthetical{color:#999;display:inline}.event.dialogue .bubble .content{color:#333}.event.gameover{border-top:1px dashed #eee;box-sizing:border-box;display:flex;flex-flow:column nowrap;margin:1.5em 0 0 0;padding-top:1.5em}.event.gameover .content{align-items:center;display:flex;gap:1em}.event.gameover .content .message{font-size:1.1em}.event.gameover .content .icon{font-size:4em}.event.gameover .actions{display:flex;gap:.5em;margin-top:1em}@media(max-width: 720px){.event.gameover{gap:1.5em}}.event.secret{box-sizing:border-box;max-width:60ch;padding:calc(.5em - 1px) calc(.75em - 1px);width:fit-content}.event.secret.own header{display:none}.event.secret:not(.own){background:color-mix(in srgb, var(--role-color) 3%, transparent)}.event.secret:not(.own) header{align-items:center;color:rgba(51,51,51,.9333333333);display:flex;font-size:.8em;font-weight:500;gap:.5em;margin:0 0 .25em 0}.event.secret:not(.own) header .role{color:var(--role-color)}#screenplay{align-items:stretch;box-sizing:border-box;display:flex;flex-flow:row-reverse nowrap;gap:4em;height:100dvh;justify-content:center;margin:auto;outline:none}#screenplay section.events{box-sizing:border-box;display:flex;flex-flow:column nowrap;flex:1;gap:2em;justify-content:end;margin-top:auto;max-width:50ch;min-height:100dvh;padding:10dvh 0}#screenplay section.screen{aspect-ratio:.5625;height:80dvh;position:relative}#screenplay section.screen .interactive-loader{inset:0;position:absolute;z-index:10}#screenplay section.screen.loading{filter:brightness(0.7);pointer-events:none;transition:filter .4s ease}#screenplay section.screen.loading .interactive-loader{opacity:1}#screenplay section.screen.loading .interactive-loader::after{animation-play-state:running}#screenplay section.screen picture{aspect-ratio:.5625;height:80dvh;margin:0;position:fixed;top:10dvh}#screenplay section.screen picture img{background:rgba(68,102,0,.0274509804);border-radius:1em;height:100%;width:100%}@media(max-width: 720px){#screenplay{flex:1;height:100dvh;overflow:auto;padding-top:50dvh;position:relative}#screenplay section.events{backdrop-filter:blur(0.5em);background:hsla(0,0%,100%,.9333333333);border-radius:1.5em 1.5em 0 0;gap:1.75em;min-height:auto;padding:2em 1.5em;z-index:20}#screenplay section.events::before{background:#ddd;border-radius:1em;content:"";height:.25em;margin:auto;position:relative;top:-1em;width:4em}#screenplay section.screen{inset:0;position:absolute;pointer-events:none;z-index:0}#screenplay section.screen picture{aspect-ratio:auto;height:100dvh;top:0}#screenplay section.screen picture img{border-radius:0}}.page.matches.show #header{position:fixed}.page.matches.show main{align-items:center;display:flex;justify-content:center;overflow:auto}@media(max-width: 720px){.page.matches.show main{overflow:hidden}}.page.onboardings.show{box-sizing:border-box;display:flex;flex-flow:column nowrap;justify-content:center}.page.onboardings.show .step{box-sizing:border-box;height:100dvh;padding:5dvw}.page.onboardings.show .step .background{height:100dvh;inset:0;left:0;position:absolute;top:0;width:100dvw}.page.onboardings.show .step .background::after{background:linear-gradient(to top, rgba(0, 0, 0, 0.8666666667) 9em, transparent);content:"";height:100dvh;inset:0;left:0;position:absolute;top:0;width:100dvw}.page.onboardings.show .step .background img{height:100%;width:100%}.page.onboardings.show .step .content{display:flex;flex-flow:column nowrap;height:100%;position:relative;text-align:center}.page.onboardings.show .step .content h3{font-weight:500;margin-top:auto}.page.onboardings.show .step .content h3,.page.onboardings.show .step .content p{color:#fff}.page.onboardings.show .step .content .actions{margin-top:2em}.page.onboardings.show .step .content .actions .button{--color: #fff;color:#000}.page.onboardings.show .step.create .content{gap:2em}.page.onboardings.show .step.create .content h3{color:#000}.page.onboardings.show .step.create .content .item{display:flex;flex-flow:column nowrap;gap:.5em;margin:auto;max-width:40em;width:100%}.page.onboardings.show .step.create .content .item h4{align-items:center;display:flex;font-size:1em;font-weight:normal;gap:.5em}.page.onboardings.show .step.create .content .item h4 .counter{align-items:center;display:flex;justify-content:center;background:rgba(85,170,255,.4666666667);border-radius:100%;color:#fff;font-size:.8em;height:2em;width:2em}.page.onboardings.show .step.create .content .item.describe .prompt{background:#fafafa;border-radius:.5em;display:block;font-family:monospace;font-size:.9em;max-width:20em;opacity:.8;overflow:hidden;padding:.5em .75em;text-overflow:ellipsis;white-space:nowrap;width:fit-content}.page.onboardings.show .step.create .content .item.story .generated{border-radius:1em;height:10em;overflow:hidden;font-size:.8em;text-align:left;max-width:100%;position:relative}.page.onboardings.show .step.create .content .item.story .generated .cover{height:100%}.page.onboardings.show .step.create .content .item.story .generated .cover picture{height:100%}.page.onboardings.show .step.create .content .item.story .generated .cover picture img{height:100%;width:100%}.page.onboardings.show .step.create .content .item.story .generated .overlay{background:linear-gradient(to top, rgba(0, 0, 0, 0.6666666667) 5em, transparent);box-sizing:border-box;display:flex;flex-flow:column nowrap;gap:.35em;inset:0;justify-content:end;margin-top:auto;max-width:50ch;padding:1em;position:absolute}.page.onboardings.show .step.create .content .item.story .generated .overlay .name{color:#fff;font-size:1.2em;font-weight:500;letter-spacing:-0.02em;margin:0;max-width:30ch}.page.onboardings.show .step.create .content .item.story .generated .overlay .description{color:hsla(0,0%,100%,.8);font-size:.9em;max-width:30ch}.page.onboardings.show .step.create .content .item.choice .choice{background:#fafafa;border-radius:.5em;display:block;font-size:.8em;max-width:20em;opacity:.8;overflow:hidden;padding:.5em .75em;width:fit-content}.page.onboardings.show .step.name .content form{display:flex;flex-flow:column nowrap;gap:.5em}.page.onboardings.show .step.name .content form .field.name input{border:1px solid #eee;border-radius:.75em;box-sizing:border-box;font-size:1em;margin-top:1em;outline:none;padding:.75em 1em;width:100%}@media(max-width: 720px){.page.onboardings.show{color:#333}.page.onboardings.show .step.create .content h3{color:#fff}.page.onboardings.show .step.create .content .item h4{color:#fff}.page.onboardings.show .step.create .content.prompt{background:#fff}.page.onboardings.show .step.create .content.choice .choice{background:#fff}}.sessions-new{align-items:center;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:2em}.auth-container{backdrop-filter:blur(1em);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5em;max-width:400px;padding:2.5em;text-align:center;width:100%}.auth-container h1{color:#fff;font-size:1.75em;font-weight:600;margin:0 0 .25em}.auth-container .auth-subtitle{color:hsla(0,0%,100%,.6);font-size:.95em;margin:0 0 2em}
