#app{min-height:100dvh;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(92px + var(--safe-bottom)) calc(16px + var(--safe-left));display:flex;justify-content:center}.screen{width:min(100%,520px);display:flex;flex-direction:column;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.brand{font-weight:1000;letter-spacing:-.04em}.top-actions{display:flex;gap:8px}.icon-button{width:48px;height:48px;background:#171717;color:#fff;border:1px solid #2f2f2f}.foda-button{background:#5e0909;border-color:#b52525}.global-footer{position:fixed;z-index:var(--z-card);left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),520px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px;border-radius:20px;background:#111e;border:1px solid #333;backdrop-filter:blur(16px)}.global-footer button{background:#222;color:#fff;font-size:.72rem}.global-footer button:first-child{background:#3d0d0d}.empty,.level-complete,.level-intro,.pause-screen,.dev-panel,.foda-modal{margin:auto 0;background:#131313;border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.foda-modal h2{font-size:clamp(3.5rem,18vw,6rem);letter-spacing:-.08em;margin-bottom:12px}.foda-modal button{width:100%;margin-top:10px}.level-complete .button-stack,.pause-screen .button-stack{display:grid;gap:10px}.scorebar{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;font-weight:800}.toast{position:fixed;z-index:var(--z-modal);top:calc(14px + var(--safe-top));left:50%;transform:translateX(-50%);width:min(90%,460px);padding:14px 18px;border-radius:14px;background:#2a1111;border:1px solid #752a2a;text-align:center;font-weight:800}