#toast{display:none!important}
#game-notifications{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 12px) 16px auto;margin:0;padding:0;width:auto;max-width:none;max-height:calc(100dvh - 24px);border:0;background:transparent;color:#e7d5a8;overflow:visible;pointer-events:none;z-index:10000}
#game-notifications:empty{display:none}
.game-notice{height:0;opacity:0;overflow:visible;transform:translateY(-7px);margin-bottom:0;transition:height .3s cubic-bezier(.22,.61,.36,1),margin-bottom .3s cubic-bezier(.22,.61,.36,1),opacity .22s ease,transform .34s cubic-bezier(.16,1,.3,1)}
.game-notice.visible{opacity:1;transform:translateY(0);margin-bottom:6px}
.game-notice.visible:last-child{margin-bottom:0}
.game-notice-card{display:flex;align-items:center;gap:7px;min-height:36px;overflow:hidden;padding:4px 8px;border:1px solid #99763c;border-radius:5px;background:linear-gradient(110deg,#2c2719fa,#15180ffb);box-shadow:0 8px 22px #0008,0 2px 6px #0006;pointer-events:auto;touch-action:pan-y;cursor:grab}
.notice-icon{width:24px;height:26px;display:grid;place-items:center;flex:none}
.notice-icon img{width:100%;height:100%;object-fit:contain}
.notice-content{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;flex:1;min-width:0}
.notice-content p{margin:0;font:13px/1.35 Arial,sans-serif;color:#ebdab5;overflow-wrap:anywhere}
.game-notice-card>button{width:26px;height:26px;min-height:26px;padding:0;flex:none;background:transparent;border:0;color:#bdae88;font:20px/1 Arial,sans-serif}
.notice-rewards{display:flex;flex-wrap:wrap;gap:3px 10px;margin:0}
.notice-rewards>span{display:flex;align-items:center;gap:4px;color:#bcd3a6;font:12px/1.35 Arial,sans-serif}
.notice-rewards img{width:21px;height:24px;object-fit:contain}.notice-rewards b{color:#eccd7f;font-weight:600}
@media(min-width:601px){#game-notifications{left:50%;right:auto;width:min(580px,calc(100vw - 32px));transform:translateX(-50%)}.game-notice-card{min-height:44px;padding:6px 10px;gap:9px}.notice-icon{width:28px;height:30px}.notice-content p{font-size:14px}.game-notice-card>button{width:30px;height:30px;min-height:30px}.notice-rewards>span{font-size:13px}.notice-rewards img{width:24px;height:28px}}
@media(max-width:600px){#game-notifications{left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 8px)}.game-notice-card{padding:4px 6px;gap:6px}.notice-content p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.game-notice,.game-notice-card{transition:none!important}}
