:root{--toast-success-bg:var(--t-green-bg);--toast-success-fg:var(--t-green-fg);--toast-error-bg:var(--t-red-bg);--toast-error-fg:var(--t-red-fg);--toast-warning-bg:var(--t-amber-bg);--toast-warning-fg:var(--t-amber-fg);--toast-info-bg:var(--t-blue-bg);--toast-info-fg:var(--t-blue-fg);--toast-gap:12px}.toast-wrap{position:fixed;z-index:10400;inset-inline-end:24px;bottom:24px;width:min(400px,calc(100vw - 48px));display:flex;flex-direction:column;justify-content:flex-end;gap:8px;pointer-events:none}.toast-wrap:empty{display:none}.toast{--tone-bg:var(--toast-info-bg);--tone-fg:var(--toast-info-fg);pointer-events:auto;position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding-block:4px;padding-inline:14px 4px;border-radius:16px;background:var(--tone-bg);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone-fg) 32%,transparent),var(--shadow-lg);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:toast-in .2s cubic-bezier(.2,.8,.2,1) both;transition:transform .16s ease,opacity .16s ease}.toast-success{--tone-bg:var(--toast-success-bg);--tone-fg:var(--toast-success-fg)}.toast-error{--tone-bg:var(--toast-error-bg);--tone-fg:var(--toast-error-fg)}.toast-warning{--tone-bg:var(--toast-warning-bg);--tone-fg:var(--toast-warning-fg)}.toast-info{--tone-bg:var(--toast-info-bg);--tone-fg:var(--toast-info-fg)}.toast.is-leaving{opacity:0;transform:translateY(8px)}.toast-ico{flex:none;display:grid;place-items:center;color:var(--tone-fg)}.toast-text{flex:1 1;min-width:0;font-size:14px;font-weight:700;line-height:1.35;padding-block:8px;overflow-wrap:anywhere;color:var(--ink);text-align:start}.toast-text-btn{background:none;border:0;font:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;padding-inline:0}.toast-count{font-size:12px;font-weight:800}.toast-action,.toast-count{flex:none;color:var(--tone-fg)}.toast-action{min-height:44px;padding:0 12px;border-radius:12px;font:inherit;font-size:14px;font-weight:800;background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone-fg) 55%,transparent);cursor:pointer}.toast-action:hover{background:color-mix(in srgb,var(--tone-fg) 12%,transparent)}.toast-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--ink-2);background:transparent;cursor:pointer}.toast-close:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.toast button:focus-visible{outline:2px solid var(--tone-fg);outline-offset:1px}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes toast-in-top{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@media (max-width:900px){.toast-wrap{inset-inline:var(--toast-gap);width:auto;bottom:calc(var(--toast-gap) + env(safe-area-inset-bottom, 0px))}body:has(.tabbar) .toast-wrap{bottom:calc(var(--tab-h) + env(safe-area-inset-bottom, 0px) + 10px)}body:has(.tactics-board):not(:has(.sheet-backdrop,.more-sheet-backdrop,[aria-modal=true])) .toast-wrap{bottom:auto;top:calc(var(--nav-h, 64px) + var(--safe-top) + 6px);flex-direction:column-reverse}body:has(.tactics-board) .toast{animation-name:toast-in-top}body:has(.tactics-board) .toast.is-leaving{transform:translateY(-8px)}body:has(.sheet-backdrop,.more-sheet-backdrop,[aria-modal=true],.pk3.is-full,.ms.full,.qt-stage.full) .toast-wrap{bottom:auto;top:calc(var(--toast-gap) + var(--safe-top));flex-direction:column-reverse}body:has(.sheet-backdrop,.more-sheet-backdrop,[aria-modal=true],.pk3.is-full,.ms.full,.qt-stage.full) .toast{animation-name:toast-in-top}body:has(.sheet-backdrop,.more-sheet-backdrop,[aria-modal=true],.pk3.is-full,.ms.full,.qt-stage.full) .toast.is-leaving{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation:none;transform:none;transition:opacity .12s linear}}