:root{--white: #fff;--black: #000;--golden: #fedc32;--school-bus: #ffde00;--amaranth: #e92951;--dark-grey-blue: #2a3038;--marengo: #666e7b;--greenish-blue: #1f8da6;--holy: #42b34e;--unholy: #b04b4b;--timer-warn: #ed7558;--dark-btn: rgba(0, 0, 0, .14);--dark-btn-strong: rgba(0, 0, 0, .3);--dot-idle: rgba(0, 0, 0, .4);--pattern: url(/app/pattern.png);--correct: url(/room/correct.svg);--incorrect: url(/room/incorrect.svg);--win-top: url(/room-done/Scaled-top.png);--win-mid: url(/room-done/Scaled-middle.png);--win-bot: url(/room-done/Scaled-bottom.png);--loss-top: url(/room-done/loss-scaled-top.png);--loss-bot: url(/room-done/loss-scaled-bottom.png);--page-width: 940px}*{box-sizing:border-box}html{overflow-x:auto}body{margin:0;min-width:var(--page-width);font-family:"Exo 2",sans-serif;line-height:2em;color:var(--white);background-color:var(--dark-grey-blue);background-image:var(--pattern);background-size:36px}a{color:var(--white)}a:hover{color:var(--amaranth)}button{font-family:inherit}#root{min-height:100vh}.page{width:var(--page-width);min-width:var(--page-width)}.screen{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 30px 80px}.screen_flash-holy{box-shadow:inset 0 0 0 200vmax #42b34e73}.screen_flash-unholy{box-shadow:inset 0 0 0 200vmax #b04b4b73}.loading,.error-text{text-align:center;color:var(--white)}.error-text{color:var(--timer-warn)}.btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:1px 12px 0;border:0;border-radius:2px;font-size:13px;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.55;cursor:default}.btn_action{color:var(--black);background:var(--school-bus)}.btn_dark{color:var(--white);background:var(--dark-btn)}.cta-play{width:80px;height:80px;margin-top:12px;border:0;border-radius:50%;background:var(--golden);color:var(--black);font-size:16px;cursor:pointer;transition:transform .15s ease}.cta-play:hover:not(:disabled){transform:scale(1.08)}.cta-sparring{width:70px;height:70px;margin-top:24px;border:0;border-radius:50%;background:var(--dark-btn-strong);color:var(--golden);font-size:12px;cursor:pointer}.cta-play:disabled,.cta-sparring:disabled{opacity:.55;cursor:default;transform:none}.player{width:100px;text-align:center;color:var(--greenish-blue)}.player__icon{display:flex;width:100px;height:100px;background-size:cover;background-position:center;align-items:center;justify-content:center}.player__rating{margin-top:3px;font-weight:700}.player__name{display:flex;height:36px;margin-top:-5px;line-height:13px;align-items:center;justify-content:center;color:var(--white);font-size:13px}.player__rank{width:100%;height:20px;letter-spacing:.4px;opacity:.6;font-size:8px;line-height:9px;color:inherit}.player__spin{position:relative;width:80px;height:80px;margin:10px auto;border:3px solid rgba(255,255,255,.25);border-top-color:var(--white);border-radius:50%;animation:spin 1s linear infinite}.player__spin:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;animation:none;border:0}.player_bot .player__icon{background-image:none;background:#00000040;border-radius:50%;font-size:28px}@keyframes spin{to{transform:rotate(360deg)}}.dots{display:flex;flex-direction:column;margin-top:30px;align-items:center}.dot{width:26px;height:26px;margin-top:10px;border-radius:50%;background-color:var(--dot-idle);background-repeat:no-repeat;background-position:center;background-size:12px;box-shadow:0 0 0 0 var(--white);animation:dot-in .25s ease}.dot_current{box-shadow:0 0 0 2px var(--white)}.dot_correct{background-color:var(--white);background-image:var(--correct)}.dot_incorrect{background-image:var(--incorrect)}@keyframes dot-in{0%{transform:scale(0)}to{transform:scale(1)}}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center}.app-shell__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:48px 30px 60px}.app-shell__footer{position:fixed;right:24px;bottom:16px;z-index:10}.app-shell__logout{background:transparent;border:0;color:var(--white);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;opacity:.85}.app-shell__logout:hover{color:var(--amaranth)}.auth{display:flex;width:var(--page-width);justify-content:center;gap:48px;align-items:flex-start}.auth__tabs{position:absolute;top:24px;right:40px;display:flex;gap:16px;font-size:14px}.auth__tab{color:var(--golden);text-decoration:none;border-bottom:1px dashed currentColor}.auth__tab_active{color:var(--black);background:var(--golden);padding:2px 10px;border-radius:2px;border-bottom:0}.auth__form-wrap{width:300px;text-align:center}.auth__trophy{display:block;width:120px;margin:0 auto 12px}.auth__brand{margin:0 0 24px;font-size:28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.auth__field{margin:0 0 16px;text-align:left}.auth__field label{display:block;font-size:12px;opacity:.7;line-height:1.4}.auth__field input{width:100%;margin-top:4px;padding:6px 0;border:0;border-bottom:2px solid var(--golden);background:transparent;color:var(--white);font-family:inherit;font-size:16px;outline:none}.auth__field input:focus{border-bottom-color:var(--school-bus)}.auth__error{margin:8px 0;color:var(--timer-warn);font-size:13px;line-height:1.4}.auth__submit{width:100%;margin-top:12px}.auth__aside{width:360px;padding-top:80px;font-size:14px;line-height:1.6;color:#ffffffd9}.auth__aside h2{margin:0 0 12px;font-size:18px;font-weight:400}.lobby{display:flex;justify-content:center;align-items:flex-start;text-align:center}.lobby__side{display:flex;flex-direction:column;width:100px;min-width:100px;align-items:center}.lobby__content{display:flex;flex-direction:column;flex-grow:1;align-items:center}.lobby__desc-link{margin-bottom:16px;color:var(--white);text-decoration:none;border-bottom:1px dashed currentColor;font-size:14px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:inherit;line-height:2em;padding:0}.lobby__desc{width:500px;margin:0 0 28px;text-align:left;font-size:14px;line-height:1.55;color:#ffffffe6}.lobby__active{width:500px;margin-bottom:20px;padding:10px 14px;background:#00000040;border-radius:3px;font-size:14px;line-height:1.5}.lobby__error{width:500px;margin-bottom:12px;color:var(--timer-warn);font-size:13px}.leaderboard{width:500px;text-align:left}.leaderboard__title{margin:0 0 8px;font-weight:400;font-size:16px;text-align:center}.leaderboard__group{margin-top:28px;font-style:italic;font-size:13px;opacity:.85}.leaderboard__row{position:relative;display:flex;height:25px;margin:4px 0 4px 40px;line-height:25px;font-size:14px}.leaderboard__row:before{position:absolute;left:-35px;width:30px;content:attr(data-place)}.leaderboard__row_me:after{position:absolute;left:-65px;content:"•";font-family:Arial,sans-serif;font-size:20px;line-height:22px}.leaderboard__name{flex:1}.leaderboard__rating{width:40px;text-align:right}.room{display:flex;width:100%;justify-content:center;min-height:520px}.room__col{display:flex;flex-direction:column;width:100px;align-items:center}.room__content{position:relative;display:flex;flex-direction:column;flex-grow:1;align-items:center;justify-content:space-between;text-align:center;padding:0 20px}.room__state{padding-top:38px;font-size:20px;line-height:1.4}.room__countdown{padding-top:24px;font-size:72px;font-weight:700;line-height:1}.room__disclaimer{max-width:520px;margin:12px auto 0;font-size:13px;line-height:1.45;color:#ffffffbf}.room__invite{display:flex;width:600px;max-width:100%;height:36px;margin:16px auto 0;align-items:center;gap:8px}.room__invite code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;background:#00000040;border-radius:2px;font-size:12px;line-height:36px;text-align:left}.room__controls{display:flex;margin-top:38px;margin-bottom:20px;justify-content:center;flex-wrap:wrap;gap:0}.room__control{width:140px;text-align:center;margin:4px 0}.timer-bar{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;max-width:100vw;height:4px;background:transparent;z-index:5}.timer-bar__fill{width:100%;height:100%;background:var(--white);box-shadow:0 0 3px #0000004d;transform-origin:left center}.screen_solve{position:relative;overflow:hidden}.solve .room__content{padding-top:40px;justify-content:flex-start}.timer{margin:8px auto 24px;width:48px;font-size:20px;font-weight:700;line-height:1.2;color:var(--white)}.timer_warn{color:var(--timer-warn)}.chat{position:absolute;top:0;left:20px;right:20px;display:flex;justify-content:space-between;font-size:12px;line-height:1.4;z-index:2}.chat__side{width:200px;text-align:left;pointer-events:auto}.chat__side_right{text-align:right}.chat__bubble{display:inline-block;margin-bottom:6px;padding:4px 8px;border-radius:3px;background:#00000040;max-width:100%;word-break:break-word}.chat__form{display:flex;margin-top:4px;gap:4px}.chat__input{flex:1;height:20px;padding:0 6px;border:0;border-radius:2px;background:#0003;color:var(--white);font-family:inherit;font-size:12px}.chat__input::placeholder{color:#fff6}.problem{width:700px;max-width:100%;margin:80px auto 0;padding:28px 36px;border-radius:3px;background:var(--white);color:var(--black);font-family:PT Sans,sans-serif;font-size:18px;line-height:1.55;text-align:left}.problem__meta{margin-bottom:12px;font-size:13px;color:var(--marengo)}.problem__answer{margin-top:20px;padding:8px 12px;border:0;border-bottom:2px solid rgba(0,0,0,.2);background:transparent;font-family:inherit;font-size:18px;width:160px;outline:none}.problem__answer:disabled{opacity:.7}.solve__controls{display:flex;height:30px;margin-top:30px;justify-content:center;align-items:center;gap:12px}.solve__quit{margin-top:48px}.solve__verdict{margin-top:12px;font-size:14px}.solve__verdict_ok{color:var(--holy)}.solve__verdict_bad{color:var(--unholy)}.result{position:relative;display:flex;width:100%;min-height:520px;overflow:hidden;align-items:center;justify-content:center}.result__fx{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:700px;background-repeat:no-repeat;background-position:center;background-size:100%;pointer-events:none}.result__fx_top{background-image:var(--win-top)}.result__fx_mid{background-image:var(--win-mid);animation:rot-back 60s linear infinite}.result__fx_bot{background-image:var(--win-bot);animation:rot-fwd 50s linear infinite}.result__fx_loss-top{background-image:var(--loss-top);opacity:.85;animation:pulse-loss 3s ease-in-out infinite}.result__fx_loss-bot{background-image:var(--loss-bot)}@keyframes rot-fwd{to{transform:rotate(360deg)}}@keyframes rot-back{to{transform:rotate(-360deg)}}@keyframes pulse-loss{0%,to{opacity:.55}50%{opacity:.9}}.result__text{position:relative;z-index:1;display:flex;flex-direction:column;width:700px;align-items:center}.result__text_win{color:var(--dark-grey-blue)}.result__text_loss,.result__text_draw,.result__text_wait{color:var(--white)}.result__header{margin:40px 0 20px;letter-spacing:1px;text-transform:uppercase;font-size:48px;font-weight:700;line-height:1.1}.result__delta{margin-bottom:24px;font-size:20px}.result__actions{display:flex;gap:12px;margin-top:8px}.result__wait{font-size:20px;line-height:1.4}.review{width:700px;margin:0 auto}.review__title{margin:0 0 24px;font-size:28px;font-weight:700;text-align:center}.review__card{margin-bottom:20px;padding:20px 28px;border-radius:3px;background:var(--white);color:var(--black);font-family:PT Sans,sans-serif;font-size:16px;line-height:1.5}.review__meta{margin-bottom:8px;font-size:13px;color:var(--marengo)}.review__answer{margin-top:12px;font-weight:700}.review__actions{display:flex;justify-content:center;gap:12px;margin-top:28px}@media(max-width:719px){html{overflow-x:hidden}body{min-width:0;line-height:1.5}.page{width:100%;min-width:0}.screen{padding:24px 16px 72px;justify-content:flex-start}.app-shell__body{padding:24px 16px calc(72px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.app-shell__footer{right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.btn{min-height:44px;height:auto;padding:10px 16px;font-size:15px}.cta-play,.cta-sparring{width:64px;height:64px;min-width:64px;min-height:64px;margin-top:0;font-size:13px}.cta-sparring{font-size:11px}.auth{flex-direction:column;width:100%;gap:24px;align-items:center}.auth__tabs{position:static;justify-content:center;width:100%;margin-bottom:8px}.auth__form-wrap{width:100%;max-width:320px}.auth__aside{display:none}.auth__brand{font-size:24px}.lobby{flex-direction:column;align-items:center;gap:20px}.lobby__side_player{order:1;width:100%;min-width:0;flex-direction:column}.lobby__side_cta{order:2;width:100%;min-width:0;flex-direction:row;justify-content:center;gap:20px}.lobby__content{order:3;width:100%}.lobby__desc,.lobby__active,.lobby__error,.leaderboard{width:100%}.leaderboard__row{margin-left:28px;height:auto;min-height:28px;line-height:1.35;font-size:13px}.leaderboard__row:before{left:-28px;width:24px}.leaderboard__row_me:after{left:-48px}.leaderboard__group{margin-top:16px;line-height:1.35}.room{flex-wrap:wrap;min-height:0;align-items:flex-start}.room__col{width:50%;order:1}.room__col:last-of-type{order:2}.room__content{order:3;flex-basis:100%;width:100%;padding:16px 0 0;justify-content:flex-start}.room__col .player{width:100%;max-width:120px;margin:0 auto}.room__col .player__icon{width:64px;height:64px;margin:0 auto}.room__col .player__spin{width:56px;height:56px;margin:4px auto}.room__col .player__name{height:auto;min-height:28px;margin-top:4px;font-size:12px;line-height:1.25}.room__col .player__rank{height:auto;font-size:7px;line-height:1.2;padding:0 4px}.room__col .player__rating{font-size:13px}.room__col .dots{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:8px;gap:6px}.room__col .dot{width:18px;height:18px;margin-top:0;background-size:10px}.room__state{padding-top:12px;font-size:16px;line-height:1.4}.room__countdown{padding-top:12px;font-size:48px}.room__invite{width:100%;flex-direction:column;height:auto;gap:8px}.room__invite code{width:100%;line-height:1.4;padding:10px;white-space:normal;word-break:break-all}.room__controls{flex-direction:column;align-items:stretch;width:100%;margin-top:20px;gap:8px}.room__control,.room__control .btn{width:100%}.room__disclaimer{font-size:12px;line-height:1.4}.solve .room__content{padding-top:8px;display:flex;flex-direction:column}.solve .room__content>.timer{order:1}.solve .room__content>.chat{order:2}.solve .room__content>.problem{order:3}.solve .room__content>.solve__controls{order:4}.solve .room__content>.solve__verdict,.solve .room__content>.error-text{order:5}.solve .room__content>.solve__quit{order:6}.chat{position:static;flex-direction:column;gap:8px;margin-bottom:12px;left:auto;right:auto}.chat__side,.chat__side_right{width:100%;text-align:left}.chat__side_right{text-align:right}.chat__input{height:36px;font-size:16px}.chat__form{width:100%}.timer{margin:8px auto 16px}.problem{width:100%;margin-top:16px;padding:20px 16px;font-size:16px;line-height:1.45}.problem__answer{width:100%;max-width:100%;font-size:16px}.solve__controls{margin-top:20px;height:auto}.solve__controls .btn{min-width:140px}.solve__quit{margin-top:28px;padding-bottom:env(safe-area-inset-bottom,0px)}.solve__quit .btn{width:100%}.result{min-height:0;padding:24px 0}.result__fx{height:min(100vw,420px)}.result__text{width:100%;padding:0 8px}.result__header{margin:24px 0 16px;font-size:28px;line-height:1.15}.result__delta{font-size:16px;margin-bottom:16px}.result__actions{flex-direction:column;width:100%;gap:10px}.result__actions .btn{width:100%}.result__wait{font-size:16px;padding:0 12px}.review{width:100%}.review__title{font-size:22px}.review__card{padding:16px;font-size:15px;line-height:1.45}.review__actions{flex-direction:column;width:100%}.review__actions .btn{width:100%}}