:root{--bg-dark: #1a1c23;--panel-bg: #2d313f;--primary: #4ade80;--primary-hover: #22c55e;--text-main: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--warning: #eab308;--info: #3b82f6}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px;padding:20px}.game-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px}.cloud-sync-badge{position:absolute;top:10px;right:20px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px;background:#00000080;padding:4px 10px;border-radius:12px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{display:flex;justify-content:space-between;width:800px;background:var(--panel-bg);padding:10px 20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;border:2px solid #3f4559}.hud-item{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;font-family:monospace}.icon{width:24px;height:24px}.icon-sm{width:14px;height:14px}.icon-lg{width:32px;height:32px}.text-yellow{color:var(--warning)}.text-red{color:var(--danger)}.text-blue{color:var(--info)}.pulse{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-board{position:relative;background:#3b4235;border:4px solid #5a6650;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 50px #00000080;background-image:radial-gradient(#4a5442 1px,transparent 1px);background-size:20px 20px}.game-entity{position:absolute;display:flex;justify-content:center;align-items:center;transition:transform .1s;z-index:10}.entity-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.entity-fallback{font-size:30px}.hp-bar-container{position:absolute;top:-10px;left:0;width:100%;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.hp-bar{height:100%;background:var(--primary);transition:width .2s}.bullet{position:absolute;border-radius:50%;z-index:5;box-shadow:0 0 8px currentColor}.bullet-player{background:#fbbf24;color:#fbbf24}.bullet-enemy{background:#ef4444;color:#ef4444}.obstacle{position:absolute;z-index:2}.obs-wall{background:#475569;border:2px solid #334155;box-shadow:inset 0 0 10px #00000080}.obs-brick{background:#b45309;border:2px solid #78350f}.brick-pattern{width:100%;height:100%;background-image:linear-gradient(335deg,rgba(255,255,255,.1) 10%,transparent 10%),linear-gradient(155deg,rgba(255,255,255,.1) 10%,transparent 10%);background-size:10px 10px}.obs-water{background:#0ea5e9;opacity:.7;border:2px solid #0284c7}.water-pattern{width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.2) 2px,transparent 2px);background-size:15px 15px;animation:wave 2s linear infinite}@keyframes wave{0%{background-position:0 0}to{background-position:15px 15px}}.particle{position:absolute;z-index:20;display:flex;justify-content:center;align-items:center;pointer-events:none}.particle img{width:100%;height:100%;object-fit:contain}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-title{font-size:48px;color:var(--primary);text-shadow:0 0 20px rgba(74,222,128,.5);margin-bottom:20px;letter-spacing:4px}.high-score{font-size:24px;color:var(--warning);margin-bottom:40px}.final-score{font-size:32px;margin:20px 0}.new-record{font-size:24px;font-weight:700;animation:pulse 1s infinite;margin-bottom:20px}.loading-text{color:var(--text-muted);font-size:18px;margin-top:20px}.controls-hint{margin-top:40px;text-align:center;color:var(--text-muted);line-height:1.6}.btn-primary{background:var(--primary);color:#000;border:none;padding:15px 40px;font-size:20px;font-weight:700;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 6px #166534;transition:transform .1s,box-shadow .1s}.btn-primary:active{transform:translateY(6px);box-shadow:0 0 #166534}.touch-controls{display:none;width:800px;justify-content:space-between;align-items:center;padding:20px;margin-top:10px}.d-pad{display:flex;flex-direction:column;align-items:center;gap:5px}.d-row{display:flex;gap:40px}.d-btn{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;touch-action:none}.d-btn:active{background:#ffffff4d}.action-btn{width:80px;height:80px;border-radius:50%;background:#ef444433;border:2px solid rgba(239,68,68,.5);color:#ef4444;display:flex;justify-content:center;align-items:center;touch-action:none}.action-btn:active{background:#ef444480}@media (max-width: 850px){.app-container{padding:10px}.hud,.touch-controls{width:100%;max-width:800px}.game-board{width:100%!important;height:60vh!important}.touch-controls{display:flex}}