:root{font-family:Inter,Noto Sans Thai,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;color:#f5f0e7;background:#0a1120;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 65% -6%,#22335b 0,transparent 34%),radial-gradient(ellipse at 4% 36%,#12334a 0,transparent 28%),#0a1120}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,calc(100% - 40px));margin:auto}.topbar{border-bottom:1px solid #ffffff18;background:#080e19d9;backdrop-filter:blur(18px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:900;letter-spacing:.13em}.brand b{color:#eebd70}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #f9ce8180;border-radius:12px;background:linear-gradient(150deg,#f6d28c,#b37543);color:#182033;font-family:Georgia,serif;font-size:25px;letter-spacing:0;box-shadow:0 5px 18px #ce864a42}.top-status{font-size:12px;color:#a3b8ca;text-align:right}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:310px;margin:28px 0 25px;padding:38px 58px;border:1px solid #b5a27447;border-radius:29px;background:radial-gradient(circle at 75% 48%,#304463 0,transparent 36%),linear-gradient(118deg,#172c42,#141d32 72%);box-shadow:0 24px 80px #0207108c,inset 0 1px #ffffff18}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#131f35 0,transparent 67%),radial-gradient(circle at 94% 12%,#f5b5662c,transparent 34%);z-index:-1}.hero-copy{z-index:1}.eyebrow{color:#f3c47c;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:13px 0 12px;font-size:clamp(36px,4.4vw,61px);line-height:1.09;letter-spacing:-.045em}.hero h1 span{display:block;color:#f2ca89}.hero p{max-width:570px;margin:0;color:#c1d0dc;font-size:15px;line-height:1.8}.hero-link{display:inline-flex;align-items:center;gap:15px;margin-top:23px;padding:11px 18px;border-radius:100px;background:#f5c87d;color:#1b2536;font-size:13px;font-weight:800;box-shadow:0 8px 25px #ce944c55}.hero-link:hover{background:#ffe1a8}.hero-art{position:relative;height:260px}.hero-orbit{position:absolute;width:310px;height:230px;right:1%;top:20px;border:1px solid #e7c28869;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 80px #e0bd7940}.hero-character{position:absolute;right:16%;top:-12px;width:210px;height:280px;background:url(assets/jobs/job-atlas.png) 66.6667% 0/400% 200% no-repeat;filter:drop-shadow(0 18px 25px #0008);border-radius:25px;mask-image:linear-gradient(#000 0 77%,transparent 100%)}.hero-spark{position:absolute;right:7%;top:35px;color:#f9d798;font-size:40px;text-shadow:0 0 22px #e3b75b}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:27px}.stat-card{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:16px 18px;border:1px solid #ffffff17;border-radius:17px;background:#ffffff09;transition:.2s}.stat-card:hover{background:#ffffff14;border-color:#f1c48280;transform:translateY(-2px)}.stat-card strong{font-size:22px;color:#f7d49a}.stat-card span{font-size:12px;color:#a8bacc;text-align:right}.section-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;padding:4px 0 12px;border-bottom:1px solid #ffffff20}.section-tabs a{flex:none;padding:10px 21px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0b;color:#adbbc9;font-size:14px;font-weight:750;transition:.2s}.section-tabs a:hover,.section-tabs a.active{background:#f1c785;border-color:#f1c785;color:#1c2635;box-shadow:0 5px 20px #d3a86433}.job-browser{margin:4px 0 25px}.job-browser[hidden]{display:none}.job-browser-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.job-browser-heading h2{margin:5px 0 0;font-size:29px}.job-browser-heading p{margin:0 0 4px;color:#9fb3c5;font-size:13px}.job-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.job-card{position:relative;display:flex;align-items:end;overflow:hidden;height:147px;padding:13px;border:1px solid #ffffff2b;border-radius:19px;background:linear-gradient(135deg,#24344c,#151f33);color:#fff;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s;container-type:inline-size}.job-card:nth-child(4n+2){background:linear-gradient(135deg,#2c3152,#1a2134)}.job-card:nth-child(4n+3){background:linear-gradient(135deg,#263c48,#172333)}.job-card:nth-child(4n+4){background:linear-gradient(135deg,#44344a,#1d2135)}.job-card:before{content:"";position:absolute;inset:auto 0 0;height:75%;background:linear-gradient(transparent,#0c1322dc);z-index:1}.job-card:hover{transform:translateY(-4px);border-color:#f7d8a0;box-shadow:0 12px 33px #02050d80}.job-card.selected{border-color:#f2cd8d;box-shadow:0 0 0 2px #f2cd8d33,0 14px 28px #0007}.job-art{position:absolute;inset:0;background:url(assets/jobs/job-atlas.png) var(--atlas-x) var(--atlas-offset)/400% auto no-repeat;opacity:.95}.job-skill-emblem{position:absolute;z-index:2;top:10px;right:10px;width:42px;height:42px;border:1px solid #ffffff88;border-radius:13px;background:url(assets/jobs/skill-atlas.png) var(--atlas-x) var(--atlas-y)/400% 200% no-repeat;box-shadow:0 6px 14px #0009}.job-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;min-width:0;text-shadow:0 2px 6px #000}.job-copy strong{font-size:17px}.job-copy small{font-size:11px;color:#d2dce5}.general-job{height:60px;grid-column:1/-1;align-items:center;justify-content:center;gap:10px;background:#1b2840}.general-job:before{display:none}.general-art{color:#f7d092;font-size:25px}.general-copy{font-size:13px;font-weight:800}.skill-tiers{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 0}.tier-chip{padding:10px 17px;border:1px solid #f2c98754;border-radius:100px;background:#f0c9860e;color:#dbc6a1;font-size:12px;font-weight:800}.tier-chip:hover,.tier-chip.active{background:#f0c987;color:#1a2636}.toolbar{padding:25px;border:1px solid #ffffff1a;border-radius:21px;background:linear-gradient(135deg,#17253a,#131d2f);box-shadow:0 18px 50px #0105105c}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:5px 0;font-size:27px}.section-heading p{margin:0;color:#a8bccc;font-size:13px;line-height:1.65}.source-note{padding:7px 10px;border:1px solid #89d9c255;border-radius:100px;background:#35a99b1c;color:#a9e6d3;font-size:11px;white-space:nowrap}.toolbar label{display:block;margin-bottom:8px;color:#e5eef3;font-size:13px;font-weight:750}.search-row{display:flex;gap:9px}.search-row input{width:100%;padding:13px 16px;border:1px solid #ffffff2c;border-radius:12px;color:#fff;background:#090f1d;outline:none}.search-row input:focus{border-color:#efc782;box-shadow:0 0 0 3px #efc7822e}.search-row button,.pager button,.filter{padding:10px 16px;border:1px solid #7b899b77;border-radius:11px;background:#25344b;color:#e8ecf0}.search-row button:hover,.pager button:hover:not(:disabled),.filter:hover{background:#334b68}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.filter{padding:7px 13px;border-radius:100px;font-size:12px}.filter.active{border-color:#f1c886;background:#765e40;color:#fff}.summary{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:#9eb2c2;font-size:13px}.summary span:first-child{color:#f5d299;font-weight:800}.notice{margin-top:13px;padding:11px 15px;border:1px solid #b8955c55;border-radius:12px;background:#d5a95b14;color:#dfc99e;font-size:12px;line-height:1.65}.notice[hidden]{display:none}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px;margin:20px 0;min-height:200px}.card{display:flex;align-items:center;gap:12px;width:100%;min-height:86px;padding:11px;border:1px solid #ffffff1b;border-radius:15px;background:linear-gradient(135deg,#1d2a3d,#172235);color:inherit;text-align:left;box-shadow:0 6px 22px #02071054;transition:transform .18s,border-color .18s,background .18s}.card:hover{transform:translateY(-3px);border-color:#e9bb778a;background:#263950}.card:focus-visible,.related:focus-visible,.section-tabs a:focus-visible,.job-card:focus-visible,.tier-chip:focus-visible{outline:3px solid #f4cc8c;outline-offset:2px}.icon{display:block;flex:none;width:40px;height:40px;border:1px solid #ffffff25;border-radius:11px;background-color:#25364b;background-repeat:no-repeat;image-rendering:pixelated}.icon.large{width:56px;height:56px;border-radius:13px}.icon.unknown{display:grid;place-items:center;color:#d9c18e;font-size:22px;font-weight:900;image-rendering:auto}.icon.monster-portrait{width:71px;height:65px;border-color:#f2ce8a48;background-color:#18253a;image-rendering:auto}.icon.large.monster-portrait{width:104px;height:100px;border-radius:16px}.card-text{min-width:0}.card-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800}.card-id{display:block;margin-top:4px;color:#9db2c3;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty,.loading{grid-column:1/-1;display:grid;place-items:center;min-height:180px;color:#aabccb;text-align:center}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0 30px}.pager button:disabled{opacity:.4;cursor:default}.pager span{color:#d9e2e9;font-size:13px}.footnote{margin:25px 0 45px;color:#889caf;font-size:12px;line-height:1.75}.footer{padding:25px 0;border-top:1px solid #ffffff1b;color:#8a9eb0;font-size:12px;letter-spacing:.1em}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#050914dc;backdrop-filter:blur(7px)}.modal-panel{position:relative;z-index:1;width:min(900px,100%);max-height:min(89vh,950px);overflow-y:auto;padding:29px;border:1px solid #f0c98766;border-radius:23px;background:linear-gradient(145deg,#1c2b40,#101b2e);box-shadow:0 30px 110px #000b}.modal-close{position:absolute;top:15px;right:17px;width:35px;height:35px;border:1px solid #ffffff3c;border-radius:10px;background:#ffffff16;color:#fff;font-size:24px;line-height:1}.detail-heading{display:flex;align-items:center;gap:17px;margin:0 42px 24px 0}.detail-heading h2{margin:4px 0 2px;font-size:clamp(21px,4vw,31px);line-height:1.2;overflow-wrap:anywhere}.detail-id,.portrait-note{display:block;color:#a7b9c9;font-size:12px}.portrait-note{margin-top:4px;color:#dbbe91}.detail-section{margin:19px 0;padding-top:17px;border-top:1px solid #ffffff23}.detail-section h3{margin:0 0 13px;color:#f1d4a4;font-size:16px}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px;margin:0}.fact{padding:11px 13px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff09}.fact dt{color:#a6b8c7;font-size:11px}.fact dd{margin:5px 0 0;font-size:14px;font-weight:800;overflow-wrap:anywhere}.related-list{display:flex;flex-wrap:wrap;gap:7px}.related{padding:8px 11px;border:1px solid #caac785e;border-radius:9px;background:#876f4a31;color:#f9e8c7;font-size:12px}.related.with-icon{display:inline-flex;align-items:center;gap:9px;text-align:left;max-width:100%;padding:6px 10px 6px 6px}.related.with-icon .icon{margin:0;width:40px;height:40px}.related.with-icon .icon.monster-portrait{width:44px;height:42px}.related.with-icon span:last-child{overflow-wrap:anywhere}.related:hover{background:#aa83564f}.related-more{display:block;margin-top:12px;padding:9px 13px;border:1px solid #e4bb7c79;border-radius:9px;background:#e1b77725;color:#f9e8c7;font-size:12px;font-weight:800}.related-more:hover{background:#e1b77743}.detail-note{color:#a7b8c7;font-size:12px}.detail-warning{padding:10px 12px;border-radius:9px;background:#7e5b2030;color:#e9d3a7;font-size:13px}.table-wrap{overflow:auto;border:1px solid #ffffff26;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{padding:10px 12px;text-align:right;border-bottom:1px solid #ffffff17}th:first-child,td:first-child{text-align:left}th{background:#ffffff12;color:#f0d5ab}tr:last-child td{border:0}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:35px}.hero-character{right:5%}}@media(max-width:620px){.wrap{width:min(100% - 24px,1280px)}.topbar-inner{min-height:62px}.top-status{font-size:10px}.hero{min-height:270px;grid-template-columns:1fr;margin:16px 0;padding:25px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:36px}.hero p{max-width:78%;font-size:13px}.hero-art{position:absolute;inset:0;height:auto;opacity:.42;pointer-events:none}.hero-character{right:1%;top:0;width:190px;height:260px}.hero-orbit{right:-80px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat-card{display:block;padding:10px}.stat-card strong{display:block;font-size:18px}.stat-card span{font-size:10px}.job-browser-heading{display:block}.job-browser-heading h2{font-size:24px}.job-browser-heading p{margin-top:6px}.job-card{height:126px}.toolbar{padding:17px}.section-heading h2{font-size:23px}.source-note{display:none}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{display:block;min-height:123px;padding:10px}.icon{margin-bottom:7px}.icon.monster-portrait{width:100%;height:83px;background-size:contain}.card-name{font-size:12px}.card-id{font-size:10px}.modal{padding:8px}.modal-panel{max-height:95vh;padding:18px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.job-grid{gap:7px}.job-card{height:110px}.job-copy strong{font-size:14px}.job-copy small{font-size:10px}.hero h1{font-size:31px}.hero p{max-width:93%}}.wiki-minimap{display:block;width:min(100%,512px);aspect-ratio:1;margin:16px auto;border:3px solid #9f7a48;border-radius:16px;overflow:hidden;box-shadow:0 14px 32px #0006}.wiki-minimap circle{cursor:help}.related.selected{outline:2px solid #ebba70;background:#4b2930}