*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Arial,sans-serif}canvas{display:block;width:100%;height:100vh}#mode-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;z-index:300;animation:modeFadeIn .4s ease}#mode-screen.hidden{display:none}@keyframes modeFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#mode-title{color:#fff;font-size:44px;font-weight:700;text-align:center;letter-spacing:.03em;text-shadow:0 2px 12px rgba(0,0,0,.8)}#mode-cards{display:flex;gap:36px}.mode-card{background:#ffffff12;border:2px solid rgba(255,255,255,.18);border-radius:20px;padding:42px 52px;width:280px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;transition:background .18s,border-color .18s,transform .15s;font-family:Arial,sans-serif}.mode-card:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-4px)}.mode-card--hard{border-color:#dc323266;background:#b4141414}.mode-card--hard:hover{background:#c81e1e38;border-color:#ff5050bf}.mode-card-icon{font-size:56px;line-height:1}.mode-card-label{color:#fff;font-size:28px;font-weight:700;letter-spacing:.02em}.mode-card-desc{color:#ffffff8c;font-size:16px;text-align:center;line-height:1.4}#keybinds{position:absolute;top:calc(50% + 90px + 25vh);left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 48px;min-width:520px}.kb-row{display:flex;align-items:center;gap:22px}.kb-key{background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:5px 18px;font-size:17px;font-family:Courier New,monospace;color:#ffe082;white-space:nowrap;min-width:155px;text-align:center}.kb-desc{color:#ffffff9e;font-size:18px}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}#overlay.hidden{display:none}#start-message{color:#fff;font-size:48px;text-align:center;-webkit-user-select:none;user-select:none}#win-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:200}#win-screen.visible{display:flex}#win-message{color:#fff;font-size:64px;text-align:center;-webkit-user-select:none;user-select:none}#win-time{color:#aaa;font-size:28px;text-align:center;margin-top:16px;-webkit-user-select:none;user-select:none}#win-restart{color:#666;font-size:20px;text-align:center;margin-top:24px;-webkit-user-select:none;user-select:none}#death-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .6s ease-in}#death-screen.visible{opacity:1;pointer-events:all}#death-message{color:#c22;font-size:64px;text-align:center;-webkit-user-select:none;user-select:none}#lang-switcher{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:500}.lang-btn{background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 16px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s;-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif}.lang-btn:hover{background:#000000bf}.lang-btn.active{background:#ffffff2e;border-color:#fff9;font-weight:700}#inventory-hud{position:fixed;bottom:20px;left:20px;display:flex;gap:16px;z-index:400;pointer-events:none;opacity:1;transition:opacity .2s ease}#inventory-hud.inv-hidden{opacity:0}.inv-slot{width:128px;height:128px;background:#0000008c;border:4px solid rgba(255,255,255,.25);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:border-color .15s,box-shadow .15s,background .15s}.inv-slot.selected.has-item{border-color:gold;box-shadow:0 0 28px #ffd700b3,inset 0 0 16px #ffd70026;background:#ffd7001f}.inv-slot-icon{font-size:56px;line-height:1}.inv-slot-count{position:absolute;bottom:8px;right:12px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);font-family:Arial,sans-serif}.inv-slot-key{position:absolute;top:6px;left:10px;font-size:20px;color:#ffffff73;font-family:Arial,sans-serif}#inv-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(10px);background:#000000b3;color:gold;font-size:16px;font-family:Arial,sans-serif;font-weight:700;padding:7px 20px;border-radius:20px;border:1px solid rgba(255,215,0,.4);opacity:0;pointer-events:none;z-index:450;transition:opacity .25s ease,transform .25s ease}#inv-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}