.career-entry{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.career-entry button{padding:10px;border:1px solid #123e4250;background:#f6f3e6e0;color:#123e42;border-radius:6px;font-size:12px;min-height:42px}
#career{width:960px;max-width:calc(100vw - 24px);height:86dvh;max-height:calc(100dvh - 24px);padding:22px;border:2px solid #123e42;border-radius:12px;background:#f6f3e6;color:#123e42;overflow:auto;overscroll-behavior:contain;box-shadow:8px 8px 0 #123e4240}
#career::backdrop{background:#123e42a8;backdrop-filter:blur(5px)}#career header{display:flex;justify-content:space-between;align-items:center}#career h2{margin:6px 0 14px;font-size:28px}#career h3{font-size:17px;margin:18px 0 10px}#career p,#career footer{font-size:12px;line-height:1.7}#career footer{border-top:1px solid #123e4220;margin-top:20px;padding-top:12px}#career button{color:#123e42}#career button:disabled{cursor:default;opacity:.65}#career .career-close{border:0;background:#dbe5d4;width:44px;height:44px;border-radius:50%;font-size:20px}#career nav{display:flex;gap:6px;position:sticky;top:-22px;background:#f6f3e6;padding:10px 0;z-index:2}#career nav button{flex:1;border:1px solid #123e4240;padding:12px;background:transparent;border-radius:6px}#career nav button[aria-pressed=true]{background:#123e42;color:#fffbed}.career-warning{color:#a04429}.achievement-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.achievement{border:2px solid #9ca9a1;border-radius:9px;padding:12px 7px;display:flex;flex-direction:column;gap:6px;text-align:center;color:#707f79;background:#e5e7df;font-size:12px}.achievement span,.achievement small{font-size:10px}.achievement.earned{color:#123e42;border-color:var(--tier);background:#fffcf0;box-shadow:0 0 9px color-mix(in srgb,var(--tier),transparent 50%)}.tier-0{--tier:#abb9b4}.tier-1{--tier:#65ad78}.tier-2{--tier:#58a2d8}.tier-3{--tier:#aa82c7}.tier-4{--tier:#e89653}.tier-5{--tier:#d6b535}.talent-branch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.talent{display:flex;flex-direction:column;text-align:left;gap:8px;border:1px solid #98aaa2;border-radius:10px;background:#e2e7de;padding:13px;min-height:122px}.talent span{font-size:12px;line-height:1.6}.talent small{font-size:10px}.talent.owned{border:2px solid #c9ac43;background:#f5edc9}.talent.available{border:2px solid #399ba9;background:#fafff5}.skin-preview{height:220px;background:linear-gradient(#b6ded8,#edf2de);border-radius:12px;overflow:hidden}.skin-preview canvas{width:100%;height:100%;display:block}.skin-title{display:flex;align-items:center;justify-content:space-between;text-align:center}.skin-title button{width:48px;height:48px;background:#dee8d6;border:1px solid #123e4240;border-radius:50%;font-size:24px}.skin-select{display:block;width:100%;padding:14px;background:#d9ef85;border:1px solid #123e4280;border-radius:8px}.skin-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}.skin-swatches button{background:var(--skin);color:white!important;text-shadow:0 1px 3px black;width:44px;height:44px;border:2px solid #fff;border-radius:50%}.skin-swatches button[aria-pressed=true]{outline:3px solid #007f83}.career-reward{white-space:pre-line;font-size:12px;line-height:1.7;max-height:130px;overflow:auto;padding:10px;background:#e8efd7}
#results .card{max-height:calc(100dvh - 28px);overflow:auto}
@media(max-width:600px){#career{padding:14px}#career nav{top:-14px}.achievement-row{grid-template-columns:repeat(3,minmax(0,1fr))}.talent-branch{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-preview{height:190px}}
@media(max-height:500px){#career{height:94dvh}.skin-preview{height:150px}}