.coach-card.offer-helper .coach-portrait{width:49px;flex-basis:49px;height:64px}.coach-card.offer-helper header{gap:12px;margin:10px 0}.coach-card.offer-helper h2{font-size:21px}.coach-card.offer-helper .coach-visual{display:none}.coach-card.offer-helper .coach-copy p{font-size:14px;line-height:1.42;margin-bottom:10px}.coach-card.offer-helper .coach-chapter{padding-bottom:6px}.coach-card.offer-helper .coach-actions{flex-shrink:0}
.coach-overlay.passive-focus .coach-target-hint{display:none}
.tutorial-action{position:relative;border-color:#ffdc91!important;background:linear-gradient(130deg,#486855,#284c4a)!important;box-shadow:0 0 0 2px #f0c87855,0 0 16px #eec16c44;color:#fff0c8}
.tutorial-action:after{content:'';position:absolute;inset:-5px;border:2px solid #ffdc91;border-radius:9px;pointer-events:none;animation:tutorial-action-glow 1.65s ease-in-out infinite}
@keyframes tutorial-action-glow{0%,100%{opacity:.55;box-shadow:0 0 7px #ffd99255}50%{opacity:1;box-shadow:0 0 20px #ffe1a0aa,inset 0 0 8px #ffdf8a33}}
.tutorial-reroll-hint{position:absolute;right:-15px;bottom:-12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffe0a1;border-radius:50%;background:#375e54;box-shadow:0 2px 7px #001e25;animation:coach-tap-pulse 1.65s ease-in-out infinite;pointer-events:none}.tutorial-reroll-hint svg{width:23px;height:23px}
.coach-offer-surface .tutorial-action:after,.coach-offer-surface .tutorial-reroll-hint{visibility:hidden}
/* Background remains explicit even when buttons acquire state styles. */
#stageBriefing:not(.first-light-destination){background-image:linear-gradient(90deg,#102c35ed 10%,#16353eba 48%,#183d4122),url('assets/title/expedition.webp');background-position:center,center 24%;background-size:cover;background-repeat:no-repeat}
.camp-replay{display:flex;gap:12px;align-items:center;min-height:50px;text-align:left;width:100%;border:1px solid #83b5b352;background:linear-gradient(100deg,#284e56,#18343d);padding:10px 13px;border-radius:13px}.camp-replay>.camp-icon{width:30px;flex:none}.camp-replay span{flex:1}.camp-replay b,.camp-replay small{display:block}.camp-replay small{font-size:11px;color:#bed0cb;margin-top:3px}
.party-reveal{display:flex;justify-content:center;align-items:center;gap:20px;margin:18px 0}.party-reveal figure{margin:0;width:104px;text-align:center}.party-reveal img{width:100%;height:128px;object-fit:contain;filter:drop-shadow(0 5px 7px #061c28)}.party-reveal figcaption{font:20px var(--display);color:#f3dfac}.party-reveal small{font:11px system-ui;display:block;color:#b7d4c7;margin-top:4px}.party-reveal .joining{background:radial-gradient(ellipse,#61b9ae35,transparent 70%)}.party-reveal>.camp-icon{width:28px}
.upgrade-decision{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.upgrade-decision button{font-size:13px;min-height:48px}.upgrade-guide-note{padding:12px;border-radius:12px;background:#25474a;border:1px solid #7bac9f44;margin:14px 0}.upgrade-guide-note p{margin:0;font-size:14px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.tutorial-action:after,.tutorial-reroll-hint{animation:none}.tutorial-action{outline:2px solid #f9d28b;outline-offset:3px}}
.beacon-controls #beaconSkip{background:#16374180;border-color:#86ada55c}.beacon-cinematic .beacon-line{min-height:90px}.beacon-cinematic h1{max-width:none}
.camp-nav>button>.camp-icon{width:32px!important;height:32px!important;filter:drop-shadow(0 2px 2px #00192388)}.camp-nav>button[aria-current=page]{background:linear-gradient(135deg,#56746b66,#304959)!important;border-color:#e3c89499!important}.camp-nav>button[aria-disabled=true]>.camp-icon{filter:grayscale(.75);opacity:.65}
.stages-dialog{padding:21px!important;width:min(460px,calc(100vw - 24px));border-radius:22px}.stages-dialog>small{font-size:10px;color:#dfc286}.stages-dialog>h2{margin:7px 0 20px;font:36px var(--display)}
.stage-selection{display:grid;gap:10px;margin-bottom:18px}.stages-dialog .stage-option{display:flex;position:relative;align-items:center;gap:12px;min-height:106px;text-align:left;padding:12px;border-radius:13px;overflow:hidden;background:#22464b;margin:0;width:100%;border:1px solid #8ab5a355}
.stage-option>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.55;mask-image:linear-gradient(90deg,transparent 5%,#000 100%)}.stage-option>span,.stage-option>.camp-icon{z-index:1;position:relative}.stage-option>span{flex:1}.stage-option small{font:9px var(--number);color:#d8c48e;letter-spacing:.11em}.stage-option strong{font:25px var(--display);color:#f8e8bf;display:block;margin:6px 0}.stage-option span>span{font-size:11px;color:#d2e4d8}.stage-option>.camp-icon{width:27px;flex:none}.stage-option[aria-pressed=true]{border-color:#ebce88!important;box-shadow:inset 0 0 0 1px #ebce8877,0 0 15px #ebce8818}.stage-option.is-locked img{filter:grayscale(.8);opacity:.25}.stage-option.is-locked strong{color:#a8bdb6}
.stage-detail{padding:0 2px}.stage-detail>small{font-size:10px;color:#b4d4c9}.stage-detail h3{font-size:23px;margin:5px 0 9px}.stage-detail p{font-size:14px}.stage-reward{display:flex;align-items:center;gap:10px;font-size:12px;color:#efdab1;padding:13px 0;margin-bottom:8px}.stage-reward>.camp-icon{width:26px;flex:none}.stages-dialog #stagePlay{min-height:48px;border-radius:10px}
.stage-option[data-stage="0"]>img{object-position:center 22%;opacity:.78}
.stages-dialog [data-dialog-close]{position:absolute;top:16px;right:16px;width:44px;min-height:44px;padding:0;margin:0!important;background:#163139;border:1px solid #8ea99b55;font-size:24px;border-radius:50%}.stages-dialog>h2{padding-right:40px}
.welcome-pack-preview [data-close]{position:absolute;top:14px;right:12px;width:44px;min-height:44px;padding:0;margin:0!important;font-size:24px;border-radius:50%;background:#183840}.welcome-pack-preview>h2{padding-right:40px}
.stages-dialog [data-dialog-close],.welcome-pack-preview [data-close]{display:grid;place-items:center;text-align:center;line-height:1}
.welcome-costume{display:flex;align-items:flex-end;justify-content:center;gap:12px;background:radial-gradient(ellipse,#b29fe63d,transparent 72%);margin:14px 0 20px;padding:8px;border-bottom:1px solid #9982c755}.welcome-costume>img{height:250px;max-width:73%;object-fit:contain;filter:drop-shadow(0 5px 7px #02172266)}.welcome-costume>div{max-width:95px;text-align:center;margin-bottom:16px}.welcome-frame{display:grid;place-items:center;width:64px;height:64px;border:3px double #f0d083;border-radius:15px;background:linear-gradient(145deg,#8470ab,#32264f);box-shadow:0 0 0 3px #3b344f,inset 0 0 12px #d7baff33;margin:0 auto 10px}.welcome-frame>.camp-icon{width:42px}.welcome-costume small{font:10px/1.4 var(--number);letter-spacing:0;color:#d9ccee}.welcome-pack-preview h3{font:25px var(--display);color:#f6dba2}.welcome-pack-preview p{font-size:14px;margin:12px 0}
@media(max-height:650px){.stages-dialog .stage-option{min-height:86px;padding:10px}.stage-option strong{font-size:22px;margin:4px 0}.stages-dialog>h2{margin:5px 0 12px}.stage-selection{gap:8px;margin-bottom:12px}}
.collection-panel{width:min(100%,520px);padding:22px!important;border-radius:22px!important}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-heading h2{margin:5px 0 0;font:36px var(--display)}.collection-heading small{font-size:10px;color:#d6b985;letter-spacing:.15em}.collection-heading button,.skill-close{width:44px;min-height:44px;padding:0;font-size:25px;background:transparent;border-color:#92b2a044}.collection-panel .collection-intro{font-size:14px;margin:12px 0 18px;color:#bfd2c8}
#collectionFilters{display:flex;gap:6px;margin:0 0 17px}#collectionFilters button{flex:1;padding:9px 5px;min-height:45px;font-size:12px;border-radius:12px;background:#23444b}#collectionFilters button[aria-pressed=true]{background:linear-gradient(#f2d296,#deb578);color:#14303a}#collectionFilters b{font-size:10px;opacity:.7}
#collectionAffinities{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding:3px 2px 12px}#collectionAffinities button{flex:1;min-width:44px;display:flex;flex-direction:column;align-items:center;padding:4px 2px 6px;background:#203f45;border:1px solid transparent;border-radius:12px;gap:4px}#collectionAffinities img{width:36px;height:43px;object-fit:contain}#collectionAffinities svg{width:32px;height:43px}#collectionAffinities span{font-size:10px}#collectionAffinities button[aria-pressed=true]{border-color:#edc57e;background:#356257}
.collection-search input{width:100%;box-sizing:border-box;padding:12px 14px;min-height:44px;background:#112f38;border:1px solid #8ca99c55;border-radius:12px;color:#ebecdd;font:14px system-ui}.collection-panel #collectionCount{font-size:11px;color:#a9c9bd;margin:15px 0 10px}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-tile{text-align:left;position:relative;min-height:158px;padding:13px;background:radial-gradient(ellipse at 30% 0,#395a68,#1b353f 80%);border:1px solid #779aa06b;border-radius:16px;color:#f4e7c7;box-shadow:inset 0 1px #cedeb329}.skill-tile .item-art{display:block;width:55px;height:55px;margin:0 0 7px;float:none}.skill-tile small{display:block;font-size:9px;letter-spacing:.07em;color:#7fd7d2;text-transform:uppercase}.skill-tile strong{display:block;font:20px/1.1 var(--display);margin:5px 0 8px}.skill-tile>span:not(.skill-lock){display:block;color:#bec7b6;font-size:10px}.skill-tile.is-locked{background:#24343c}.skill-tile.is-locked>.item-art{filter:grayscale(1);opacity:.6}.skill-lock{position:absolute;right:9px;top:10px}.skill-lock svg{width:20px;height:20px}.collection-empty{grid-column:1/-1;padding:20px;text-align:center;font-size:15px}
.collection-search .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.collection-panel .skill-tile.is-locked,.collection-evolution.is-locked{filter:grayscale(1);border-style:dashed}.collection-panel .skill-tile.is-locked strong{color:#d6dfe2}.collection-panel .skill-tile.is-locked>small{color:#bfced4}.skill-tile .skill-access-label{font:12px/1.3 var(--body,Arial,sans-serif);letter-spacing:0;text-transform:none;margin-top:12px;color:#d4dde0!important}.collection-panel #collectionAffinities .is-locked img{filter:grayscale(1);opacity:.55}.collection-panel #collectionAffinities button{position:relative}.collection-panel #collectionAffinities .family-lock{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:17px;height:17px;background:#173440;border-radius:50%}.collection-panel #collectionAffinities .family-lock .camp-icon{width:13px;height:13px}.skill-detail.is-locked header>.item-art{filter:grayscale(1);opacity:.65}.evolution-lock{font-size:13px!important;color:#cbd4d8!important;display:flex;align-items:center;gap:8px}.evolution-lock .camp-icon{width:20px;height:20px;flex:none}.collection-search input{font-size:16px}
.skill-detail{padding:20px;width:min(440px,calc(100vw - 28px));box-sizing:border-box;border-radius:22px}.skill-detail header{display:flex;align-items:center;gap:12px}.skill-detail header>.item-art{width:65px;height:65px;flex-shrink:0;float:none}.skill-detail header>div{flex:1;min-width:0}.skill-detail header h2{font:27px/1.05 var(--display);margin:5px 0}.skill-detail header small{color:#8ed8d1;font-size:11px}.skill-detail header p{font-size:11px!important;margin:0;color:#d0bb8c}.skill-detail .skill-access{display:flex;gap:8px;font-size:12px;line-height:1.5;background:#1c3c41;padding:12px;border-radius:12px}.skill-access svg{width:22px;height:22px;flex:none}.skill-levels{display:flex;gap:8px;margin:20px 0 14px}.skill-levels button{flex:1;min-height:44px;border-radius:10px}.skill-levels button[aria-pressed=true]{background:#edcb8d;color:#14323b}.skill-upgrade{background:linear-gradient(120deg,#315950,#233f48);padding:17px;border:1px solid #b6cda64d;border-radius:14px;min-height:120px}.skill-upgrade small{color:#e3c38e;font-size:10px;letter-spacing:.1em}.skill-upgrade h3{font:23px var(--display);margin:8px 0}.skill-upgrade p{font-size:15px!important;line-height:1.5;margin:0}.skill-mechanics{margin:16px 0}.skill-mechanics summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;color:#bacec3}.skill-mechanics p{font-size:13px!important;line-height:1.5}.skill-detail>.primary,.skill-done{width:100%;margin-top:8px;min-height:46px}
.collection-evolution{grid-column:1/-1;padding:18px;background:linear-gradient(130deg,#39444f,#233b42);border:1px solid #aa91ba55;border-radius:17px}.collection-evolution>.item-art{width:60px;height:60px;float:none}.collection-evolution h3{font:25px var(--display);margin:6px 0}.collection-evolution p{font-size:14px;line-height:1.45}.collection-evolution>div{display:flex;gap:7px;align-items:center;background:#162e36;padding:10px;border-radius:10px;margin:14px 0}.collection-evolution>div canvas{width:30px;height:30px;float:none}.collection-evolution>div svg{width:18px;height:18px;flex:none}.collection-evolution span{font-size:10px}.collection-evolution b{display:block;color:#ebcc91}.collection-evolution>small{font-size:11px;color:#b6d0c3}
@media(max-width:350px){.collection-panel{padding:15px!important}.skill-tile{padding:11px;min-height:149px}.skill-tile strong{font-size:18px}#collectionFilters button{font-size:11px}.skill-detail{padding:16px}.skill-detail header h2{font-size:23px}.beacon-cinematic .beacon-line{min-height:95px;font-size:14px}}
.skill-detail .skill-close{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0}.skill-detail .skill-levels button{flex:1 1 0;width:0;min-width:0;padding:10px 0;margin:0;box-sizing:border-box}.skill-detail header>div{min-width:0}.skill-detail header{min-height:65px}.skill-detail .skill-done{margin:0}.skill-detail .skill-mechanics{margin:9px 0}.skill-detail .skill-levels{margin:14px 0}
.skill-detail .skill-levels button{text-align:center}.collection-search input{font-size:16px}
/* Teach on the actual level-up screen; lift only the explained card. */
#coach>#modal.coach-offer-surface{z-index:0;background:transparent;pointer-events:none}
#coach .coach-offer-preview{position:absolute;z-index:3;transform:translateX(-50%);margin:0;grid-template-columns:1fr;gap:0;pointer-events:none;transform-origin:center top}
#coach .coach-offer-preview>.choice{width:100%;margin:0;pointer-events:none;cursor:default}
#coach .coach-card-away,#coach .coach-card-pending{visibility:hidden}
#coach .coach-card.offer-helper{z-index:4}
@media(max-height:650px){.coach-card.offer-helper header{margin:7px 0}.coach-card.offer-helper .coach-portrait{height:46px;width:36px;flex-basis:36px}.coach-card.offer-helper .coach-portrait figcaption{display:none}.coach-card.offer-helper h2{font-size:19px}.coach-card.offer-helper .coach-copy p{font-size:13px;line-height:1.4}.party-reveal img{height:95px}}
@media(max-height:520px){#coach .coach-card.offer-helper header{margin:5px 0}#coach .coach-card.offer-helper .coach-portrait{height:40px;width:32px;flex-basis:32px}}
.starter-shop-card{position:relative;overflow:hidden;min-height:124px!important;padding-right:108px!important;background:linear-gradient(120deg,#385d5a,#193640)!important;border-color:#d4b47b!important}.starter-shop-card>img{position:absolute;right:0;top:0;height:100%;width:108px;object-fit:cover;object-position:50% 20%;mask-image:linear-gradient(90deg,transparent,#000 20%)}.starter-shop-card>.camp-icon{display:none}.starter-shop-card strong{font:24px/1.15 var(--display)}
.borrowed-pack{padding:22px!important;width:min(460px,calc(100vw - 24px));border-radius:22px}.borrowed-pack>h2{font:30px/1.1 var(--display);padding-right:44px}.starter-eyebrow{display:block;color:#e7c47f;font-size:10px;margin-top:8px}.borrowed-pack .starter-intro{margin:10px 0 16px;color:#c6d9d0}
.borrowed-pack .starter-costume{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;gap:14px;padding:0 14px 0 0;overflow:hidden;margin:0;border:1px solid #acba9566;border-radius:15px;background:linear-gradient(135deg,#355b57,#1e3b47)}.starter-costume>img{display:block;width:100%;height:auto}.starter-costume>span{min-width:0}.starter-costume small{font-size:9px;color:#dcc18c}.starter-costume strong{display:block;font:25px/1.08 var(--display);margin:10px 0;color:#ffe6b2}.starter-costume b{font:12px var(--body);display:flex;align-items:center;gap:5px;color:#bcdfd4}.starter-costume b svg{width:19px;height:19px}
.starter-frame{display:flex;gap:16px;align-items:center;margin:18px 0;padding-bottom:18px;border-bottom:1px solid #75968944}.starter-frame>div{flex:1}.starter-frame strong{display:block;font-size:15px;color:#f0dfb9}.starter-frame small{display:block;font:12px/1.5 var(--body);color:#afc9c1;margin-top:4px}.starter-frame .welcome-frame{position:relative;flex:none;overflow:visible;width:64px;height:72px;margin:0;background:#153440;border-radius:14px;border:3px double #e6c780;box-shadow:0 0 0 3px #324c4d,inset 0 0 12px #84cfbe25}.starter-frame .welcome-frame img{width:100%;height:100%;object-fit:cover;border-radius:10px}.starter-frame .welcome-frame svg{position:absolute;bottom:-10px;right:-8px;width:25px;height:25px;filter:drop-shadow(0 2px 2px #051b29)}
.starter-price{display:flex;align-items:center;gap:14px}.starter-price strong{font:28px var(--number);color:#efd49c}.starter-price small{font:11px var(--body);color:#b4c9c3}.borrowed-pack .starter-concept-note{margin-bottom:0;font-size:12px;color:#bdd7cd}
.borrowed-story{width:min(460px,calc(100vw - 24px));height:min(800px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)!important;padding:0!important;border-radius:22px;overflow:hidden!important;display:flex;flex-direction:column;background:#12313b}.borrowed-story>h2{flex:none;font:27px/1.1 var(--display);padding:20px 65px 12px 20px;margin:0}.borrowed-story [data-close]{position:absolute;right:12px;top:12px;width:44px;min-height:44px;margin:0;padding:0;display:grid;place-items:center;text-align:center;line-height:1;border-radius:50%;font-size:24px;background:#122e38e8;z-index:1}
.borrowed-art{position:relative;flex:1;min-height:130px;overflow:hidden;display:flex;justify-content:center;background:radial-gradient(ellipse,#345c59,#12313b 80%)}.borrowed-art>img{height:100%;width:100%;object-fit:contain}.borrowed-art>span{position:absolute;bottom:8px;left:12px;font:9px var(--number);letter-spacing:.1em;background:#12313beb;color:#d6c38e;padding:5px 8px;border:1px solid #baa77855;border-radius:7px}
.borrowed-conversation{flex:none;padding:16px 20px max(18px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#325950,#193b42);border-top:1px solid #c0b48577;box-shadow:0 -5px 20px #10292b33}.borrowed-speaker{display:flex;gap:12px;align-items:center}.borrowed-speaker>img{width:48px;height:56px;border:1px solid #d1b781;border-radius:13px;object-fit:cover;object-position:50% 24%;background:#122f37}.borrowed-story[data-speaker=Rook] .borrowed-speaker>img{object-position:52% 39%}.borrowed-speaker>div{display:flex;align-items:center;justify-content:space-between;flex:1}.borrowed-speaker small{font-size:12px;color:#f3d596}.borrowed-beats{display:flex;gap:5px}.borrowed-beats i{display:block;width:6px;height:6px;border-radius:50%;background:#7b9e943f}.borrowed-beats .current{width:17px;border-radius:5px;background:#e3c489}.borrowed-story .borrowed-line{font-size:16px;line-height:1.45;color:#eef0df;margin:12px 0 15px;min-height:3em}.borrowed-story #borrowedNext{margin:0;text-align:center;width:100%;min-height:48px}
@media(max-height:600px){.borrowed-story>h2{font-size:24px;padding-top:15px}.borrowed-conversation{padding:10px 16px 14px}.borrowed-speaker>img{width:36px;height:42px}.borrowed-story .borrowed-line{font-size:14px;margin:8px 0 12px}.borrowed-pack{padding:17px!important}.starter-frame{margin:13px 0;padding-bottom:13px}}