.bridge-story-game main{max-width:1380px;padding-top:10px}.bridge-story-game header{max-width:1380px;padding-top:12px;padding-bottom:12px}.bridge-story-game nav{margin-bottom:12px}.bridge-story-game .titlebar{gap:12px;flex-wrap:wrap;align-items:center}.bridge-story-game .titlebar>div{flex:1;min-width:180px}.bridge-story-game .titlebar h1{font-size:clamp(25px,3vw,34px)}.bridge-story-game .mission{margin-bottom:14px}
.bridge-story-game .bridge-story-layout{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.8fr);align-items:start;gap:18px}.bridge-story-game .study-reference{position:sticky;top:12px;padding:16px;max-height:none;overflow:visible;min-width:0}.bridge-story-game .study-answer{padding:0;background:transparent;border:0;min-width:0}.bridge-story-game .bridge-story-scene{margin:0}.bridge-story-scene img{width:100%;height:auto;display:block;border-radius:12px}.bridge-story-scene figcaption{font-size:15px;line-height:1.75;margin-top:12px;color:#304a50}.bridge-story-game .rep-read-label{margin-top:0}.bridge-story-game .rep-task-instruction{line-height:1.7}.bridge-story-go{display:block;margin:14px 0 0;padding:10px 12px;border:1px solid #a9c9bd;border-radius:10px;background:#f1f8f1;font-size:14px;font-weight:700;text-decoration:none;min-height:44px}
.bridge-story-game .b4-bridge-lab{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:14px}.bridge-story-game #b4-model{position:sticky;top:12px}.bridge-story-game #b4-controls{min-width:0;padding:16px}.bridge-story-game #b4-controls>h2,.bridge-story-game #b4-controls>.eyebrow{display:none}.bridge-story-game .diagram{padding:8px 0 0}.bridge-story-game .diagram svg{display:block;width:100%;height:auto}.bridge-story-game .settings button{min-height:48px}.bridge-story-game .notebook{margin-top:18px}.bridge-story-game .records{grid-template-columns:repeat(2,minmax(0,1fr))}.bridge-story-game .record{min-width:0}.bridge-story-game .comparison{table-layout:fixed;overflow-wrap:anywhere}.bridge-story-game .rep-play-status{font-size:13px}.bridge-story-game .rep-task h3{font-size:17px}.bridge-story-game .bridge-story-finish{margin-bottom:18px}.bridge-story-game .finish .reward-corgi,.bridge-story-game .finish .reward-spark{display:none}.bridge-story-game .stamp-seal{display:flex;flex-direction:column;align-items:center;justify-content:center}.bridge-story-game #b4-model,.bridge-story-game #b4-prediction,.bridge-story-game #b4-notebook,.bridge-story-game #bridge-story-reading{scroll-margin-top:16px}
@media(max-width:1049px){.bridge-story-game .bridge-story-layout{grid-template-columns:1fr}.bridge-story-game .study-reference{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}.bridge-story-game .study-reference>.bridge-story-scene{grid-row:1/5}.bridge-story-game .study-reference>.rep-read-label{grid-column:2}.bridge-story-game .study-reference>.rep-task-instruction{grid-column:2}.bridge-story-game .study-reference>.bridge-story-go{grid-column:2;align-self:start}.bridge-story-game #b4-model{top:12px}}
@media(max-width:699px){.bridge-story-game .study-reference{display:block;padding:14px}.bridge-story-game .bridge-story-scene img{max-height:280px;object-fit:contain;background:#f6eedc}.bridge-story-game .b4-bridge-lab{grid-template-columns:1fr}.bridge-story-game #b4-model{position:static}.bridge-story-game .records{grid-template-columns:1fr}.bridge-story-game .titlebar{gap:8px}.bridge-story-game .titlebar>div{flex-basis:100%}.bridge-story-game .titlebar button{flex:1}.bridge-story-game .notebook{padding:16px 12px}.bridge-story-game .finish{padding:16px 12px}.bridge-story-game .comparison{font-size:12px}.bridge-story-game .comparison th,.bridge-story-game .comparison td{padding:8px 5px}}
@media(prefers-reduced-motion:reduce){.bridge-story-game *{scroll-behavior:auto!important}}