:root{--theme-text-primary: #ffffff;--theme-text-secondary: #333333;--theme-text-shadow: rgba(0, 0, 0, .5);--theme-bg-overlay: rgba(0, 0, 0, .5);--theme-bg-overlay-dark: rgba(0, 0, 0, .6);--theme-bg-loading: rgba(0, 0, 0, .7);--theme-bg-info-box: rgba(0, 0, 0, .35);--theme-bg-button: rgba(255, 255, 255, .6);--theme-bg-button-solid: #ffffff;--theme-bg-button-hover: #f0f0f0;--theme-success-primary: #4CAF50;--theme-success-hover: #45a049;--theme-icon-stroke: #333333}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif}body{background-color:#1a3a5c;background-size:cover;background-position:center bottom;background-repeat:no-repeat}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#gameCanvas{display:block;background-color:transparent;max-width:100%;max-height:100%}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--theme-text-primary);font-size:24px;font-weight:700;text-shadow:2px 2px 4px var(--theme-text-shadow);background-color:var(--theme-bg-loading);padding:20px 40px;border-radius:10px;z-index:10}.game-ui{position:fixed;top:12px;left:12px;z-index:100}.game-btn{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;background-color:var(--theme-bg-button);transition:opacity .2s;display:flex;justify-content:center;align-items:center;opacity:.5}.game-btn:hover{opacity:1}.btn-refresh svg{width:14px;height:14px;stroke:var(--theme-icon-stroke);stroke-width:2}.info-display{position:fixed;top:12px;right:12px;display:flex;gap:10px;z-index:100}.level-display,.score-display{font-size:12px;font-weight:600;color:var(--theme-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--theme-bg-info-box);padding:6px 10px;border-radius:4px}.game-over{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;flex-direction:column;gap:20px;background-color:var(--theme-bg-overlay);z-index:200}.game-over-text{font-size:48px;font-weight:700;color:var(--theme-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:2px 2px 8px var(--theme-text-shadow)}.game-over-btn{font-size:16px;font-weight:600;color:var(--theme-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--theme-bg-button-solid);border:none;padding:12px 32px;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .1s}.game-over-btn:hover{background-color:var(--theme-bg-button-hover);transform:scale(1.05)}.game-over-btn:active{transform:scale(.98)}.level-complete{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:16px;background-color:#000000bf;padding:12px 20px;border-radius:8px;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.level-complete-text{font-size:14px;font-weight:600;color:var(--theme-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.level-complete-score{font-size:14px;font-weight:500;color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.level-complete-btn{font-size:13px;font-weight:600;color:var(--theme-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--theme-bg-button-solid);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.level-complete-btn:hover{background-color:var(--theme-bg-button-hover);transform:scale(1.02)}.level-complete-btn:active{transform:scale(.98)}