@font-face{font-family:nokiafc22;src:url(/assets/font/nokiafc22.ttf)}@font-face{font-family:VCR_OSD_Mono;src:url(/assets/font/vcr_osd_mono.ttf)}body{margin:0;font-family:nokiafc22;background:url(/_next/static/media/bg.66b63702.png);background-size:cover;background-position:50%}#container,body{overflow-x:hidden}#bg-shadow,#container,body{width:100%;min-height:100vh}#bg-shadow{position:absolute;background-color:#000;opacity:.3;z-index:-1}#title-bar{margin-bottom:20px;background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;align-items:center;width:100%}#demo-banner{width:100%;padding:6px 12px;box-sizing:border-box;background:rgba(0,0,0,.72);color:hsla(0,0%,100%,.82);font-family:VCR_OSD_Mono;font-size:12px;line-height:1.4;text-align:center}#title{font-size:clamp(28px,5vw,48px);color:#fec062;text-align:center;padding:15px clamp(12px,3vw,25px)}#account{font-size:21px;padding:38px 25px}#account,#loginBTN{text-transform:uppercase;font-family:VCR_OSD_Mono;background:#fff}#loginBTN{border:0;font-size:clamp(12px,2.3vw,21px);padding:clamp(18px,4vw,38px) clamp(12px,3vw,25px);color:#000;cursor:pointer;white-space:nowrap}#demo-toast{position:fixed;top:116px;right:24px;z-index:200;max-width:320px;padding:12px 16px;border:2px solid #fec062;background:#111;color:#fec062;font-family:VCR_OSD_Mono;font-size:14px;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.3)}#game-container{display:flex;justify-content:center;font-family:nokiafc22;width:100vw;max-width:100vw;overflow:hidden;touch-action:manipulation}#game-container canvas{width:100vw!important;height:auto!important;display:block}#board-container{width:100%;margin-top:clamp(16px,4vw,30px);display:flex;flex-direction:column;align-items:center}#social-text{font-size:28px;color:#fec062;padding:20px 0}#socials{width:100%;display:flex;justify-content:center}.logo{width:clamp(48px,10vw,80px);height:clamp(48px,10vw,80px);margin:0 clamp(12px,5vw,50px)}@media only screen and (max-width:1200px){body{padding:0}}#leaderboard{border-radius:1rem 1rem 0 0;background-color:#fff;width:30%;min-width:400px;max-width:100vw;position:fixed;bottom:0}#leaderboard-title{text-align:center;padding:1rem .7rem;cursor:pointer;display:flex;justify-content:center;align-items:center}#leaderboard-title #leaderboardIcon{width:30px;margin-right:auto}#leaderboard-title #arrow{width:30px;margin-left:auto;transition:all .4s;transform:rotate(-180deg)}.leaderboard-content{max-height:0;height:100%;transition:max-height .4s;overflow:hidden;overflow-y:auto}.open #leaderboard-title #arrow{transform:rotate(0deg)}.open .leaderboard-content{max-height:250px}.leaderboard-mode{text-align:center;border-top:1px solid #eee;padding:15px 0}.leaderboard-mode,.rank{border-bottom:1px solid #eee}.rank{display:flex;justify-content:flex-start;align-items:center;margin:.7rem .7rem 0;padding-bottom:.7rem}.rank>img{height:60px;width:60px;margin-right:20px}.score{margin-left:auto}.local-rank{background:rgba(254,192,98,.16);margin-left:0;margin-right:0;padding-left:.7rem;padding-right:.7rem}.alpaca-rank{color:#777;font-size:.85em}@media only screen and (max-width:700px){#title-bar{align-items:stretch}#title{display:flex;align-items:center;text-align:left}#demo-toast{top:92px;left:12px;right:12px;max-width:none}#social-text{font-size:20px;padding:14px 0}#leaderboard{width:100%;min-width:0;left:0}#leaderboard-title{padding:.85rem .7rem;font-size:14px}.open .leaderboard-content{max-height:220px}.rank{font-size:14px}}