@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--pixel-border: 4px;--pixel-gap: 4px;--game-tile-size: 64px;--game-tile-font: 1.5rem;--game-board-maxwidth: 420px;--game-sidebar-left: 240px;--game-sidebar-right: 220px;--game-key-maxwidth: 600px;--game-key-font: .75rem;--game-key-padding-v: 18px;--game-key-padding-h: 10px;--game-key-minwidth: 42px;--game-key-action-padding-v: 20px;--game-key-action-padding-h: 12px;--game-key-action-minwidth: 72px;--game-key-action-font: .65rem;--game-header-font: .7rem;--game-badge-font: .5rem;--game-username-font: 1.1rem;--game-stats-font: 1.2rem;--game-target-font: 1.2rem}[data-theme=classic]{--gb-bg: #9bbc0f;--gb-bg-dark: #306230;--gb-bg-darker: #0f380f;--gb-bg-light: #8bac0f;--gb-text: #0f380f;--gb-text-light: #306230;--gb-white: #e0f8cf;--gb-yellow: #8b6f00;--gb-green: #4a8c2a;--gb-gray: #6b8e4e;--gb-red: #a83030;--gb-blue: #3050a8;--gb-orange: #b85c20;--gb-overlay: rgba(15, 56, 15, .9)}[data-theme=dark]{--gb-bg: #1a1a2e;--gb-bg-dark: #0d0d1a;--gb-bg-darker: #050510;--gb-bg-light: #2a2a3e;--gb-text: #e0e0e0;--gb-text-light: #a0a0b0;--gb-white: #ffffff;--gb-yellow: #e8c84a;--gb-green: #4a7aaa;--gb-gray: #4a4a5e;--gb-red: #c04040;--gb-blue: #4060c0;--gb-orange: #d07030;--gb-overlay: rgba(0, 0, 0, .85)}[data-theme=light]{--gb-bg: #f0f0e8;--gb-bg-dark: #606058;--gb-bg-darker: #404038;--gb-bg-light: #e8e8e0;--gb-text: #1a1a1a;--gb-text-light: #505050;--gb-white: #ffffff;--gb-yellow: #c8a818;--gb-green: #8a8a80;--gb-gray: #b0b0a8;--gb-red: #b04040;--gb-blue: #4050b0;--gb-orange: #b06030;--gb-overlay: rgba(64, 64, 56, .85)}html,html *,html *:before,html *:after{transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .6s ease}@media (max-width: 1200px){:root{--game-tile-size: 54px;--game-tile-font: 1.25rem;--game-board-maxwidth: 360px;--game-sidebar-left: 190px;--game-sidebar-right: 180px;--game-key-maxwidth: 520px;--game-key-font: .65rem;--game-key-padding-v: 15px;--game-key-padding-h: 8px;--game-key-minwidth: 36px;--game-key-action-padding-v: 17px;--game-key-action-padding-h: 10px;--game-key-action-minwidth: 62px;--game-key-action-font: .55rem;--game-header-font: .6rem;--game-badge-font: .45rem;--game-username-font: 1rem;--game-stats-font: 1rem;--game-target-font: 1rem}}@media (max-width: 900px){:root{--game-tile-size: 44px;--game-tile-font: 1rem;--game-board-maxwidth: 290px;--game-sidebar-left: 140px;--game-sidebar-right: 140px;--game-key-maxwidth: 420px;--game-key-font: .55rem;--game-key-padding-v: 12px;--game-key-padding-h: 6px;--game-key-minwidth: 30px;--game-key-action-padding-v: 14px;--game-key-action-padding-h: 8px;--game-key-action-minwidth: 52px;--game-key-action-font: .5rem;--game-header-font: .5rem;--game-badge-font: .4rem;--game-username-font: .85rem;--game-stats-font: .9rem;--game-target-font: .9rem}}@media (max-width: 650px){:root{--game-tile-size: 36px;--game-tile-font: .8rem;--game-board-maxwidth: 260px;--game-sidebar-left: 0;--game-sidebar-right: 0;--game-key-maxwidth: 100%;--game-key-font: .45rem;--game-key-padding-v: 8px;--game-key-padding-h: 4px;--game-key-minwidth: 24px;--game-key-action-padding-v: 10px;--game-key-action-padding-h: 6px;--game-key-action-minwidth: 40px;--game-key-action-font: .4rem;--game-header-font: .4rem;--game-badge-font: .35rem;--game-username-font: .7rem;--game-stats-font: .75rem;--game-target-font: .75rem}.game-layout{flex-direction:column!important;overflow-y:auto!important}.game-sidebar{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important;overflow-x:auto!important;padding:4px 0!important}.game-sidebar>*{flex:1 1 auto!important;min-width:0!important}.game-center{flex:none!important;width:100%!important}.profile-layout{flex-direction:column!important}.profile-left-col{flex:none!important;width:100%!important;min-width:0!important}.settings-row{flex-direction:column!important}.settings-row>*{flex:none!important;width:100%!important}.lobby-two-col{flex-direction:column!important}.lobby-two-col>*{flex:none!important;width:100%!important}}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--gb-bg-darker)}body{font-family:VT323,Courier New,monospace;color:var(--gb-text);background:var(--gb-bg);image-rendering:pixelated}h1,h2,h3,h4,.pixel-font{font-family:"Press Start 2P",monospace;letter-spacing:2px;text-transform:uppercase}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:.9rem}h4{font-size:.7rem}.app-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:var(--gb-bg);position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:0}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 6px);pointer-events:none;z-index:9999}.screen-frame{border:var(--pixel-border) solid var(--gb-bg-darker);box-shadow:inset 0 0 0 2px var(--gb-bg-dark),0 0 0 2px var(--gb-bg-dark);background:var(--gb-bg);position:relative}.btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:12px 20px;border:var(--pixel-border) solid var(--gb-bg-darker);background:var(--gb-bg-dark);color:var(--gb-white);cursor:pointer;text-transform:uppercase;transition:all .05s step-end;image-rendering:pixelated;position:relative}.btn:hover{background:var(--gb-bg-darker);transform:translate(2px,2px)}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn-primary{background:var(--gb-green);color:var(--gb-white)}.btn-primary:hover{filter:brightness(.8)}.btn-danger{background:var(--gb-red);color:var(--gb-white)}.btn-small{font-size:.5rem;padding:8px 12px}.btn-block{width:100%;display:block}.input{font-family:VT323,monospace;font-size:1.2rem;padding:10px;border:var(--pixel-border) solid var(--gb-bg-dark);background:var(--gb-white);color:#000;outline:none;width:100%}.input:focus{border-color:var(--gb-bg-darker);box-shadow:inset 0 0 0 2px var(--gb-bg-dark)}.label{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--gb-text-light);display:block;margin-bottom:8px;text-transform:uppercase}.card{background:var(--gb-bg-light);border:var(--pixel-border) solid var(--gb-bg-dark);padding:16px;margin-bottom:12px}.badge{display:inline-block;padding:4px 8px;background:var(--gb-bg-darker);color:var(--gb-white);font-family:"Press Start 2P",monospace;font-size:.45rem}.mode-card{--mode-color: var(--gb-green);transition:background .1s steps(3),box-shadow .1s steps(3);position:relative;overflow:hidden}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--mode-color) 50%,transparent 100%);opacity:0;transition:opacity .2s steps(4);pointer-events:none;mix-blend-mode:overlay}.mode-card:hover{background:var(--gb-bg-light)!important}.mode-card:hover:after{opacity:.08}.mode-card .mode-icon-box{transition:border-color .1s steps(3),transform .1s steps(3),box-shadow .1s steps(3),background .1s steps(3);position:relative;z-index:1}.mode-card:hover .mode-icon-box{border-color:var(--mode-color)!important;background:var(--gb-bg)!important;transform:scale(1.1);box-shadow:inset 0 0 0 3px var(--mode-color),0 0 0 2px var(--mode-color);animation:icon-wiggle .5s steps(4) .15s 3}.mode-card .mode-arrow{transition:transform .15s steps(4),opacity .1s steps(3)}.mode-card:hover .mode-arrow{animation:arrow-skate .4s steps(5) forwards}.mode-card .mode-title{transition:color .1s steps(3)}.mode-card:hover .mode-title{color:var(--mode-color)!important}.mode-card .mode-desc{transition:color .1s steps(3)}.mode-card:hover .mode-desc{color:var(--gb-text)!important}.mode-card .mode-tag{transition:transform .1s steps(3),box-shadow .1s steps(3)}.mode-card:hover .mode-tag{transform:scale(1.05)}@keyframes icon-wiggle{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}@keyframes arrow-skate{0%{transform:translate(0) scaleX(1)}20%{transform:translate(12px) scaleX(.8)}40%{transform:translate(16px) scaleX(1)}60%{transform:translate(8px)}80%{transform:translate(12px)}to{transform:translate(10px)}}@keyframes pixel-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pixel-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pixel-flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes pixel-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pixel-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pixel-rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes attack-flash{0%{box-shadow:0 0 #a83030b3}50%{box-shadow:0 0 0 20px #a8303000}to{box-shadow:0 0 #a8303000}}@keyframes elimination-shrink{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:.3}}@keyframes tile-clear{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}@keyframes emergency-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes theme-flash{0%{opacity:.6}50%{opacity:.3}to{opacity:0}}@keyframes pixel-shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}.theme-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;background:var(--gb-yellow);animation:theme-flash .5s steps(4) forwards}.theme-toggle-btn{font-family:VT323,monospace;font-size:1rem;padding:6px 10px;background:var(--gb-bg-light);border:2px solid var(--gb-bg-dark);color:var(--gb-text);cursor:pointer;transition:all .1s steps(3);display:flex;align-items:center;gap:6px}.theme-toggle-btn:hover{background:var(--gb-bg-dark);color:var(--gb-white)}.theme-option{font-family:VT323,monospace;font-size:1rem;padding:4px 10px;background:transparent;border:none;border-bottom:1px solid var(--gb-bg-dark);color:var(--gb-text);cursor:pointer;text-align:left;transition:background .1s steps(3)}.theme-option:last-child{border-bottom:none}.theme-option:hover{background:var(--gb-bg-dark);color:var(--gb-white)}.theme-option.active{background:var(--gb-bg-dark);color:var(--gb-yellow)}.theme-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--gb-bg-darker);display:inline-block;flex-shrink:0}.animate-fade-in{animation:pixel-fade-in .3s steps(4)}.animate-slide-up{animation:pixel-slide-up .3s steps(4)}.animate-bounce{animation:pixel-bounce .3s steps(4)}.animate-flash{animation:pixel-flash .5s steps(4) infinite}.animate-shake{animation:pixel-shake .15s steps(4)}.animate-pulse{animation:pixel-pulse .5s steps(4)}.animate-attack{animation:attack-flash .5s steps(4)}.animate-eliminated{animation:elimination-shrink .5s steps(4) forwards}.tile-clearing{animation:tile-clear .3s steps(4) forwards!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gb-bg);border-left:2px solid var(--gb-bg-dark)}::-webkit-scrollbar-thumb{background:var(--gb-bg-dark);border:2px solid var(--gb-bg-darker)}