.game-title{position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:48px;font-weight:700;color:gold;text-shadow:3px 3px 0px rgba(0,0,0,.8),2px 2px 0px rgba(0,0,0,.9),1px 1px 0px rgba(0,0,0,1),-1px -1px 0px rgba(0,0,0,.5),0px 0px 10px rgba(0,0,0,.9),0px 0px 20px rgba(0,0,0,.6),0px 0px 30px rgba(0,0,0,.4);z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.8))}.game-stats{position:absolute;top:20px;right:80px;display:flex;flex-direction:column;gap:8px;z-index:10;font-family:Arial,sans-serif}.stat-item{color:#fff;font-size:18px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.8),0px 0px 4px rgba(0,0,0,.6);background:#0000004d;padding:6px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);min-width:120px;text-align:right}.menu-button{position:absolute;top:20px;right:20px;z-index:20;width:52px;height:52px;background:linear-gradient(135deg,#0a5d2ee6,#0d4a24f2);border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006,inset 0 1px #fff3,0 0 0 1px #0003}.menu-button:hover{background:linear-gradient(135deg,#0d6e37f2,#10582b);border-color:#ffffff80;transform:scale(1.08);box-shadow:0 6px 16px #00000080,inset 0 1px #ffffff4d,0 0 0 1px #0003,0 0 20px #0a5d2e66}.menu-button:active{transform:scale(1.02)}.menu-button span{display:block;width:20px;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-button span:before{content:"";position:absolute;top:0;left:0;width:5px;height:5px;background:#fff;border-radius:1px;box-shadow:7px 0 #fff,14px 0 #fff,0 7px #fff,7px 7px #fff,14px 7px #fff,0 14px #fff,7px 14px #fff,14px 14px #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-button span:after{content:"";display:none}.menu-button.active{background:linear-gradient(135deg,#0d6e37f2,#10582b);border-color:#ffffff80}.menu-button.active span:before{display:none}.menu-button.active span:after{content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:3px;background:gold;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 12px #ffd700e6,0 2px 4px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-button.active span{position:relative}.menu-button.active span:before{content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:3px;background:gold;border-radius:2px;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 0 12px #ffd700e6,0 2px 4px #0006}.menu-panel{position:absolute;top:75px;right:20px;z-index:19;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;min-width:280px;max-width:320px;display:none;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a}.menu-panel.active{display:flex}.menu-section{display:flex;flex-direction:column;gap:12px}.menu-section-title{color:gold;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.menu-button-item{padding:12px 16px;font-family:Arial,sans-serif;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none}.menu-button-item:hover{background:linear-gradient(135deg,#5eddd4,#54b09d);transform:translateY(-2px);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff4d}.menu-button-item:active{transform:translateY(0);box-shadow:0 2px 8px #0006,inset 0 2px 4px #0000004d}.background-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.background-option{aspect-ratio:16 / 9;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background-size:cover;background-position:center}.background-option:hover{border-color:gold;transform:scale(1.05);box-shadow:0 4px 12px #ffd70066}.background-option.active{border-color:gold;border-width:3px;box-shadow:0 0 0 2px #ffd7004d}.background-option-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:6px 8px;font-size:12px;font-weight:500;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:repeating-linear-gradient(45deg,rgba(15,32,39,.1) 0px,rgba(15,32,39,.1) 2px,transparent 2px,transparent 4px),repeating-linear-gradient(-45deg,rgba(32,58,67,.1) 0px,rgba(32,58,67,.1) 2px,transparent 2px,transparent 4px),radial-gradient(circle at 20% 30%,rgba(15,32,39,.8) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(32,58,67,.8) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(44,83,100,.6) 0%,transparent 70%),linear-gradient(135deg,#0f2027,#203a43,#2c5364,#203a43,#0f2027);background-size:100px 100px,100px 100px,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(26,122,71,.05) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(10,61,30,.05) 0%,transparent 40%);pointer-events:none;z-index:0}#game-root{border:2px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 0 1px #1a7a474d,inset 0 1px #ffffff1a;background:#0a5d2e;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;cursor:default}#game-root:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border:none;border-radius:0;margin:0}#game-root:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;border:none;border-radius:0;margin:0}#game-root:-moz-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;border:none;border-radius:0;margin:0}#game-root:-ms-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border:none;border-radius:0;margin:0}#game-root canvas{display:block;width:100%;height:100%}@media (max-width: 768px){.game-title{font-size:32px;top:10px}.game-stats{top:10px;right:70px}.stat-item{font-size:14px;padding:4px 8px;min-width:100px}.menu-button{top:10px;right:10px;width:40px;height:40px}.menu-panel{top:60px;right:10px;min-width:240px;padding:16px}.menu-button-item{font-size:14px;padding:10px 12px}.background-options{grid-template-columns:repeat(2,1fr);gap:8px}}