html,body{margin:0;height:100%;height:100dvh;background:#1d3b32;color:#f4fff6;font-family:Segoe UI,Tahoma,sans-serif;user-select:none}#app{position:relative;width:100%;height:100%;overflow:hidden}#game{width:100%;height:100%}#game canvas{display:block;width:100%;height:100%;touch-action:none}#save-integrity{position:absolute;left:12px;right:12px;top:120px;max-width:520px;margin:0 auto;padding:12px 14px;border-radius:14px;background:#0c1c18eb;font-weight:600}#save-integrity[hidden]{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}#top-bar{pointer-events:auto;display:flex;gap:8px;align-items:center;padding:10px 12px;background:linear-gradient(180deg,#0c1c18d1,#0c1c1847)}#coins,#score{min-width:96px;padding:8px 12px;border-radius:10px;background:#ffffff1f;font-weight:700;letter-spacing:.02em}#goal{pointer-events:none;position:absolute;top:58px;left:12px;right:12px;max-width:420px;padding:6px 10px;border-radius:10px;background:#0c1c18b8;font-weight:600;font-size:13px}#hud button{pointer-events:auto;min-height:44px;min-width:44px;padding:8px 14px;border:0;border-radius:10px;background:#f4c45a;color:#2a1b05;font-weight:700;font-size:15px}#hud button.active{background:#9ee27a}#hud button:disabled{opacity:.45}#btn-reset{margin-left:auto;background:#d9d9d9}#toast{pointer-events:none;position:absolute;top:92px;left:50%;transform:translate(-50%);padding:10px 14px;border-radius:10px;background:#0c1c18e6;font-weight:600;max-width:80%;text-align:center}#toast[hidden],#panel[hidden],#btn-reset[hidden]{display:none!important}#panel{pointer-events:auto;position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:520px;margin:0 auto;padding:12px;border-radius:14px;background:#0c1c18eb;display:flex;flex-direction:column;gap:8px}#panel.panel-input-guard{pointer-events:none}#panel-title{font-weight:700;font-size:16px}#panel-body{display:flex;flex-wrap:wrap;gap:8px;max-height:38vh;overflow-x:hidden;overflow-y:auto}#panel-body .choice{flex:1 1 140px;background:#7ad0e8;color:#08232c}#panel-body .choice.locked{background:#4d5d62;color:#d5e4ee}#panel-body .choice.guide{box-shadow:0 0 0 3px #fff36b;animation:guide-pulse .9s ease-in-out infinite}.panel-section{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 100%;width:100%;min-width:0}.panel-section-label{margin:0;width:100%;font-size:13px;font-weight:700;letter-spacing:.02em;opacity:.85}.panel-section-colors .choice{flex:1 1 100px}.panel-section-remove{margin-top:2px;padding-top:8px;border-top:1px solid rgba(244,255,246,.16)}@keyframes guide-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.panel-note{margin:0;width:100%;opacity:.9;font-size:14px}#panel-close{align-self:flex-end;background:#e8e8e8;color:#222}