/* Group C: live models and progression stay interactive; illustrated environments only. */
dialog.voyage-dialog:is([data-page=crew],[data-page=cosmetics]) main{background:linear-gradient(#071b2d10,#071b2d99),url('/assets/premium-crew-progress/dressing-cabin-v2.png') center top/100% auto no-repeat,#091f32;padding-bottom:22px}
dialog.voyage-dialog:is([data-page=crew],[data-page=cosmetics]) main>p[role=status]:empty{display:none}
dialog.voyage-dialog:is([data-page=crew],[data-page=cosmetics]) .crew-hero,dialog.voyage-dialog[data-page=cosmetics] .cosmetic-dressing{position:relative;isolation:isolate;background:linear-gradient(90deg,#06182926,transparent,#06182916);border:0;margin:0 -8px}
dialog.voyage-dialog[data-page=crew] .crew-heading{margin:4px 0 0;padding:5px 12px;background:linear-gradient(90deg,#0a2033e8,#102e4280,#0a2033e8);border-block:1px solid #b58c4666;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px}
dialog.voyage-dialog[data-page=crew] .crew-heading h3{margin:0;font-size:17px}.crew-heading small{font-size:11px;color:#e8d2a0;text-align:right}
dialog.voyage-dialog[data-page=crew] .crew-hero>.pirate-scene{height:clamp(238px,35dvh,330px);min-height:0;background:transparent;border:0}
dialog.voyage-dialog[data-page=crew] .crew-active-rail{top:12px;bottom:auto;gap:8px;left:12px;width:58px}
dialog.voyage-dialog[data-page=crew] .crew-active-rail button{width:58px;min-height:60px;padding:2px;border:1px solid #c99b4f;border-radius:9px;background:linear-gradient(135deg,#22455b,#061724);box-shadow:inset 0 0 0 2px #091724,0 3px 7px #0008;overflow:hidden}
dialog.voyage-dialog[data-page=crew] .crew-active-rail button[aria-pressed=true]{border-color:#fff0b3;box-shadow:0 0 10px #efbe5255,inset 0 0 0 2px #a87932}
dialog.voyage-dialog[data-page=crew] .crew-active-rail img{height:43px;width:100%;object-fit:contain}.crew-active-rail small{font-size:9px;display:block;color:#f3dbac}
dialog.voyage-dialog[data-page=crew] .crew-reserve-rail{left:auto;right:12px}.crew-empty-slot{height:50px;display:grid;justify-items:center;border:1px dashed #d5ac6877;border-radius:8px;background:#061927a6}.crew-empty-slot .art-icon{width:28px;height:28px;opacity:.6}.crew-empty-slot small{font-size:9px}
dialog.voyage-dialog[data-page=crew] .preview-commands{position:absolute;bottom:6px;left:12px;right:12px;z-index:4;display:flex;justify-content:space-between;margin:0;gap:70px}
dialog.voyage-dialog[data-page=crew] .preview-commands button{width:auto;max-width:104px;font-size:10px;min-height:44px;padding:5px 8px;background:linear-gradient(#21445ce8,#071a2be8);border:1px solid #cba35d;border-radius:8px}
.crew-role-plaque{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);font-size:11px;letter-spacing:1px;text-shadow:0 2px 3px black;color:#ffe5aa;white-space:nowrap}
dialog.voyage-dialog[data-page=crew] .crew-character-sheet,dialog.voyage-dialog[data-page=crew] .crew-conversation{margin:6px 0;padding:9px 11px;background:linear-gradient(110deg,#173c51eb,#061725f5);border:1px solid #b88f4f;border-radius:10px;box-shadow:inset 0 0 0 2px #071927,0 4px 12px #0007}
.crew-name-line{display:flex;justify-content:space-between;gap:8px;align-items:center}.crew-name-line small{font-size:9px;color:#e3bd73;letter-spacing:1px}.crew-name-line h3{margin:3px 0!important;font-size:21px!important}.crew-name-line button{font-size:11px;min-height:44px;max-width:120px}.crew-real-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:7px 0}.crew-real-stats>span{display:flex;align-items:center;gap:3px;font-size:10px;padding:4px 3px;background:#0415228c;border:1px solid #63788766;border-radius:5px}.crew-real-stats .art-icon{width:23px;height:23px}.crew-real-stats b{color:#d8f0fa}.crew-character-sheet summary,.crew-conversation summary{font-size:12px;min-height:32px;padding-top:7px;color:#ddc18c}.crew-character-sheet p,.crew-conversation p{font-size:12px;line-height:1.5}.crew-talk-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.crew-talk-options button{min-height:44px;font-size:11px;padding:6px 3px}.crew-conversation>h3{font-size:16px;margin:0 0 7px}.crew-conversation .voyage-panel{padding:8px;margin:5px 0}.roster-title{font-size:17px;margin:12px 3px 8px}
dialog.voyage-dialog[data-page=crew] .character-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.character-roster .crew-portrait-card{min-width:0;box-shadow:inset 0 0 0 2px #071826,0 3px 5px #0008}.character-roster .crew-portrait-card strong{font-size:11px}.character-roster .crew-portrait-card small{font-size:9px}
dialog.voyage-dialog[data-page=cosmetics] .cosmetic-categories{position:relative;z-index:2;gap:5px;padding:5px 0;margin:0;background:#071d2dd9}.cosmetic-categories button{min-height:44px!important}
dialog.voyage-dialog[data-page=cosmetics] .cosmetic-dressing .avatar-preview{height:clamp(232px,35dvh,320px);min-height:0;background:transparent;border:0}
dialog.voyage-dialog[data-page=cosmetics] .equipment-rail{top:20px;left:14px;gap:9px;bottom:auto;z-index:3}.equipment-rail.right{left:auto!important;right:14px}.equipped-slot{width:56px;min-height:56px;display:grid;justify-items:center;align-content:center;border:1px solid #cda257;border-radius:9px;background:linear-gradient(120deg,#18394ce8,#061521e8);box-shadow:inset 0 0 0 2px #081727}.equipped-slot .art-icon{height:30px;width:30px}.equipped-slot small{max-width:52px;font-size:8px;text-align:center;color:#eee0bc}.dressing-plaque{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);white-space:nowrap;letter-spacing:1px;font-size:9px;padding:6px 12px;border:1px solid #c5a06588;border-radius:15px;background:#071c2be6;color:#f2d397}
dialog.voyage-dialog[data-page=cosmetics] .wardrobe-note{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:3px 0 7px;padding:8px 10px;background:linear-gradient(90deg,#0e3147f0,#071d2df0);border-block:1px solid #b1915266;text-align:left;min-height:48px}.wardrobe-note strong,.wardrobe-note small{display:block}.wardrobe-note strong{font-size:13px;color:#ffe4ac}.wardrobe-note small{font-size:10px;color:#c6d8df;margin-top:3px}.wardrobe-note button{min-height:44px;font-size:10px;max-width:94px;padding:4px}
dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token{position:relative;overflow:hidden;min-width:0;padding:4px;background:linear-gradient(145deg,#244456ee,#0a1c2cf5);border:1px solid #ad8546;border-radius:9px;box-shadow:inset 0 0 0 2px #071a28,0 4px 7px #0006}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token.is-equipped{border-color:#77c4be;box-shadow:inset 0 0 0 2px #165355,0 0 9px #4ac4c333}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token.is-preview{outline:1px solid #f1cd7c;outline-offset:1px}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token.locked{filter:none}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .outfit-thumbnail{background:radial-gradient(ellipse at 50% 60%,#31556f88,#091b2c);min-height:102px;height:112px;width:100%;padding:0;border:0;border-radius:5px}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .outfit-thumbnail img{height:112px;max-width:100%;object-fit:contain}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token h3{font-size:11px;line-height:1.2;min-height:27px;margin:4px 0;text-align:center}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token>small{font-size:9px;display:block;min-height:15px;text-align:center}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .cosmetic-token>button:not(.outfit-thumbnail){width:100%;min-height:44px;font-size:11px;padding:4px;margin-top:4px}.outfit-state{position:absolute;top:5px;left:5px;font-size:8px;padding:3px 5px;border:1px solid #a8905b;background:#0a2433dc;border-radius:4px;color:#ebd6a6}.is-equipped .outfit-state{background:#164c4b;color:#c5ffeb}.wardrobe-loading{font-size:10px}
body[data-view=quests] .layout.quests{background:linear-gradient(#071c2b26,#071c2b88),url('/assets/premium-crew-progress/quest-journal-v1.png') center top/cover fixed;gap:7px;padding-inline:10px}
body[data-view=quests] .quest-tabs{gap:3px;padding:3px;border:1px solid #b6995e77;border-radius:9px;background:#071c2be8;flex-shrink:0}.quest-tabs button{font-size:11px;padding:5px 3px;min-height:44px}.quest-tabs button.active{background:linear-gradient(#ffe3a7,#c99c52);color:#132332;box-shadow:inset 0 0 0 1px #fff1be}.quest-ledger{display:flex;justify-content:space-between;align-items:center;min-height:83px;padding:8px 14px;flex-shrink:0;border:1px solid #bb975a;border-radius:10px;background:linear-gradient(110deg,#163e54d9,#061a2be8);box-shadow:inset 0 0 0 3px #071a2b,0 4px 9px #0008}.quest-ledger>div{display:flex;gap:9px;align-items:center}.quest-ledger .art-icon{width:48px;height:48px;filter:drop-shadow(0 2px 4px #000)}.quest-ledger small{display:block;font-size:9px;color:#e5c385;letter-spacing:1px}.quest-ledger strong{font-size:29px;color:#f9e3b6}.quest-ledger i{font-size:18px;color:#9ab7c5;font-style:normal}.quest-ready-total{text-align:right;font-size:11px;color:#c7dce7}.quest-ready-total strong{font-size:20px;display:block;color:#c6f1e8}.quest-ready-total small{font-size:10px;letter-spacing:0;margin-top:4px}.quest-period{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:5px;color:#d8c9ad;flex-shrink:0}.quest-period>span{font-size:10px}.quest-period button{width:44px;min-height:44px;padding:5px;background:#092333d9;border:1px solid #8a744e;border-radius:8px}.quest-period .art-icon{width:25px;height:25px}.achievement-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex-shrink:0}.achievement-filters button{font-size:10px;min-height:44px;border:1px solid #847450;border-radius:7px;background:linear-gradient(#153449,#071e2f);color:#e4d3ae;padding:4px}.achievement-filters button[aria-pressed=true]{background:linear-gradient(#f8dfa3,#c19850);color:#132636;border-color:#ffedb9}.quest-register{display:grid;gap:8px;flex-shrink:0}
body[data-view=quests] .layout.quests .quest-card{position:relative;isolation:isolate;min-height:139px;margin:0;padding:11px 10px 9px 68px;border-radius:10px;border:1px solid #9b8050;background:linear-gradient(125deg,#20465ade,#091d2df5 65%);box-shadow:inset 0 0 0 2px #071b2e,0 4px 7px #0007;overflow:hidden}
body[data-view=quests] .layout.quests .quest-card:before{content:'';position:absolute;inset:4px;z-index:-1;border:1px solid #bbaa7233;border-radius:6px;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 12px,#ffffff02 12px 13px)}
body[data-view=quests] .layout.quests .quest-card h2{font-size:17px;line-height:1.1;margin:0;max-width:70%;color:#f2e5c4;text-shadow:0 2px 2px #000}.quest-card .quest-reward{font-size:12px;color:#f3d487;white-space:nowrap}.quest-distinction{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:3px}.quest-distinction small{font-size:9px;color:#b5cbd5}.medal-tier{font-size:9px;color:#e5bf7a;border-bottom:1px solid #bd9b5f77}.quest-card .quest-objective{font-size:11px;line-height:1.35;color:#c8d8e0;margin:3px 0 6px!important}.quest-card .progress{height:8px;border-radius:5px;background:#020f1b;box-shadow:inset 0 1px 3px #000;border:1px solid #56718177;overflow:hidden}.quest-card .progress>span{display:block;height:100%;background:linear-gradient(90deg,#2273a2,#62d6f1,#b6f5ff);box-shadow:0 0 8px #68c6ef}.quest-card .row:last-child{margin-top:6px}.quest-counter{font-size:11px;color:#f0dec0;font-variant-numeric:tabular-nums}.quest-card .btn{min-height:44px;padding:5px 12px;font-size:12px;min-width:101px}.quest-card[data-status=ready]{border-color:#e8bf67!important;background:linear-gradient(120deg,#1a4852ef,#0d2939fa)!important}.quest-card[data-status=ready] .quest-distinction small{color:#99e3c9}.quest-card[data-status=claimed]{border-color:#6b8a86!important}.quest-card[data-status=claimed] .quest-medal{filter:saturate(.6)}.quest-card[data-status=claimed] .progress>span{background:linear-gradient(90deg,#376f73,#83beb5)}.quest-card[data-status=active] .quest-medal{filter:saturate(.7)}.quest-medal{position:absolute;left:8px;top:12px;width:52px;height:65px;filter:drop-shadow(0 3px 3px #0008)}.quest-medal>svg{width:100%;height:100%}.medal-insignia{position:absolute;left:14px;top:12px}.medal-insignia .art-icon{width:26px;height:26px}.quest-empty{padding:24px;text-align:center;color:#e3d2a9}.quest-card.just-unlocked{animation:trophy-arrival .85s ease-out}.quest-card.just-unlocked .quest-medal{animation:trophy-spark 1s ease-out}.mission-mini-games{background:#091f30e8;border:1px solid #87724c;border-radius:8px;padding:10px}.mission-mini-games summary{min-height:32px}.micro-note{font-size:10px}
@keyframes trophy-arrival{0%{box-shadow:inset 0 0 60px #eac86a99,0 0 20px #ecc875}100%{box-shadow:inset 0 0 0 2px #071b2e,0 4px 7px #0007}}@keyframes trophy-spark{0%{transform:scale(.8) rotate(-12deg)}50%{transform:scale(1.12) rotate(4deg)}100%{transform:none}}
@media(max-height:730px){dialog.voyage-dialog[data-page=crew] .crew-hero>.pirate-scene{height:215px}dialog.voyage-dialog[data-page=crew] .crew-active-rail{top:8px;gap:5px}dialog.voyage-dialog[data-page=crew] .crew-active-rail button{min-height:51px}dialog.voyage-dialog[data-page=crew] .crew-active-rail img{height:35px}.crew-empty-slot{height:42px}dialog.voyage-dialog[data-page=cosmetics] .cosmetic-dressing .avatar-preview{height:200px}dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .outfit-thumbnail,dialog.voyage-dialog[data-page=cosmetics] .cosmetics-grid .outfit-thumbnail img{height:80px;min-height:80px}.quest-ledger{min-height:67px;padding:6px 12px}.quest-ledger .art-icon{width:39px;height:39px}.quest-ledger strong{font-size:24px}body[data-view=quests] .layout.quests .quest-card{min-height:134px}.crew-character-sheet details{margin-top:0}}
@media(prefers-reduced-motion:reduce){.quest-card.just-unlocked,.quest-card.just-unlocked .quest-medal{animation:none}}body.reduced .quest-card.just-unlocked,body.reduced .quest-card.just-unlocked .quest-medal{animation:none}
/* Override the older fullscreen #app layer explicitly, without affecting other screens. */
body[data-view=quests] #app>.layout.quests{background:linear-gradient(#071c2b26,#071c2b88),url('/assets/premium-crew-progress/quest-journal-v1.png') center top/cover fixed;gap:6px;padding-inline:10px}
body[data-view=quests] .layout.quests .quest-card{min-height:116px}
body[data-view=quests] .layout.quests .quest-card .row>.quest-reward{font-size:13px}
@media(max-height:730px){dialog.voyage-dialog[data-page=crew] .crew-reserve-rail button{min-height:46px;height:46px}dialog.voyage-dialog[data-page=crew] .crew-reserve-rail img{height:30px}dialog.voyage-dialog[data-page=crew] .crew-reserve-rail small{font-size:8px}}