body,html{height:100%}body{align-items:center;background:linear-gradient(180deg,#172b36 0,#d9e8e3);color:#172b36;display:flex;justify-content:center;margin:0;padding:0;-webkit-touch-callout:none;flex-direction:column;-webkit-user-select:none;user-select:none}.header{margin-bottom:20px;text-align:center}.header h1{color:#f1f6f4;font-family:monospace;font-size:28px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}#container{align-items:center;display:flex;flex-direction:column;height:100%;max-width:600px;width:min(70vh,80%)}canvas{border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,.2);display:block;margin-top:auto;overflow:hidden;width:100%}#score{color:#172b36;font-family:monospace;font-size:16px;margin-top:15px;text-align:center}#controls,#tips{font-size:12px;margin-top:8px;text-align:center}#controls,#gameRules,#tips{color:#172b36;font-family:monospace}#gameRules{background:rgba(241,246,244,.7);border-radius:8px;font-size:11px;margin-top:15px;max-width:100%;padding:15px}#gameRules h3{align-items:center;color:#114c5a;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin:0 0 10px;text-align:center;user-select:none}#gameRules h3:before{content:"📖";font-size:16px}#gameRules h3:after{content:"▼";font-size:12px;transition:transform .3s ease}#gameRules.collapsed h3:after{transform:rotate(-90deg)}#gameRulesContent{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}#gameRules:not(.collapsed) #gameRulesContent{max-height:1000px;opacity:1}#gameRules h4{color:#114c5a;font-size:12px;margin:10px 0 5px}#gameRules ul{margin:5px 0;padding-left:15px}#gameRules li{line-height:1.3;margin:3px 0}.rule-section{margin-bottom:10px}#made{font-family:monospace;font-size:10px;line-height:1.5;margin-bottom:20px;margin-top:auto;text-align:center}#made a{color:#172b36}#gameOverMessage{color:#ff9932;display:none;font-family:monospace;font-size:24px;margin-top:10px;text-align:center}#mobileControls{background:rgba(23,43,54,.9);border-radius:8px;display:none;margin:10px 0;padding:10px;width:100%}.control-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.control-row:last-child{margin-bottom:0}.player-controls{align-items:center;display:flex;flex-direction:column}.player-label{color:#f1f6f4;font-family:monospace;font-size:12px;margin-bottom:5px}.button-group{display:flex;gap:10px}.control-btn{align-items:center;background:rgba(241,246,244,.2);border:2px solid #d9e8e3;border-radius:8px;color:#f1f6f4;cursor:pointer;display:flex;font-family:monospace;font-size:14px;font-weight:700;height:50px;justify-content:center;transition:all .1s;user-select:none;width:50px}.control-btn:active{background:rgba(241,246,244,.5);transform:scale(.95)}.action-btn{background:rgba(255,200,1,.2);border:2px solid #ffc801;color:#ffc801;height:60px;width:60px}.action-btn:active{background:rgba(255,200,1,.5)}.action-btn.disabled{border-color:#666;color:#666;opacity:.3}.center-controls{display:flex;gap:15px;justify-content:center;width:100%}@media (max-width:768px){body,html{overflow-x:hidden;overflow-y:auto}body{align-items:flex-start;min-height:100vh;padding-bottom:200px;padding-top:20px}.header{margin-bottom:15px;width:100%}.header h1{font-size:24px}#container{justify-content:flex-start;margin-bottom:0;min-height:calc(100vh - 220px)}canvas{margin-bottom:20px;margin-top:0}#mobileControls{display:block}#controls,#gameRules{font-size:10px}#gameRules{margin-bottom:20px;margin-top:10px;order:999;padding:10px}#gameRules.collapsed{margin-bottom:10px}#gameRules h3{font-size:12px;margin-bottom:5px}#gameRules h4{font-size:11px}.player-controls{margin-top:15px}.player-controls .control-btn{font-size:18px;height:70px;width:70px}.player-controls .action-btn{font-size:22px;height:80px;width:80px}}@media (max-width:480px){body{padding-bottom:180px;padding-top:10px}#container{min-height:calc(100vh - 200px);width:95%}canvas{height:auto;margin-bottom:15px;width:100%}.control-btn{font-size:12px;height:45px;width:45px}.action-btn{height:55px;width:55px}#gameRules{font-size:9px;margin-top:8px;padding:8px}#gameRules h3{font-size:11px}#gameRules h4{font-size:10px}#p2pConnectionInfo{font-size:11px!important;padding:10px!important}#p2pConnectionText{font-size:10px!important;height:60px!important}.player-controls .control-btn{font-size:16px;height:55px;width:55px}.player-controls .action-btn{font-size:20px;height:65px;width:65px}}.action-btn.cooldown{animation:cooldown-pulse .8s infinite alternate;background:rgba(255,153,50,.3)!important;border:2px solid rgba(255,153,50,.5)!important}@keyframes cooldown-pulse{0%{opacity:.7}to{opacity:.4}}