/* Corner notifications (roadmap item 83, src/notify-hud.js): rows stacked from the bottom up at the right edge, above the
   lower HUD; display only (pointer-events none everywhere), same tone as the map panel / quest tracker. */
#game>.notify-stack{position:absolute;right:22px;bottom:170px;width:min(280px,30vw);z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none;user-select:none;-webkit-user-select:none;contain:layout style}
#game>.notify-stack:empty{display:none}
.notify-stack .notify-row{display:flex;align-items:center;gap:6px;max-width:100%;min-height:28px;box-sizing:border-box;padding:3px 10px 3px 4px;background:#4e48377a;border:1px solid #dbc699;border-radius:14px;color:#fff3d7;font:500 12px/1.3 "Noto Sans Thai",Tahoma,sans-serif;text-shadow:0 1px 2px #1b140acc;box-shadow:0 2px 8px #0000003a;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none;opacity:1;transform:none;transition:opacity .4s ease,transform .4s ease;animation:notify-in .22s ease-out}
.notify-stack .notify-icon{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#2a24187a}
.notify-stack .notify-icon img{width:20px;height:20px;object-fit:contain;image-rendering:auto}
.notify-stack .notify-svg{width:15px;height:15px;fill:none;stroke:#f3d68a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.notify-stack .notify-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notify-stack .notify-tag{flex:0 0 auto;padding:0 6px;border-radius:8px;background:#dbc699;color:#3a2e14;font-size:11px;font-weight:700;text-shadow:none}
.notify-stack .notify-row[data-kind="level"]{border-color:#ffd25e;color:#ffe9a8;box-shadow:0 0 0 1px #ffd25e66,0 2px 10px #00000044}
.notify-stack .notify-row[data-kind="level"] .notify-svg,.notify-stack .notify-row[data-kind="coins"] .notify-svg{stroke:#ffd25e}
.notify-stack .notify-row[data-kind="announce"]{background:#2b2416d9;border-color:#ffd25e;white-space:normal}
.notify-stack .notify-row[data-kind="announce"] .notify-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.notify-stack .notify-row[data-kind="announce"][data-scope="guild"] .notify-tag{background:#9fd18b;color:#1d3315}
.notify-stack .notify-row[data-kind="quest"][data-state="done"],.notify-stack .notify-row[data-kind="quest"][data-state="ready"]{border-color:#bfe39a}
.notify-stack .notify-row.notify-bump{animation:notify-bump .25s ease-out}
.notify-stack .notify-row.notify-leaving{opacity:0;transform:translateX(12px)}
@keyframes notify-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes notify-bump{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
/* Wide screens: the centred skill bar ends well left of the box, so it sits lower (still above the online status line and
   below the quest tracker's 5 rows). */
@media (min-width:1280px){#game>.notify-stack{bottom:120px}}
@media (min-width:1280px) and (max-height:700px){#game>.notify-stack{bottom:64px}}
/* Phones in landscape (844x390): left of the minimap / quest tracker column, just above the round touch buttons; never over
   the joystick (left) or the attack buttons (right bottom). Smaller rows; 3 at most (src/notify-hud.js). */
@media (pointer:coarse) and (max-height:500px){
 #game>.notify-stack{right:160px;bottom:166px;width:min(240px,30vw);gap:3px}
 .notify-stack .notify-row{min-height:24px;padding:2px 8px 2px 3px;font-size:11px;border-radius:12px}
 .notify-stack .notify-icon{flex-basis:18px;width:18px;height:18px}
 .notify-stack .notify-icon img{width:16px;height:16px}
 .notify-stack .notify-svg{width:13px;height:13px}
}
/* The enlarged minimap covers the right side: rows wait hidden (the queue keeps running). */
.adventure-map-open #game>.notify-stack{visibility:hidden}
@media (prefers-reduced-motion:reduce){
 .notify-stack .notify-row,.notify-stack .notify-row.notify-bump{animation:none;transition:opacity .4s ease}
 .notify-stack .notify-row.notify-leaving{transform:none}
}