*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1;overflow:hidden;-webkit-user-select:none;user-select:none}.nav-bar{background:#000000e6;padding:12px 20px;z-index:1000;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-title{font-weight:700;color:#fff}.nav-links{display:flex;gap:16px}.nav-link{color:#ccc;text-decoration:none;padding:8px 12px;border-radius:4px;transition:all .2s;font-size:14px}.nav-link:hover{background:#ffffff1a;color:#fff}#game-container{position:relative;width:100vw;height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center}#game-canvas{position:relative;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#game-info{position:absolute;top:20px;left:20px;background:#2c3e50e6;padding:15px;border-radius:10px;border:2px solid #3498db;pointer-events:auto}#game-info div{margin-bottom:10px;font-size:16px;font-weight:700}#game-info button{background:#3498db;color:#fff;border:none;padding:8px 15px;margin:5px 5px 5px 0;border-radius:5px;cursor:pointer;font-weight:700;transition:background .3s}#game-info button:hover{background:#2980b9}#game-info button:active{background:#1abc9c}#minimap-container{position:absolute;top:20px;right:20px;background:#2c3e50e6;padding:10px;border-radius:10px;border:2px solid #3498db;pointer-events:auto}#minimap{border:1px solid #95a5a6;border-radius:5px}#instructions-container{position:absolute;bottom:20px;left:20px;background:#2c3e50e6;padding:15px;border-radius:10px;border:2px solid #3498db;pointer-events:auto;min-width:250px;max-width:350px}#instructions-container h3{margin-bottom:12px;font-size:16px;color:#3498db;text-align:center;border-bottom:1px solid #3498db;padding-bottom:8px}#instructions-container h4{margin-top:15px;margin-bottom:10px;font-size:14px;color:#3498db;text-align:center}.instruction-item{display:flex;align-items:center;margin-bottom:8px;font-size:13px}.key-combo{background:#3498db33;border:1px solid #3498db;padding:2px 8px;border-radius:4px;font-family:monospace;font-weight:700;color:#3498db;min-width:80px;text-align:center;margin-right:12px}.instruction-text{color:#ecf0f1;flex:1}#legend-container{position:absolute;bottom:20px;right:20px;background:#2c3e50e6;padding:15px;border-radius:10px;border:2px solid #3498db;pointer-events:auto;min-width:200px}#legend-container h3{margin-bottom:12px;font-size:16px;color:#3498db;text-align:center;border-bottom:1px solid #3498db;padding-bottom:8px}.legend-item{display:flex;align-items:center;margin-bottom:8px;font-size:14px}.legend-symbol{display:inline-block;width:20px;text-align:center;margin-right:12px;font-weight:700;font-size:16px}.legend-symbol.player{color:#f39c12}.legend-symbol.start{color:#2ecc71}.legend-symbol.end{color:#e67e22}.legend-symbol.treasure{color:#f1c40f}.legend-symbol.enemy,.legend-symbol.hazard{color:#e74c3c}.legend-symbol.switch{color:#3498db}.legend-symbol.door{color:#8b4513}.legend-symbol.teleporter{color:#1abc9c}.legend-text{color:#ecf0f1}.level-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2ecc71f2;padding:30px;border-radius:15px;text-align:center;font-size:24px;font-weight:700;border:3px solid #27ae60;pointer-events:auto;z-index:100}.level-complete button{background:#27ae60;color:#fff;border:none;padding:12px 20px;margin:10px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700}.level-complete button:hover{background:#229954}.game-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100}.game-title h1{font-size:48px;margin-bottom:20px;color:#3498db;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-title button{background:#3498db;color:#fff;border:none;padding:15px 30px;margin:10px;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;transition:background .3s}.game-title button:hover{background:#2980b9}@media (max-width: 768px){.nav-bar{padding:8px 12px}.nav-title{font-size:14px}.nav-links{gap:8px}.nav-link{padding:6px 8px;font-size:12px}#game-info{top:10px;left:10px;padding:10px;font-size:14px}#game-info div{font-size:14px;margin-bottom:8px}#minimap-container{top:10px;right:10px;padding:8px}#minimap{width:150px;height:150px}#instructions-container{bottom:10px;left:10px;max-width:calc(100vw - 40px);min-width:auto;font-size:12px}#legend-container{bottom:10px;right:10px;max-width:calc(50vw - 20px);min-width:auto;font-size:12px}.game-title h1{font-size:36px}.instruction-item{font-size:12px;margin-bottom:6px}.key-combo{min-width:60px;font-size:10px;padding:1px 6px}}