:root{--panel:#2a2238ee;--text:#fff8e7;--muted:#c9bfd8;--accent:#ffd34d;--bad:#ff5c5c}*{box-sizing:border-box;margin:0}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2b1f3a;font:15px/1.3 system-ui,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;position:fixed;inset:0}#hud{pointer-events:none;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);position:fixed;inset:0}#hud button,#hud .panel,#hud .end{pointer-events:auto}button{font:inherit;color:#2b1f3a;background:var(--accent);cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:700;box-shadow:0 3px #b8902a}button:disabled{opacity:.45;cursor:default}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #b8902a}button.ghost{color:var(--text);box-shadow:none;background:0 0;text-decoration:underline}.top{align-items:center;gap:8px;margin-top:10px;display:flex}.top span{background:var(--panel);border-radius:10px;padding:8px 10px;font-weight:700}.top button{margin-left:auto;padding:8px 12px}.toast{background:var(--panel);border:1px solid var(--bad);border-radius:10px;width:fit-content;margin:10px auto 0;padding:8px 12px}.bottom{left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.next{background:var(--panel);border-radius:10px;padding:6px 12px;font-weight:700}button.big{padding:14px 22px;font-size:18px}.panel{left:12px;right:12px;bottom:calc(130px + env(safe-area-inset-bottom));background:var(--panel);border:1px solid #fff2;border-radius:16px;gap:8px;max-width:420px;margin:0 auto;padding:12px;display:grid;position:absolute}.panel small{color:var(--muted)}.panel .tower{text-align:left;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;display:grid}.panel .tower>span:first-child{font-size:24px}.panel .tower small{color:#4a3d5c;font-weight:400;display:block}.end{text-align:center;background:#1a1224cc;place-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.end h1{font-size:30px}.end p{color:var(--muted)}.next.operacao{border:1px solid #3a86ff;box-shadow:0 0 12px #3a86ff88}.end .tower{text-align:left;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-width:280px;display:grid}.end .tower>span:first-child{font-size:24px}.end .tower small{color:#4a3d5c;font-weight:400;display:block}