:root{--ink: #23324a;--paper: #fbf6e9;--accent: #7ec6a5}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#bfe3dd;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}#app{position:fixed;inset:0;width:100vw;height:100dvh}#game{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#dff3ec,#a9d6cc);z-index:30;transition:opacity .5s ease}.overlay.fade-out{opacity:0;pointer-events:none}.loading-box{text-align:center;max-width:90vw;padding:24px}.loading-title{font-size:clamp(20px,5vw,34px);margin:0 0 16px}.progress{width:min(320px,80vw);height:12px;border-radius:999px;background:#23324a26;overflow:hidden;margin:0 auto}.progress-bar{height:100%;width:0%;background:var(--accent);transition:width .2s ease}.progress-label{margin-top:10px;font-variant-numeric:tabular-nums}.prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px;background:#23324ad9;color:var(--paper);border-radius:999px;font-size:15px;z-index:20;pointer-events:none}.prompt-key{background:var(--accent);color:var(--ink);border-radius:6px;padding:2px 8px;font-weight:700;font-size:13px}.dialogue{position:absolute;left:50%;bottom:5%;transform:translate(-50%);width:min(720px,92vw);background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:18px 22px;z-index:25;box-shadow:0 10px 30px #00000040}.dialogue-name{display:inline-block;background:var(--ink);color:var(--paper);padding:3px 12px;border-radius:8px;font-weight:700;margin-bottom:10px;font-size:14px}.dialogue-text{font-size:clamp(15px,3.6vw,19px);line-height:1.5;min-height:3em}.dialogue-text a{color:#2f7d5b;font-weight:700}.dialogue-hint{text-align:right;opacity:.6;font-size:13px;margin-top:8px}.lang-switch{display:flex;gap:6px;justify-content:flex-end;margin-bottom:6px}.lang-btn{border:2px solid var(--ink);background:transparent;color:var(--ink);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer}.lang-btn.active{background:var(--accent)}.modal-card{width:min(560px,92vw);max-height:88dvh;overflow-y:auto;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:24px 28px;box-shadow:0 14px 40px #0000004d;text-align:center}.modal-title{margin:0 0 12px;font-size:clamp(22px,5vw,32px)}.modal-about{font-size:15px;line-height:1.55;margin:0 0 18px}.controls-block{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;text-align:left;margin-bottom:16px}.controls-col{min-width:200px;flex:1}.controls-head{font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;opacity:.7}.controls-list{list-style:none;margin:0;padding:0;font-size:14px}.controls-list li{display:flex;align-items:center;gap:8px;padding:3px 0}.controls-list .key{display:inline-block;background:var(--ink);color:var(--paper);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;white-space:nowrap}.modal-contact{font-size:14px;margin:0 0 6px}.modal-contact a{color:#2f7d5b;font-weight:700}.hud{position:absolute;top:16px;left:16px;z-index:20;pointer-events:none}.energy-label{font-size:12px;font-weight:700;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.5);margin-bottom:4px;letter-spacing:.05em}.energy{width:220px;max-width:45vw;height:16px;border:3px solid var(--ink);border-radius:999px;background:#23324a59;overflow:hidden}.energy-fill{height:100%;width:100%;background:linear-gradient(90deg,#6fd36f,#b7e36f);transition:width .15s ease,background .3s ease}.energy-fill.low{background:linear-gradient(90deg,#e05a4a,#f0a54a)}.respawn-btn{margin-top:14px;padding:12px 28px;font-size:18px;font-weight:800;color:var(--ink);background:var(--accent);border:3px solid var(--ink);border-radius:12px;cursor:pointer}.respawn-btn:active{transform:scale(.96)}.touch-controls{position:absolute;inset:0;z-index:15;pointer-events:none}.joystick-zone{position:absolute;left:0;bottom:0;width:45%;height:45%;pointer-events:auto}.action-button{position:absolute;right:6%;bottom:12%;width:82px;height:82px;border-radius:50%;border:4px solid var(--paper);background:#7ec6a5e6;color:var(--ink);font-size:26px;font-weight:800;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.action-button:active{transform:scale(.92)}