*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#283b32;background:#f6f4ec;font:16px/1.75 system-ui,"Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c28b4d;outline-offset:4px}.skip{position:absolute;left:15px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}header{max-width:1280px;padding:28px 28px 22px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:23px;letter-spacing:2px;font-weight:850;line-height:1.4}.brand>span{margin-right:10px}.brand small{display:block;font-size:11px;letter-spacing:1px;color:#7b8679;margin:7px 0 0 44px;font-weight:500}.search-link{padding:12px 18px;border:1px solid #d6ddce;border-radius:30px;min-width:290px;color:#758173;background:#fffdf7;font-size:14px;display:flex;justify-content:space-between}kbd{font-size:12px;border:1px solid #d2d8c9;padding:0 7px;border-radius:5px}#navigation{display:flex;justify-content:center;gap:8px;padding:10px 20px;border-top:1px solid #e4e4d9;border-bottom:1px solid #e4e4d9;background:#fffdf7}#navigation a{padding:9px 17px;font-size:14px;font-weight:650;border-radius:20px;white-space:nowrap}#navigation a:hover,#navigation a[aria-current]{background:#e6eddf;color:#426b43}.review-note{text-align:center;font-size:12px;color:#7e806c;padding:9px 16px;background:#f0efdf}main{max-width:1224px;margin:40px auto 80px;padding:0 24px;min-height:60vh}h1,h2,h3,p{margin-top:0}h1{font-size:44px;letter-spacing:-2px;line-height:1.35}h2{font-size:29px;letter-spacing:-1px;line-height:1.45}h3{font-size:20px;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#6d885e;margin-bottom:13px;display:block}.muted{color:#788173}.hero{position:relative;background:#e8edda;min-height:386px;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #dee3d0}.hero-copy{padding:45px 40px;z-index:1;background:linear-gradient(90deg,#edf0e0 86%,transparent)}.hero h1{font-size:42px;margin-bottom:20px}.hero p{color:#66745f;max-width:410px;font-size:15px}.hero-art{background:url('assets/mobile/home-cover.webp') center/cover no-repeat;position:relative}.hero-art:after{content:'어서 와요, 베어타운에.';position:absolute;bottom:25px;right:28px;color:white;background:#243c32ba;padding:8px 16px;border-radius:30px;font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-block;border-radius:11px;padding:11px 20px;background:#365c42;color:white;font-size:14px;font-weight:650;border:1px solid #365c42}.button.secondary{background:#fffdf7;color:#49604a;border-color:#d0d9c3}.section{margin-top:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{margin:0}.section-heading a{font-size:13px;color:#6e805f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:block;background:#fffef8;border:1px solid #e0e3d5;padding:24px;border-radius:17px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#8ea278}.card h3{margin:10px 0}.card p{font-size:14px;color:#74806f;margin:0}.card .icon{font-size:31px}.card small{display:block;font-size:12px;color:#7f886e;margin-top:17px}.region-card{position:relative;padding-top:34px;border-top:5px solid #97b399}.region-card:nth-child(2){border-top-color:#a39cbd}.region-card:nth-child(3){border-top-color:#b4a075}.region-card:nth-child(4){border-top-color:#b98177}.pill{display:inline-block;font-size:11px;border:1px solid #d5deca;background:#f3f5ec;padding:3px 9px;border-radius:20px;color:#6b7e5a}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-strip .card{display:flex;align-items:center;gap:25px}.feature-strip img{width:70px;height:70px;image-rendering:pixelated;object-fit:contain}.crumb{font-size:13px;color:#7b886f;margin-bottom:22px}.intro{max-width:730px;color:#6d7b66}.category-head{padding:20px 0 15px}.group-heading{margin:35px 0 17px;font-size:20px}.doc-card h3{font-size:16px;margin:0 0 8px}.doc-card p{font-size:12px}.reader-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px}.reader-side{font-size:13px;position:sticky;top:20px;max-height:85vh;overflow:auto;align-self:start}.reader-side a{display:block;padding:8px 12px;border-radius:8px}.reader-side a[aria-current]{background:#e3ebd8}.reader-side h3{font-size:16px}.article{background:#fffef9;border:1px solid #e2e5d6;border-radius:18px;padding:35px;min-width:0;overflow-wrap:anywhere}.article h1{font-size:33px}.article h2{font-size:24px;border-bottom:1px solid #e5e8dd;padding-bottom:12px;margin-top:35px}.article h3{font-size:20px}.article a{color:#507442;text-decoration:underline;text-underline-offset:3px}.article img{max-width:100%;height:auto;border-radius:6px}.article figure{margin:20px 0}.article figure img{display:block;margin:auto;max-height:560px;object-fit:contain}.article figcaption{font-size:12px;text-align:center;color:#788570}.article .cover{display:none}.article table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px}.article td,.article th{border:1px solid #dde3d3;padding:12px;min-width:95px;vertical-align:top}.article th{background:#edf1e4}.article td img{max-width:120px;max-height:100px;object-fit:contain}.article img[data-size=line]{height:24px;width:auto;vertical-align:middle}.article .hint,.article .link-card,.article .embed{padding:17px;background:#eef3e5;border-radius:10px;margin:22px 0}.article .tab{padding:16px;border:1px solid #dfe5d6;border-radius:10px;margin:14px 0}.article summary{cursor:pointer;color:#587744;font-weight:700}.article .step{padding-left:20px;border-left:3px solid #b9cba6}.article pre{overflow:auto}.article code{background:#eef0e5;padding:2px 4px}.article mark{background:transparent}.color-yellow{color:#85621b}.color-green{color:#467742}.color-blue{color:#39718b}.color-red,.color-danger{color:#ab534a}.color-orange{color:#9a6935}.color-purple{color:#835a9c}.color-white{color:#52644b}.source-note{background:#eeeedd;color:#7b7e62;padding:12px 16px;font-size:12px;border-radius:10px;margin:18px 0}.steps{counter-reset:step}.step-card{padding:25px 25px 25px 75px;position:relative;margin:16px 0;background:#fffef8;border:1px solid #e1e6d6;border-radius:15px}.step-card:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:22px;top:25px;color:#839b6f;font-size:23px;font-weight:800}.step-card p{font-size:14px;color:#74806e}.step-card h3{margin-bottom:10px}.search-input{width:100%;border:1px solid #adbfa0;background:#fffef9;padding:20px;border-radius:14px;font:inherit}.results{margin-top:25px}.result{display:block;border-bottom:1px solid #e0e4d6;padding:20px 0}.result h3{margin:0;font-size:18px}.result p{font-size:13px;color:#7a846f;margin:6px 0}.empty{padding:50px;text-align:center;background:#fffef9;border-radius:18px}.region-hero{padding:38px;border-radius:23px;background:#e9eedf;border:1px solid #d8e1cd}.region-hero h1{margin-bottom:14px}.region-hero p{max-width:750px;color:#67785d}.region-topics{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.route-notice{font-size:13px;background:#f3ecd7;padding:14px;border-radius:10px;margin:14px 0}footer{max-width:1176px;margin:0 auto;padding:30px 0 45px;border-top:1px solid #dbe0cf;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7e896f}footer .brand{font-size:16px}@media(max-width:900px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}#navigation{justify-content:flex-start;overflow:auto}.reader-layout{grid-template-columns:180px minmax(0,1fr)}.hero-copy{padding:30px}.hero h1{font-size:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){header{padding:20px}.brand{font-size:19px}.brand small{font-size:10px;margin-left:0}.search-link{min-width:0;padding:10px 15px;font-size:0}.search-link:before{content:'검색';font-size:14px}.search-link kbd{display:none}#navigation{padding:8px 12px;gap:0}#navigation a{padding:8px 12px;font-size:13px}.review-note{font-size:10px}main{padding:0 16px;margin-top:22px}h1{font-size:32px}h2{font-size:24px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero-art{height:160px;grid-row:1}.hero h1{font-size:32px}.grid,.feature-strip{grid-template-columns:1fr}.grid.four{gap:12px}.grid.four .card{padding:18px 15px}.grid.four h3{font-size:17px}.grid.four p{font-size:12px}.section{margin-top:34px}.section-heading{align-items:start}.reader-layout{display:block}.reader-side{display:none}.article{padding:21px}.article h1{font-size:28px}.region-hero{padding:25px}.feature-strip .card{padding:20px}.step-card{padding-left:65px}footer{margin:0 18px;flex-direction:column}.source-note{font-size:11px}}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic{display:flex;align-items:center;gap:16px;padding:23px;background:#fffef8;border:1px solid #dfe4d5;border-radius:15px}.topic img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.topic b{font-size:16px}.topic small{display:block;font-size:12px;color:#7e8a72}.topic-arrow{margin-left:auto;color:#8fa47d}.topic:hover,.topic.selected{background:#e9f0df;border-color:#9db58a}.topic-tabs{display:flex;gap:8px;flex-wrap:wrap}.topic-tabs .topic{padding:9px 13px;gap:8px}.topic-tabs .topic img{height:25px;width:25px}.topic-tabs .topic b{font-size:12px}.topic-tabs .topic small,.topic-tabs .topic-arrow{display:none}.document-icon{float:left;width:39px;height:39px;image-rendering:pixelated;object-fit:contain;margin:0 14px 5px 0}.article .article-icon{width:64px;height:64px;image-rendering:pixelated;object-fit:contain;margin-bottom:15px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;align-items:start}.reference-item{min-width:0;border:1px solid #dce4cf;border-radius:13px;background:#fafbf5;overflow:hidden}.reference-item>summary{list-style:none;padding:18px;cursor:pointer}.reference-item>summary::-webkit-details-marker{display:none}.reference-title{font-size:16px;line-height:1.6;color:#39543b}.reference-title p{margin:0}.reference-title img{width:48px;max-height:55px;object-fit:contain;vertical-align:middle;margin-right:10px;image-rendering:pixelated}.reference-hint{font-size:11px;color:#849575;display:block;margin-top:8px}.reference-item[open] .reference-hint{color:#4c7142}.reference-item dl{padding:0 18px 20px;margin:0;border-top:1px solid #e2e8d7}.reference-item dt{font-size:11px;letter-spacing:1px;color:#819171;font-weight:750;margin-top:15px}.reference-item dd{margin:5px 0 0;font-size:14px;color:#384d39}.reference-item dd p{margin:4px 0}.reference-item dd img{max-width:75px;max-height:75px;object-fit:contain}.catalogue-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px;background:#eef2e5;border-radius:12px;margin:20px 0}.catalogue-controls input{min-width:120px;flex:1;padding:12px;border:1px solid #c8d4bc;border-radius:8px;width:100%}.catalogue-controls span{font-size:12px;color:#708362}.catalogue-controls button{padding:8px 12px;background:#fffef8;border:1px solid #c8d4bc;border-radius:8px;cursor:pointer;font-size:12px}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.instruction-grid>section{padding:20px;background:#f1f5e9;border:1px solid #dce5ce;border-radius:12px}.article .instruction-grid h2{margin:0 0 14px;border:0;font-size:20px;padding:0}.instruction-grid p{margin:0}.reference-item[hidden]{display:none}@media(max-width:900px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.topic-grid{grid-template-columns:1fr 1fr;gap:10px}.topic-grid .topic{padding:15px 12px;flex-direction:column;align-items:start;gap:8px}.topic b{font-size:13px}.topic-arrow{display:none}.topic-grid img{width:38px;height:38px}.reference-grid,.instruction-grid{grid-template-columns:1fr}.catalogue-controls input{flex-basis:100%}.article .article-icon{height:48px;width:48px}}
.first-steps .card{background:#edf2e4}.start-connect{background:#fffef8;padding:30px;border:1px solid #dce4d0;border-radius:20px;margin-top:30px}.server-address{display:flex;gap:20px;align-items:center;background:#e7eedc;border-radius:12px;padding:20px;margin:20px 0}.server-address strong{font-size:27px;letter-spacing:1px}.server-address span{font-size:13px;color:#6d825c}.merged-section{border:1px solid #d7e1cb;border-radius:13px;margin:15px 0;background:#fffef9;overflow:hidden}.merged-section>summary{padding:20px;font-weight:700;color:#44603c;cursor:pointer}.merged-section[open]>summary{background:#eaf0e0}.merged-body{padding:24px;min-width:0;overflow-wrap:anywhere}.merged-body img{max-width:100%;height:auto}.merged-body .cover{display:none}.merged-body table{max-width:100%;display:block;overflow:auto}.merged-body figure{margin:15px 0}.merged-body figcaption{font-size:12px}.merged-body .embed{padding:16px;background:#edf2e4}@media(max-width:600px){.start-connect{padding:18px}.server-address{flex-wrap:wrap;gap:8px}.server-address strong{font-size:24px}.merged-body{padding:17px}}

/* Shared source, two reading densities for job item lists. */
.job-list [hidden]{display:none!important}.job-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.job-list-toolbar button{padding:10px 16px;border:1px solid #ccd9d2;background:#fff;color:#294c40;cursor:pointer}.job-list-toolbar button[aria-pressed="true"]{background:#294c40;color:#fff}.job-item-icon{width:72px!important;height:72px!important;object-fit:contain;image-rendering:pixelated;display:block;margin:8px 0 16px}.job-item-placeholder{display:grid;place-items:center;width:72px;height:72px;font-size:32px;color:#9caa9f}.job-list details{border-top:1px solid #e0e8e1;padding-top:14px;margin-top:18px}.job-list summary{cursor:pointer;color:#456c58}.job-list details p{font-size:14px}.job-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #dce5de;border-radius:12px}.job-table-scroll table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}.job-table-scroll th,.job-table-scroll td{padding:12px 16px;border-bottom:1px solid #e4eae5;text-align:left;vertical-align:top}.job-table-scroll th{background:#eff4ef;white-space:nowrap}.job-table-scroll .job-item-icon{width:32px!important;height:32px!important;margin:0 8px 4px 0;display:inline-block;vertical-align:middle}.job-table-scroll .job-item-placeholder{display:none}#capacity-group{padding:10px;border:1px solid #ccd9d2;border-radius:8px;background:white;color:#294c40;max-width:100%}.job-list,.job-table-scroll{min-width:0}.job-list .entity-card a{color:inherit}

.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px}.skill-card{font:inherit;color:inherit;text-align:left;position:relative;display:grid;grid-template-columns:64px 1fr;column-gap:18px;align-items:center;padding:24px;background:#fffdf6;border:1px solid #e2e5d8;border-radius:20px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.skill-card:hover,.skill-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px #294c4014;border-color:#90ab8a;outline:2px solid transparent}.skill-art{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;grid-row:span 3}.skill-card-name{font-weight:700;font-size:18px}.skill-card-level{font-size:12px;color:#788475;margin-top:6px}.skill-card-hint{font-size:11px;color:#64816a;margin-top:12px}.skill-passive-mark{grid-row:span 3;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#edf1df;color:#7e9462;font-size:28px}.skill-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:32px;border:1px solid #e3e6d8;border-radius:26px;background:#fffdf6;color:#294c40;box-shadow:0 24px 90px #203a4033;overflow:auto}.skill-dialog[open]{animation:skill-float-in .2s ease-out}.skill-dialog::backdrop{background:#253b3930;backdrop-filter:blur(3px)}.skill-dialog-heading{display:flex;gap:20px;align-items:center;margin-bottom:26px;padding-right:26px}.skill-dialog-heading h2{font-size:27px;margin:5px 0 0}.skill-close{position:absolute;right:16px;top:12px;border:0;border-radius:50%;width:34px;height:34px;background:#edf1e7;color:#49634d;font-size:25px;cursor:pointer}.skill-metrics{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.skill-metric{display:flex;align-items:center;gap:8px;padding:10px;background:#f0f3e8;border-radius:12px;flex:1;min-width:85px}.skill-metric img,.skill-metric svg{width:20px;height:20px;object-fit:contain;image-rendering:pixelated;color:#b6a05a}.skill-metric small{display:block;font-size:10px;color:#71816e;margin-bottom:4px;white-space:nowrap}.skill-metric b{font-size:15px}.skill-description{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.skill-description p{margin:0 0 10px}.skill-footnote{border-top:1px solid #e6e8dc;padding-top:16px;margin:24px 0 0;font-size:11px;color:#7f8978}@keyframes skill-float-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:850px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{padding:18px;column-gap:12px;grid-template-columns:48px 1fr}.skill-card .skill-art{width:48px;height:48px}.skill-card-name{font-size:16px}}@media(max-width:480px){.skill-grid{grid-template-columns:1fr}.skill-dialog{padding:26px 22px}.skill-metric{padding:8px;min-width:70px;gap:6px}.skill-metrics{gap:6px}.skill-metric small{font-size:9px}}@media(prefers-reduced-motion:reduce){.skill-dialog[open]{animation:none}.skill-card{transition:none}.skill-card:hover,.skill-card:focus-visible{transform:none}}

.skill-metric .metric-mana{color:#73a9c1}.skill-metric .metric-cooldown{color:#829777}

.job-guide-hub{margin:32px 0 44px;padding:26px;background:#edf1e53d;border:1px solid #e0e6d7;border-radius:22px}.job-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.job-guide-heading h2{font-size:20px;margin:8px 0 0}.job-guide-heading>span{font-size:12px;color:#7d8b70;white-space:nowrap}.job-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.job-guide-link{display:block;padding:20px;background:#fffdf7;border:1px solid #e2e7da;border-radius:14px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.job-guide-link:hover{border-color:#9bae87;transform:translateY(-2px)}.job-guide-link:focus-visible{outline:2px solid #67835d;outline-offset:3px}.job-guide-link small{font-size:10px;color:#8b967c}.job-guide-link h3{font-size:16px;line-height:1.5;margin:8px 0}.job-guide-link h3 span{color:#879c70}.job-guide-link p{font-size:12px;color:#7b8772;line-height:1.8;margin:0;word-break:keep-all}@media(max-width:900px){.job-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.job-guide-grid{grid-template-columns:1fr}.job-guide-hub{padding:18px}.job-guide-heading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.job-guide-link{transition:none}.job-guide-link:hover{transform:none}}