.portrait{display:inline-block;flex-shrink:0;aspect-ratio:1;background-image:url('/assets/expedition-characters.webp');background-size:300% 100%;background-position:left center;border-radius:24%;box-shadow:0 10px 35px #0005;overflow:hidden}.portrait.bear{background-position:center}.portrait.tara{background-position:right}.duel-mascot.portrait{height:auto;width:100px;border:1px solid #ffffff18}.field-guide{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:20px;border:1px solid #72e8c644;border-radius:23px;background:linear-gradient(110deg,#16322f,#171a35);margin:18px 0}.field-guide .portrait{width:90px;align-self:start}.guide-dialogue{margin:7px 0 12px;font-size:15px;line-height:1.65}.guide-actions{display:flex;gap:9px;flex-wrap:wrap}.guide-actions button{min-height:40px}.field-guide .eyebrow{color:#81efce}.field-task{padding:24px;background:#101a2c;border:1px solid #8d7bbc66;border-radius:24px;margin:18px 0}.field-task h2{font-size:25px;margin:8px 0 16px}.field-task p{line-height:1.7}.field-task input,.field-task select{width:100%;font:inherit;padding:14px;color:#f5f5ff;background:#080f20;border:1px solid #6f7797;border-radius:12px;margin:10px 0}.field-task input{font-family:monospace}.field-task table{width:100%;border-collapse:collapse;margin:15px 0;font-family:monospace}.field-task td,.field-task th{padding:12px;text-align:left;border-bottom:1px solid #ffffff18}.field-task th{color:#7eebcf}.field-task .task-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field-task .task-controls button{min-height:45px}.task-sequence{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.task-sequence button{padding:12px;border-radius:12px;background:#222d43;border:1px solid #8994b4;color:white;text-align:left;min-height:46px}.task-sequence button:disabled{opacity:.5}.sequence-picked{padding:14px;background:#080f20;border-radius:12px;line-height:1.8}.scout-chart{width:100%;height:210px;background:#080f20;border-radius:12px;touch-action:pan-y}.task-feedback{padding-top:14px;line-height:1.7;color:#b4eacb}.task-status{color:#f9d779;font-family:monospace}.mini-cinema{background:#090e20;border:1px solid #a494e75c;border-radius:20px;margin:18px 0;overflow:hidden}.cinema-stage{position:relative;background:radial-gradient(ellipse at top right,#263857,#090e20);padding:18px}.cinema-stage canvas{width:100%;height:170px;display:block}.cinema-head{display:flex;align-items:center;gap:12px}.cinema-head .portrait{width:55px}.cinema-head strong{color:#8ff4d6}.cinema-caption{min-height:100px;line-height:1.65;padding:0 18px;color:#e8ecfa;font-size:15px}.cinema-progress{width:100%;accent-color:#68efc2}.cinema-controls{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px}.cinema-controls button{min-height:40px;padding:8px 12px}.cinema-status{font:12px monospace;color:#b2b9cc;padding:0 18px 14px}.expedition-invite{padding:26px;border-radius:24px;border:1px solid #ba9dff66;background:linear-gradient(125deg,#17372f,#291a40);margin:25px 0}.expedition-invite h2{font-size:30px;margin:10px 0}.expedition-invite p{max-width:65ch;line-height:1.7}.expedition-invite .portrait{width:100px;float:right;margin-left:12px}.mentor-squad .squad-card:first-child .character{background-image:url('/assets/expedition-characters.webp');background-size:300% 100%;background-position:right;border-radius:25%;min-height:110px;min-width:110px}.mentor-squad .squad-card:first-child .character>*{visibility:hidden}.field-collection{font-size:13px;letter-spacing:.04em;color:#b5a4f2}.cinema-cue{font:13px monospace;color:#91eacf}
@media(max-width:600px){.field-guide{grid-template-columns:60px 1fr;gap:12px;padding:15px}.field-guide .portrait{width:60px}.guide-dialogue{font-size:13px}.field-task{padding:17px;border-radius:18px}.field-task h2{font-size:22px}.field-task p{font-size:14px}.mini-cinema .cinema-caption{font-size:14px;min-height:120px}.cinema-stage{padding:12px}.cinema-controls{padding:10px}.expedition-invite{padding:20px}.expedition-invite .portrait{width:76px}.expedition-invite h2{font-size:25px}.duel-cell .duel-mascot.portrait{width:85%;height:auto}.scout-chart{height:185px}}
@media(prefers-reduced-motion:no-preference){.field-guide .portrait{animation:mentorBreathe 5s ease-in-out infinite}.duel-cell .portrait{animation:markPop .25s ease-out}@keyframes mentorBreathe{50%{transform:translateY(-3px)}}}

/* The diagram keeps its natural ratio on phones; captions no longer reserve empty space. */
.cinema-stage canvas{height:auto;aspect-ratio:31 / 18;width:100%;margin-top:12px}.cinema-caption,.mini-cinema .cinema-caption{min-height:0;margin:0;padding:14px 18px;font-size:15px;line-height:1.6}.cinema-status{line-height:1.6;overflow-wrap:anywhere}.cinema-controls button{color:#e9edff}.mini-cinema .cinema-progress{display:block;width:calc(100% - 28px);margin:7px 14px;height:28px}.cinema-controls{padding-top:4px}.cinema-stage{padding-bottom:0}

.mini-cinema .cinema-keypoint{font-size:15px;line-height:1.5;color:#8af3d2;margin:0;padding:8px 2px 12px;min-height:0;font-weight:650}.cinema-head{align-items:flex-start}.cinema-head>div{min-width:0;overflow-wrap:anywhere}