/* Keep the reminder above the map without blocking gestures or actions. */
.turn-notice{position:absolute;z-index:9;top:43%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 40px);padding:18px 24px;border:1px solid #edb98d;border-radius:22px;background:#fff9eaf5;color:#67452e;box-shadow:0 12px 38px #62432929,0 0 0 5px #fff9ea66;pointer-events:none;animation:turn-notice-in .25s ease-out}
.turn-notice-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:var(--accent);color:#fffaf0;transform:rotate(-7deg)}
.turn-notice-symbol .icon{width:30px;height:30px}
.turn-notice strong{display:block;font-size:23px;line-height:1.4;letter-spacing:1px}
.turn-notice small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#906a4e}
.game.my-turn .turn-status{border-color:#de7d5c;background:#fff4df;box-shadow:0 0 0 3px #de7d5c22}
.game.my-turn .turn-status strong{font-size:12px;font-weight:700;color:#82452e}
.game.my-turn #turn-dot{width:7px;height:7px}
.game.turn-ready #primary-action{outline:3px solid #fff8e8;outline-offset:3px;box-shadow:0 0 0 7px #de7d5c5c,0 8px 23px #85583d33}
.game.turn-arrival #primary-action{animation:turn-action-pulse 1s ease-in-out 3}
.sheet-turn-notice{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;margin:0 0 14px;padding:10px 12px;border:1px solid #e9af88;border-radius:13px;background:#fff3dc;color:#82452e;text-align:left;box-shadow:0 3px 12px #62432912}
.sheet-turn-notice strong{font-size:13px}.sheet-turn-notice span{font-size:11px;white-space:nowrap}
@keyframes turn-notice-in{from{opacity:0;transform:translate(-50%,-42%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes turn-action-pulse{50%{box-shadow:0 0 0 11px #de7d5c22,0 8px 28px #85583d40}}
@media(max-width:359px){.turn-notice{padding:15px 17px;gap:11px}.turn-notice strong{font-size:21px}.turn-notice small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.turn-notice,.game.turn-arrival #primary-action{animation:none!important}}
