#desktop-event-ribbon,#phone-event-ribbon{display:none}.event-ribbon{gap:8px;padding:5px 12px;background:#081723;border-bottom:1px solid #5e5233;min-width:0}.event-ribbon-card{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;border:1px solid #8e7440;border-radius:7px;background:linear-gradient(110deg,#2b251b,#081c2a 65%);padding:6px 9px;min-height:54px;color:#f5ecd9}.event-ribbon-card:hover{transform:none!important}.event-ribbon-card>img{width:40px;height:40px;object-fit:cover;border-radius:7px;flex:none}.event-ribbon-copy{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.event-ribbon-copy small{font-size:12px;color:#e2ba68}.event-ribbon-copy strong{font-size:14px;overflow-wrap:anywhere}.event-ribbon-effect{font-size:13px;margin-top:3px;color:#d2e1e8}.event-ribbon-delta{display:flex;align-items:center;gap:3px;font-weight:700;font-size:16px;flex:none}.event-ribbon-delta .sw-symbol{width:22px;height:22px}.event-next{background:#0b2030;border-color:#355160;color:#bcd0db}.event-next .event-ribbon-copy small{color:#97b5c6}.event-next .event-ribbon-delta{font-size:14px}.action-event-note{display:flex;gap:4px;align-items:center;font-size:12px;color:#eec677;line-height:1.3}.action-event-note .sw-symbol{width:16px;height:16px}
body.desktop-play.has-round-event{grid-template-rows:66px 42px auto minmax(0,1fr)}.desktop-play #desktop-event-ribbon:not([hidden]){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.desktop-play #desktop-event-ribbon.event-no-next{grid-template-columns:1fr}.desktop-play .event-ribbon-copy{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}.desktop-play .event-ribbon-copy .event-ribbon-effect{margin:0}.desktop-play #desktop-actions .action-event-note{justify-content:center;margin-top:4px}.desktop-play .event-next .event-ribbon-effect{font-size:12px}
.phone-play.has-round-event #phone-shell{grid-template-rows:auto auto auto minmax(0,1fr) auto}.phone-play #phone-event-ribbon:not([hidden]){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:5px;padding:5px 8px}.phone-play #phone-event-ribbon.event-no-next{grid-template-columns:1fr}.phone-play .event-ribbon-card{min-height:60px;padding:5px;gap:5px}.phone-play .event-current>img{width:27px;height:32px}.phone-play .event-ribbon-copy strong{font-size:14px;line-height:1.2}.phone-play .event-ribbon-effect{font-size:13px;line-height:1.25}.phone-play .event-next .event-ribbon-effect{display:none}.phone-play .event-next .event-ribbon-delta{display:none}.phone-play .event-current .event-ribbon-delta{font-size:14px}.phone-play .event-current .event-ribbon-delta .sw-symbol{width:18px;height:18px}.phone-play .action-event-note{flex-basis:100%;font-size:13px}.phone-play.has-round-event #phone-turn-grid>div,.phone-play.has-round-event #phone-map,.phone-play.has-round-event #phone-world-grid>div{max-height:none}.phone-play #phone-event-ribbon[hidden],.desktop-play #desktop-event-ribbon[hidden]{display:none!important}
@media(orientation:landscape) and (min-width:600px){.phone-play .event-next .event-ribbon-effect{display:block}.phone-play .event-next .event-ribbon-delta{display:flex}.phone-play .event-ribbon-card{min-height:48px}.phone-play .event-ribbon-copy{flex-direction:row;align-items:center;flex-wrap:wrap;gap:2px 8px}.phone-play .event-ribbon-copy .event-ribbon-effect{margin:0;flex-basis:100%}.phone-play #phone-event-ribbon{padding-block:3px}.phone-play.has-round-event #phone-turn-grid>div,.phone-play.has-round-event #phone-world-grid>div{max-height:calc(100dvh - 246px)}.phone-play.has-round-event #phone-map{max-height:calc(100dvh - 280px)}.phone-play.has-round-event #phone-map-detail{max-height:calc(100dvh - 260px)}}
@media(max-width:350px){.phone-play #phone-event-ribbon:not([hidden]){grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.phone-play .event-current>img{display:none}.phone-play .event-current .event-ribbon-delta{display:none}}
@media(orientation:landscape) and (max-height:450px){.phone-play .event-next .event-ribbon-effect{display:none}.phone-play .event-ribbon-card{min-height:48px}.phone-play .event-ribbon-copy strong{font-size:13px}.phone-play .event-ribbon-effect{font-size:12px}.phone-play .event-ribbon-copy small{font-size:11px}}