.button{cursor:pointer;border-radius:.375rem;border-width:1px;text-align:center;font-weight:700}@media (min-width:805px){.button{border-width:2px}}.button-primary{border-color:var(--color-primary-300);background-color:var(--color-primary-200);color:var(--color-primary-600);transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .15s ease-out;transform:translateY(-4px) translateX(-4px);box-shadow:3px 4px var(--color-primary-250)}.button-primary:hover:not(:disabled){transform:translateY(-2px) translateX(-2px);box-shadow:1.5px 2px var(--color-primary-250)}.button-primary:active:not(:disabled){transform:translateY(0) translateX(0);box-shadow:0 0 var(--color-primary-250)}.button-primary:hover:disabled{transform:translateY(-3px) translateX(-3px);box-shadow:2.3px 3px var(--color-primary-250)}.button-primary:active:disabled{transform:translateY(-2.5px) translateX(-2.5px);box-shadow:1.87px 2.5px var(--color-primary-250)}.button-outlined{border-color:var(--color-primary-200);color:var(--color-primary-500)}@media (prefers-color-scheme:dark){.button-outlined{color:var(--color-primary-100)}}.button-card{border-width:1px;border-color:var(--color-primary-300);background-color:var(--color-primary-100);padding:.375rem .5rem;text-align:start;color:var(--color-primary-500)}@media (min-width:805px){.button-card{padding:.75rem 1rem}}.button-card{transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .15s ease-out;transform:translateY(-4px) translateX(-4px);box-shadow:3px 4px var(--color-primary-250)}.button-card:hover:not(:disabled){transform:translateY(-2px) translateX(-2px);box-shadow:1.5px 2px var(--color-primary-250)}.button-card:active:not(:disabled){transform:translateY(0) translateX(0);box-shadow:0 0 var(--color-primary-250)}.button-card:hover:disabled{transform:translateY(-3px) translateX(-3px);box-shadow:2.3px 3px var(--color-primary-250)}.button-card:active:disabled{transform:translateY(-2.5px) translateX(-2.5px);box-shadow:1.87px 2.5px var(--color-primary-250)}.button-disabled{cursor:not-allowed}.card{transform:translateY(-4px) translateX(-4px);box-shadow:3px 4px var(--color-primary-250)}.language-menu{padding:4px 6px}@media(min-width:768px){.language-menu{padding:7px 9px}}.language-menu .flag-img{height:9px;width:12px;-o-object-fit:cover;object-fit:cover}@media(min-width:768px){.language-menu .flag-img{height:26px;width:36px}}.login-button{height:2.5rem;width:2.5rem;min-width:2.5rem}@media (min-width:640px){.login-button{height:4rem;width:4rem}}.login-button{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:66px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;max-width:400px;min-width:-moz-min-content;min-width:min-content;box-shadow:0 2px 2.8px 0 rgba(0,0,0,.1490196078)}.login-button:hover{background-color:#e9e9e9}.login-button .login-button-icon{height:2.5rem;width:2.5rem;min-width:2.5rem}@media (min-width:640px){.login-button .login-button-icon{height:4rem;width:4rem;min-width:4rem}}.login-button .login-button-icon{margin:0;padding:5px}.login-button:disabled{cursor:default;background-color:rgba(255,255,255,.3803921569);border-color:rgba(31,31,31,.1215686275)}.login-button:disabled .login-button-icon{opacity:.38}.login-button:not(:disabled):hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3019607843),0 1px 3px 1px rgba(60,64,67,.1490196078)}@media only screen and (max-width:768px){.opponents-container{overflow-y:auto}}.opponent-row{margin-bottom:1rem;border-radius:.375rem;border-width:2px;border-color:var(--color-primary-300);background-color:var(--color-primary-100);padding:.75rem;color:var(--color-primary-500)}@media (min-width:805px){.opponent-row{padding:1.25rem}}.opponent-row{animation:.2s ease;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .15s ease-out;transform:translateY(-4px) translateX(-4px);box-shadow:3px 4px var(--color-primary-250)}.opponent-row.local{background-color:var(--color-primary-300);color:var(--color-primary-100)}@media (prefers-color-scheme:dark){.opponent-row.local{background-color:var(--color-primary-300);color:var(--color-primary-100)}}@media screen and (min-width:640px){.opponents-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.opponents-container::-webkit-scrollbar{width:.2em;position:absolute;background:rgba(0,0,0,0);overflow:overlay}.opponents-container::-webkit-scrollbar-thumb{background:var(--color-primary-500);border-radius:.5em}}.reaction-battle-stage{transition:background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.reaction-battle-status-copy{min-height:28px}.reaction-battle-limit-chip{display:inline-flex;min-height:24px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-primary-300) 65%,transparent);border-radius:999px;padding:4px 10px;color:var(--color-primary-400);font-size:11px;font-weight:700;line-height:1}.reaction-battle-arena{display:grid;gap:14px}.reaction-battle-phase-track{min-height:34px}.reaction-battle-phase-step{display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary-300) 55%,transparent);border-radius:6px;padding:8px 6px;color:var(--color-primary-400);font-size:11px;font-weight:700;line-height:1;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.reaction-battle-phase-step--active{background:color-mix(in srgb,var(--color-primary-200) 75%,transparent);color:var(--color-primary-600)}.reaction-battle-cue{display:flex;min-height:118px;flex-direction:column;justify-content:center;gap:4px}.reaction-battle-hit-zone{display:flex;height:104px;min-height:104px}.reaction-battle-hit-zone .button{display:flex;align-items:center;justify-content:center;min-height:100%;line-height:1.05;text-wrap:balance}.reaction-battle-action-label{position:relative;z-index:1}.reaction-battle-result-actions{display:grid;width:100%;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:10px}.reaction-battle-result-actions .button{min-height:100%}.reaction-battle-secondary-action{background:color-mix(in srgb,var(--color-primary-200) 45%,transparent);color:var(--color-primary-600);cursor:pointer}.reaction-battle-secondary-action:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-200) 70%,transparent)}.reaction-battle-arena-footer{display:flex;min-height:24px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid color-mix(in srgb,var(--color-primary-300) 60%,transparent);padding-top:10px;color:var(--color-primary-400);font-size:12px;font-weight:700}.reaction-battle-arena-footer div{display:inline-flex;min-width:0;align-items:center;gap:6px}.reaction-battle-arena-footer strong{color:var(--color-primary-600)}.reaction-battle-stage--signal{animation:reaction-signal-pop .36s cubic-bezier(.16,1,.3,1)}.reaction-battle-stage--false{animation:reaction-false-start .18s cubic-bezier(.25,1,.5,1)}.reaction-battle-stage--locked{animation:reaction-locked-in .22s cubic-bezier(.22,1,.36,1)}.reaction-battle-guide,.reaction-battle-standby{animation:reaction-guide-in .22s cubic-bezier(.22,1,.36,1)}.reaction-battle-action--signal{animation:reaction-action-ready .72s cubic-bezier(.25,1,.5,1) infinite alternate}.reaction-battle-action--signal:active:not(:disabled){animation:none;transform:translateY(0) translateX(0)}.reaction-battle-action--armed{position:relative;isolation:isolate;overflow:hidden}.reaction-battle-action--armed:after,.reaction-battle-action--armed:before{content:"";position:absolute;pointer-events:none}.reaction-battle-action--armed:before{inset:8px;z-index:0;border:1px solid color-mix(in srgb,var(--color-primary-300) 48%,transparent);border-radius:4px;opacity:.46;animation:reaction-armed-frame .88s cubic-bezier(.22,1,.36,1) infinite alternate}.reaction-battle-action--armed:after{top:10px;bottom:10px;left:-34%;z-index:0;width:28%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary-300) 28%,transparent),transparent);animation:reaction-armed-sweep 1.45s cubic-bezier(.22,1,.36,1) infinite}.reaction-battle-result{animation:reaction-result-in .22s cubic-bezier(.22,1,.36,1)}@keyframes reaction-signal-pop{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary-300) 45%,transparent),inset 0 0 0 0 color-mix(in srgb,var(--color-primary-300) 30%,transparent)}55%{box-shadow:0 0 0 5px color-mix(in srgb,var(--color-primary-300) 18%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--color-primary-300) 24%,transparent)}to{box-shadow:0 0 0 7px rgba(0,0,0,0),inset 0 0 0 0 rgba(0,0,0,0)}}@keyframes reaction-action-ready{0%{box-shadow:3px 4px var(--color-primary-250),inset 0 0 0 1px color-mix(in srgb,var(--color-primary-300) 30%,transparent),0 0 0 0 color-mix(in srgb,var(--color-primary-300) 45%,transparent)}to{box-shadow:3px 4px var(--color-primary-250),inset 0 0 0 2px color-mix(in srgb,var(--color-primary-300) 55%,transparent),0 0 0 6px color-mix(in srgb,var(--color-primary-300) 22%,transparent)}}@keyframes reaction-armed-frame{0%{opacity:.34;transform:scaleX(.985)}to{opacity:.64;transform:scaleX(1)}}@keyframes reaction-armed-sweep{0%{transform:translateX(0);opacity:0}18%{opacity:.75}72%{opacity:.75}to{transform:translateX(480%);opacity:0}}@keyframes reaction-guide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes reaction-false-start{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,#f43f5e 35%,transparent)}35%{box-shadow:0 0 0 4px color-mix(in srgb,#f43f5e 22%,transparent)}70%{box-shadow:0 0 0 2px color-mix(in srgb,#f43f5e 16%,transparent)}}@keyframes reaction-locked-in{0%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-300) 18%,transparent)}to{box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes reaction-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(-4px) translateX(-4px)}}@media(prefers-reduced-motion:reduce){.reaction-battle-action--armed,.reaction-battle-action--armed:after,.reaction-battle-action--armed:before,.reaction-battle-action--signal,.reaction-battle-guide,.reaction-battle-result,.reaction-battle-stage,.reaction-battle-stage--false,.reaction-battle-stage--locked,.reaction-battle-stage--signal,.reaction-battle-standby{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:768px){.reaction-battle-status-copy{min-height:32px}.reaction-battle-arena{gap:16px}.reaction-battle-hit-zone{height:116px;min-height:116px}.reaction-battle-result-actions{gap:12px}.reaction-battle-phase-track{min-height:40px}.reaction-battle-phase-step{padding:10px 8px;font-size:13px}}@media(max-height:700px)and (min-width:768px){.game-room-title{margin-bottom:0;font-size:3rem;line-height:.95}.reaction-battle-root{gap:8px}.reaction-battle-main{gap:12px}.reaction-battle-status-copy{min-height:auto}.reaction-battle-arena{gap:10px;padding:18px 20px}.reaction-battle-cue{min-height:86px}.reaction-battle-hit-zone{height:92px;min-height:92px}.reaction-battle-phase-track{min-height:34px}.reaction-battle-phase-step{padding:8px 6px;font-size:11px}.reaction-battle-leaderboard h3{font-size:2.25rem;line-height:1}.reaction-battle-leaderboard .opponents-container{padding-top:0}.reaction-battle-leaderboard .opponent-row,.reaction-battle-leaderboard .opponents-container>div:last-child>div{min-height:82px}}@media(prefers-color-scheme:dark){.reaction-battle-phase-step{border-color:color-mix(in srgb,var(--color-primary-300) 70%,transparent);color:var(--color-primary-200)}.reaction-battle-phase-step--active{background:color-mix(in srgb,var(--color-primary-300) 22%,transparent);color:var(--color-primary-100)}.reaction-battle-arena-footer{border-top-color:color-mix(in srgb,var(--color-primary-300) 70%,transparent);color:var(--color-primary-200)}.reaction-battle-arena-footer strong,.reaction-battle-limit-chip{color:var(--color-primary-100)}.reaction-battle-limit-chip{border-color:color-mix(in srgb,var(--color-primary-300) 72%,transparent)}.reaction-battle-secondary-action{background:color-mix(in srgb,var(--color-primary-300) 16%,transparent);color:var(--color-primary-100)}.reaction-battle-secondary-action:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-300) 26%,transparent)}}.sidebar{position:absolute;background-color:var(--color-primary-50)}@media (prefers-color-scheme:dark){.sidebar{background-color:var(--color-primary-600)}}.sidebar{z-index:999;top:0;right:0;height:100%;min-width:0;transition:all .6s cubic-bezier(.51,.22,.55,.32);width:0;overflow:hidden}.sidebar.active{width:100vw}@media screen and (min-width:640px){.sidebar.active{width:470px}}