.atelier-update{display:flex;align-items:center;gap:18px;padding:22px;margin-bottom:18px;background:linear-gradient(110deg,#263e37,#24314a);border:1px solid #9ec08444;border-radius:15px}
.atelier-update>img{width:66px;height:66px;image-rendering:pixelated;flex:none}
.atelier-update>div{flex:1;min-width:0}.atelier-update span{color:#bdd79d;font-size:9px;letter-spacing:1.6px}.atelier-update h2{font-size:19px;margin:8px 0}.atelier-update p{color:#b1c6bd;font-size:10px;line-height:1.7;margin:0}
.progression-heading{margin-bottom:20px}.progression-heading>div{font-size:24px;color:#e5e5cf;letter-spacing:-.8px}.progression-heading>small{display:block;margin-top:8px;line-height:1.7;color:#9db2c5}
.mastery-list{display:grid;gap:12px}.mastery-card{display:flex;align-items:center;gap:16px;background:#1b2a3e;border:1px solid #71879e30;border-radius:12px;padding:17px}.mastery-card .info{flex:1;min-width:0}.mastery-card .info>strong{display:block;font-size:14px;margin-bottom:8px}.mastery-card .info>small{display:block;font-size:10px;line-height:1.7;color:#9db2c5}.mastery-card .progress{margin:10px 0;height:5px}.mastery-card.completed{border-color:#7aab7655;background:#20392f50}.mastery-card.locked{opacity:.55}.mastery-rank{display:flex;align-items:center;justify-content:center;flex:none;width:43px;height:43px;border:1px solid var(--rank-color);color:var(--rank-color);background:#0b18254d;border-radius:50%;font-size:18px}.mastery-actions{display:flex;flex-direction:column;gap:7px;min-width:104px}.mastery-actions button{font-size:10px;padding:11px}
.title-selection{margin:23px 0;padding:18px;background:#1d2b4050;border:1px solid #7285a730;border-radius:12px}.title-selection h3{margin:0 0 12px;font-size:14px}.title-selection .inline-form{align-items:flex-end}.title-selection .inline-form label{flex:1}
.daily-contracts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contract-card{padding:20px;background:#213145;border:1px solid #6c8b9d40;border-radius:12px}.contract-card h3{font-size:15px;line-height:1.6;margin:10px 0}.contract-card .eyebrow{font-size:9px;letter-spacing:.5px}.contract-card .progress{margin:14px 0}.contract-card>small:not(.eyebrow){display:block;font-size:10px;line-height:1.8;color:#b7c9ca;min-height:40px}.contract-card>button{margin-top:12px;width:100%}.contract-card.completed{border-color:#96be7966}
.collection-hero{padding:24px;background:linear-gradient(110deg,#263e42,#292f49);border:1px solid #85a8bb55;border-radius:14px;margin-bottom:18px}.collection-hero h3{font-size:23px;line-height:1.4;letter-spacing:-.8px;margin:10px 0 15px}.collection-hero p{margin-bottom:0}.collection-hero .progress{height:6px}.collection-milestones{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.collection-milestones button{font-size:10px}
.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.collection-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;border-radius:11px;background:#1d2b3d;border:1px solid #7294aa2a;min-height:140px}.collection-card img{width:44px;height:44px;image-rendering:pixelated;opacity:.65}.collection-card.discovered{border-color:#a8c28c66;background:#243c3b60}.collection-card.discovered img{opacity:1}.collection-card strong{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.collection-card small{font-size:9px;color:#8b9eaf;margin-top:auto}.collection-card.discovered small{color:#bbd990}
.atelier-intro{padding:24px;background:linear-gradient(130deg,#263f35,#253047);border:1px solid #88aa7c66;border-radius:14px;margin-bottom:22px}.atelier-intro>img{float:right;width:82px;height:82px;image-rendering:pixelated;margin:0 0 12px 16px}.atelier-intro h3{font-size:26px;line-height:1.3;letter-spacing:-1px;margin:12px 0}.atelier-intro>button{margin:8px 7px 0 0}.atelier-intro p{max-width:490px}.station-banner{color:#d1dcbc;padding:14px 18px;background:#27413c;border:1px solid #7b9c7860;border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:15px}
.atelier-controls{display:flex;gap:20px;align-items:center;padding:0 0 15px}.atelier-controls label{margin:0;display:flex;align-items:center;gap:10px;color:#b1c4d0;font-size:10px}.atelier-controls input[type=number]{width:78px;margin:0;padding:9px}.atelier-controls input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#bddf92}
.atelier-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.atelier-recipe{display:flex;flex-direction:column;padding:20px;background:#1e2c42;border:1px solid #69879940;border-radius:12px}.recipe-title{display:flex;gap:12px;align-items:center;margin-bottom:15px}.recipe-title img{width:48px;height:48px;image-rendering:pixelated}.recipe-title strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.recipe-ingredients{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.recipe-ingredients>div{display:flex;align-items:center;gap:8px;color:#b8caa7;font-size:10px;line-height:1.5}.recipe-ingredients>div.missing{color:#d7a693}.recipe-ingredients img{width:22px;height:22px;image-rendering:pixelated}.recipe-cost{color:#96acc5;font-size:10px;line-height:1.7;margin-top:auto;margin-bottom:12px}.atelier-recipe>.primary{width:100%;padding:11px;font-size:11px}
.recycle-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.recycle-row{display:flex;align-items:center;gap:12px;padding:13px;background:#1e3043;border:1px solid #7c94a62a;border-radius:9px;margin:0}.recycle-row input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#bddf92;margin:0}.recycle-row>img{width:32px;height:32px;image-rendering:pixelated}.recycle-row>span{flex:1;font-size:11px;line-height:1.6}.recycle-row input[type=number]{width:85px;margin:0;padding:8px}
.quest-tracker{position:absolute;left:50%;top:96px;transform:translateX(-50%);width:220px;text-align:left;padding:10px 12px;border:1px solid #abc78d55;border-radius:9px;background:#132739cc;contain:layout paint}.quest-tracker strong{display:block;font-size:10px;color:#dbe4c4;margin-bottom:5px}.quest-tracker small{display:block;color:#b5cbd9;font-size:9px}.quest-tracker .progress{display:block;height:3px;margin-top:8px}
.touch-device .quest-tracker{left:auto;right:12px;top:auto;bottom:118px;transform:none;width:145px;padding:9px 10px}.touch-device .quest-tracker strong{font-size:9px}.touch-device .quest-tracker small{font-size:8px}
@media (max-width:700px){.atelier-update{flex-wrap:wrap;gap:12px;padding:17px}.atelier-update>img{width:53px;height:53px}.atelier-update h2{font-size:17px}.atelier-update>.primary{width:100%}.mastery-card{flex-wrap:wrap;gap:12px;padding:14px}.mastery-card .info{flex-basis:calc(100% - 60px)}.mastery-actions{flex-direction:row;flex-basis:100%}.mastery-actions>button{flex:1}.daily-contracts{grid-template-columns:1fr}.contract-card>small:not(.eyebrow){min-height:0}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-card{padding:12px 7px;min-height:130px}.collection-card strong{font-size:9px}.collection-card small{font-size:8px}.collection-hero{padding:18px}.collection-hero h3{font-size:19px}.atelier-recipes{grid-template-columns:1fr}.atelier-recipe{padding:17px}.atelier-intro{padding:18px}.atelier-intro h3{font-size:22px}.atelier-intro>img{width:62px;height:62px}.atelier-controls{gap:12px;flex-wrap:wrap}.recycle-row{gap:8px;padding:10px}.recycle-row>span{font-size:10px}.recycle-row input[type=number]{width:67px}.title-selection .inline-form{flex-wrap:wrap}.title-selection .inline-form label{flex-basis:100%}}
@media (max-width:380px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.touch-device .quest-tracker{width:104px}.touch-device .quest-tracker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (orientation:landscape) and (max-height:520px){.atelier-recipes{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-contracts{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-card{padding:13px}.quest-tracker{top:94px}.touch-device .quest-tracker{top:auto;bottom:114px}.atelier-intro{padding:17px}.atelier-intro>img{width:54px;height:54px}.atelier-intro h3{font-size:21px}}
@media (prefers-reduced-motion:reduce){.atelier-update,.mastery-card,.collection-card,.atelier-recipe{transition:none}}