diff --git a/static/styles.css b/static/styles.css
index 4614ece..48b6ba6 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -275,7 +275,7 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
 
 /* --- toasts and modal ------------------------------------------------- */
 
-#toasts { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 8px; z-index: 30; }
+#toasts { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: flex-end; max-width: calc(100vw - 32px); gap: 8px; z-index: 30; }
 .toast {
   background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 14px;
   font-size: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); animation: rise .2s ease-out;
@@ -314,7 +314,7 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
   .cols, .bank-wrap { grid-template-columns: 1fr; }
   .chip { max-width: 100%; }
   .chip.act .label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
-  #toasts { left: 16px; right: 16px; }
+  html.menu-open #toasts { display: none; }
   .stats { grid-template-columns: repeat(2, 1fr); }
   .skill-head { flex-wrap: wrap; }
   .skill-head .info { flex-basis: 60%; }