:root{--box-shadow-panels:0 1px 3px 0 #00000014, 0 3px 6px 0 #0000001a;--box-shadow-notification:0 2px 4px #10161a33, 0 8px 24px #10161a33;--font-sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-title:"Wotfard",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/front/v/Inter-Light-CdXm_ABL.woff2?v=3.19)format("woff2"),url(/assets/front/v/Inter-Light-CG9upfZ4.woff?v=3.19)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/front/v/Inter-Regular-CKDp9E3C.woff2?v=3.19)format("woff2"),url(/assets/front/v/Inter-Regular-DJOZHnwz.woff?v=3.19)format("woff")}@font-face{font-family:Wotfard;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/front/v/wotfard-light-webfont-D_q88BHK.woff2)format("woff2")}@font-face{font-family:Wotfard;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/front/v/wotfard-regular-webfont-BQo2JHOR.woff2)format("woff2")}@font-face{font-family:Wotfard;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/front/v/wotfard-semibold-webfont-k74-Pt6G.woff2)format("woff2")}@font-face{font-family:Wotfard;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/front/v/wotfard-bold-webfont-PBZ9CLGw.woff2)format("woff2")}:root{--gray-lightest:#dae4f1;--gray-lighter:#c7d0db;--gray-light:#8b9cb1;--gray:#65758b;--gray-dark:#2d3748;--gray-darkest:#1a212e;--gray-border:#d0d9e4;--gray-border-highlight:#c0c9d4;--gray-border-light:#f6f8fb;--color-text:#364152;--black:var(--color-text);--blue-intro:#003;--turquoise-intro:#70efe9;--gray-background:#fbfdfe;--gray-background-section:#f0f7fd;--gray-footer-text:#64748b;--gray-panel-header:#97a6ba;--gray-wait-panel:#475569;--blue-lighter:#dce9fe;--blue-light:#c3ddfd;--blue:#3f83f8;--blue-dark:#1264f3;--blue-darker:#233876;--green:#31c48d;--green-light:#def7ec;--green-dark:#2bab7c;--red:#f98080;--red-light:#fde8e8;--red-dark:#e02424;--badge-primary-background:#76a9fa;--badge-primary-border:#3f83f8;--badge-success-background:#31c48d;--badge-success-border:#0e9f6e;--badge-error-background:#f98080;--badge-error-border:#e02424;--pink-elephant-button-bg:#f17eb8;--pink-elephant-button-shadow:0 1px 2px #bf125d;--battleship-indicator-bg:#f1f5f9;--battleship-indicator-border:#e2e8f0;--battleship-indicator-bar-success-shadow:inset 0 0 2px 1px #bcf0da;--battleship-indicator-bar-warning-shadow:inset 0 0 3px 1px #fbd5d5;--white:#fff;--input-border:#cfd8e3;--input-border-focus:var(--blue)}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}@keyframes blinking{0%{opacity:.1}35%,65%{opacity:1}to{opacity:.1}}:root{--height:20rem}.app-loader{pointer-events:none;z-index:2000;height:100%;position:absolute;inset:0}.app-loader .bg{background:var(--blue-intro);position:absolute;inset:0}.app-loader h1{width:36rem;height:var(--height);max-width:80vw;transform:translate3d(-50%, calc(var(--height) / -2), 0);transform-origin:50% 0;opacity:0;background:url(/assets/front/v/logo-white-neHw_JDF.svg) 50%/contain no-repeat;position:absolute;top:50%;left:50%}.app-loader h1.out,.out:is(.app-loader h1){animation-name:bounceOutUp;animation-duration:1.2s;animation-delay:2s;animation-fill-mode:both}.app-loader .incontext{text-align:center;width:36rem;color:var(--white);opacity:0;font-size:1.1rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes bounceOutUp{20%{transform:translate3d(-50%, calc(var(--height) / -2), 0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(-50%, calc((var(--height) / -2.6)), 0) scaleY(.9)}to{opacity:0;transform:translate(-50%,-100vh)scaleY(1.4)}}a.button,button{box-sizing:border-box;font-size:1.6rem;font-family:var(--font-sans);text-align:center;text-transform:lowercase;background:var(--blue);box-shadow:none;color:var(--white);cursor:pointer;border:0;border-radius:4px;padding:.75em 1.5em;font-weight:500;transition:all .2s;display:inline-block}a.button:first-letter,button:not(.does-not-exist):first-letter,:is(a.button,button):first-letter{text-transform:uppercase}a.block.button,button.block:not(.does-not-exist),.block:is(a.button,button){width:100%;display:block}a.small.button,button.small:not(.does-not-exist),.small:is(a.button,button){font-size:.9em}a.button:hover,button:not(.does-not-exist):hover,a.button:focus,button:not(.does-not-exist):focus,:is(a.button,button):hover,:is(a.button,button):focus{box-shadow:none;background:var(--blue-dark);outline:none}a.button[disabled],button[disabled]:not(.does-not-exist),[disabled]:is(a.button,button){opacity:.45;cursor:not-allowed}a.button[disabled]:hover,button[disabled]:not(.does-not-exist):hover,a.button[disabled]:focus,button[disabled]:not(.does-not-exist):focus,[disabled]:is(a.button,button):hover,[disabled]:is(a.button,button):focus{color:var(--white)}a.load.button .icon,button.load:not(.does-not-exist) .icon,a.promise.button .icon,button.promise:not(.does-not-exist) .icon,:is(.load:is(a.button,button),.promise:is(a.button,button)) .icon{transform:none}a.loading.load.button .icon,button.loading.load:not(.does-not-exist) .icon,a.loading.promise.button .icon,button.loading.promise:not(.does-not-exist) .icon,.loading:is(.load:is(a.button,button),.promise:is(a.button,button)) .icon{animation:2.4s linear infinite spinning}a.error.load.button,button.error.load:not(.does-not-exist),a.error.promise.button,button.error.promise:not(.does-not-exist),a.danger.load.button,button.danger.load:not(.does-not-exist),a.danger.promise.button,button.danger.promise:not(.does-not-exist),.error:is(.load:is(a.button,button),.promise:is(a.button,button)),.danger:is(.load:is(a.button,button),.promise:is(a.button,button)){background:var(--red)}a.load.button,button.load:not(.does-not-exist),.load:is(a.button,button){position:relative}a.load.button .loading,button.load:not(.does-not-exist) .loading,.load:is(a.button,button) .loading{font-size:1.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}a.load.button .loading .icon,button.load:not(.does-not-exist) .loading .icon,:is(.load:is(a.button,button) .loading) .icon{vertical-align:top;margin:0}a.load.loading.button .label,button.load.loading:not(.does-not-exist) .label,.load.loading:is(a.button,button) .label{opacity:0}a.button{-webkit-text-decoration:none;text-decoration:none}form fieldset{border:0;margin:0;padding:0}form .field{margin-bottom:1.5rem}form .field>label,:is(form .field)>label{padding:0 0 .25em;display:block}form .field p.help,:is(form .field) p.help{color:var(--gray-light);margin:.25em 0 0;font-size:70%}fieldset.buttons{justify-content:flex-start;display:flex}fieldset.buttons .next{margin-left:auto}input[type=email],input[type=text],textarea,select{box-sizing:border-box;color:var(--black);font-size:1.6rem;font:inherit;border:1px solid var(--input-border);background:var(--white);width:100%;box-shadow:none;appearance:none;border-radius:5px;padding:.5em .75em;font-weight:300;transition:all .2s}.large input[type=email],.large input[type=text],.large textarea:not(.does-not-exist),.large select:not(.does-not-exist),input.large[type=email],input.large[type=text],textarea.large:not(.does-not-exist),select.large:not(.does-not-exist),.large :is(input[type=email],input[type=text],textarea,select),.large:is(input[type=email],input[type=text],textarea,select){font-size:2rem}input[type=email]:focus,input[type=text]:focus,textarea:not(.does-not-exist):focus,select:not(.does-not-exist):focus,input[type=email]:hover,input[type=text]:hover,textarea:not(.does-not-exist):hover,select:not(.does-not-exist):hover,:is(input[type=email],input[type=text],textarea,select):focus,:is(input[type=email],input[type=text],textarea,select):hover{border-color:var(--input-border-focus);outline:none}input[type=email]:invalid,input[type=text]:invalid,textarea:not(.does-not-exist):invalid,select:not(.does-not-exist):invalid,:is(input[type=email],input[type=text],textarea,select):invalid{box-shadow:none}select{appearance:none;background-color:#0000;background-image:url(/assets/front/v/select-arrow-BMdHSXnV.svg);background-position:right 1em top 53%;background-repeat:no-repeat;background-size:.75em}select::-ms-expand{display:none}select option{font-weight:400}label.checkbox{cursor:pointer;padding:4px 0;display:block;position:relative}label.checkbox input[type=checkbox]{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}label.checkbox .label{color:var(--gray-dark);margin:5px 0;padding:0 2rem 0 3rem;font-size:13px;line-height:2rem;transition:all .3s;display:inline-block}label.checkbox .label:after,label.checkbox .label:before,:is(label.checkbox .label):after,:is(label.checkbox .label):before{content:"";background:var(--white);transition:all .3s;display:block;position:absolute;top:50%;transform:translateY(-50%)}label.checkbox .label:before,:is(label.checkbox .label):before{border:1px solid var(--gray-light);border-radius:3px;width:2rem;height:2rem;left:0}label.checkbox .label:after,:is(label.checkbox .label):after{width:16px;height:16px;transition:background .3s,transform .3s;left:3px;transform:scale(.6)translateY(-80%);-webkit-mask-image:url(/assets/front/v/check-Ch8ipnFa.svg);mask-image:url(/assets/front/v/check-Ch8ipnFa.svg);-webkit-mask-size:contain;mask-size:contain}label.checkbox .label:hover,:is(label.checkbox .label):hover{color:var(--black)}label.checkbox input[type=checkbox]:focus~.label:before,:is(label.checkbox input[type=checkbox]:focus~.label):before{border-color:var(--gray)}label.checkbox input[type=checkbox]:checked~.label:after,:is(:is(label.checkbox input[type=checkbox]:checked)~.label):after{background:var(--black);transform:scale(1)translateY(-50%)}label.checkbox input[type=checkbox]:checked~.label:hover,:is(:is(label.checkbox input[type=checkbox]:checked)~.label):hover{color:var(--black)}.lobby ul.participants,.leaderboard ul.participants,:is(.lobby,.leaderboard) ul.participants{counter-reset:participants;margin:3rem 0 0;padding:0;list-style:none;display:block}.lobby ul.participants li,.leaderboard ul.participants li,:is(:is(.lobby,.leaderboard) ul.participants) li{--size:6.2rem;background:var(--white);counter-increment:participants;font-size:calc(var(--size) / 4);border-top:1px solid var(--gray-lightest);justify-content:flex-start;align-items:center;margin:0;padding:.75em 0;display:flex}.lobby ul.participants li:before,.leaderboard ul.participants li:before,:is(:is(:is(.lobby,.leaderboard) ul.participants) li):before{content:"";background:var(--gray-light);text-align:left;flex:0 0 1em;height:2px;margin-right:1em;display:block}.lobby ul.participants li .name,.leaderboard ul.participants li .name,:is(:is(:is(.lobby,.leaderboard) ul.participants) li) .name{font-weight:500;line-height:3em}.lobby ul.participants li .name .self,.leaderboard ul.participants li .name .self,:is(:is(:is(:is(.lobby,.leaderboard) ul.participants) li) .name) .self{background:var(--blue-light);border:1px solid var(--blue);color:var(--blue);border-radius:5px;margin-left:1em;padding:.35em .8em;font-size:84%;font-weight:400;line-height:1;display:inline-block}.lobby ul.participants li.selects-next-game,.leaderboard ul.participants li.selects-next-game,.selects-next-game:is(:is(:is(.lobby,.leaderboard) ul.participants) li){color:var(--blue)}.lobby ul.participants li.selects-next-game:before,.leaderboard ul.participants li.selects-next-game:before,.selects-next-game:is(:is(:is(.lobby,.leaderboard) ul.participants) li):before{background:var(--blue)}.level-choice{width:50vw}figure.gametype{--iconOffset:5px;background-color:var(--purple);border-radius:50%;margin:0;position:relative}figure.gametype:after{content:"";top:var(--iconOffset);right:var(--iconOffset);bottom:var(--iconOffset);left:var(--iconOffset);background-image:url(/assets/front/v/quote-Mz8pQgOU.svg);background-size:contain;display:block;position:absolute}figure.gametype.ranking-the-group:after{background-image:url(/assets/front/v/ranking-the-group-BG8Xohwt.svg)}figure.gametype.who-am-i:after{background-image:url(/assets/front/v/who-am-i-BEuUMFkb.svg)}figure.gametype.charades:after{background-image:url(/assets/front/v/charades-B0i_S6Ti.svg)}figure.gametype.dilemma:after{background-image:url(/assets/front/v/dilemma-i01t7nqR.svg)}figure.gametype.two-lies-and-the-truth:after{background-image:url(/assets/front/v/two-lies-and-the-truth-CbyaLuvW.svg)}figure.gametype.know-your-colleague:after{background-image:url(/assets/front/v/know-your-colleague-DTAUzgi8.svg)}figure.gametype.knowledge:after{background-image:url(/assets/front/v/knowledge-n7jjvbX1.svg)}figure.gametype.quote:after{background-image:url(/assets/front/v/quote-Mz8pQgOU.svg)}figure.gametype.compliment-storm:after{background-image:url(/assets/front/v/compliment-storm-BboorlUd.svg)}figure.gametype.puzzle:after{background-image:url(/assets/front/v/puzzle-CKrklzty.svg)}figure.gametype.brainstorm:after{background-image:url(/assets/front/v/brainstorm-DB39dHDU.svg)}figure.gametype.challenge:after{background-image:url(/assets/front/v/challenge-baqL_PEh.svg)}figure.gametype.battleship-reflection:after{background-image:url(/assets/front/v/battleship-reflection-BzRTLp2X.svg)}.panel{box-sizing:border-box;background:var(--white);width:92vw;max-width:55rem;box-shadow:var(--box-shadow-panels);border-radius:5px;margin:0 auto;padding:4rem}.panel h2{font-family:var(--font-title);margin:0 0 4rem;font-weight:500}.panel h2:last-child,:is(.panel h2):last-child{margin-bottom:0}.panel .empty{text-align:center}.panel .actions{text-align:center;margin:5rem 0 0;font-size:84%}.panel .actions a:not(.button),:is(.panel .actions) a:not(.button){color:var(--gray);margin:0 .75em;-webkit-text-decoration:none;text-decoration:none}.panel .actions a:not(.button):first-child,:is(:is(.panel .actions) a:not(.button)):first-child{margin-left:0}.panel .actions a:not(.button):last-child,:is(:is(.panel .actions) a:not(.button)):last-child{margin-right:0}.panel .actions a:not(.button):hover,:is(:is(.panel .actions) a:not(.button)):hover{-webkit-text-decoration:underline;text-decoration:underline}@media (width<=480px){.panel{padding:2.4rem}}.socket-disconnected{text-align:center;background:var(--red);width:80vw;max-width:45em;box-shadow:var(--box-shadow-notification);z-index:1000;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;display:inline-block;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.socket-disconnected p{color:var(--white);margin:0}@media (width>=800px){.socket-disconnected{font-size:1.4rem}}.timer-ring svg{display:block}.timer-ring .circle{stroke-dasharray:10 20;transform-origin:50%;stroke:var(--blue);transition:stroke-dashoffset .35s;transform:rotate(-90deg)}.timer-ring .circle-background{stroke:var(--blue-light);fill:var(--white)}.timer-ring text{fill:var(--black);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:600}.v-flits{z-index:1000;width:90vw;max-width:50rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.v-flits ul{margin:0;padding:0;list-style:none}.v-flits li{background:var(--green);box-shadow:var(--box-shadow-notification);border-radius:3px;margin:1.5rem 0 0;padding:1rem 3.5rem 1rem 1.5rem;display:block;position:relative}.v-flits li.error,.error:is(.v-flits li){background:var(--red)}.v-flits li p,:is(.v-flits li) p{color:var(--white);margin:0}.v-flits li .close,:is(.v-flits li) .close{color:var(--white);cursor:pointer;display:inline-block;position:absolute;top:50%;right:1rem;transform:translateY(-55%)}.flitsfade-enter-active,.flitsfade-leave-active{transition:all .3s}.flitsfade-enter,.flitsfade-leave-to{opacity:0;transform:translateY(100%)}.flitsfade-leave-to{transition-duration:.2s;transform:translateY(-10%)}v-icon,svg.icon{vertical-align:bottom;width:1em;height:1em;margin-right:.25em;display:inline-block}v-icon:not(.does-not-exist):not([fill]),svg.icon:not([fill]),:is(v-icon,svg.icon):not([fill]){fill:currentColor}svg.icon{fill:#0000;stroke:currentColor;stroke-width:2px;transform:translateY(-1px)}.v-loader{--size:4rem;z-index:800;display:inline-block}.v-loader span{width:var(--size);height:var(--size);background:var(--gray);animation:2.4s linear infinite spinning;display:block;-webkit-mask:url(/assets/front/v/refresh-circle-BC97I0mL.svg) 50%/contain no-repeat;mask:url(/assets/front/v/refresh-circle-BC97I0mL.svg) 50%/contain no-repeat}.v-modal,.v-modal .overlay{z-index:150;position:fixed;inset:0}.v-modal{flex-direction:column;align-items:center;display:flex;overflow:hidden auto}.v-modal .overlay{background:#000000b3}.v-modal .modal{background:var(--white);z-index:1000;border-radius:4px;flex:none;margin:6rem 0 0;position:relative}.v-modal .modal header,:is(.v-modal .modal) header{padding:25px 25px 15px}.v-modal .modal header h2,:is(:is(.v-modal .modal) header) h2{text-transform:uppercase;letter-spacing:.1rem;color:var(--gray);margin:0;font-size:1.2rem;font-weight:700}.v-modal .modal header h1,:is(:is(.v-modal .modal) header) h1{color:var(--gray-darker);margin:0;font-size:2.2rem;font-weight:700}.v-modal .modal footer,:is(.v-modal .modal) footer{border-top:1px solid var(--gray-lightest);padding:15px 25px}.v-modal .modal .body,:is(.v-modal .modal) .body{border-radius:3px;padding:15px 25px}.v-modal .modal .actions.right,.right:is(:is(.v-modal .modal) .actions){text-align:right}.v-modal .modal button.close,:is(.v-modal .modal) button.close{color:var(--gray);box-shadow:none;cursor:pointer;-webkit-appearance:none;background:0 0;border:none;padding:.25em;font-size:2.4rem;position:absolute;top:.5rem;right:1rem}.v-modal .modal button.close:hover,:is(:is(.v-modal .modal) button.close):hover{color:var(--gray-dark);transform:none}@media (width<=640px){.v-modal .overlay{display:none}.v-modal .modal{margin:0;position:fixed;inset:0;overflow:hidden auto}.v-modal .modal .body,:is(.v-modal .modal) .body{box-shadow:none;border-radius:0}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-shrink-in-enter-active,.fade-shrink-in-leave-active{transition:all .3s ease-out .2s}.fade-shrink-in-enter-from{opacity:0;transform:scale(.8)translateY(-4rem)}.fade-shrink-in-leave-to{opacity:0}.guest{flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;display:flex}.guest .main{flex:1}.guest .panel{max-width:40rem}.guest .incontext{padding:1.5rem}.guest .incontext .logo,:is(.guest .incontext) .logo{background:var(--input-border);height:4rem;-webkit-mask:url(/assets/front/v/up-d7kAXEzr.svg) 50%/contain no-repeat;mask:url(/assets/front/v/up-d7kAXEzr.svg) 50%/contain no-repeat}.guest .incontext .tagline,:is(.guest .incontext) .tagline{color:var(--gray-footer-text);margin:.5em 0 0;font-size:1.1rem}.room.select input[type=text]{text-transform:uppercase}.room.login .options .button,:is(.room.login .options) .button{margin:0 0 1rem}.room.login .participants{margin:0;padding:0;list-style:none}.room.login .participants li,:is(.room.login .participants) li{margin:0 0 1em;display:block}.questionnaire{min-height:100vh}.questionnaire h2{margin-bottom:6rem}.questionnaire .question h3,:is(.questionnaire .question) h3{color:var(--black-text);margin:0 0 .8em;font-size:2.6em;font-weight:300;line-height:1.15}.questionnaire .question ul.options,:is(.questionnaire .question) ul.options{margin:0;padding:0;list-style:none}.questionnaire .question ul.options li,:is(:is(.questionnaire .question) ul.options) li{display:block}.questionnaire .question ul.options label,:is(:is(.questionnaire .question) ul.options) label{cursor:pointer;margin:0 0 1.5rem;display:block}.questionnaire .question ul.options img,:is(:is(.questionnaire .question) ul.options) img{max-width:100%;display:block}.questionnaire .question.multiple-choice,.multiple-choice:is(.questionnaire .question){margin-top:6rem}.questionnaire .question.multiple-choice h1,.questionnaire .question.multiple-choice p,.multiple-choice:is(.questionnaire .question) h1,.multiple-choice:is(.questionnaire .question) p{text-align:center}.questionnaire .question.multiple-choice h1,.multiple-choice:is(.questionnaire .question) h1{margin:0 0 .25em}.questionnaire .question.multiple-choice p,.multiple-choice:is(.questionnaire .question) p{margin:0 0 3rem}.questionnaire .question.multiple-choice ul.options,.multiple-choice:is(.questionnaire .question) ul.options{justify-content:space-between;width:67rem;margin:0 auto;display:flex}.questionnaire .question.multiple-choice ul.options li,:is(.multiple-choice:is(.questionnaire .question) ul.options) li{box-sizing:border-box;flex:0 0 50%;padding:1.5rem}.questionnaire .question.multiple-choice ul.options img,:is(.multiple-choice:is(.questionnaire .question) ul.options) img{width:100%}.questionnaire .input.min-max{font-size:2rem;position:relative}.questionnaire .input.min-max p.help,:is(.questionnaire .input.min-max) p.help{text-align:center;color:var(--gray);margin:.25em 0 0;font-size:1.2rem}.questionnaire fieldset.buttons{justify-content:space-between;gap:1.5rem;margin:3rem 0 0;display:flex}.questionnaire fieldset.buttons button,:is(.questionnaire fieldset.buttons) button{flex:50%}.questionnaire footer.bar{padding:3rem}.questionnaire footer.bar .progress,:is(.questionnaire footer.bar) .progress{justify-content:center;align-items:center;display:flex}.questionnaire footer.bar .bar,:is(.questionnaire footer.bar) .bar{background:var(--gray-lighter);border-radius:2px;flex:0 0 40vw;max-width:20rem;height:3px;position:relative}.questionnaire footer.bar .bar span,:is(:is(.questionnaire footer.bar) .bar) span{background:var(--blue);border-radius:2px;width:0;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.questionnaire footer.bar .numbers,:is(.questionnaire footer.bar) .numbers{color:var(--gray);padding-left:1em}.questionnaire footer.bar .numbers .current,:is(:is(.questionnaire footer.bar) .numbers) .current{color:var(--black-text)}@media (width<=640px){.questionnaire .question.multiple-choice,.multiple-choice:is(.questionnaire .question){margin-top:4rem}.questionnaire .question.multiple-choice ul.options,.multiple-choice:is(.questionnaire .question) ul.options{width:auto;display:block}.questionnaire .question.multiple-choice ul.options li,:is(.multiple-choice:is(.questionnaire .question) ul.options) li{padding:0}.questionnaire .question.multiple-choice ul.options li+li,:is(:is(.multiple-choice:is(.questionnaire .question) ul.options) li)+li{margin-top:1.5rem}.questionnaire .question.multiple-choice ul.options img,:is(.multiple-choice:is(.questionnaire .question) ul.options) img{width:auto;max-height:55vh;margin:0 auto}}@media (width>=641px){.questionnaire .question h3,:is(.questionnaire .question) h3{font-size:4rem}}.lobby{min-height:100vh;margin:0 1.5rem}.feedback .lobby{min-height:0}.facilitator .lobby .empty,:is(.facilitator .lobby) .empty{padding:0 0 4rem}.facilitator .lobby .empty .v-loader,:is(:is(.facilitator .lobby) .empty) .v-loader{opacity:.5}.facilitator .lobby .empty span,:is(:is(.facilitator .lobby) .empty) span{font-size:bold;padding:.5em 0 0;display:block}.lobby .waiting{justify-content:center;align-items:center;display:flex}.lobby .waiting span,:is(.lobby .waiting) span{margin-left:1rem}.lobby ul.participants{--size:4rem}.lobby ul.participants li .status,:is(:is(.lobby ul.participants) li) .status{--spinSize:calc(var(--size) / 2);flex:0 0 var(--spinSize);height:var(--spinSize);margin:0 calc(var(--spinSize) * .8) 0 auto;background:var(--gray);animation:2.4s linear infinite blinking;-webkit-mask:url(/assets/front/v/help-circle-BdkemEP_.svg) 50%/contain no-repeat;mask:url(/assets/front/v/help-circle-BdkemEP_.svg) 50%/contain no-repeat}.lobby ul.participants li .status.ready,.ready:is(:is(:is(.lobby ul.participants) li) .status){background:var(--black);animation:none;-webkit-mask-image:url(/assets/front/v/checkmark-circle-BWc0dFqx.svg);mask-image:url(/assets/front/v/checkmark-circle-BWc0dFqx.svg)}.lobby ul.participants li.facilitator,.facilitator:is(:is(.lobby ul.participants) li){color:var(--gray)}.lobby ul.participants li.facilitator:before,.facilitator:is(:is(.lobby ul.participants) li):before{content:""}.lobby ul.participants li.facilitator .name,.facilitator:is(:is(.lobby ul.participants) li) .name{text-transform:capitalize}.lobby ul.participants li.facilitator .ready,.facilitator:is(:is(.lobby ul.participants) li) .ready{background:var(--gray)}.lobby .actions{text-align:center;margin:3rem 0 0}.lobby footer.bar{background:var(--black);color:var(--white);text-align:center;border-radius:5px;margin:4rem 0 0;padding:2rem}.lobby footer.bar p,:is(.lobby footer.bar) p{margin:0}.lobby footer.bar .icon,:is(.lobby footer.bar) .icon{color:var(--white);vertical-align:sub}.lobby footer.bar .actions,:is(.lobby footer.bar) .actions{margin:0}.lobby footer.bar .actions a.button,.lobby footer.bar .actions button,:is(:is(.lobby footer.bar) .actions) a.button,:is(:is(.lobby footer.bar) .actions) button{font-size:.9em}.games{min-height:100vh}.games.main{padding:3rem 0}.games.playing-battleship{background-image:linear-gradient(#fcfdfe 45%,#37dfa0 98%);position:relative}.games.playing-battleship:before{content:"";opacity:0;background-image:linear-gradient(#fcfdfe 45%,#f79c9d 98%);transition:opacity .3s;position:absolute;inset:0}.games.playing-battleship.opponent-playing:before{opacity:1}.games.playing-battleship+.logout>button{color:var(--white)}.games header.header{flex:0 0 6rem;justify-content:space-between;width:90vw;max-width:55rem;height:6rem;display:flex;position:relative}.games header.header h1,:is(.games header.header) h1{height:auto;margin:0}.games header.header .header-actions,:is(.games header.header) .header-actions{justify-content:flex-end;align-items:center;display:flex}.games.feedback .content{flex-direction:column;flex:1;justify-content:space-around;padding-bottom:3rem;display:flex}.games footer.footer{flex:0 0 2rem}.facilitator-actions-pause,.facilitator-actions{justify-content:center;margin:3rem 0;display:flex}.facilitator-actions-pause a.button,.facilitator-actions a.button,.facilitator-actions-pause button,.facilitator-actions button,:is(.facilitator-actions-pause,.facilitator-actions) a.button,:is(.facilitator-actions-pause,.facilitator-actions) button{margin:0 .75em;font-size:84%}.facilitator-actions-pause a.button.game-options-btn,.facilitator-actions a.button.game-options-btn,.facilitator-actions-pause button.game-options-btn:not(.does-not-exist),.facilitator-actions button.game-options-btn:not(.does-not-exist),.game-options-btn:is(:is(.facilitator-actions-pause,.facilitator-actions) a.button,:is(.facilitator-actions-pause,.facilitator-actions) button){margin-top:1rem}.battleship .intro{padding:3rem 0}.battleship .intro article,:is(.battleship .intro) article{line-height:1.5}.battleship .intro article h3,:is(:is(.battleship .intro) article) h3{margin:2em 0 .35em;font-size:1.6rem}.battleship .intro article ul,:is(:is(.battleship .intro) article) ul{margin:0 0 1.5em;padding:0 0 0 1em}.battleship .intro article ul li+li,:is(:is(:is(.battleship .intro) article) ul) li+li{margin-top:.25em}.battleship .setup .instruction,:is(.battleship .setup) .instruction{margin:0 1.5rem 3rem}.battleship .setup .instruction p,:is(:is(.battleship .setup) .instruction) p{text-align:center;max-width:12em;margin:0 auto;font-size:4rem;font-weight:300}.battleship .setup .actions,:is(.battleship .setup) .actions{text-align:center;margin:-10rem 1.5rem 0}.battleship .setup .actions button,:is(:is(.battleship .setup) .actions) button{background:var(--blue);box-shadow:0 0 12px #0000004d}.battleship .setup.opponent,.opponent:is(.battleship .setup){position:relative}.battleship .setup.opponent .getready,.opponent:is(.battleship .setup) .getready{background:var(--white);box-shadow:var(--box-shadow-panels);text-align:center;border-radius:6px;padding:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battleship .setup.opponent .getready p,:is(.opponent:is(.battleship .setup) .getready) p{margin:0 0 2em;font-size:1.6rem}.battleship .setup.opponent .getready .time,:is(.opponent:is(.battleship .setup) .getready) .time{text-align:center}.battleship .setup.opponent .getready .time span,:is(:is(.opponent:is(.battleship .setup) .getready) .time) span{font-family:var(--font-title);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--gray);font-size:2rem;font-weight:700}@media (width<=640px){.battleship .setup .instruction p,:is(:is(.battleship .setup) .instruction) p{font-size:3.2rem}.battleship .setup .actions,:is(.battleship .setup) .actions{margin-top:-4rem}}@media (width<=340px){.battleship .setup .instruction p,:is(:is(.battleship .setup) .instruction) p{font-size:2.6rem}}.battleship .hints{width:92vw;max-width:53rem}.battleship .hints .results>ul,:is(:is(.battleship .hints) .results)>ul{margin:0;padding:0;list-style:none}.battleship .hints .results>ul>li,:is(:is(:is(.battleship .hints) .results)>ul)>li{margin:0 0 3rem;display:block}.battleship .hints .results>ul .hint,:is(:is(:is(.battleship .hints) .results)>ul) .hint{background:var(--white);border-radius:2px;box-shadow:0 0 3px #00000014,0 3px 6px #0000001a}.battleship .hints .results>ul .hint.open,.open:is(:is(:is(:is(.battleship .hints) .results)>ul) .hint){box-shadow:0 2px 8px #3f83f833,0 0 3px #00000014,0 3px 6px #0000001a}.battleship .hints .results>ul .summary,:is(:is(:is(.battleship .hints) .results)>ul) .summary{justify-content:space-between;align-items:center;padding:1.5rem 1em;display:flex;position:relative}.battleship .hints .results>ul .summary .arrow,:is(:is(:is(:is(.battleship .hints) .results)>ul) .summary) .arrow{--size:3.2rem;height:var(--size);flex:0 0 var(--size);border:1px solid #e1effe;border-radius:50%;position:relative}.battleship .hints .results>ul .summary .arrow .icon,:is(:is(:is(:is(:is(.battleship .hints) .results)>ul) .summary) .arrow) .icon{color:var(--gray-wait-panel);margin:10px 0 0 10px;transition:all .2s}.battleship .hints .results>ul .summary .arrow .indicator,:is(:is(:is(:is(:is(.battleship .hints) .results)>ul) .summary) .arrow) .indicator{border:2px solid var(--white);background:var(--red);border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0;transform:translate(25%,-50%)}.battleship .hints .results>ul .summary .name,:is(:is(:is(:is(.battleship .hints) .results)>ul) .summary) .name{flex:1;margin:0 1em}.battleship .hints .results>ul .summary .rating .star .icon,:is(:is(:is(:is(:is(:is(.battleship .hints) .results)>ul) .summary) .rating) .star) .icon{fill:var(--white);color:var(--blue);stroke-width:1px}.battleship .hints .results>ul .summary .rating .star.filled .icon,.filled:is(:is(:is(:is(:is(:is(.battleship .hints) .results)>ul) .summary) .rating) .star) .icon{fill:currentColor}.battleship .hints .results>ul .content,:is(:is(:is(.battleship .hints) .results)>ul) .content{text-align:center;border-top:1px solid var(--gray-lightest);background:var(--blue-lighter);color:var(--blue-darker);padding:2rem;font-size:1.6rem;line-height:1.3125}.battleship .hints .results>ul .hint.open .summary .arrow .icon,:is(:is(:is(:is(:is(:is(.battleship .hints) .results)>ul) .hint.open) .summary) .arrow) .icon{transform:rotate(90deg)}.battleship .hints .empty,:is(.battleship .hints) .empty{text-align:center;padding:3rem}.battleship .hint ul,:is(.battleship .hint) ul{margin:0 0 0 1rem;padding:0;list-style:none;display:inline-block}.battleship .hint ul li,:is(:is(.battleship .hint) ul) li{display:inline-block}.battleship .dashboard .hints ul,:is(:is(.battleship .dashboard) .hints) ul{padding:0}.battleship .dashboard{margin:3rem auto 0;padding:3rem 1.5rem}.battleship .dashboard .header,:is(.battleship .dashboard) .header{max-width:48rem;margin:5rem auto 2rem}.battleship .dashboard .header h2,:is(:is(.battleship .dashboard) .header) h2{text-align:center;font-size:3.6rem;font-weight:300}.battleship .dashboard .panel,:is(.battleship .dashboard) .panel{max-width:100%;margin:0 0 3rem}.battleship .dashboard .panel .title h3,:is(:is(:is(.battleship .dashboard) .panel) .title) h3{font-family:var(--font-title);text-transform:capitalize;letter-spacing:.02em;color:var(--gray-dark);margin:0;font-size:2.6rem;font-weight:600}.battleship .dashboard .team-performance,.battleship .dashboard .awards,:is(.battleship .dashboard) .team-performance,:is(.battleship .dashboard) .awards{margin-bottom:max(5rem,7vw);padding:0 3rem}.battleship .dashboard .awards ul,:is(:is(.battleship .dashboard) .awards) ul{justify-content:center;margin:3rem 3rem 9rem;padding:0;list-style:none;display:flex}.battleship .dashboard .awards ul li,:is(:is(:is(.battleship .dashboard) .awards) ul) li{text-align:center;background-position:top;background-repeat:no-repeat;background-size:contain;width:12rem;margin:0 3rem 1.5rem;padding-top:13.4rem}.battleship .dashboard .awards ul li.hattrick,.hattrick:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li){background-image:url(/assets/front/v/hattrick-BbXoEEJy.png)}.battleship .dashboard .awards ul li.jinxed,.jinxed:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li){background-image:url(/assets/front/v/jinxed-yZ4UK4qH.png)}.battleship .dashboard .awards ul li.luckyone,.luckyone:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li){background-image:url(/assets/front/v/lucky-one-Bl81-Pti.png)}.battleship .dashboard .awards ul li.sharer,.sharer:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li){background-image:url(/assets/front/v/sharer-BlB79KGJ.png)}.battleship .dashboard .awards ul li.sniper,.sniper:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li){background-image:url(/assets/front/v/sniper-DNhyo0Xu.png)}.battleship .dashboard .awards ul li strong,:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li) strong{display:none}.battleship .dashboard .awards ul li .name,:is(:is(:is(:is(.battleship .dashboard) .awards) ul) li) .name{font-family:var(--font-title);letter-spacing:.02em;font-weight:500}.battleship .dashboard .team-performance .title h3,:is(:is(:is(.battleship .dashboard) .team-performance) .title) h3{transform:translateY(120%)}.battleship .dashboard .team-performance table,:is(:is(.battleship .dashboard) .team-performance) table{border-collapse:collapse;table-layout:fixed;width:calc(100% + 6rem);margin:3rem -3rem 0}.battleship .dashboard .team-performance table thead tr th:first-child,.battleship .dashboard .team-performance table tbody tr th:first-child,.battleship .dashboard .team-performance table thead tr td:first-child,.battleship .dashboard .team-performance table tbody tr td:first-child,:is(:is(:is(:is(:is(:is(.battleship .dashboard) .team-performance) table) thead,:is(:is(:is(.battleship .dashboard) .team-performance) table) tbody) tr) th,:is(:is(:is(:is(:is(.battleship .dashboard) .team-performance) table) thead,:is(:is(:is(.battleship .dashboard) .team-performance) table) tbody) tr) td):first-child{padding-left:3rem}.battleship .dashboard .team-performance th.index,.battleship .dashboard .team-performance td.index,.index:is(:is(:is(.battleship .dashboard) .team-performance) th,:is(:is(.battleship .dashboard) .team-performance) td){width:2em}.battleship .dashboard .team-performance th.name,.battleship .dashboard .team-performance td.name,.name:is(:is(:is(.battleship .dashboard) .team-performance) th,:is(:is(.battleship .dashboard) .team-performance) td){text-align:left}.battleship .dashboard .team-performance th.name a,.battleship .dashboard .team-performance td.name a,.name:is(:is(:is(.battleship .dashboard) .team-performance) th,:is(:is(.battleship .dashboard) .team-performance) td) a{color:var(--blue);-webkit-text-decoration:none;text-decoration:none}.battleship .dashboard .team-performance th.empty,.battleship .dashboard .team-performance td.empty,.empty:is(:is(:is(.battleship .dashboard) .team-performance) th,:is(:is(.battleship .dashboard) .team-performance) td){width:2rem}.battleship .dashboard .team-performance thead th,:is(:is(:is(.battleship .dashboard) .team-performance) thead) th{color:var(--gray);text-align:center;padding:.3rem 0 2rem;font-size:1.5rem;font-weight:200}.battleship .dashboard .team-performance tbody td,:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td{border-top:1px solid var(--gray-border-light);padding:2rem 0}.battleship .dashboard .team-performance tbody td.index,.index:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td){font-family:var(--font-title);font-size:1.8rem;font-weight:600}.battleship .dashboard .team-performance tbody td.status,.status:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td){text-align:right;padding-right:1.5rem}.battleship .dashboard .team-performance tbody td.status .badge,.status:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td) .badge{color:var(--white);background:var(--blue);border:1px solid var(--blue-dark);border-radius:3px;padding:.35em .75em;font-size:.84em;display:inline-block}.battleship .dashboard .team-performance tbody td.status .badge.won,.won:is(.status:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td) .badge){background:var(--green);border-color:var(--green-dark)}.battleship .dashboard .team-performance tbody td.status .badge.defeated,.defeated:is(.status:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td) .badge){background:var(--red);border-color:var(--red-dark)}.battleship .dashboard .team-performance tbody td.number,.number:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td){box-sizing:border-box;text-align:center;border-left:1px solid var(--gray-border-light);width:2em;font-weight:600}.battleship .dashboard .team-performance tbody td.number.participant,.number.participant:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td){color:var(--green-dark)}.battleship .dashboard .team-performance tbody td.number.opponent,.number.opponent:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td){color:var(--red-dark)}.battleship .dashboard .charts>div,:is(:is(.battleship .dashboard) .charts)>div{margin-top:max(5rem,7vw)}.battleship .dashboard nav,:is(.battleship .dashboard) nav{text-align:center;margin:3rem 0}.battleship .dashboard nav ul,:is(:is(.battleship .dashboard) nav) ul{flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.battleship .dashboard nav li,:is(:is(.battleship .dashboard) nav) li{margin-right:.5rem;display:inline-block}.battleship .dashboard nav a,:is(:is(.battleship .dashboard) nav) a{color:var(--black);white-space:nowrap;border-radius:.5rem;padding:1rem 1.2rem;font-size:1.4rem;-webkit-text-decoration:none;text-decoration:none;display:block}.battleship .dashboard nav a.active,.battleship .dashboard nav a.router-link-active,.active:is(:is(:is(.battleship .dashboard) nav) a),.router-link-active:is(:is(:is(.battleship .dashboard) nav) a){color:var(--blue);background:var(--blue-lighter)}.battleship .dashboard nav>a,:is(:is(.battleship .dashboard) nav)>a{display:inline-block}.battleship .dashboard footer.bar,:is(.battleship .dashboard) footer.bar{background:var(--black);color:var(--white);text-align:center;border-radius:5px;margin:4rem 0 0;padding:2rem}.battleship .dashboard footer.bar p,:is(:is(.battleship .dashboard) footer.bar) p{margin:0}.battleship .dashboard footer.bar .icon,:is(:is(.battleship .dashboard) footer.bar) .icon{color:var(--white);vertical-align:sub}.battleship .dashboard .players nav,:is(:is(.battleship .dashboard) .players) nav{margin-top:1rem}.battleship .dashboard .players a,:is(:is(.battleship .dashboard) .players) a{padding:.8rem 1rem;font-size:1.2rem}.battleship .dashboard.game,.game:is(.battleship .dashboard){width:90vw}.battleship .dashboard.game select,.game:is(.battleship .dashboard) select{max-width:50rem;margin:0 auto;display:block}.battleship .dashboard.game .highcharts-title,.game:is(.battleship .dashboard) .highcharts-title{color:var(--gray-medium)}.battleship .dashboard.game .panel,.game:is(.battleship .dashboard) .panel{padding:2rem}.battleship .dashboard.game .panel .title h3,:is(:is(.game:is(.battleship .dashboard) .panel) .title) h3{font-family:var(--font-sans);text-align:center;color:var(--gray-medium);font-size:1.8rem;font-weight:400}.battleship .dashboard.game .panel .title h4,:is(:is(.game:is(.battleship .dashboard) .panel) .title) h4{text-align:center;color:var(--gray-light);margin:.25em 0 1em;font-weight:400}.battleship .dashboard.participant .round-time,.participant:is(.battleship .dashboard) .round-time{text-align:center;box-sizing:border-box;max-width:100%;color:var(--gray);font-size:1.3rem;font-family:var(--font-title);border-radius:.3rem;margin-bottom:2rem;padding:.8rem 1.5rem;display:block}.battleship .dashboard.participant .round-time .round,.battleship .dashboard.participant .round-time .time,:is(.participant:is(.battleship .dashboard) .round-time) .round,:is(.participant:is(.battleship .dashboard) .round-time) .time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-block}.facilitator .battleship .player-board,:is(.facilitator .battleship) .player-board{text-align:center;margin:0 0 6rem}.facilitator .battleship .player-board h3,:is(:is(.facilitator .battleship) .player-board) h3{color:var(--white);border:1px solid var(--blue-dark);background:var(--blue);border-radius:1.5em;padding:.35em .75em;display:inline-block}@media (width<=640px){.battleship .dashboard .awards .title,:is(:is(.battleship .dashboard) .awards) .title{margin-top:-3rem}.battleship .dashboard .awards ul,:is(:is(.battleship .dashboard) .awards) ul{margin:3rem 0 0}.battleship .dashboard .awards ul li,:is(:is(:is(.battleship .dashboard) .awards) ul) li{margin-left:1.5rem;margin-right:1.5rem}.battleship .dashboard .team-performance table thead tr th:first-child,.battleship .dashboard .team-performance table tbody tr th:first-child,.battleship .dashboard .team-performance table thead tr td:first-child,.battleship .dashboard .team-performance table tbody tr td:first-child,:is(:is(:is(:is(:is(:is(.battleship .dashboard) .team-performance) table) thead,:is(:is(:is(.battleship .dashboard) .team-performance) table) tbody) tr) th,:is(:is(:is(:is(:is(.battleship .dashboard) .team-performance) table) thead,:is(:is(:is(.battleship .dashboard) .team-performance) table) tbody) tr) td):first-child{padding-left:1.5rem}.battleship .dashboard .team-performance table thead tr th.number.opponent,.battleship .dashboard .team-performance table tbody tr th.number.opponent,.battleship .dashboard .team-performance table thead tr td.number.opponent,.battleship .dashboard .team-performance table tbody tr td.number.opponent,.number.opponent:is(:is(:is(:is(:is(:is(.battleship .dashboard) .team-performance) table) thead,:is(:is(:is(.battleship .dashboard) .team-performance) table) tbody) tr) th,:is(:is(:is(:is(:is(.battleship .dashboard) .team-performance) table) thead,:is(:is(:is(.battleship .dashboard) .team-performance) table) tbody) tr) td){padding-right:0}.battleship .dashboard .team-performance th.name,:is(:is(.battleship .dashboard) .team-performance) th.name{width:45%}.battleship .dashboard .team-performance th.status,.battleship .dashboard .team-performance td.status,.battleship .dashboard .team-performance th.empty,.battleship .dashboard .team-performance td.empty,.battleship .dashboard .team-performance th.turns,.battleship .dashboard .team-performance td.turns,:is(:is(.battleship .dashboard) .team-performance) th.status,:is(:is(.battleship .dashboard) .team-performance) td.status,:is(:is(.battleship .dashboard) .team-performance) th.empty,:is(:is(.battleship .dashboard) .team-performance) td.empty,:is(:is(.battleship .dashboard) .team-performance) th.turns,:is(:is(.battleship .dashboard) .team-performance) td.turns,.battleship .dashboard .team-performance tbody td.status .badge,:is(:is(:is(:is(.battleship .dashboard) .team-performance) tbody) td.status) .badge{display:none}}.battleship .score-time .score{justify-content:space-between;align-items:center;gap:10rem;display:flex;position:relative}.battleship .score-time .score .player{--playerColor:var(--green);--progressBackground:var(--green-light);--progressActiveBorderColor:#fcfdfe;--subjectShadowColor:#97a6ba}@supports (color:rgb(0 0 0 / 0)){.battleship .score-time .score .player{--subjectShadowColor:#97a6ba}}:is(.battleship .score-time .score) .player{--playerColor:var(--green);--progressBackground:var(--green-light);--progressActiveBorderColor:#fcfdfe;--subjectShadowColor:#97a6ba}@supports (color:rgb(0 0 0 / 0)){:is(.battleship .score-time .score) .player{--subjectShadowColor:#97a6ba}}.battleship .score-time .score .player.opponent,.opponent:is(:is(.battleship .score-time .score) .player){--progressBackground:var(--red-light);--playerColor:#f05252}.battleship .score-time .score .player.opponent .progress,.opponent:is(:is(.battleship .score-time .score) .player) .progress{--lastChildBorderRadius:4px 0 0 4px}.battleship .score-time .score .player.opponent .icon,.opponent:is(:is(.battleship .score-time .score) .player) .icon{left:auto;right:8px}.battleship .score-time .score .player.active{--subjectShadowColor:#0e9f6ead;--progressActiveBorderColor:#057a55}@supports (color:rgb(0 0 0 / 0)){.battleship .score-time .score .player.active{--subjectShadowColor:#0e9f6ead}}.active:is(:is(.battleship .score-time .score) .player){--subjectShadowColor:#0e9f6ead;--progressActiveBorderColor:#057a55}@supports (color:rgb(0 0 0 / 0)){.active:is(:is(.battleship .score-time .score) .player){--subjectShadowColor:#0e9f6ead}}.battleship .score-time .score .player.active .progress>div,.active:is(:is(.battleship .score-time .score) .player) .progress>div{box-shadow:0 1px 3px 0 var(--playerColor)}.battleship .score-time .score .player.active.opponent{--subjectShadowColor:#f05252ad;--progressActiveBorderColor:#771d1d}@supports (color:rgb(0 0 0 / 0)){.battleship .score-time .score .player.active.opponent{--subjectShadowColor:#f05252ad}}.active.opponent:is(:is(.battleship .score-time .score) .player){--subjectShadowColor:#f05252ad;--progressActiveBorderColor:#771d1d}@supports (color:rgb(0 0 0 / 0)){.active.opponent:is(:is(.battleship .score-time .score) .player){--subjectShadowColor:#f05252ad}}.battleship .score-time .score .icon,:is(.battleship .score-time .score) .icon{width:17px;height:17px;color:var(--playerColor);margin:0;animation:1.2s ease-in-out infinite move-up-and-down;position:absolute;bottom:0;left:10px;transform:translateY(24px)}.battleship .score-time .score .player,:is(.battleship .score-time .score) .player{flex:1;justify-content:flex-start;align-items:center;display:flex}.battleship .score-time .score .player.opponent,.battleship .score-time .score .player.opponent .progress,.opponent:is(:is(.battleship .score-time .score) .player),.opponent:is(:is(.battleship .score-time .score) .player) .progress{flex-direction:row-reverse}.battleship .score-time .score .subject,:is(.battleship .score-time .score) .subject{--size:4.2rem;background:var(--white);width:var(--size);line-height:var(--size);z-index:10;box-shadow:0 1px 3px 0 var(--subjectShadowColor);border-radius:50%;margin:0 -3px;display:block;position:relative}.battleship .score-time .score .subject span,:is(:is(.battleship .score-time .score) .subject) span{text-align:center;font-size:1.2rem;display:block}.battleship .score-time .score .progress,:is(.battleship .score-time .score) .progress{--gapSize:.5px;--lastChildBorderRadius:0 4px 4px 0;flex:1;height:18px;display:flex}.battleship .score-time .score .progress>div,:is(:is(.battleship .score-time .score) .progress)>div{border-color:var(--progressActiveBorderColor);border-style:solid;border-width:var(--gapSize);background:var(--progressBackground);flex:1}.battleship .score-time .score .progress>div.active,.active:is(:is(:is(.battleship .score-time .score) .progress)>div){background:var(--playerColor)}.battleship .score-time .score .progress>div:last-child,:is(:is(:is(.battleship .score-time .score) .progress)>div):last-child{border-radius:var(--lastChildBorderRadius)}@media (width<=480px){.battleship .score-time .score{gap:8rem}.battleship .score-time .score .progress,:is(.battleship .score-time .score) .progress{height:12px}.battleship .score-time .score .player.participant,:is(.battleship .score-time .score) .player.participant{margin-left:-2.8rem}.battleship .score-time .score .player.participant .progress .label,:is(:is(.battleship .score-time .score) .player.participant) .progress .label{transform:translate(-25%)}.battleship .score-time .score .player.participant .icon,:is(:is(.battleship .score-time .score) .player.participant) .icon{left:-18px}.battleship .score-time .score .player.opponent,:is(.battleship .score-time .score) .player.opponent{margin-right:-2.8rem}.battleship .score-time .score .player.opponent .progress .label,:is(:is(.battleship .score-time .score) .player.opponent) .progress .label{transform:translate(25%)}.battleship .score-time .score .player.opponent .icon,:is(:is(.battleship .score-time .score) .player.opponent) .icon{right:-20px}}@keyframes move-up-and-down{0%{transform:translateY(24px)}50%{transform:translateY(32px)}to{transform:translateY(24px)}}.header-actions nav.battleship ul,:is(.header-actions nav.battleship) ul{margin:0;padding:0;list-style:none;display:flex}.header-actions nav.battleship ul a,:is(:is(.header-actions nav.battleship) ul) a{color:var(--gray-dark);background:0 0;border:1px solid #0000;border-radius:2em;margin:0 .25em;padding:.25em .75em;transition:all .3s}.header-actions nav.battleship ul a:hover,:is(:is(:is(.header-actions nav.battleship) ul) a):hover{color:var(--blue)}.header-actions nav.battleship ul a.router-link-active,.router-link-active:is(:is(:is(.header-actions nav.battleship) ul) a){color:var(--blue);border-color:var(--blue);background:var(--blue-lighter)}.battleship.playing-battleship header.header{z-index:100;position:sticky;top:3rem}.battleship header.header,.battleship footer.footer,.battleship .panel{max-width:66rem}.battleship .game,.battleship>.panel{margin:3rem 0 0}.battleship .top-panel{text-align:center;font-family:var(--font-title);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--gray);width:100%;margin-bottom:3rem;font-size:1.2rem;font-weight:400;display:inline-block}.battleship .top-panel .time,.battleship .top-panel .round,:is(.battleship .top-panel) .time,:is(.battleship .top-panel) .round{display:inline-block}.battleship .game-status-message{color:var(--blue);border:1px solid var(--blue);background:var(--blue-lighter);box-sizing:border-box;border-radius:.3rem;max-width:100%;margin-top:1rem;padding:.8rem 1.5rem;font-size:1.3rem}.battleship .participant .game-status-message{width:92vw;max-width:53rem;margin:0 auto}.battleship .round{font-size:1.2rem}.battleship .round span,:is(.battleship .round) span{color:var(--gray)}.battleship .score-time{box-sizing:border-box;width:92vw;max-width:53rem;margin:4rem auto 6rem;padding:2.5rem 0;position:relative}.battleship .score-time .round-time,:is(.battleship .score-time) .round-time{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battleship .score-time .round-time>div,:is(:is(.battleship .score-time) .round-time)>div{display:block}.battleship .score-time .time span,:is(:is(.battleship .score-time) .time) span{font-family:var(--font-title);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--gray);font-size:2rem;font-weight:700}.battleship .actions{z-index:100;margin:3rem 0 0;position:relative}.battleship .opponent .v-board .cell.latest>div,.battleship .result .v-board .cell.latest>div,:is(:is(.battleship .opponent,.battleship .result) .v-board .cell.latest)>div,.facilitator.paused .battleship .top-panel .time,.facilitator.paused .battleship .score-time .time,:is(.facilitator.paused .battleship) .top-panel .time,:is(.facilitator.paused .battleship) .score-time .time{display:none}@media (width<=480px){.battleship .score-time{margin:2rem auto;padding:2rem 4rem}.battleship .score-time .time span,:is(:is(.battleship .score-time) .time) span{font-size:1.8rem}}@media (height<=810px){.battleship .score-time{margin:2rem auto;padding:2rem}.battleship .hints{margin-top:4rem}}.board-fade-left-enter-active,.board-fade-left-leave-active{transition:all .3s}.board-fade-left-leave-to{opacity:0;transform:translate(-100px)}.board-fade-left-enter-from{opacity:0;transform:translate(100px)}.board-fade-right-enter-active,.board-fade-right-leave-active{transition:all .3s}.board-fade-right-leave-to{opacity:0;transform:translate(100px)}.board-fade-right-enter-from{opacity:0;transform:translate(-100px)}.feedback .game.view header h1,:is(:is(.feedback .game.view) header) h1{background:0 0}.feedback .game.view p,:is(.feedback .game.view) p{line-height:1.5}.feedback button.pink-elephant{background:var(--pink-elephant-button-bg);box-shadow:var(--pink-elephant-button-shadow);padding:.25em .5em;font-size:2.2rem}.feedback button.pink-elephant span,:is(.feedback button.pink-elephant) span{background:var(--white);width:1em;height:1em;display:block;-webkit-mask:url(/assets/front/v/elephant-CTC3TCKq.svg) 50%/contain no-repeat;mask:url(/assets/front/v/elephant-CTC3TCKq.svg) 50%/contain no-repeat}.game.select .leaderboard-btn{margin:3rem auto 0;display:block}.game.select ul{background:var(--white);border-radius:5px;margin:3rem 0 0;padding:0;list-style:none;display:block;overflow:hidden}.game.select ul.active li,.active:is(.game.select ul) li{opacity:1}.game.select ul.disabled li,.disabled:is(.game.select ul) li{cursor:auto;transition:none}.game.select ul.disabled li:after,:is(.disabled:is(.game.select ul) li):after{display:none}.game.select ul li,:is(.game.select ul) li{border-top:1px solid var(--gray-lightest);cursor:pointer;opacity:.4;justify-content:flex-start;align-items:center;margin:0;padding:2rem 0;transition:opacity .3s;display:flex}.game.select ul li:last-child,:is(:is(.game.select ul) li):last-child{border-bottom:0}.game.select ul li:after,:is(:is(.game.select ul) li):after{content:"";background:var(--gray-lighter);flex:0 0 2rem;height:2rem;margin-left:auto;transition:transform .3s;display:block;transform:translate(0);-webkit-mask:url(/assets/front/v/arrow-forward-DXAIJgeJ.svg) 50%/contain no-repeat;mask:url(/assets/front/v/arrow-forward-DXAIJgeJ.svg) 50%/contain no-repeat}.game.select ul li:hover:after,:is(:is(.game.select ul) li):hover:after{transform:translate(4px)}.game.select ul li figure.gametype,:is(:is(.game.select ul) li) figure.gametype{--size:5.5rem;flex:0 0 var(--size);height:var(--size);margin:0 1.5rem 0 0}.game.view .battleship-reflection .playing h4.question,.game.view .brainstorm .playing h4.question,.game.view .feedback-storm .playing h4.question,.game.view .battleship-reflection .playing p,.game.view .brainstorm .playing p,.game.view .feedback-storm .playing p,:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) .playing) h4.question,:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) .playing) p,.game.view .battleship-reflection .results h4.question,.game.view .brainstorm .results h4.question,.game.view .feedback-storm .results h4.question,:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) .results) h4.question{text-align:center}.game.view .battleship-reflection .subject,.game.view .brainstorm .subject,.game.view .feedback-storm .subject,:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) .subject{text-align:center;margin:10rem 0 0}.game.view .battleship-reflection form button,.game.view .brainstorm form button,.game.view .feedback-storm form button,:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) form) button{width:100%}.game.view .battleship-reflection form .input.min-max,.game.view .brainstorm form .input.min-max,.game.view .feedback-storm form .input.min-max,:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) form) .input.min-max{font-size:2rem;position:relative}.game.view .battleship-reflection form .input.min-max:after,.game.view .brainstorm form .input.min-max:after,.game.view .feedback-storm form .input.min-max:after,:is(:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) form) .input.min-max):after{content:"";background:var(--gray-lighter);z-index:2;width:2em;height:2.4em;transition:background .2s;display:block;position:absolute;top:0;left:0;-webkit-mask:url(/assets/front/v/chatbubble-CRGOmMY0.svg) 50%/1em no-repeat;mask:url(/assets/front/v/chatbubble-CRGOmMY0.svg) 50%/1em no-repeat}.game.view .battleship-reflection form .input.min-max input[type=text],.game.view .brainstorm form .input.min-max input[type=text],.game.view .feedback-storm form .input.min-max input[type=text],:is(:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) form) .input.min-max) input[type=text]{font-size:inherit;padding-left:1.9em}.game.view .battleship-reflection form .input.min-max:focus-within:after,.game.view .brainstorm form .input.min-max:focus-within:after,.game.view .feedback-storm form .input.min-max:focus-within:after,:is(:is(:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) form) .input.min-max):focus-within:after{background:var(--input-border-focus)}.game.view .battleship-reflection .result-block,.game.view .brainstorm .result-block,.game.view .feedback-storm .result-block,:is(.game.view .battleship-reflection,.game.view .brainstorm,.game.view .feedback-storm) .result-block{display:none}.game.view .challenge .playing ul,:is(:is(.game.view .challenge) .playing) ul{padding-left:1.2em}.game.view .challenge .playing ul li,:is(:is(:is(.game.view .challenge) .playing) ul) li{margin-top:1em;line-height:1.5}.game.view .challenge .result-block,:is(.game.view .challenge) .result-block{display:none}.game.view .dilemma .playing,:is(.game.view .dilemma) .playing{text-align:center}.game.view .dilemma h4.question,:is(.game.view .dilemma) h4.question{margin:4em 0 2em;font-size:1.6rem;font-weight:400}.game.view .dilemma ul.options figure,:is(:is(.game.view .dilemma) ul.options) figure{cursor:pointer;border-radius:6px;margin:0 auto;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.game.view .dilemma ul.options figure:after,:is(:is(:is(.game.view .dilemma) ul.options) figure):after{content:"";box-shadow:inset 0 0 0 10px var(--green);opacity:0;transition:opacity .3s;position:absolute;inset:0}.game.view .dilemma ul.options figure.disabled,.disabled:is(:is(:is(.game.view .dilemma) ul.options) figure){opacity:.65;filter:grayscale()}.game.view .dilemma ul.options figure img,:is(:is(:is(.game.view .dilemma) ul.options) figure) img{width:100%;display:block}.game.view .dilemma ul.options li.selected figure.disabled,:is(:is(:is(.game.view .dilemma) ul.options) li.selected) figure.disabled{opacity:1;filter:grayscale(0)}.game.view .dilemma ul.options li.selected figure.disabled:after,:is(:is(:is(:is(.game.view .dilemma) ul.options) li.selected) figure.disabled):after{opacity:1}.game.view .dilemma .correct-answer .percentage,:is(:is(.game.view .dilemma) .correct-answer) .percentage{opacity:.75;padding-left:.5em;font-size:.84em;font-style:normal}.game.view .dilemma:not(.does-not-exist) .result-block,.game.view .dilemma .with-badge .result-block,.game.view .dilemma .incorrect .result-block,:is(:is(.game.view .dilemma),:is(.game.view .dilemma) .with-badge,:is(.game.view .dilemma) .incorrect) .result-block{background:var(--blue);padding-top:3rem}.game.view .dilemma:not(.does-not-exist) .result-block .badge,.game.view .dilemma .with-badge .result-block .badge,.game.view .dilemma .incorrect .result-block .badge,:is(:is(:is(.game.view .dilemma),:is(.game.view .dilemma) .with-badge,:is(.game.view .dilemma) .incorrect) .result-block) .badge{display:none}.game.view .dilemma:not(.does-not-exist) .result-block .your-answer,.game.view .dilemma .with-badge .result-block .your-answer,.game.view .dilemma .incorrect .result-block .your-answer,:is(:is(:is(.game.view .dilemma),:is(.game.view .dilemma) .with-badge,:is(.game.view .dilemma) .incorrect) .result-block) .your-answer{margin:3rem 0 0}.game.view .dilemma:not(.does-not-exist) .result-block .your-answer p.statement,.game.view .dilemma .with-badge .result-block .your-answer p.statement,.game.view .dilemma .incorrect .result-block .your-answer p.statement,:is(:is(:is(:is(.game.view .dilemma),:is(.game.view .dilemma) .with-badge,:is(.game.view .dilemma) .incorrect) .result-block) .your-answer) p.statement{font-size:2rem}.game.view .know-your-colleague .incorrect .result-block,:is(:is(.game.view .know-your-colleague) .incorrect) .result-block{background:var(--blue-dark)}.game.view .know-your-colleague .incorrect .result-block .badge,:is(:is(:is(.game.view .know-your-colleague) .incorrect) .result-block) .badge{background:var(--blue)}.game.view .ranking-the-group h4.question,:is(.game.view .ranking-the-group) h4.question{font-family:var(--font-title);text-align:center;font-size:3.2rem;font-weight:400}.game.view .ranking-the-group ul.options,:is(.game.view .ranking-the-group) ul.options{counter-reset:participants}.game.view .ranking-the-group ul.options li,:is(:is(.game.view .ranking-the-group) ul.options) li{counter-increment:participants;cursor:ns-resize}.game.view .ranking-the-group ul.options li[draggable=false],[draggable=false]:is(:is(:is(.game.view .ranking-the-group) ul.options) li){cursor:text}.game.view .ranking-the-group ul.options div,:is(:is(.game.view .ranking-the-group) ul.options) div{font-family:var(--font-title);text-align:center;background:var(--blue);color:var(--white);border-radius:6px;padding:.75em 0;font-weight:400;display:flex;position:relative}.game.view .ranking-the-group ul.options div .handle,:is(:is(:is(.game.view .ranking-the-group) ul.options) div) .handle{flex:0 0 4rem;margin-left:auto;position:relative}.game.view .ranking-the-group ul.options div .handle:after,:is(:is(:is(:is(.game.view .ranking-the-group) ul.options) div) .handle):after{content:"";background:var(--white);position:absolute;inset:0;-webkit-mask:url(/assets/front/v/reorder-two-82Fuh4Ud.svg) 50%/contain no-repeat;mask:url(/assets/front/v/reorder-two-82Fuh4Ud.svg) 50%/contain no-repeat}.game.view .ranking-the-group ul.options div .position,:is(:is(:is(.game.view .ranking-the-group) ul.options) div) .position{flex:0 0 4rem}.game.view .ranking-the-group ul.options div .position:after,:is(:is(:is(:is(.game.view .ranking-the-group) ul.options) div) .position):after{content:counter(participants)}.game.view .ranking-the-group .results h4,:is(:is(.game.view .ranking-the-group) .results) h4{text-transform:uppercase;margin:0 0 .5em;font-size:1.4rem}.game.view .ranking-the-group .results ul.options,:is(:is(.game.view .ranking-the-group) .results) ul.options{margin:0 0 3rem}.game.view .ranking-the-group .results ul.options li,:is(:is(:is(.game.view .ranking-the-group) .results) ul.options) li{cursor:default}.game.view .ranking-the-group .results ul.options div .points,:is(:is(:is(:is(.game.view .ranking-the-group) .results) ul.options) div) .points{display:none}.game.view .ranking-the-group .results ul.options li.correct div,.correct:is(:is(:is(:is(.game.view .ranking-the-group) .results) ul.options) li) div{background:var(--green)}.game.view .ranking-the-group .results ul.options li.incorrect div,.incorrect:is(:is(:is(:is(.game.view .ranking-the-group) .results) ul.options) li) div{background:var(--blue)}.game.view .ranking-the-group .results .result-block,:is(:is(.game.view .ranking-the-group) .results) .result-block,.facilitator .game.view .ranking-the-group ul.options div .handle,:is(:is(:is(:is(.facilitator .game.view) .ranking-the-group) ul.options) div) .handle{display:none}.game.view header{--iconSize:5.6rem;justify-content:flex-start;align-items:center;margin:-1rem 0 3rem;display:flex}.game.view header figure.gametype,:is(.game.view header) figure.gametype{flex:0 0 var(--iconSize);height:var(--iconSize);margin:0 1.5rem 0 0}.game.view header .timer-ring,:is(.game.view header) .timer-ring{flex:0 0 7.6rem;margin-left:auto;display:block}.game.view header h1,:is(.game.view header) h1{font-family:var(--font-title);letter-spacing:.016em;height:auto;margin:0;font-size:2rem;font-weight:500}.game.view h4.question{font-size:3rem}.game.view ul.options{margin:0;padding:0;list-style:none;display:block}.game.view ul.options li,:is(.game.view ul.options) li{margin:0 0 1rem;display:block}.game.view ul.options button,:is(.game.view ul.options) button{text-transform:none;width:100%;display:block;position:relative}.game.view ul.options button:disabled,:is(:is(.game.view ul.options) button):disabled{cursor:auto;cursor:initial}.game.view ul.options li.selected button,:is(.game.view ul.options) li.selected button{opacity:1}.game.view .intro article :last-child,:is(:is(.game.view .intro) article) :last-child{margin-bottom:0}.game.view .intro img,:is(.game.view .intro) img{max-width:100%;display:block}.game.view .intro h3,:is(.game.view .intro) h3{margin:0 0 .5em}.game.view .intro *+h3,:is(.game.view .intro) *+h3{margin-top:2em}.game.view .cards{--size:8.5rem;justify-content:center;align-items:center;margin:5rem 0;display:flex}.game.view .cards button,:is(.game.view .cards) button{flex:0 0 var(--size);height:var(--size);border:4px solid var(--white);background:currentColor;border-radius:50%;margin:0 3rem;padding:0;display:block}.game.view .cards button:hover,:is(:is(.game.view .cards) button):hover{box-shadow:0 0 12px}.game.view .cards button.yellow,.yellow:is(:is(.game.view .cards) button){color:var(--yellow)}.game.view .cards button.red,.red:is(:is(.game.view .cards) button){color:var(--red)}.game.view .cards button span,:is(:is(.game.view .cards) button) span{font-size:3rem;line-height:var(--size);color:var(--black);text-align:center;display:block}.game.view .rules{box-sizing:border-box;background:var(--white);color:var(--black-text);border:2px solid var(--gray-dark);border-radius:6px;margin:3rem 0;padding:2.5rem;position:relative}.game.view .rules h5,:is(.game.view .rules) h5{font-family:var(--font-title);margin:0 0 .5em;font-size:2.2rem}.game.view .rules ul,:is(.game.view .rules) ul{padding:0 0 0 1em}.game.view .rules ul li,:is(:is(.game.view .rules) ul) li{margin:0 0 .5em}.game.view .correct-answer-given{background:var(--green);color:var(--white);border-radius:6px;padding:3rem}.game.view .correct-answer-given p:first-child,:is(:is(.game.view .correct-answer-given) p):first-child{margin-top:0}.game.view .correct-answer-given p:last-child,:is(:is(.game.view .correct-answer-given) p):last-child{margin-bottom:0}.game.view .with-badge .result-block,:is(.game.view .with-badge) .result-block{margin-top:5rem;padding-top:5rem}.game.view .incorrect .result-block,:is(.game.view .incorrect) .result-block{background:var(--blue-dark)}.game.view .incorrect .result-block .badge,:is(:is(.game.view .incorrect) .result-block) .badge{background:var(--blue)}.game.view .incorrect .result-block .badge:after,:is(:is(:is(.game.view .incorrect) .result-block) .badge):after{-webkit-mask-image:url(/assets/front/v/close-CyWzmwBM.svg);mask-image:url(/assets/front/v/close-CyWzmwBM.svg)}.game.view .result-block{background:var(--green);color:var(--white);border-radius:6px;margin:3rem 0;padding:3rem;position:relative}.game.view .result-block .answer p,:is(:is(.game.view .result-block) .answer) p{margin:0 0 .25em}.game.view .result-block .answer .correct-answer,:is(:is(.game.view .result-block) .answer) .correct-answer{font-size:2rem}.game.view .result-block .badge,:is(.game.view .result-block) .badge{--size:4rem;width:auto;height:var(--size);background:var(--green-dark);font-size:1.8rem;font-family:var(--font-title);line-height:var(--size);text-transform:capitalize;white-space:nowrap;border-radius:2rem;padding:0 1em 0 4rem;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.game.view .result-block .badge:after,:is(:is(.game.view .result-block) .badge):after{content:"";width:var(--size);height:var(--size);background:var(--white);position:absolute;top:0;left:0;-webkit-mask:url(/assets/front/v/checkmark-circle-BWc0dFqx.svg) 50%/2rem no-repeat;mask:url(/assets/front/v/checkmark-circle-BWc0dFqx.svg) 50%/2rem no-repeat}.game.view .result-block article.feedback,:is(.game.view .result-block) article.feedback{margin:6rem 0 0}.game.view .result-block article.feedback p,:is(:is(.game.view .result-block) article.feedback) p{line-height:1.5}.game.view .result-block article.feedback p strong,:is(:is(:is(.game.view .result-block) article.feedback) p) strong{font-size:1.2em;display:block}.game.view .result-block .scores,:is(.game.view .result-block) .scores{display:none}.game.view .jury{background:var(--purple-light);color:var(--white);border-radius:8px;margin:3rem 0;padding:3rem}.game.view .jury h4,:is(.game.view .jury) h4{word-wrap:break-word;margin:0 0 .25em;font-size:2.6rem}.game.view .jury p,:is(.game.view .jury) p{line-height:1.4}.game.view .jury p.answer,:is(.game.view .jury) p.answer{color:var(--purple);margin:0;font-size:3.2rem;font-weight:700;line-height:1}.game.view .jury .rules,:is(.game.view .jury) .rules{background:var(--purple-lighter);color:var(--purple);border-color:currentColor;margin:3rem 0 0;padding:2rem}.game.view .discontinued .message,:is(.game.view .discontinued) .message{text-align:center;background:var(--gray-dark);color:var(--white);border-radius:6px;margin:3rem 0;padding:3rem;line-height:1.5;position:relative}.game.view .discontinued .message .badge,:is(:is(.game.view .discontinued) .message) .badge{--size:4rem;width:var(--size);height:var(--size);background:var(--red);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.game.view .discontinued .message .badge:after,:is(:is(:is(.game.view .discontinued) .message) .badge):after{content:"";background:var(--white);position:absolute;inset:0;-webkit-mask:url(../../icons/x.svg) 50%/2rem no-repeat;mask:url(../../icons/x.svg) 50%/2rem no-repeat}.game.view .actions-bar{text-align:center;margin:6rem 0 0}.game.view .actions-bar p,:is(.game.view .actions-bar) p{color:var(--gray);font-size:1.2rem}.game.view .cloud{background:var(--white);margin:0 -4rem;overflow:hidden}.game.view .cloud>div,:is(.game.view .cloud)>div{font-family:var(--font-title);font-size:calc(1vw + 1rem);font-size:var(--cloud-base-font-size);text-align:center;max-width:110rem;margin:0 auto;padding:1.5rem .5em 0;font-weight:500}.game.view .cloud span,:is(.game.view .cloud) span{vertical-align:middle;word-break:break-word;margin:-.15em 0;padding:.2em .35em;line-height:.8em;display:inline-block}.game.view .cloud span i,:is(:is(.game.view .cloud) span) i{filter:saturate(.7);margin-left:-.15em;font-size:86%;font-style:normal}.facilitator.paused .content .facilitator-actions,.facilitator.paused button.pink-elephant,.facilitator.paused .game.view .timer-ring{display:none}.facilitator .game.view .options,:is(.facilitator .game.view) .options{pointer-events:none}.facilitator .game.view fieldset,:is(.facilitator .game.view) fieldset,.facilitator .game.view .result-block .badge,:is(:is(.facilitator .game.view) .result-block) .badge{display:none}.facilitator .game.view .with-badge .result-block,:is(:is(.facilitator .game.view) .with-badge) .result-block{padding-top:3rem}.facilitator .game.view:not(.does-not-exist) .result-block,.facilitator .game.view .incorrect .result-block,:is(:is(.facilitator .game.view),:is(.facilitator .game.view) .incorrect) .result-block{background:var(--blue)}@media (width<=480px){.game.view .cloud{margin:0 -2.4rem}}.finished h2{text-align:center}.pause-overlay{background:var(--blue-intro);color:var(--white);text-align:center;z-index:600;justify-content:space-around;align-items:center;display:flex;position:fixed;inset:0}.pause-overlay>div{max-width:36rem;padding:1.5rem}.pause-overlay>div:before,:is(.pause-overlay>div):before{content:"";background:var(--turquoise-intro);height:8rem;margin:0 0 3rem;display:block;-webkit-mask:url(/assets/front/v/up-d7kAXEzr.svg) top/contain no-repeat;mask:url(/assets/front/v/up-d7kAXEzr.svg) top/contain no-repeat}.pause-overlay.pink-elephant{background:var(--pink-elephant-button-bg)}.pause-overlay.pink-elephant>div:before,:is(.pause-overlay.pink-elephant>div):before{background:var(--white);height:4rem;-webkit-mask-image:url(/assets/front/v/elephant-CTC3TCKq.svg);mask-image:url(/assets/front/v/elephant-CTC3TCKq.svg)}.pause-overlay.pink-elephant button{background:var(--black)}.pause-overlay h1{font-family:var(--font-title);letter-spacing:.04em;margin:0 0 .25em;font-weight:700}.pause-overlay .body p,:is(.pause-overlay .body) p{font-weight:300}.facilitator .pause-overlay:not(.pink-elephant){display:block;position:static;inset:0 0 auto}.facilitator .pause-overlay:not(.pink-elephant)>div,:is(.facilitator .pause-overlay:not(.pink-elephant))>div{justify-content:flex-start;align-items:center;max-width:none;padding:2rem 1.5rem;display:flex}.facilitator .pause-overlay:not(.pink-elephant)>div:before,:is(:is(.facilitator .pause-overlay:not(.pink-elephant))>div):before{flex:0 0 4rem;height:3.6rem;margin:0}.facilitator .pause-overlay:not(.pink-elephant)>div header h1,:is(:is(:is(.facilitator .pause-overlay:not(.pink-elephant))>div) header) h1{margin:0 0 0 1em;font-size:2rem}.facilitator .pause-overlay:not(.pink-elephant)>div .body,:is(:is(.facilitator .pause-overlay:not(.pink-elephant))>div) .body{margin-left:auto}.facilitator .pause-overlay:not(.pink-elephant)>div .body .facilitator-actions,:is(:is(:is(.facilitator .pause-overlay:not(.pink-elephant))>div) .body) .facilitator-actions{margin:0}.support.no-tenant,.support.browser-update,.support.error{margin:6rem auto;padding:0 1.5rem}.support.browser-update{max-width:60rem}.support.error,.support.no-tenant{text-align:left;max-width:64rem}.support section.panel{background:var(--white);box-shadow:var(--box-shadow-panels);border-radius:6px;margin:3rem 0;padding:6rem}.support section.panel h1,:is(.support section.panel) h1{margin:0;font-size:3rem}.support section.panel h1 span,:is(:is(.support section.panel) h1) span{color:var(--purple);padding-right:.35em}.support section.panel h1+p,:is(:is(.support section.panel) h1)+p{color:var(--gray);margin-top:.25em}.support section.panel h2,:is(.support section.panel) h2{margin:0 0 1em}.support section.panel p,:is(.support section.panel) p{line-height:1.5}.support section.panel ul,:is(.support section.panel) ul{padding-left:1em}.support section.panel ul li,:is(:is(.support section.panel) ul) li{margin:0 0 .5em}.support section.panel a,:is(.support section.panel) a{color:var(--blue);-webkit-text-decoration:none;text-decoration:none}.support section.panel .ctas,:is(.support section.panel) .ctas{margin:6rem 0 0}.support section.panel .ctas a,:is(:is(.support section.panel) .ctas) a{background:var(--purple);color:var(--white);border-radius:6px;margin-right:1em;padding:.75em 1em;display:inline-block}.support section.panel .ctas a.support,.support:is(:is(:is(.support section.panel) .ctas) a){background:var(--purple-lighter);color:var(--purple);margin-right:0}@media (width<=640px){.support section.panel{padding:2rem}.support section.panel h1,:is(.support section.panel) h1{font-size:2.4rem}.support section.panel .ctas,:is(.support section.panel) .ctas{margin-top:3rem}}.v-board{--ratio:(1016 / 716);--borderWidth:3px;width:90vw;max-width:80rem;padding-top:calc(100% / var(--ratio));background:url(/assets/front/v/board-ui3ssFIq.png) 50%/contain no-repeat;height:0;position:relative;overflow:hidden}.v-board.play button.cell:after,.v-board.play .selected:not(does-not-exist):after,:is(.v-board.play button.cell,.v-board.play .selected):after{content:"";opacity:0;background-image:url(/assets/front/v/crosshair-CV4Jzzsj.png);background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%;display:block}.v-board.play button.cell:hover:after,.v-board.play .selected:not(does-not-exist):hover:after,.v-board.play button.cell.selected:after,.v-board.play .selected.selected:not(does-not-exist):after,:is(.v-board.play button.cell,.v-board.play .selected):hover:after,.selected:is(.v-board.play button.cell,.v-board.play .selected):after{opacity:1}.v-board.play button.cell.selected:after,.v-board.play .selected.selected:not(does-not-exist):after,.selected:is(.v-board.play button.cell,.v-board.play .selected):after{animation:1.5s infinite pulse}.v-board .grids{--translateZ:min(55px, 6vw);--gridTransform:rotateX(40deg) rotateY(-7deg) rotateZ(-10deg) scale(.6) translate3d(-4%, -49%, var(--translateZ));width:100%;height:calc(100% * var(--ratio));perspective:min(840px,95vw);perspective-origin:50%;margin:auto;position:absolute;top:0;left:0}.v-board .grids .labels,:is(.v-board .grids) .labels{width:100%;height:100%;color:var(--white);opacity:.8;transform:var(--gridTransform);pointer-events:none;justify-content:space-around;font-size:5rem;display:flex;position:absolute;top:0;left:0}.v-board .grids .labels span,:is(:is(.v-board .grids) .labels) span{transform:translateY(-1.3em)}.v-board .grids .labels.h,.h:is(:is(.v-board .grids) .labels){flex-direction:column}.v-board .grids .labels.h span,.h:is(:is(.v-board .grids) .labels) span{text-align:right;transform:translate(1.3em)}.v-board .grid{width:100%;height:100%;transform:var(--gridTransform);border:var(--borderWidth) solid var(--white);border-width:0 0 var(--borderWidth) var(--borderWidth);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;top:0;left:0}.v-board .grid.disabled,.disabled:is(.v-board .grid){pointer-events:none}.v-board .cell,.v-board .ship{border:var(--borderWidth) solid var(--white);border-width:var(--borderWidth) var(--borderWidth) 0 0;margin:0;transition:background .3s;position:relative}.v-board .cell img,.v-board .ship img,:is(.v-board .cell,.v-board .ship) img{pointer-events:none;position:absolute;top:0;left:0}.v-board .fire{width:100%;height:100%;animation:.6s infinite fire;transform:rotateX(-20deg)rotateY(40deg)rotate(20deg)translate(-5%,-30%)}.v-board .ship img{width:100%;height:100%;transform:rotateX(-20deg)rotateY(40deg)rotate(20deg)}.v-board .cell.hit,.hit:is(.v-board .cell){background:#0000001a}.v-board .cell.missed,.missed:is(.v-board .cell){background:#0000004d}.v-board .cell.latest,.latest:is(.v-board .cell){opacity:.85;animation:1.5s 1s infinite blink}.v-board .cell.latest>div,.latest:is(.v-board .cell)>div{text-align:center;color:var(--white);justify-content:center;align-items:center;height:100%;font-size:min(24px,3vw);font-weight:700;display:flex}.v-board .cell.selected,.selected:is(.v-board .cell){background:var(--blue)}.v-board button.cell{background:0 0;border-radius:0}@media (width<=640px){.v-board{width:100vw;padding-top:calc(110% / var(--ratio));background-size:110vw}.v-board .grids{perspective:117vw;width:110vw;left:-5vw;right:-5vw}}@media (height<=810px){.v-board{max-width:92vh}.v-board .grids{perspective:92vh}}@keyframes fire{0%{transform:rotateX(-20deg)rotateY(40deg)rotate(20deg)translate(-5%,-30%)scale(1)}50%{filter:brightness(1.2);transform:rotateX(-15deg)rotateY(35deg)rotate(15deg)translate(-5%,-30%)scaleX(.9)}to{transform:rotateX(-20deg)rotateY(40deg)rotate(20deg)translate(-5%,-30%)scale(1)}}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(.6)}to{transform:scale(.8)}}@keyframes blink{0%{background:#0000004d}50%{background:0 0}to{background:#0000004d}}.ship{position:relative}.ship img{transform:rotateX(-20deg)rotateY(40deg)rotate(20deg)}.ship:hover,.ship.is-dragging{background:var(--blue-dark)}.ship.overlaps{background:var(--red)}.ship.drag{border-top:none;border-left:none}.ship .orientation{z-index:100;font-size:12px;position:absolute;top:-20px;left:-20px}::selection{background:var(--turquoise-intro);color:var(--black);text-shadow:none}html{font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;font-size:10px}body{background:var(--blue-background);color:var(--gray-darkest);background:linear-gradient(#fcfdfe 50%,#f2f7fe 50%) fixed;min-height:100%;margin:0;padding:0;font-size:1.4rem}.main{box-sizing:border-box;flex-direction:column;justify-content:space-around;align-items:center;padding:6rem 0;display:flex}.main.battleship{justify-content:flex-start}.main h1{background:url(/assets/front/v/logo-B1iN4HZr.svg) 50%/contain no-repeat;height:4rem;margin:0 0 2rem}.main h1 span,:is(.main h1) span{opacity:0;height:100%;display:block}.main p.center{text-align:center}div.logout{text-align:center;z-index:700;margin:0;position:fixed;bottom:0;right:0}div.logout button{color:var(--gray-light);background:0 0;padding:1em 1.25em;font-size:1.1rem;line-height:1}div.logout button:hover,:is(div.logout button):hover{color:var(--gray-footer-text)}