*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f7fbff;background:#101820}button,kbd{font:inherit}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%;cursor:grab}#game-canvas:active{cursor:grabbing}#hud,#controls-info,#notice,#restart-button{position:absolute;z-index:2;color:#f7fbff}#hud,#controls-info{background:#0d161fc7;border:1px solid rgba(221,233,242,.28);border-radius:8px;box-shadow:0 16px 40px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hud{top:18px;left:18px;width:min(310px,calc(100vw - 36px));padding:16px}.hud-title{margin-bottom:14px;font-size:18px;font-weight:800;letter-spacing:0}.stat-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:14px}.stat-line span{color:#c7d4df}.stat-line strong{color:#fff}#health-bar{width:100%;height:12px;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#ffffff29}#health-fill{width:100%;height:100%;border-radius:8px;background:linear-gradient(90deg,#39c173,#f4d35e);transition:width .15s ease}#inventory-list{display:grid;gap:7px;margin-top:14px}.inventory-item{min-height:28px;padding:7px 9px;border-radius:6px;background:#ffffff14;color:#b8c3cc;font-size:13px;line-height:1.2}.inventory-item.picked{background:#39c17338;color:#eafff2}#controls-info{right:18px;bottom:18px;max-width:min(340px,calc(100vw - 36px));padding:14px 16px;font-size:13px}#controls-info p{display:flex;align-items:center;gap:7px;margin:6px 0;color:#dce6ee}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:24px;padding:0 7px;border:1px solid rgba(255,255,255,.34);border-bottom-color:#ffffff2e;border-radius:5px;background:#ffffff24;color:#fff;font-size:12px;font-weight:700}#notice{left:50%;bottom:24px;max-width:min(560px,calc(100vw - 36px));min-height:44px;padding:12px 18px;transform:translate(-50%);border:1px solid rgba(255,255,255,.32);border-radius:8px;background:#131c23db;box-shadow:0 18px 36px #0000004d;text-align:center;font-size:15px;font-weight:700}#restart-button{top:18px;right:18px;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.36);border-radius:7px;background:#ffffff29;color:#fff;font-size:13px;font-weight:800;cursor:pointer}#restart-button:hover{background:#ffffff3d}body.complete #notice{border-color:#39c173bf;background:#175735eb}body.failed #notice{border-color:#e85050bf;background:#602025eb}.hidden{display:none}@media(max-width:720px){#hud{top:10px;left:10px;padding:12px}#restart-button{top:10px;right:10px}#controls-info{right:10px;bottom:10px;padding:10px 12px}#controls-info p{margin:4px 0}#notice{bottom:112px}}