/* Mode choices share the existing title footprint. */
.title-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:490px}
.menu-primary,.menu-free{margin:0;min-height:67px;padding:13px 15px;border-radius:9px;text-align:left}
.menu-primary{font-size:17px;gap:8px}.menu-primary small{font-size:9px;line-height:1.5;margin-top:5px;letter-spacing:0}
.menu-free{border:1px solid #c9d9ce;background:#ffffffbd;color:#3e654e;display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:15px;font-weight:700}
.menu-free small{font-size:9px;font-weight:400;line-height:1.5;color:#76887d}.menu-free:disabled{cursor:not-allowed;background:#edf1eebd;color:#849087;opacity:.85}
.menu-continue,.menu-utilities{grid-column:1/-1}
.story-group-button{margin-left:auto;border:1px solid #cbded1;border-radius:4px;padding:3px 7px;color:#426c53;font-size:10px;white-space:nowrap}
.story-hint{display:flex;gap:9px;align-items:center;justify-content:space-between}.story-hint button{color:#3e6d52;font-size:10px;text-decoration:underline;white-space:nowrap}.story-hint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.advance-panel>.life-skip{background:transparent;color:#4e735b;border:1px solid #bcd2c3;font-size:11px;min-height:24px;padding:4px 7px}
.news-card,.chat-card{border:1px solid #dce7df;padding:15px;border-radius:9px;margin:14px 0;background:#fff}.news-card>small,.chat-card>small{color:#788a7d;font-size:10px}.news-card h3,.chat-card h3{font-size:15px!important;line-height:1.7}.news-card a{font-size:12px;color:#38654a;text-decoration:underline}.archive-note{background:#edf4ef;padding:10px 13px;border-radius:6px;font-size:12px}
.chat-message{display:flex;align-items:flex-start;gap:9px;margin:12px 0}.chat-message b{flex:0 0 54px;font-size:11px;padding-top:8px;color:#607567}.chat-message span{font-size:13px;line-height:1.8;display:block;background:#f0f5f2;border-radius:0 10px 10px;padding:8px 12px;color:#344c3c}.my-message span{background:#e2efe6}.my-message b{color:#315c40}.chat-replies{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chat-replies button{font-size:12px;padding:8px 10px;border:1px solid #c8dccc;border-radius:6px;color:#386145}.chat-reply,.unlock-notice{padding:10px 13px;background:#e7f1e9;border-radius:7px;color:#345a41}
@media(min-width:1000px){.story-panel .panel-head{gap:8px}.story-panel .story-badge{max-width:38%}.advance-panel .skip-row:has(button[hidden]){display:none}.advance-panel>button{padding:7px 10px;min-height:30px}.advance-panel>.life-skip{min-height:24px;padding:4px 7px;font-size:10px}.story-hint{padding-right:10px}.game-menu nav{max-height:calc(100dvh - 100px);overflow:auto}}
@media(min-width:1000px) and (max-height:699px){.menu-primary,.menu-free{min-height:56px;padding:9px 12px;font-size:14px}.menu-primary small,.menu-free small{font-size:8px}.advance-panel>button{min-height:25px;padding:5px 8px;font-size:11px}.advance-panel>.life-skip{min-height:21px;padding:3px 7px}.story-hint span{font-size:8px}}
@media(max-width:650px){.title-actions{max-width:none}.menu-primary,.menu-free{min-height:64px;font-size:14px}.menu-primary small,.menu-free small{font-size:8px}.chat-card{padding:10px}.chat-message{gap:6px}.chat-message b{flex-basis:44px;font-size:10px}.chat-message span{font-size:12px;padding:7px 9px}}

@media(min-width:1000px) and (max-height:699px){.center-column{grid-template-rows:minmax(0,1fr) 180px}}