:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text!important;user-select:text!important;pointer-events:auto!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html,body{background-color:#f0f2f5;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}#root{background-color:#f5f7fa;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.app-container{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow-y:auto}.lobby-container,#game-container{width:100%;max-width:480px;padding:10px}.board-container{flex:auto;justify-content:center;align-items:center;width:100%;padding:5px;display:flex}.board{aspect-ratio:1;cursor:pointer;background-color:#8b4513;border:2px solid #5c2e0c;grid-template-rows:repeat(19,1fr);grid-template-columns:repeat(19,1fr);gap:1px;width:100%;max-width:95%;height:100%;max-height:95%;display:grid;box-shadow:0 2px 5px #0000004d}.cell{background-color:#fff;border-radius:1px;position:relative}.piece{justify-content:center;align-items:center;width:85%;height:85%;font-size:clamp(10px,3.5vw,24px);font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blue{color:#007bff}.red{color:#dc3545}.cell.selected{z-index:2;background-color:#fffacd;outline:1px solid #fc0}.last-move{background-color:#fffacd!important;border:1px solid gold!important}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}80%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.last-move .piece{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}button{font-family:inherit}button:active{transform:scale(.96)}.app-wrapper{width:100vw;height:100dvh}@media (min-width:768px){body{background-color:#2c3e50;background-image:url(/bg.jpg);background-size:cover;justify-content:center;align-items:center;display:flex}.app-wrapper{transform-origin:50%;background-color:#fff;border-radius:20px;width:450px;height:793px;max-height:95dvh;position:relative;overflow:hidden;transform:scale(1.1);box-shadow:0 20px 40px #00000080}.app-container{background-color:#fff}}.rain-drop{z-index:40;pointer-events:none;will-change:transform,opacity;background:linear-gradient(#fff0,#fffc);border-radius:0 0 3px 3px;width:3px;height:60px;position:absolute;top:-60px}.snowflake{color:#fff;z-index:40;pointer-events:none;text-shadow:0 0 4px #fffc;filter:blur(.5px);will-change:transform,opacity;font-size:1.2em;position:absolute;top:-30px}.sandstorm-overlay{pointer-events:none;z-index:35;mix-blend-mode:hard-light;will-change:opacity;background:#c27e3f40;position:absolute;inset:0}.tornado-sprite{z-index:50;pointer-events:none;filter:drop-shadow(0 5px 15px #0000004d);will-change:top,left,transform;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:60px;height:60px;position:absolute}.lightning-flash{z-index:90;opacity:0;pointer-events:none;mix-blend-mode:screen;will-change:opacity;background:#fff;position:absolute;inset:0}.lightning-path{stroke-dasharray:1000;stroke-dashoffset:1000px;stroke-linecap:round;stroke-linejoin:round;will-change:stroke-dashoffset,opacity}.fog-sprite{z-index:60;pointer-events:none;will-change:transform,opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;animation:5s ease-in-out infinite alternate fog-drift;position:absolute;opacity:1!important}@keyframes fog-drift{0%{transform:scale(1)translate(-5px)}to{transform:scale(1.1)translate(5px)}}.nuke-explosion{z-index:100;pointer-events:none;transform-origin:50%;will-change:transform,opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;width:800px;height:800px;animation:.5s infinite nuke-shake;position:absolute;transform:translate(-50%,-50%)}@keyframes nuke-shake{0%{transform:translate(-51%,-49%)rotate(-1deg)}50%{transform:translate(-49%,-51%)rotate(1deg)}to{transform:translate(-50%,-50%)rotate(0)}}.ice-block{z-index:15;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#c8f0ff26;background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:4px;position:absolute;inset:0}.fire-cell{z-index:30;opacity:1;pointer-events:none;mix-blend-mode:normal;filter:drop-shadow(0 0 5px #ff450099);background-position:bottom;background-repeat:no-repeat;background-size:contain;animation:.1s infinite alternate fire-flicker;position:absolute}@keyframes fire-flicker{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.05)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes zoomLogo{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.top1-badge{vertical-align:middle;align-items:center;gap:4px;margin-left:5px;display:inline-flex}.top1-badge-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.top1-badge-icon:before{content:"";z-index:0;border-radius:50%;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:-3px}.top1-badge-icon img{object-fit:contain;z-index:1;width:20px;height:20px;position:relative}.top1-badge-text{color:#1a73e8;white-space:nowrap;font-size:.7em;font-weight:700}.top1-badge.glow-gold .top1-badge-icon:before{box-shadow:0 0 6px 3px #ffd70080,0 0 12px 5px #ffd70033}.top1-badge.glow-blue .top1-badge-icon:before{box-shadow:0 0 6px 3px #1e90ff80,0 0 12px 5px #1e90ff33}.top1-badge.glow-pink .top1-badge-icon:before{box-shadow:0 0 6px 3px #ff69b480,0 0 12px 5px #ff69b433}.top1-badge.glow-purple .top1-badge-icon:before{box-shadow:0 0 6px 3px #9467bd80,0 0 12px 5px #9467bd33}@keyframes glowPulse{0%,to{opacity:.7}50%{opacity:1}}