.play-container button:focus,.play-container a:focus,.play-container input:focus{outline:none}.play-container{background:#000;width:100vw;height:100dvh;position:relative;overflow:hidden}.play-game-area{flex-direction:row;width:100%;height:100%;display:flex}.play-team-half{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2vh;display:flex;position:relative}.play-team-1{background:#64b5f6}.play-team-2{background:#ff6e6e}.play-team-header{z-index:30;flex-direction:column;align-items:center;gap:.3vh;display:flex;position:absolute;top:2.6vh;left:50%;transform:translate(-50%)}.play-team-name-large{font-family:var(--font-body);letter-spacing:.1vh;text-transform:none;color:#fff;white-space:nowrap;cursor:pointer;padding-top:1vh;font-size:3vh;font-weight:600;line-height:1}.play-team-name-input{font-family:var(--font-body);letter-spacing:.1vh;color:#fff;white-space:nowrap;text-align:center;background:0 0;border:none;border-bottom:2px solid #fff9;outline:none;min-width:12vh;padding:.2vh .8vh;font-size:3vh;font-weight:600;line-height:1}.play-raiding-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:gold;background:#ffd70026;border-radius:.8vh;margin-top:.5vh;padding:.35vh 1vh;font-size:1.85vh;font-weight:700}.play-center-content{z-index:2;pointer-events:none;position:absolute;inset:0}.play-score-wrap{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:48.5%;left:50%;transform:translate(-50%,-50%)}.play-team-label{font-family:var(--font-body);letter-spacing:2.4vh;color:#ffffff73;z-index:10;margin-bottom:-1.9vh;padding-left:7.7vh;font-size:3.85vh;font-style:italic;font-weight:500}.play-score{font-family:var(--font-display);color:#fff;padding:0 1.4vh 0 0;font-size:26.7vh;font-style:italic;font-weight:200;line-height:1}.play-zone-container{flex-direction:column;display:flex;position:absolute;inset:0}.play-zone{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.play-zone:hover:not(:disabled){background:#ffffff0d}.play-zone:active:not(:disabled){background:#ffffff1a}.play-zone:disabled{opacity:.3;cursor:not-allowed}.play-zone-icon{color:#ffffff80;pointer-events:none;z-index:15;font-size:5.7vh;font-weight:300;transition:all .2s;position:absolute}.play-zone-icon-top-left{top:2.2vh;left:1.8vh}.play-zone-icon-top-right{top:2.2vh;right:1.8vh}.play-zone-icon-bottom-left{bottom:2.2vh;left:2.2vh}.play-zone-icon-bottom-right{bottom:2.2vh;right:2.2vh}.play-zone:hover:not(:disabled) .play-zone-icon{color:#ffffffb3;transform:scale(1.05)}.play-zone-divider{background:0 0;width:100%;height:2px;position:relative}.play-zone-divider:before{content:"";background-image:repeating-linear-gradient(90deg,#fff6 0 10px,#0000 10px 20px);height:2px;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.play-raid-controls{pointer-events:all;align-items:flex-start;gap:1.2vh;display:flex;position:absolute;bottom:23%;left:50%;transform:translate(-50%)}.play-raid-btn{min-width:8.3vh;height:8.3vh;font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;color:#ffffffe6;cursor:pointer;background:#ffffff26;border:2px solid #ffffff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:.6vh;font-size:1.5vh;font-weight:600;transition:all .2s;display:flex}.play-raid-btn:hover:not(:disabled){background:#fff3;border-color:#fff9;transform:scale(1.05)}.play-raid-btn:active:not(:disabled){transform:scale(.95)}.play-raid-btn:disabled{opacity:.3;cursor:not-allowed}.play-control-wrapper{flex-direction:column;align-items:center;gap:.4vh;display:flex}.play-control-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;text-align:center;font-size:1.5vh;font-weight:700;line-height:1}.play-empty-wrapper{flex-direction:column;align-items:center;gap:.4vh;display:flex}.play-empty-counter{cursor:pointer;background:#ffffff26;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;min-width:8.3vh;height:8.3vh;padding:.5vh;transition:all .2s;display:flex}.play-empty-counter:hover{background:#fff3;border-color:#fff9;transform:scale(1.05)}.play-empty-counter-danger{background:#ff323259;border-color:gold}.play-empty-value{font-family:var(--font-display);color:#fff;font-size:3.85vh;font-weight:400;line-height:1}.play-do-or-die-text{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:gold;text-align:center;white-space:nowrap;font-size:1.5vh;font-weight:600;line-height:1}.play-center-strip{z-index:100;flex-direction:column;align-items:center;gap:.8vh;padding:1.5vh 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.play-timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0009;border:none;border-radius:1.3vh;justify-content:center;align-items:center;min-width:16.7vh;padding:.6vh 1.3vh;transition:all .2s;display:flex}.play-timer:hover:not(:disabled){background:#000000b3;transform:scale(1.02)}.play-timer:disabled{opacity:.6;cursor:not-allowed}.play-timer-active{opacity:1}.play-timer-inactive{opacity:.55}@keyframes timerPulse{0%,to{box-shadow:none;background:#0009}50%{background:#c81414bf;box-shadow:0 0 2.2vh #ff28288c}}.play-timer-warning{animation:.9s ease-in-out infinite timerPulse;opacity:1!important}.play-timer-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-size:1.5vh}.play-raid-timer{flex-direction:column;gap:.25vh}.play-timer-value{font-family:var(--font-body);color:#fff;font-size:3.6vh;font-weight:500}.play-timer-value-2{font-family:var(--font-body);color:#fff;font-size:3.4vh;font-weight:500}.play-match-timer .play-timer-label{display:none}.play-match-timer{min-width:19.5vh;padding:.75vh}.play-match-timer .play-timer-value{font-size:4.8vh}.play-timer-value-2{font-size:3.4vh}.play-lead-badge{font-family:var(--font-body);letter-spacing:.5px;color:#fff;text-align:center;z-index:50;background:#000c;border-radius:999px;min-width:8.3vh;padding:.46vh 1.85vh;font-size:3vh;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-lead-team-1{color:#fff;background:#4285f4cc}.play-lead-team-2{color:#fff;background:#db4437cc}.play-lead-team-0{color:#fff;background:#ffffff26}.play-home-btn{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:#fff;cursor:pointer;text-align:center;z-index:100;background:#0009;border:none;border-radius:3vh;align-items:center;gap:.5vh;padding:.85vh 1.85vh;font-size:1.5vh;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.play-home-btn:hover{background:#000000b3;transform:translate(-50%)scale(1.02)}.play-home-icon{stroke:currentColor;stroke-width:2px;fill:none;width:1.67vh;height:1.67vh}.play-floating-score{pointer-events:none;z-index:100;position:absolute}.play-floating-score-up{animation:.8s ease-out forwards floatScoreUp}.play-floating-score-down{animation:.8s ease-out forwards floatScoreDown}.play-floating-badge{font-family:var(--font-body);color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:999px;padding:.46vh 1.85vh;font-size:1.85vh;font-weight:800;display:inline-block}.play-floating-badge-1{background:#4285f4d9}.play-floating-badge-2{background:#db4437d9}@keyframes floatScoreUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6.7vh)}}@keyframes floatScoreDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6.7vh)}}.play-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-action-card{background:#2a2a2a;border-radius:20px;flex-direction:column;gap:.5rem;width:300px;padding:1.5rem;display:flex}.play-action-title{font-family:var(--font-body);color:#fff;text-align:center;letter-spacing:.05em;margin-bottom:.5rem;font-size:1rem;font-weight:700}.play-action-btn{font-family:var(--font-body);color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;font-size:1rem;font-weight:600;transition:background .15s;display:flex}.play-action-btn:hover{background:#ffffff1f}.play-action-btn-danger{color:#ff6b6b;background:#ff464614}.play-action-btn-danger:hover{background:#ff464629}.play-action-cancel{font-family:var(--font-body);color:#fff6;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:.25rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:color .15s}.play-action-cancel:hover{color:#ffffffb3}.play-edit-card{background:#2a2a2a;border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;width:320px;padding:2rem 1.75rem;display:flex}.play-edit-title{font-family:var(--font-body);color:#fff;letter-spacing:.04em;font-size:1.1rem;font-weight:700}.play-edit-inputs{align-items:center;gap:.75rem;display:flex}.play-edit-input-group{flex-direction:column;align-items:center;gap:.4rem;display:flex}.play-edit-input{width:80px;font-family:var(--font-body);color:#fff;text-align:center;appearance:textfield;background:#1a1a1a;border:none;border-radius:12px;outline:none;padding:.75rem 0;font-size:2rem;font-weight:700}.play-edit-input::-webkit-outer-spin-button{-webkit-appearance:none}.play-edit-input::-webkit-inner-spin-button{-webkit-appearance:none}.play-edit-input-label{font-family:var(--font-body);color:#fff6;letter-spacing:.05em;font-size:.75rem;font-weight:600}.play-edit-colon{font-family:var(--font-body);color:#fff;margin-bottom:1.2rem;font-size:2rem;font-weight:700}.play-edit-btn-row{gap:.75rem;width:100%;display:flex}.play-edit-cancel-btn{font-family:var(--font-body);color:#fff9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;flex:1;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .15s}.play-edit-cancel-btn:hover{color:#fff;border-color:#fff6}.play-edit-save-btn{font-family:var(--font-body);color:#111;cursor:pointer;background:#fff;border:none;border-radius:12px;flex:1;padding:.8rem;font-size:.95rem;font-weight:700;transition:opacity .15s}.play-edit-save-btn:hover{opacity:.9}.play-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-match-over-card{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;align-items:center;gap:2rem;width:460px;padding:2.5rem 2.5rem 2rem;display:flex}.play-match-over-header{flex-direction:column;align-items:center;gap:.4rem;display:flex}.play-match-over-trophy{margin-bottom:.25rem;font-size:3.5rem}.play-match-over-title{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:1rem;font-weight:900}.play-match-over-winner{font-family:var(--font-display);color:gold;letter-spacing:.04em;text-align:center;font-size:2rem;font-weight:700}.play-match-over-draw{color:#ffffffb3}.play-match-over-scores{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.play-match-over-team{opacity:.45;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .3s;display:flex}.play-match-over-team-winner{opacity:1}.play-match-over-team-score{font-family:var(--font-display);color:#fff;font-size:5rem;font-style:italic;font-weight:200;line-height:1}.play-match-over-team-score-1{color:#90caf9}.play-match-over-team-score-2{color:#ff8a80}.play-match-over-team-name{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;font-size:.85rem;font-weight:600}.play-match-over-divider{font-family:var(--font-body);color:#fff3;align-self:center;padding-bottom:1.5rem;font-size:2rem;font-weight:200}.play-match-over-btn{width:100%;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s}.play-match-over-btn:hover{background:#ffffff24;border-color:#ffffff4d}.play-kb-hint{z-index:100;justify-content:center;align-items:center;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.play-kb-icon{color:#ffffff8c;cursor:default;-webkit-user-select:none;user-select:none;background:#00000056;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:4.4vh;min-width:36px;height:4.4vh;min-height:36px;font-size:2.6vh;transition:background .15s,color .15s;display:flex}.play-kb-hint:hover .play-kb-icon{color:#ffffffe6;background:#0009}.play-kb-tooltip{z-index:200;pointer-events:none;opacity:0;visibility:hidden;background:#0a0a0ef7;border:1px solid #ffffff1f;border-radius:14px;min-width:280px;padding:14px 16px;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}.play-kb-hint:hover .play-kb-tooltip{opacity:1;visibility:visible}.play-kb-row{grid-template-columns:1fr auto auto;align-items:center;gap:6px 16px;padding:5px 0;font-size:2vh;display:grid}.play-kb-row span:first-child{color:#ffffffa6;white-space:nowrap;font-size:1.9vh}.play-kb-head{letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #ffffff14;margin-bottom:3px;padding-bottom:7px;font-weight:800;color:#ffffff4d!important;font-size:1.4vh!important}.play-kb-head span{color:#ffffff4d!important}.play-kb-tooltip kbd{color:#fff;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;min-width:28px;padding:2px 8px;font-family:ui-monospace,Courier New,monospace;font-size:1.8vh;font-weight:700;line-height:1.5;display:inline-flex}.play-kb-space-row{border-top:1px solid #ffffff0f;grid-template-columns:1fr auto;margin-top:3px;padding-top:7px}.play-kb-space{min-width:62px!important}@keyframes tutCardIn{0%{opacity:0;transform:translateY(12px)translate(-50%)}to{opacity:1;transform:translateY(0)translate(-50%)}}@keyframes tutCardInCenter{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes tutSpotlightIn{0%{opacity:0}to{opacity:1}}.play-tut-overlay{z-index:999;position:absolute;inset:0;overflow:hidden}.play-tut-spotlight{pointer-events:none;z-index:1000;background:#c8e6ff0f;border:1.5px solid #dcf0ff8c;border-radius:10px;animation:.25s forwards tutSpotlightIn;position:absolute;box-shadow:0 0 0 9999px #000000ad}.play-tut-full-bg{z-index:1000;background:#000000b8;position:absolute;inset:0}.play-tut-card{z-index:1001;pointer-events:all;background:#0c0e12f7;border:1px solid #ffffff21;border-radius:16px;width:min(500px,100% - 32px);padding:1.25rem 1.4rem 1.1rem;position:absolute;left:50%;box-shadow:0 12px 50px #0009,0 0 0 1px #ffffff0d}.play-tut-card-bottom{animation:.28s cubic-bezier(.16,1,.3,1) forwards tutCardIn;bottom:16px}.play-tut-card-top{animation:.28s cubic-bezier(.16,1,.3,1) forwards tutCardIn;top:16px}.play-tut-card-center{animation:.28s cubic-bezier(.16,1,.3,1) forwards tutCardInCenter;top:50%}.play-tut-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.play-tut-progress-row{align-items:center;gap:.6rem;display:flex}.play-tut-step-label{letter-spacing:.06em;color:#ffffffd9;background:#ffffff1a;border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:800}.play-tut-dots{gap:4px;display:flex}.play-tut-dot{background:#fff3;border-radius:99px;width:5px;height:5px;transition:background .2s,width .2s}.play-tut-dot.active{background:#fff;width:14px}.play-tut-dot.done{background:#ffffff73}.play-tut-skip{color:#fff6;cursor:pointer;font-family:var(--font-body);letter-spacing:.04em;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:color .15s,background .15s}.play-tut-skip:hover{color:#ffffffbf;background:#ffffff0f}.play-tut-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0 0 .5rem;font-size:clamp(1.3rem,2.5vw,1.7rem);line-height:1}.play-tut-body{margin-bottom:1rem}.play-tut-body p{color:#ffffffb8;margin:0 0 .5rem;font-size:clamp(.82rem,1.6vw,.95rem);line-height:1.6}.play-tut-body strong{color:#fff;font-weight:700}.play-tut-gold{color:gold!important}.play-tut-keys{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.play-tut-key-group{color:#fff9;align-items:center;gap:5px;font-size:clamp(.72rem,1.4vw,.82rem);font-weight:600;display:inline-flex}.play-tut-key-sep{color:#ffffff40;font-size:.85rem}.play-tut-body kbd,.play-tut-shortcut-grid kbd{color:#fff;letter-spacing:0;background:#ffffff1a;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;min-width:22px;padding:1px 6px;font-family:ui-monospace,Courier New,monospace;font-size:clamp(.65rem,1.3vw,.75rem);font-weight:700;line-height:1.5;display:inline-flex}.play-tut-shortcut-grid{flex-direction:column;gap:2px;display:flex}.play-tut-sh-row{border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem 1rem;padding:5px 6px;font-size:clamp(.72rem,1.4vw,.82rem);display:grid}.play-tut-sh-row:nth-child(2n){background:#ffffff0a}.play-tut-sh-head{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;border-bottom:1px solid #ffffff14;margin-bottom:2px;padding-bottom:4px;font-size:clamp(.62rem,1.2vw,.7rem);font-weight:800}.play-tut-sh-row span:first-child{color:#ffffffa6}.play-tut-sh-full{border-top:1px solid #ffffff0f;grid-template-columns:1fr auto;margin-top:2px;padding-top:6px}.play-tut-sh-space{grid-column:2/span 1}.play-tut-actions{border-top:1px solid #ffffff14;justify-content:flex-end;padding-top:.75rem;display:flex}.play-tut-next{color:#111;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;background:#fff;border:none;border-radius:9px;min-width:90px;padding:.55rem 1.5rem;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:800;transition:transform .15s,background .15s}.play-tut-next:hover{background:#f0f0f0;transform:scale(1.04)}.play-tut-next:active{transform:scale(.97)}@media (max-width:600px){.play-tut-card{border-radius:12px;padding:1rem}.play-tut-title{font-size:1.15rem}.play-tut-dots{display:none}}@media (max-height:500px){.play-tut-card-bottom{bottom:8px}.play-tut-card-top{top:8px}.play-tut-card{padding:.75rem 1rem .65rem}.play-tut-body p{margin-bottom:.3rem}}