html,body{width:100vw;height:100vh;margin:0;padding:0;background-color:#77d2ff}#root{width:100%;height:100%;overflow:hidden;position:relative;margin:auto}#root-container{height:100dvh;min-height:100dvh;width:100%;display:flex;flex-direction:column}@supports not (height: 100dvh){#root-container{height:100svh;min-height:100svh}}.player-info{padding:0 1rem;font-size:.75rem;display:flex;align-items:center;color:#fff;background:#000;font-weight:700}.game-wrapper{position:absolute;height:100%;width:100%}.no-pointer-events{pointer-events:none}body.modal-open #game-container{filter:blur(10px) brightness(.9);transition:filter .18s ease}@supports (backdrop-filter: blur(1px)){body.modal-open #game-container{filter:none}}.modal-root{position:fixed;inset:0;z-index:1000}.modal-backdrop{position:absolute;inset:0;background:#00000040;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}#user-container{position:absolute;top:5px;right:5px;z-index:999;color:#fff;font-family:Arial,Helvetica,sans-serif;background:#000;padding:.5rem;text-align:center;opacity:.5}#user-container span{padding:.5rem}#rankings-container{position:absolute;top:40px;right:5px;z-index:999;color:#fff;font-family:Arial,Helvetica,sans-serif;background:#000;padding:.5rem;text-align:center;opacity:.5}#rankings-container span{padding:.5rem}.link-share{--accent: #ffd700;--accent-ink: #1b1b1b;--surface: rgba(15, 16, 25, .85);--stroke: rgba(255, 255, 255, .08);--text: #fff;--muted: #c9c9c9;--radius: 14px;--in-dur: .52s;--out-dur: .3s;--in-ease: cubic-bezier(.2, .9, .2, 1);--out-ease: cubic-bezier(.4, 0, .2, 1);position:fixed;left:50%;top:50%;transform:translate(-50%,-120%);width:clamp(280px,40vw,520px);padding:1.25rem 1.5rem 1.5rem;color:var(--text);text-align:center;background:linear-gradient(135deg,var(--surface),rgba(20,22,35,.92));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #ffffff0a}@keyframes drop-bounce{0%{transform:translate(-50%,-120%)}to{transform:translate(-50%,-50%)}}@keyframes slide-up-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-120%) scale(.98);opacity:0}}.link-share.animate-in{animation:drop-bounce var(--in-dur) var(--in-ease) both}.link-share.animate-out{animation:slide-up-out var(--out-dur) var(--out-ease) forwards}@media (prefers-reduced-motion: reduce){.link-share,.link-share.animate-in,.link-share.animate-out{animation:none!important}}.link-share h3{margin:0 0 .25rem;font-size:1.25rem;letter-spacing:.2px}.link-share p{margin:0 0 1rem;color:var(--muted);line-height:1.35}.link-share .button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.1rem;margin-bottom:.8rem;border-radius:12px;border:1px solid transparent;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s cubic-bezier(.2,.7,.2,1),border-color .18s cubic-bezier(.2,.7,.2,1),background .18s cubic-bezier(.2,.7,.2,1),color .18s cubic-bezier(.2,.7,.2,1);user-select:none}.link-share .button:hover{border-color:#fff}.link-share .button.is-busy,.link-share .button:disabled{opacity:.7;pointer-events:none}.link-share .primary{color:var(--accent-ink);background:linear-gradient(180deg,#ffe05a,var(--accent));box-shadow:0 6px 20px #ffd70040,inset 0 -2px #00000014}.link-share .primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #ffd70059,inset 0 -2px #00000014}.link-share .secondary{color:#111;background:linear-gradient(180deg,#dcd9cd,#bdb9aa);box-shadow:0 4px 16px #00000040,inset 0 -1px #0000000f}.link-share .secondary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000047,inset 0 -1px #0000000f}.is-hidden{display:none!important}#user-id{position:absolute;bottom:5px;width:100%;text-align:center;color:#555;opacity:.8;font-size:.75rem}.leaderboard{position:absolute;width:80vw;top:30vh;left:10vw}.leaderboard table{text-align:center;width:100%}.leaderboard table td,.leaderboard table th{border:1px solid #c9c9c9;padding:.5rem}.leaderboard table th{background-color:#ffe05a}.leaderboard table td{background-color:#dcd9cd}.leaderboard-tabs{display:flex;flex-direction:row;justify-content:space-around;position:absolute;width:80vw;left:10vw;top:20vh;margin:0}.leaderboard-tabs a.btn-small{font-size:medium;width:30%;background:#ffe05a;margin:0 .5rem}.leaderboard-tabs a.btn-small.active{background:#1d4ed8;cursor:default;color:#dcd9cd}.bg-cards-layer{position:fixed;inset:-1px;z-index:-1;pointer-events:none;user-select:none;background-repeat:no-repeat;background-size:cover;background-position:center 40%;background-image:url(/static/img/bg-cards-landscape--c76c5aec.png);--hue-duration: 40s;filter:hue-rotate(0deg) saturate(1.05) brightness(1.02);animation:hueCycle var(--hue-duration) linear infinite;will-change:filter}@media (orientation: portrait){.bg-cards-layer{background-position:center;background-image:url(/static/img/bg-cards-portrait--31feaa09.png)}}@keyframes hueCycle{to{filter:hue-rotate(360deg) saturate(1.05) brightness(1.02)}}@media (prefers-reduced-motion: reduce){.bg-cards-layer{animation-duration:120s}}.menu,.logo-container{width:100%;height:100%}.logo{background:url(/static/img/logo--4f78dcf7.png) no-repeat center top;max-height:40vh;max-width:80vw;width:100%;height:100%;background-size:contain;margin:5vh auto;transform-origin:center center;will-change:transform,opacity}.logo.small{width:10%;height:10%;min-width:100px;min-height:100px;margin-top:5vh}.menu-container{position:absolute;z-index:1;top:50%;left:50%;width:80%;max-width:500px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.share-menu-container h1{color:#fff;text-align:center;font-size:xxx-large;margin:0;text-shadow:0px 0px 5px black}.share-menu-container h2{color:#fff;text-align:center;margin:0;margin-bottom:1rem;text-shadow:0px 0px 5px black}.btn{display:inline-block;padding:.6rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;border:1px solid transparent;width:100%;text-align:center;font-size:x-large}.btn-primary{background:#ffe05a;color:#000;border:2px solid black}.btn-primary:hover{background:#fff}.btn-primary:active{transform:translateY(1px)}.menu-subcontainer{display:flex;flex-direction:row}.menu-subcontainer .btn-small{font-size:medium;min-width:50px;max-width:120px;width:40vw;background:#bdb9aa;margin:0 .5rem}.menu-container .play-button{transform:translate(250%);will-change:transform,opacity}.menu-container.show .play-button{animation:fly-in-right .6s cubic-bezier(.22,.61,.36,1) forwards}.menu-container.exit .play-button{animation:fly-out-left .48s cubic-bezier(.22,.61,.36,1) forwards}.share-menu-container.show :is(.play-button,h1,h2){animation:fly-in-right .6s cubic-bezier(.22,.61,.36,1) forwards}.share-menu-container.exit :is(.play-button,h1,h2){animation:fly-out-left .48s cubic-bezier(.22,.61,.36,1) forwards}@keyframes fly-in-right{0%{opacity:0;transform:translate(250%)}to{opacity:1;transform:translate(0)}}@keyframes fly-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(250%)}}@media (prefers-reduced-motion: reduce){.menu-container .play-button,.menu-container.show .play-button{animation:none!important;transform:none!important}}.logo-container.show .logo{animation:logo-pop-in .72s cubic-bezier(.22,.61,.36,1) forwards}.logo-container.exit .logo{animation:logo-pop-out .6s cubic-bezier(.22,.61,.36,1) forwards}@keyframes logo-pop-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.08)}85%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes logo-pop-out{0%{opacity:1;transform:scale(1)}15%{opacity:1;transform:scale(1.08)}40%{opacity:1;transform:scale(.98)}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion: reduce){.logo,.logo.show{animation:none!important;transform:none!important}}@keyframes fly-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes fly-in-left{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}.game-transition{color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;pointer-events:none;will-change:opacity;display:none;text-shadow:1px 1px 4px black;text-align:center}.bot-game-transition.show :is(.play-button,h1,h2),.share-game-transition.show :is(.play-button,h1,h2){animation:fly-in-right .6s cubic-bezier(.22,.61,.36,1) forwards}.bot-game-transition.exit :is(.play-button,h1,h2),.share-game-transition.exit :is(.play-button,h1,h2){animation:fly-out-left .48s cubic-bezier(.22,.61,.36,1) forwards}.bot-game-transition.is-active{animation:pulse var(--pulse-duration, 3s) ease-in-out var(--fade-duration, 3s) infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}