/* LaTale.party news panel: shared homepage and in-game announcement view. */
body.ingame-announcements .ingame-content .ingame-events img{object-fit:cover;object-position:center center}
@media(min-width:761px){body.ingame-announcements .ingame-content{height:480px!important;min-height:480px!important;align-items:stretch!important;margin-top:8px!important}body.ingame-announcements .ingame-content .ingame-events,body.ingame-announcements .ingame-content .announcement-panel{height:100%!important;align-self:stretch!important}}
.announcement-panel .announcement-banner{background-image:url('/announcement-header-th-v2.png');aspect-ratio:2170/725;background-size:100% 100%}
html[lang="en"] .announcement-panel .announcement-banner{background-image:url('/announcement-header-en-v2.png')}
.announcement-panel .announcement-banner:before,.announcement-panel .announcement-banner>span{display:none}
.ingame-announcements .ingame-toolbar{margin-top:12px;margin-bottom:12px;min-height:58px}.ingame-logo{display:flex;align-items:center;gap:14px}.ingame-logo img{width:120px;height:60px;object-fit:contain}.ingame-logo span{font-size:14px;color:#ddd}
@media(min-width:761px){.ingame-announcements .ingame-content{height:480px;min-height:480px;align-items:stretch;margin-top:8px}.ingame-announcements .ingame-content .ingame-events{aspect-ratio:auto;align-self:stretch;height:100%}.ingame-announcements .ingame-content .announcement-panel{align-self:stretch;height:100%}.ingame-announcements .ingame-content .announcement-banner{max-height:none;flex:none}.ingame-announcements .ingame-content .announcement-body{padding:16px 22px!important;display:flex;flex-direction:column;min-height:0}.ingame-announcements .ingame-content .announcement-featured{margin-bottom:12px;padding-bottom:12px;min-height:32px;flex:none}.ingame-announcements .ingame-content .announcement-rows{gap:9px}.ingame-announcements .ingame-content .announcement-row{min-height:24px}.ingame-announcements .ingame-content .announcement-more{margin-top:auto;padding-top:12px}}
.ingame-events p:empty{display:none}
.ingame-announcements{background:#141416!important;color:#eee!important}.ingame-announcements .ingame-toolbar>a{color:#fff}.ingame-announcements .announcement-panel{background:transparent;box-shadow:none}.ingame-announcements .announcement-body{background:#1c1c1e;color:#eee;border:1px solid #303035}.ingame-announcements .announcement-link{color:#f0eff5!important}.ingame-announcements .announcement-featured{border-color:#343438}.ingame-announcements .announcement-tab[aria-pressed="true"]{color:#fff}.ingame-announcements .announcement-badge{border-color:#45454a;color:#b7b3c0}.ingame-announcements #announcement-editor{background:#242428;color:#eee}
.ingame-announcements .ingame-content{flex:none;min-height:0;align-items:start;margin-top:24px}.ingame-announcements .ingame-events{aspect-ratio:620/420;align-self:start}.ingame-announcements .ingame-events>a{height:100%}.ingame-announcements .ingame-events img{height:100%;object-fit:contain}.ingame-announcements .ingame-content .announcement-panel{align-self:start}
.ingame-content{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:stretch}
.ingame-events{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0;background:#202023;border-radius:20px;overflow:hidden}
.ingame-events>a{display:block;width:100%}.ingame-events img{display:block;width:100%;height:auto}.ingame-event-controls{position:absolute;right:12px;bottom:12px;background:#111b;color:white;border-radius:16px;padding:4px;display:flex;gap:10px;align-items:center}.ingame-event-controls button{background:transparent;color:white;border:0;font-size:22px;cursor:pointer}.ingame-events p{padding:20px;color:white}
#announcement-editor{max-width:1120px;margin:0 auto 24px;padding:16px;background:white;border-radius:12px;width:calc(100% - 64px)}#announcement-editor[hidden]{display:none}#announcement-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}#announcement-slots select{display:block;width:100%;margin:8px 0;padding:6px}#announcement-editor button{padding:8px 18px;margin-top:10px}
@media(min-width:761px){.ingame-content .announcement-body{padding:20px 24px!important}.ingame-content .announcement-link{font-size:14px!important}.ingame-content .announcement-row{grid-template-columns:90px minmax(0,1fr)!important;gap:10px!important}.ingame-content .announcement-tab{font-size:13px!important}.ingame-content .announcement-featured-label{font-size:13px!important}.ingame-content .announcement-banner span{font-size:16px!important}}
@media(max-width:760px){.ingame-content{grid-template-columns:1fr!important}#announcement-slots{grid-template-columns:1fr}}
.content-board .board-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-template-areas:"news notice" "update notice" "media media";align-items:start}
.content-board .board-grid>#news{grid-area:news;grid-column:auto}
.content-board .board-grid>#update{grid-area:update;grid-column:auto}
.content-board .board-grid>#media{grid-area:media;grid-column:auto}
.content-board .board-grid>#notice{grid-area:notice;grid-column:auto;align-self:stretch;display:flex;flex-direction:column;min-width:0}
.content-board #update .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.announcement-panel{font-family:inherit;color:#292534;border-radius:20px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 4px 22px #2523420a;display:flex;flex-direction:column;flex:1}
.announcement-banner{position:relative;display:block;aspect-ratio:670/190;background:transparent url('/announcement-header.png') center top/100% auto no-repeat;text-decoration:none!important;overflow:hidden;border-radius:20px 20px 0 0;color:#fff!important}
.announcement-banner:before{content:"";position:absolute;inset:48% 70% 10% 0;background:linear-gradient(90deg,#3869aa 85%,#3869aa00)}
.announcement-banner span{position:absolute;left:6%;top:58%;max-width:24%;font-size:clamp(10px,.85vw,14px);line-height:1.3;font-weight:800;letter-spacing:0;text-shadow:0 1px 2px #214978}
.announcement-banner:focus-visible,.announcement-link:focus-visible,.announcement-tab:focus-visible{outline:3px solid #8759df;outline-offset:-3px}
.announcement-body{position:relative;z-index:1;background:#fff;border-radius:18px 18px 0 0;margin-top:-4px;padding:20px 22px;flex:1;min-width:0}
.announcement-featured{display:flex;gap:13px;align-items:center;min-height:40px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #dedde7}
.announcement-featured-label{font-size:12px;font-weight:700;color:#f34e95;white-space:nowrap}
.announcement-link{color:#242136!important;text-decoration:none!important;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.8;letter-spacing:0;text-transform:none}
.announcement-featured .announcement-link{font-weight:700;flex:1}
.announcement-link:hover{color:#7b4eca!important;text-decoration:underline!important}
.announcement-rows{display:grid;gap:8px}
.announcement-row{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:13px;min-height:25px}
.announcement-tab{padding:0;border:0;background:transparent;color:#96929f;font:inherit;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}
.announcement-tab[aria-pressed="true"]{color:#232033}
.announcement-tab[aria-pressed="true"]:after{content:" ▸";padding-left:4px}
.announcement-item{display:flex;align-items:center;gap:8px;min-width:0}
.announcement-badge{display:inline-block;border:1px solid #dedce4;border-radius:2px;color:#95909e;padding:1px 4px;font-size:10px;white-space:nowrap;flex:none;line-height:1.2}
.announcement-state{font-size:13px;line-height:1.8;color:#817a8f;padding:8px 0;margin:0}
.announcement-more{display:block;text-align:right;font-size:11px;margin-top:14px;color:#8d829f;text-decoration:none}
.ingame-announcements{margin:0;background:#f4f5f6;font-family:'LaTale Thai',"Segoe UI",Tahoma,sans-serif;color:#292534;min-height:100vh;display:flex;flex-direction:column}
.ingame-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;width:calc(100% - 48px);margin:12px auto;font-size:12px}
.ingame-toolbar a{color:#426bb0;text-decoration:none}.ingame-languages{display:flex;gap:5px}.ingame-languages button{border:1px solid #ddd9e7;background:#fff;border-radius:6px;padding:5px 10px;cursor:pointer}.ingame-languages button[aria-pressed="true"]{color:#fff;background:#426bb0;border-color:#426bb0}
.ingame-content{width:calc(100% - 48px);max-width:1120px;margin:0 auto 24px;flex:1;display:flex;min-height:410px}
.ingame-content .announcement-panel{width:100%;border-radius:24px}.ingame-content .announcement-banner{max-height:180px;background-position:center top}.ingame-content .announcement-banner span{font-size:24px}
.ingame-content .announcement-body{padding:26px 40px}.ingame-content .announcement-featured{min-height:44px;margin-bottom:22px;padding-bottom:20px}.ingame-content .announcement-link{font-size:17px;line-height:1.8}.ingame-content .announcement-featured-label{font-size:16px}.ingame-content .announcement-rows{gap:14px}.ingame-content .announcement-row{grid-template-columns:130px minmax(0,1fr);gap:20px;min-height:30px}.ingame-content .announcement-tab{font-size:16px}.ingame-content .announcement-badge{font-size:12px;padding:2px 6px}.ingame-content .announcement-more{font-size:13px}
@media(max-width:760px){.content-board .board-grid{grid-template-columns:1fr;grid-template-areas:"news" "notice" "update" "media"}.content-board .board-grid>section{grid-column:1!important}.content-board #update .cards{grid-template-columns:1fr}.announcement-banner span{font-size:14px}.announcement-body{padding:18px}.announcement-row{grid-template-columns:80px minmax(0,1fr);gap:8px}.ingame-toolbar,.ingame-content{width:calc(100% - 24px)}.ingame-content .announcement-banner span{font-size:18px}.ingame-content .announcement-body{padding:20px}.ingame-content .announcement-link{font-size:14px}.ingame-content .announcement-tab{font-size:13px}.ingame-content .announcement-row{grid-template-columns:100px minmax(0,1fr);gap:8px}}

/* Media occupies the full homepage board width, including the notice column. */
.content-board .board-grid>#media{grid-column:1/-1;min-width:0}