*{margin:0;padding:0;box-sizing:border-box}html,body{width:1920px;height:1080px;overflow:hidden;background-color:transparent!important}body{background-color:transparent!important}.overlay{width:1920px;height:1080px;position:relative;display:flex;flex-direction:column;font-family:Noto Sans JP,Noto Sans SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:transparent}.container{position:absolute;bottom:10vh;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 5vw;pointer-events:none}.text-frame{background:#7878782e;padding:2vh 3vw;border-radius:1vw}.info-box{display:flex;flex-direction:column;align-items:center;gap:.5vh}.title{font-size:5vw;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3);letter-spacing:.3vw;margin-bottom:2vh;animation:fadeInUp .5s ease-out}.eew-title{color:#f33;text-shadow:0 0 15px rgba(255,0,0,.6),0 0 30px rgba(255,0,0,.3);animation:pulse .8s ease-in-out infinite alternate}.earthquake-info{display:flex;flex-direction:column;align-items:center;gap:1.5vh;animation:fadeInUp .5s ease-out}.info-line{font-size:3.5vw;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.5);letter-spacing:.1vw;text-align:center;line-height:1.5}.shindo-container{display:flex;align-items:center;gap:4vw;animation:fadeInUp .4s ease-out}.shindo-badge{font-size:7vw;font-weight:900;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.5);position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:16vw;padding:.5vw 2vw;border-radius:.8vw}.shindo-badge:after{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;border-radius:0 0 .8vw .8vw;opacity:.85;z-index:-1}.shindo-1:after{background-color:#8ab4f8}.shindo-2:after{background-color:#4fc3f7}.shindo-3:after{background-color:#ffb300}.shindo-4:after{background-color:#ff6d00}.shindo-5l:after{background-color:#e65100}.shindo-5u:after{background-color:#dd2c00}.shindo-6l:after{background-color:#c62828}.shindo-6u:after{background-color:#b71c1c}.shindo-7:after{background-color:#880e4f}.shindo-5l:before,.shindo-5u:before,.shindo-6l:before,.shindo-6u:before,.shindo-7:before{content:"⚠";position:absolute;top:-1vw;right:-1vw;font-size:2vw;animation:shake .5s ease-in-out infinite alternate}.area-list{display:flex;flex-wrap:wrap;gap:2vw;max-width:70vw}.area-item{font-size:2.5vw;font-weight:700;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5);padding:.5vw 1.2vw;background:#00000040;border-radius:.5vw;white-space:nowrap}.waiting-indicator{position:absolute;bottom:-5vh;display:flex;gap:.8vw}.dot{width:.8vw;height:.8vw;background:#ffffff80;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.status-overlay{position:absolute;bottom:2vh;right:2vw;z-index:100}.status-text{font-size:1vw;color:#fff6;text-shadow:0 0 4px rgba(0,0,0,.8)}.status-overlay.warning .status-text{color:#ffa50099}.sandbox-badge{position:absolute;top:1vh;right:1vw;font-size:.9vw;font-weight:700;color:orange;background:#0006;border:1px solid rgba(255,165,0,.3);padding:.2vw .6vw;border-radius:.3vw;letter-spacing:.1vw;pointer-events:none}.debug-bar{position:absolute;top:1vh;left:1vw;font-size:.8vw;color:#ffffff4d;text-shadow:0 0 4px rgba(0,0,0,.8);font-family:monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.8}to{opacity:1}}@keyframes shake{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}html,body,#app{margin:0;padding:0;width:1920px;height:1080px;background-color:transparent!important;overflow:hidden}