.turn-notice{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(310px,calc(100vw - 38px));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 18px 22px;border:1px solid #e7cc80d9;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#4f7b5b88,transparent 70%),linear-gradient(145deg,#204c40f5,#0b2e2cf5);color:#ffedb8;box-shadow:inset 0 0 0 5px #d6bd6710,inset 0 1px #fff2,0 15px 55px #051e1ace,0 0 30px #edcc7055;pointer-events:none!important;user-select:none;z-index:2147483647;overflow:visible;animation:turn-notice-arrive 2.2s ease both}
.turn-notice::before{content:'';position:absolute;inset:7px;border:1px solid #cabd7255;border-radius:14px;pointer-events:none}
.turn-notice::backdrop{background:transparent;pointer-events:none}
.turn-notice-seal{position:relative;display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid #e5cc85;border-radius:50%;color:#fff0bb;font:32px/1 serif;background:radial-gradient(circle,#d7bd5230,#57785c10);box-shadow:0 0 24px #e6c66b44}
.turn-notice-seal::before,.turn-notice-seal::after{content:'';position:absolute;inset:-7px;border:1px solid #e8d39177;border-radius:35%;transform:rotate(45deg);animation:turn-seal-orbit 2.2s ease-out both}
.turn-notice-seal::after{inset:-11px;border-color:#e8d39130;border-radius:50%;animation:turn-seal-wave 2.2s ease-out both}
.turn-notice-title{font-family:var(--font-title,serif);font-size:26px;line-height:1.5;letter-spacing:3px;text-align:center;color:#ffe9ac;text-shadow:0 2px 6px #071f19}
.turn-notice-detail{font:13px/1.6 system-ui,sans-serif;color:#dfdfbd;max-width:100%;overflow-wrap:anywhere;text-align:center}
.turn-notice[data-type=timeout]{border-color:#e5b16f;background:radial-gradient(ellipse at 50% 0,#8b724844,transparent 70%),linear-gradient(145deg,#2e493bf7,#173229f7)}
@keyframes turn-notice-arrive{0%{opacity:0;transform:translate(-50%,-43%) scale(.9)}12%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%) scale(1.015)}}
@keyframes turn-seal-orbit{from{transform:rotate(0);opacity:0}20%,85%{opacity:1}to{transform:rotate(90deg);opacity:0}}
@keyframes turn-seal-wave{0%{transform:scale(.7);opacity:0}20%{opacity:1}100%{transform:scale(1.45);opacity:0}}
@media(prefers-reduced-motion:reduce){.turn-notice,.turn-notice-seal::before,.turn-notice-seal::after{animation:none}}