.game-phase-timeline{margin:16px 0 12px;padding:12px 0;border-top:1px solid #414e3b;border-bottom:1px solid #414e3b;min-width:0}
.game-phase-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:9px}
.game-phase-head>b{color:#e4ecde;font-size:14px;font-weight:650}
.game-phase-head>span{color:#b8c6af;font-size:12px;line-height:1.4}
.game-phase-track{display:flex;gap:5px;min-width:0}
.game-phase-track button{flex:1 1 0;min-width:0;min-height:55px;padding:8px 6px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;border:1px solid #55654b;border-radius:4px;background:#20291e;color:#dce6d5;box-shadow:none;white-space:normal;text-align:left}
.game-phase-track button b{font-size:13px;line-height:1.3;font-weight:650}
.game-phase-track button small{font-size:11px;line-height:1.4;color:#b8c6af;overflow-wrap:anywhere}
.game-phase-track button[aria-current=step]{background:#3c512f;border-color:#a6c184;box-shadow:inset 0 -3px #b7d695;color:#fff}
.game-phase-track button[aria-current=step] small{color:#e3eddb}
.game-phase-explanation{margin-top:4px}
.game-phase-explanation>summary{display:flex;align-items:center;min-height:36px;cursor:pointer;font-size:12px;color:#bdcbb4;list-style:none}
.game-phase-explanation>summary::after{content:'⌄';margin-left:7px}
.game-phase-explanation>summary::-webkit-details-marker{display:none}
.game-phase-explanation p{margin:3px 0 7px;font-size:13px;line-height:1.5;color:#d7e2ce}
.game-phase-explanation small{display:block;font-size:11px;line-height:1.5;color:#adbaa5;margin-bottom:8px}
.game-phase-timeline .game-theory-exit,.game-phase-timeline [data-game-phase-retry]{min-height:36px;padding:5px 8px;border:1px solid #535c51;border-radius:4px;background:transparent;box-shadow:none;color:#bcc6b6;font-size:12px;line-height:1.4;white-space:normal;text-align:left}
.game-phase-timeline :is(button,summary):focus-visible,.game-phase-filter select:focus-visible{outline:2px solid #c5eaaa;outline-offset:2px}
.game-phase-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,180px);gap:4px 12px;align-items:center;margin:16px 0;padding:12px 0;border-top:1px solid #414e3b;border-bottom:1px solid #414e3b;color:#d4dfcc;font-size:13px}
.game-phase-filter select{width:100%;min-width:0;min-height:44px;padding:7px 9px;border:1px solid #637458;border-radius:4px;background:#253020;color:#ecf3e7;box-shadow:none;font:inherit}
.game-phase-filter small{grid-column:1/-1;color:#aebaa6;font-size:11px}
.game-phase-training-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0;font-size:13px;color:#bdcbb4}
.game-phase-training-context button{min-height:44px;padding:7px 10px;border-radius:4px;background:#253020;box-shadow:none;color:#e2ecda}
@media(max-width:700px){
 .game-phase-timeline{margin:10px 0;padding:10px 0}
 .game-phase-head{display:block}
 .game-phase-head>span{display:block;margin-top:4px}
 .game-phase-track button{padding:8px 5px}
 .game-phase-track button b{font-size:12px}
 .game-phase-timeline .game-theory-exit,.game-phase-timeline [data-game-phase-retry],.game-phase-explanation>summary{min-height:44px}
 .game-phase-filter{grid-template-columns:minmax(0,1fr) minmax(115px,140px);margin:12px 0;padding:10px 0}
}

.game-phase-profile-scope{display:block;margin-top:14px;color:#aebaa6;font-size:11px;line-height:1.4}

.game-phase-board-link{display:none}
html body.game-phase-board-view :is(.mobile-app-nav,.nav-auth-state){transition:none}
@media(max-width:700px){
 .game-phase-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
 .game-phase-head>b{grid-column:1;grid-row:1}
 .game-phase-head>[data-game-phase-status]{grid-column:1;grid-row:2;margin:0}
 .game-phase-head>.game-phase-board-link{display:block;grid-column:2;grid-row:1 / span 2;min-height:44px;padding:6px 9px;border:1px solid #637458;border-radius:4px;background:transparent;color:#e0e9d9;font-size:12px;box-shadow:none}
}