:root{--p1-color: #ff4757;--p2-color: #3742fa;--danger: #eb4d4b;--wall-color: #1e293b;--bg-dark: #0f172a;--accent: #38bdf8;--terminal-bg: #020617}body{margin:0;background:#020617;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;color:#f8fafc;overflow:hidden}.game-root{width:860px;background:var(--bg-dark);border-radius:24px;padding:24px;box-shadow:0 0 80px #000c;border:1px solid rgba(255,255,255,.05);position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand h1{margin:0;font-size:1.2rem;letter-spacing:1px;background:linear-gradient(to right,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mute-toggle{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s}.mute-toggle:hover{background:#fff3}.cloud-status{font-size:10px;color:#64748b;display:flex;align-items:center;gap:4px}.hp-slots{display:flex;gap:4px;margin-top:4px}.hp-dot{width:12px;height:6px;background:#334155;border-radius:2px;transition:.3s}.p1 .hp-dot.active{background:var(--p1-color);box-shadow:0 0 8px var(--p1-color)}.p2 .hp-dot.active{background:var(--p2-color);box-shadow:0 0 8px var(--p2-color)}.viewport{position:relative;background:#020617;border-radius:12px;overflow:hidden;border:2px solid #1e293b}.grid-canvas{position:relative;background-image:radial-gradient(#1e293b 1px,transparent 1px);background-size:50px 50px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#020617f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.help-trigger{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--accent);cursor:pointer;opacity:.7;transition:.3s}.help-trigger:hover{opacity:1;transform:scale(1.1)}.rules-card,.terminal-box{background:#1e293b;padding:30px;border-radius:20px;width:420px;border:1px solid var(--accent);box-shadow:0 0 30px #38bdf833}.riddle-text{background:#0f172a;padding:15px;border-radius:12px;margin:15px 0;font-size:14px;line-height:1.6;color:#94a3b8;border-left:4px solid var(--accent)}.pass-display{font-family:Courier New,monospace;font-size:28px;background:#000;padding:12px;margin:15px 0;color:var(--accent);letter-spacing:4px;border-radius:8px;min-height:40px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{padding:12px;background:#334155;border:none;color:#fff;border-radius:8px;font-size:18px;cursor:pointer;transition:.2s}.keypad button:hover{background:#475569}.keypad button.submit{background:var(--accent);color:#000;grid-column:span 2;font-weight:700}.keypad button.clear{background:var(--danger)}.cell{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.wall-inner{width:90%;height:90%;background:#334155;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.wall-inner.fake{background:#2d3748;opacity:.8;border:1px dashed #4a5568}.player-unit{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;z-index:10}.p-block{width:34px;height:34px;border-radius:6px;border:2px solid rgba(255,255,255,.3)}.p1-block{background:var(--p1-color);box-shadow:0 0 15px var(--p1-color)}.p2-block{background:var(--p2-color);box-shadow:0 0 15px var(--p2-color)}.slime-blob{width:28px;height:28px;background:#10b981;border-radius:50% 50% 40% 40%;box-shadow:0 0 15px #10b981;animation:blob-pulse 1.5s infinite alternate}@keyframes blob-pulse{0%{transform:scale(.9) translateY(2px)}to{transform:scale(1.1) translateY(-2px)}}.game-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1e293b80;border-radius:12px}.inventory-tray{display:flex;align-items:center;gap:10px}.slot{width:40px;height:40px;background:#020617;border:2px dashed #334155;border-radius:8px;display:flex;justify-content:center;align-items:center}.slot.has-item{border-style:solid;border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.primary-btn{background:var(--accent);color:#020617;border:none;padding:14px 36px;border-radius:12px;font-weight:700;cursor:pointer;margin-top:24px;display:flex;align-items:center;gap:10px;transition:.3s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #38bdf866}.mode-cards{display:flex;gap:20px;margin-top:30px}.mode-card{background:#1e293b;padding:30px;border-radius:20px;cursor:pointer;border:2px solid transparent;transition:all .3s;width:140px}.mode-card:hover{border-color:var(--accent);transform:translateY(-5px);background:#334155}.float{animation:floating 2s infinite ease-in-out}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.back-btn{margin-top:20px;background:none;border:none;color:#64748b;cursor:pointer;text-decoration:underline}