*{box-sizing:border-box}html{overflow-y:scroll}html,body{scrollbar-gutter:stable;background:linear-gradient(135deg,#add8e6 0%,#b7deee 10%,#a7d2e8 20%,#c0e5ef 30%,#a3d0e3 40%,#cbeaf2 50%,#9fc8df 60%,#d2eff4 70%,#a8d3e7 80%,#c6e8f2 90%,#add8e6 100%);width:100%;min-height:100vh;margin:0;overflow-x:hidden}main{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 30rem);font-family:Audiowide,sans-serif;display:flex}header{font-family:Audiowide,sans-serif;font-weight:400}.homePageCard{--card-border-rgb:0 0 139;--border:2px;-webkit-backdrop-filter:blur(8px);max-width:14rem;max-height:42rem;box-shadow:0 0 18px rgb(var(--card-border-rgb) / .2), 0 12px 26px #0000002e;background:#ffffff1a;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.homePageCard:before{content:"";border:var(--border) solid rgb(var(--card-border-rgb) / .75);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.lCardTime:before{border-right:0}.rCardTime{box-shadow:0 0 18px rgb(var(--card-border-rgb) / .2), 0 12px 26px #0000002e, -6px 0 18px rgb(var(--card-border-rgb) / .18)}.lobby-select{margin-inline:auto;flex-direction:row;justify-content:space-around;gap:0;width:56rem;max-width:100%;margin-top:1rem;display:flex;position:relative}.lobby-main{justify-content:flex-start}.lobby-select>button{background:0 0;border:#0000;font-family:Story Script,sans-serif;font-size:2rem}.lobby-tab{z-index:2;color:#00003cb3;cursor:pointer;border-radius:.6rem .6rem 0 0;padding:.4rem 1.5rem .1rem;transition:background-color .14s,color .14s;position:relative}.lobby-tab:not(.active):hover{color:#00005ae6;background:#00008b14}.lobby-tab.active{color:#00006e}.lobby-tab.active:after{content:"";z-index:2;background:#00008bcc;border-radius:2px;width:calc(100% - .5rem);height:3px;position:absolute;bottom:-.2rem;left:50%;transform:translate(-50%)}.pairing,.openchal{white-space:nowrap}.openchal{transform:translate(4.5rem)}.open-challenge-btn{text-align:left;color:#00008b;cursor:pointer;background:0 0;border:none;border-top:1px solid #00008b59;grid-template-columns:1fr 14rem;align-items:center;width:100%;padding:1rem 1.5rem;font-family:Story Script,sans-serif;font-size:1.8rem;transition:background-color .14s,transform .14s,box-shadow .14s;display:grid}.open-challenge-btn:hover{background:#00008b1a;box-shadow:inset 0 0 18px #00008b1f}.open-challenge-btn:active{transform:scale(.99)}.open-challenge-btn span:last-child{text-align:left}.open-challenge-btn:focus-visible{outline-offset:-3px;outline:3px solid #00008b73}.card-section{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;min-height:calc(100vh - 6rem);padding-top:2rem;display:flex}.singCard{color:#000;-webkit-text-fill-color:currentColor;background:0 0;border:none;min-width:14rem;min-height:14rem;font-family:Story Script,sans-serif;font-size:3em;font-weight:400;transition:background-color .12s,box-shadow .12s;position:relative}.singCard *{-webkit-text-fill-color:currentColor}.singCard:after{content:"";background:rgb(var(--card-border-rgb) / .65);height:2px;box-shadow:0 0 10px rgb(var(--card-border-rgb) / .35);position:absolute;bottom:0;left:0;right:0}.singCard:hover{cursor:pointer;background-color:rgb(var(--card-border-rgb) / .12)}.bottomCard{border:none}.separator{min-width:4rem;display:block}.nav-span{align-items:center;max-width:100vw;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.nav-left{gap:2rem;margin-left:1rem;display:flex}.nav-right{align-items:center;gap:1.5rem;margin-left:auto;margin-right:3rem;display:flex}.hdr-guest-name{white-space:nowrap}.nav-span a{color:#0000;-webkit-text-stroke:1px black;text-decoration:none;transition:-webkit-text-stroke-width .12s,-webkit-text-stroke-color .12s}html:not(.game-route) .nav-span a:hover,html:not(.game-route) .nav-span a:focus-visible{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#000000b3}.nav-span>img{max-height:6rem}.open-challenges-lobby{-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:1rem;width:min(60rem,100vw - 4rem);font-family:Story Script,sans-serif;overflow:hidden;box-shadow:0 0 18px #00008b33,0 12px 26px #0000002e}.open-challenges-header{color:#000000a6;grid-template-columns:1fr 14rem;align-items:center;padding:1.25rem 1.5rem;font-size:2rem;display:grid}.open-challenges-row{width:100%}.open-challenges-row:hover{background:#00008b14}.login-hdr{text-align:center;margin-top:3rem;font-family:Audiowide,sans-serif}.login-form{border:1px solid #000;border-radius:5rem;flex-direction:column;gap:2rem;width:100%;max-width:35rem;margin-top:0;padding:4rem;font-family:Audiowide,sans-serif;font-size:1.4rem;display:flex}.login-form label{display:block}.login-btn{background:#b7deee;border:2px solid #000;border-radius:1rem;min-height:4rem;margin-top:3rem;font-family:Audiowide,sans-serif;font-size:1.3rem}.sign-up-btn{background:#b7deee;border:2px solid #000;border-radius:1rem;min-height:4rem;margin-top:1rem;font-family:Audiowide,sans-serif;font-size:1.3rem}.login-info{color:#fff;caret-color:#fff;background-color:#477e94;border:2px solid #000;border-radius:.5rem;margin-left:1rem;padding:.4rem .6rem;font-family:Audiowide,sans-serif}.login-info:-webkit-autofill{-webkit-text-fill-color:white;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #477e94}.login-info:-webkit-autofill:hover{-webkit-text-fill-color:white;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #477e94}.login-info:-webkit-autofill:focus{-webkit-text-fill-color:white;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #477e94}.sign-in-form{border:1px solid #000;border-radius:5rem;flex-direction:column;gap:2rem;width:100%;max-width:35rem;margin-top:0;padding:4rem;font-family:Audiowide,sans-serif;font-size:1.4rem;display:flex}.sign-in-form label{display:block}.sign-in-info{color:#fff;caret-color:#fff;background-color:#477e94;border:2px solid #000;border-radius:.5rem;margin-left:1rem;padding:.4rem .6rem;font-family:Audiowide,sans-serif}.sign-in-info:-webkit-autofill{-webkit-text-fill-color:white;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #477e94}.sign-in-info:-webkit-autofill:hover{-webkit-text-fill-color:white;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #477e94}.sign-in-info:-webkit-autofill:focus{-webkit-text-fill-color:white;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #477e94}.register-btn{background:#b7deee;border:2px solid #000;border-radius:1rem;min-height:4rem;margin-top:3rem;font-family:Audiowide,sans-serif;font-size:1.3rem}.game-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.board-wrapper{width:min(90vw,600px)}html.game-route,html.game-route body{background:linear-gradient(135deg,#151515 0%,#1b1b1b 10%,#141414 20%,#1f1f1f 30%,#111 40%,#232323 50%,#0e0e0e 60%,#262626 70%,#141414 80%,#222 90%,#151515 100%);min-height:100dvh}html.game-route .nav-span a{-webkit-text-stroke:1px #19a5e6;filter:drop-shadow(0 0 3px #19a5e6e6)drop-shadow(0 0 9px #19a5e680);transition:filter .16s}html.game-route .nav-span a:hover,html.game-route .nav-span a:focus-visible{filter:drop-shadow(0 0 4px #7fd3f2f2)drop-shadow(0 0 14px #19a5e6a6)drop-shadow(0 0 26px #19a5e666)}.in-game-banner{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2a6f97 0%,#477e94 100%);border:none;align-self:stretch;width:100%;padding:1.1rem 1.5rem;font-family:Audiowide,sans-serif;font-size:1.15rem;transition:filter .14s,box-shadow .14s;box-shadow:0 2px 10px #00000040}.in-game-banner:hover{filter:brightness(1.08);box-shadow:0 3px 14px #00000052}.in-game-banner:active{filter:brightness(.96)}.lobby-blocked-msg{color:#7a1f1f;background:#ffdcdcd9;border:1px solid #7a1f1f66;border-radius:.5rem;align-items:flex-start;gap:1rem;margin:1rem 0 0;padding:.7rem 1.2rem;font-family:Audiowide,sans-serif;font-size:1.1rem;display:flex}.lobby-blocked-close{cursor:pointer;color:#7a1f1f;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 .2rem;font-family:inherit;font-size:1.4rem;line-height:1;transition:color .12s}.lobby-blocked-close:hover{color:#4a0f0f}@keyframes singCardSpin{to{transform:rotate(360deg)}}.singCard-spinner{vertical-align:middle;border:4px solid #00008b40;border-top-color:#00008be6;border-radius:50%;width:2.4rem;height:2.4rem;animation:.85s linear infinite singCardSpin;display:inline-block}.singCard-pending{vertical-align:middle;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex;position:relative}.singCard-cancel{color:#8b0000f2;pointer-events:none;font-size:1.5rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.singCard-spinner{animation-duration:2.4s}}html.game-route header,.header-reveal-arrow{display:none}html.game-route .header-reveal-arrow{top:calc(.6rem + env(safe-area-inset-top));right:calc(.8rem + env(safe-area-inset-right));z-index:1100;color:#19a5e6;cursor:pointer;background:#0a0c10b3;border:1px solid #19a5e699;border-radius:.6rem;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-size:1.4rem;line-height:1;transition:filter .14s,background-color .14s,transform .2s;display:flex;position:fixed}html.game-route .header-reveal-arrow:hover{filter:drop-shadow(0 0 6px #19a5e6b3);background:#14181ed9}html.game-route header.header-revealed{z-index:1000;padding-top:env(safe-area-inset-top);background:linear-gradient(135deg,#151515 0%,#1b1b1b 10%,#141414 20%,#1f1f1f 30%,#111 40%,#232323 50%,#0e0e0e 60%,#262626 70%,#141414 80%,#222 90%,#151515 100%);display:block;position:fixed;top:0;left:0;right:0}html.game-route .header-reveal-arrow.header-revealed{top:calc(6.4rem + env(safe-area-inset-top));transform:rotate(180deg)}header:has(.hdr-turnstile){position:relative}.hdr-turnstile{z-index:1001;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hdr-turnstile-quiet{z-index:2000;position:fixed;bottom:1rem;right:1rem}.lcard-with-prompt{display:flex;position:relative}.challenge-prompt{z-index:5;color:#111;background:0 0;border:2px solid #111;border-radius:1.2rem;width:11rem;padding:.6rem .9rem;font-family:Story Script,sans-serif;font-size:1.25rem;font-weight:300;line-height:1.2;animation:2.2s ease-in-out infinite challenge-prompt-bob;position:absolute;top:50%;right:calc(100% + 1.2rem);transform:translateY(-50%);box-shadow:0 4px 10px #0000002e}.challenge-prompt:after{content:"";border-top:.6rem solid #0000;border-bottom:.6rem solid #0000;border-left:.85rem solid #111;width:0;height:0;position:absolute;top:.7rem;right:-.85rem}.challenge-prompt:before{content:"";z-index:1;border-top:.45rem solid #0000;border-bottom:.45rem solid #0000;border-left:.62rem solid #0000;width:0;height:0;position:absolute;top:.85rem;right:-.5rem}.challenge-prompt-text{padding-right:.8rem;display:block}.challenge-prompt-close{color:#111;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 .2rem;font-size:1rem;line-height:1;transition:opacity .12s;position:absolute;top:.15rem;right:.3rem}.challenge-prompt-close:hover{opacity:1}@keyframes challenge-prompt-bob{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(4px)}}.challenges-prompt{z-index:6;color:#111;background:0 0;border:2px solid #111;border-radius:1.2rem;width:13rem;padding:.6rem .9rem;font-family:Story Script,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.2;animation:2.2s ease-in-out infinite challenges-prompt-bob;position:absolute;top:70%;left:calc(100% + 1.4rem);transform:translateY(-50%);box-shadow:0 4px 10px #0000002e}.challenges-prompt:after{content:"";border-top:.6rem solid #0000;border-bottom:.6rem solid #0000;border-right:.85rem solid #111;width:0;height:0;position:absolute;top:.9rem;left:-.85rem}@keyframes challenges-prompt-bob{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(4px)}}.profile-main{flex-direction:column;align-items:center;padding:2rem 1rem 4rem;display:flex}.profile-name{color:#000028d9;margin:2rem 0 1.5rem;font-family:Audiowide,sans-serif}.profile-player-link{cursor:pointer;transition:color .12s}.profile-player-link:hover,.profile-player-link:focus-visible{color:#1746e0;outline:none;text-decoration:underline}.profile-status{color:#0009;font-family:Story Script,sans-serif;font-size:1.6rem}.profile-games{-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:1rem;width:min(60rem,100vw - 4rem);font-family:Story Script,sans-serif;overflow:hidden;box-shadow:0 0 18px #00008b33,0 12px 26px #0000002e}.profile-games-header{color:#000000a6;padding:1.25rem 1.5rem;font-size:1.6rem}.profile-game-row{border-top:1px solid #00008b59;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.8rem;display:grid}.profile-game-link{color:inherit;cursor:pointer;text-decoration:none;transition:background .12s}.profile-game-link:hover{background:#00008b14}.profile-game-right{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.profile-review-hint{letter-spacing:.02em;color:#1746e0;opacity:0;font-family:Inter,sans-serif;font-size:1rem;transition:opacity .12s,transform .12s;transform:translate(.3rem)}.profile-game-link:hover .profile-review-hint,.profile-game-link:focus-visible .profile-review-hint{opacity:1;transform:translate(0)}.profile-players{align-items:baseline;gap:.75rem;min-width:0;display:flex}.profile-player{color:#000028d9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-vs{color:#00000073;flex:none;font-size:1.3rem}.profile-result{letter-spacing:.06em;white-space:nowrap;justify-self:end;font-family:Audiowide,sans-serif;font-size:1.4rem}.profile-result-one{color:#1746e0;font-weight:700}.profile-result-zero{color:#0b1f5e}.profile-result-sep{color:#00002880}.profile-result-draw{color:#7db4e8}.profile-result-none{color:#00002866}.user-menu{position:relative}.user-menu-trigger{cursor:pointer;font:inherit;color:#0000;-webkit-text-stroke:1px black;background:0 0;border:none;padding:0}.user-menu-dropdown{z-index:50;background:#fffffff5;border-radius:.6rem;min-width:10rem;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 20px #00000040}.user-menu-item{cursor:pointer;text-align:left;color:#7a1f1f;background:0 0;border:none;width:100%;padding:.8rem 1.2rem;font-family:Inter,sans-serif;font-size:1rem;display:block}.user-menu-item:hover:not(:disabled){background:#00008b14}.user-menu-item:disabled{cursor:default;opacity:.6}.cookie-consent{z-index:1000;background:#e2eefaf7;border:2px solid #00008b59;border-radius:14px;align-items:center;gap:1.25rem;width:fit-content;max-width:min(46rem,100vw - 2rem);margin-inline:auto;padding:1rem 1.5rem;font-family:Audiowide,sans-serif;animation:.4s both cookie-rise;display:flex;position:fixed;bottom:1.25rem;left:0;right:0;box-shadow:0 8px 28px #00000038}.cookie-consent-text{color:#00008b;margin:0;font-size:.95rem;line-height:1.45}.cookie-consent-text strong{font-weight:700}.cookie-consent-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:#00008b;border:none;border-radius:10px;flex-shrink:0;padding:.6rem 1.7rem;font-family:Audiowide,sans-serif;font-size:.95rem;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #00008b4d}.cookie-consent-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00008b6b}.cookie-consent-btn:active{transform:translateY(0)}@keyframes cookie-rise{0%{opacity:0}to{opacity:1}}@media (width<=600px){.cookie-consent{text-align:center;flex-direction:column;gap:.75rem}}@media (width<=820px){html:not(.game-route) body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html.game-route .header-reveal-arrow.header-revealed{top:calc(3.7rem + env(safe-area-inset-top))}.nav-span{column-gap:.55rem;padding:.3rem .35rem}.nav-span>img.hdr-logo{flex-shrink:0;max-height:2.4rem}.nav-left{flex-shrink:0;gap:.5rem;margin-left:.3rem;font-size:.64rem}.nav-right{flex-shrink:0;gap:.45rem;margin-right:.35rem;font-size:.64rem}.nav-span a,.nav-span .user-menu-trigger,html:not(.game-route) .nav-span a:hover,html:not(.game-route) .nav-span a:focus,html:not(.game-route) .nav-span a:focus-visible,html:not(.game-route) .nav-span .user-menu-trigger:hover,html:not(.game-route) .nav-span .user-menu-trigger:focus,html:not(.game-route) .nav-span .user-menu-trigger:focus-visible{-webkit-text-stroke-width:.6px}html.game-route .nav-span a:hover,html.game-route .nav-span a:focus,html.game-route .nav-span a:focus-visible{filter:drop-shadow(0 0 3px #19a5e6e6)drop-shadow(0 0 9px #19a5e680)}.nav-span a,.nav-span .user-menu-trigger{-webkit-tap-highlight-color:transparent;outline:none}.lobby-select{gap:0;width:100%;margin-top:.5rem}.lobby-select>button{font-size:1.5rem}.openchal{transform:none}.card-section{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.9rem 0;min-height:0;padding-top:1rem;padding-bottom:2rem}.lcard-with-prompt,.card-section>.homePageCard{flex:0 0 46vw;min-width:0;max-width:46vw}.lcard-with-prompt>.homePageCard{width:100%;max-width:none}.homePageCard{max-height:none}.separator{flex-basis:100%;min-width:0;height:0}.singCard{min-width:0;min-height:5.2rem;padding:.4rem;font-size:1.7rem}.challenge-prompt{display:none}.open-challenges-lobby,.profile-games{width:calc(100vw - 1.5rem)}.open-challenges-header{grid-template-columns:1fr auto;padding:.9rem 1rem;font-size:1.4rem}.open-challenge-btn{grid-template-columns:1fr auto;gap:.75rem;padding:.8rem 1rem;font-size:1.35rem}.profile-games-header{padding:.9rem 1rem;font-size:1.35rem}.profile-game-row{gap:.6rem;padding:.8rem 1rem;font-size:1.35rem}.profile-name{text-align:center;word-break:break-word;margin:1.2rem 0 1rem;font-size:1.6rem}.profile-main{padding:1rem .75rem 3rem}}.board-loading-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);border-radius:inherit;background:#060c1659;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.board-loading-spinner{border:4px solid #25f7ff40;border-top-color:#25f7ff;border-radius:50%;width:3.2rem;height:3.2rem;animation:.8s linear infinite board-loading-spin}.board-loading-text{letter-spacing:.5px;color:#cfe8ff;text-shadow:0 0 8px #25f7ff80;font-family:Audiowide,sans-serif;font-size:1rem}@keyframes board-loading-spin{to{transform:rotate(360deg)}}@media (width<=820px){.login-hdr{margin-top:1.5rem;font-size:1.6rem}.login-form,.sign-in-form{box-sizing:border-box;border-radius:1.25rem;gap:1.1rem;width:calc(100% - 1.5rem);max-width:28rem;margin:0 auto;padding:1.6rem 1.25rem;font-size:1.05rem}.login-form label,.sign-in-form label{margin-bottom:.2rem;font-size:.95rem}.login-info,.sign-in-info{box-sizing:border-box;width:100%;margin-left:0;padding:.6rem .7rem;font-size:1rem;display:block}.login-btn,.register-btn,.sign-up-btn{border-radius:.7rem;min-height:3rem;margin-top:1rem;font-size:1.05rem}}.mob-cards-scale{transform-origin:50%;transform:scale(1.32)}@media (height<=700px){.mob-cards-scale{transform:scale(1.08)}}@media (height>=701px) and (height<=760px){.mob-cards-scale{transform:scale(1.18)}}.tut-bubble-title{font-size:1.15rem}.tut-bubble-body{font-size:.98rem}@media (width<=400px){.tut-bubble-title{font-size:1rem}.tut-bubble-body{font-size:.85rem}}