:root{--border:#aaa596;--ink:#342e26;--brown:#5b4630;--link:#765437;--paper:#f9f6ef}*{box-sizing:border-box}body{margin:0;background:#d6d5cd;background-image:repeating-linear-gradient(45deg,#d6d5cd 0,#d6d5cd 2px,#d1d0c8 2px,#d1d0c8 4px);font:12px/1.55 Verdana,Arial,sans-serif;color:var(--ink)}a{color:var(--link)}button,input,select{font:inherit}a:hover{color:#a05b26}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}input,select{border:1px solid #a9a494;background:#fffdf8;padding:5px;color:var(--ink);max-width:100%}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #977443;outline-offset:2px}.site{max-width:1110px;margin:18px auto;border:1px solid #655747;background:#e8e5da;box-shadow:0 0 0 3px #eeeade,0 4px 18px #3333}.banner{height:164px;position:relative;overflow:hidden;border-bottom:2px solid #70583c;background:#8c8975}.banner-art{position:absolute;inset:0;background:linear-gradient(90deg,#d6d0b9 0,#d6d0b9e8 34%,#ddd6bf42 75%),url('assets/loading-3.webp') center 43%/cover no-repeat;filter:saturate(.62)}.logo{position:absolute;left:42px;top:33px;font:46px/1 Georgia,serif;font-weight:bold;letter-spacing:1px;color:#4e3e29;text-shadow:1px 2px #fffbde;text-decoration:none}.logo small{display:block;font:12px Verdana,Arial,sans-serif;letter-spacing:2px;margin-top:11px;color:#6a5c43}.banner-poring{position:absolute;bottom:14px;left:385px;max-height:50px;image-rendering:pixelated}.banner-tag{position:absolute;right:22px;bottom:13px;color:#fdf4d9;text-shadow:1px 1px #322a1a;font:italic 15px Georgia,serif}.topnav{display:flex;justify-content:space-between;gap:15px;background:linear-gradient(#faf7e9,#d3c9ad);padding:6px 12px;border-top:1px solid #fff9e2;border-bottom:1px solid #887d64;font-size:11px}.topnav a{color:#4f412d}.columns{display:grid;grid-template-columns:172px minmax(0,1fr) 184px;gap:10px;padding:10px}.box{border:1px solid var(--border);background:var(--paper);margin:0 0 10px;box-shadow:inset 0 0 0 1px #fff}.box>h1,.box>h2,.dialog-heading{font:bold 12px/1.45 Verdana,Arial,sans-serif;margin:0;padding:6px 10px;color:#493a27;border-bottom:1px solid #a89b7b;background:linear-gradient(#f3ead0,#d5c6a1);text-shadow:0 1px #fff4d4}.box>h1{font-size:14px}.box-body{padding:11px}h3{font-size:12px;color:#705132;margin:9px 0 4px}p{margin:7px 0 11px}.navigation h2{font-size:11px;padding:5px 9px}.navigation nav{padding:5px 0 7px}.navigation nav a{display:block;font-size:11px;text-decoration:none;padding:4px 10px;border-bottom:1px solid #eee7d7}.navigation nav a:hover,.navigation nav a.active{background:#e5dcc6;color:#473117}.left-column .box-body,.right-column .box-body{font-size:11px}.little-poring{text-align:center}.little-poring img{max-width:75px;min-height:30px;image-rendering:pixelated}.news{border-top:1px dotted #b4a68b;margin-top:13px;padding-top:5px}.news h3{font-size:13px}.news-date{font-size:10px;color:#837765}.old-button{display:inline-block;background:linear-gradient(#fffaf0,#d9ceb5);border:1px solid #9c8b6b;border-radius:2px;padding:4px 10px;color:#463820;text-align:center;text-decoration:none;box-shadow:inset 0 1px #fff;font-size:11px}.old-button:hover{background:linear-gradient(#f7edcf,#d4c39a);color:#352912}.right-column .old-button{width:100%;margin:4px 0}.small-link{display:block;font-size:10px;margin:5px 0}.text-button{font-size:10px;border:0;padding:0;background:none;text-decoration:underline;color:var(--link)}label{display:block;margin:0 0 9px;font-size:11px}label input,label select{display:block;width:100%;margin-top:3px}label small{display:block;font-size:10px;color:#82735d;margin:4px 0}.form-message{color:#8b372b;font-size:11px;min-height:0}.form-message.success{color:#42643c}.register-form{max-width:340px}.optional{font-size:10px;color:#847761}.status-list{list-style:none;padding:0;margin:6px 0}.status-list li{display:flex;justify-content:space-between;border-bottom:1px dotted #ddd2bb;padding:3px 0}.online{color:#4c713e}.offline{color:#9c6241}.status-list span{font-size:10px}.right-column #status-time{font-size:9px;color:#8b7d66;display:block;margin-bottom:7px}.catalog-search{display:grid;grid-template-columns:minmax(130px,1fr) 150px 110px;gap:8px;border:1px solid #d4c9b3;padding:8px;background:#efe9da;margin-bottom:10px}.catalog-search>button{justify-self:start}.hint{font-size:10px;color:#81745f;line-height:1.55}.result-line{display:flex;justify-content:space-between;margin:10px 0;font-size:10px;gap:12px}.table-wrap{overflow-x:auto}.items-table{width:100%;border-collapse:collapse;font-size:11px}.items-table th{background:#dcd2bb;text-align:left;font-size:10px;border:1px solid #b6a98d;padding:5px}.items-table td{padding:6px 5px;border:1px solid #d3c9b6;vertical-align:middle}.items-table tr:nth-child(even){background:#f0ebde}.items-table tr:hover{background:#e9e1cc}.items-table img{display:block;width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.item-name{padding:0;border:0;background:none;color:#755333;text-decoration:underline;text-align:left;font-size:11px}.item-missing{font-size:9px;display:block;color:#8c806c;max-width:50px}.price{white-space:nowrap;font-size:10px;text-align:right}.pager{display:flex;justify-content:center;gap:12px;align-items:center;padding:12px 0 3px;font-size:10px}.page[hidden]{display:none}.guide{padding-left:25px}.guide li{padding-left:4px;margin-bottom:16px}.guide h3{margin:0 0 4px}.guide p{margin:0}code{background:#eae4d5;padding:1px 3px;font-size:11px;overflow-wrap:anywhere}.notice{border:1px solid #c9b78d;background:#f1e6c8;padding:9px;margin:10px 0;font-size:11px}details{border-top:1px dotted #c5b699;margin-top:8px;padding-top:8px}summary{cursor:pointer;font-weight:bold;font-size:11px}.worldmap{width:100%;border:1px solid #b9ad91}.download-file{padding:10px;border:1px solid #c6b89b;margin-bottom:10px;background:#f2eddc}.download-file h3{margin:0 0 5px}.download-meta{font-size:10px;color:#8a7657}.download-file details{font-size:9px;overflow-wrap:anywhere}.download-widget progress{width:100%;height:15px;margin-top:9px;accent-color:#806e3d}#download-text{display:block;font-size:10px}.class-entry{display:flex;gap:14px;align-items:center;padding:9px;border-bottom:1px dotted #c7b998}.class-entry img{height:68px;width:58px;object-fit:contain;image-rendering:pixelated}.class-entry h3{margin:0}.class-entry p{font-size:11px;margin:4px 0}.character-card{display:flex;gap:14px;border:1px solid #c7b998;padding:12px;margin:10px 0;background:#f2eddf}.character-card img{height:76px;width:65px;object-fit:contain;image-rendering:pixelated}.character-card h3{margin:0}.character-card p{font-size:11px;margin:4px 0}.renewal-novice{float:right;max-height:100px;image-rendering:pixelated;margin-left:15px}.entrance{max-width:920px}.welcome{margin:16px}.welcome>h1{text-align:center}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:690px;margin:18px auto}.version{border:1px solid #ac9c7a;background:#f2eddc;padding:0 14px 16px;text-align:center;box-shadow:inset 0 0 0 2px #fffaf0}.version h2{font:bold 18px Georgia,serif;margin:0 -14px 10px;padding:9px;background:linear-gradient(#f0e2bd,#d1c096);border-bottom:1px solid #ac9c7a}.version ul{text-align:left;font-size:11px;padding-left:27px;margin:12px 0 18px}.version-picture{height:114px;border:1px solid #b5aa8d;background:#e6e0c7;display:flex;align-items:end;justify-content:center;margin:10px auto 12px;max-width:195px}.classic-picture{background:linear-gradient(#d5d9baaa,#c5c398aa),url('assets/loading-6.webp') center/cover}.renewal-picture{background:linear-gradient(#cdced6aa,#c1bbc8aa),url('assets/loading-3.webp') center/cover}.version-picture img{max-height:95px;image-rendering:pixelated}.entrance-note{text-align:center;font-size:10px;color:#8b7c65}footer{text-align:center;font-size:9px;color:#80745e;border-top:1px solid #b1a58a;padding:12px 10px;background:#e4ddca}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:10;background:white;padding:8px}dialog{max-width:650px;width:calc(100% - 24px);padding:0;border:2px solid #938166;background:#faf5e9;max-height:88vh;overflow:auto;box-shadow:0 8px 40px #0006}dialog::backdrop{background:#1e1b17a8}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-close{border:0;background:none;color:#645039;font-size:20px;line-height:1}.detail-top{display:flex;gap:18px;align-items:center;padding:5px 0 15px}.detail-picture{min-width:90px;width:90px;max-height:130px;object-fit:contain;image-rendering:pixelated}.detail-top h2{font:bold 18px Georgia,serif;margin:4px 0}.detail-id{font-size:11px;color:#8a795f}.detail-values{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid #c5b79b;margin:10px 0}.detail-values div{padding:6px;border-bottom:1px solid #ddd0b5;font-size:11px}.detail-values b{display:block;font-size:10px;color:#8b7758}.item-description{padding:10px;border:1px solid #d0c19f;background:#f2ecd9;font-size:11px}.item-description p{margin:4px 0}.empty-row{text-align:center;padding:20px!important;color:#8a775b}[hidden]{display:none!important}@media(max-width:1130px){.site{margin:10px;max-width:none}.columns{grid-template-columns:155px minmax(0,1fr) 165px;gap:7px;padding:7px}.catalog-search{grid-template-columns:1fr 1fr}.catalog-search>label:first-child{grid-column:1/-1}}@media(max-width:800px){.columns{grid-template-columns:150px minmax(0,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.right-column .box{margin:0}.banner-tag{display:none}.banner-poring{left:340px}.banner{height:150px}.logo{left:25px;font-size:41px}}@media(max-width:560px){.site{margin:5px}.banner{height:136px}.logo{left:18px;top:30px;font-size:36px}.logo small{font-size:10px;letter-spacing:1px}.banner-poring{left:auto;right:25px;max-height:35px}.columns{display:block}.navigation nav{display:flex;flex-wrap:wrap;gap:0}.navigation nav a{flex:1 0 45%;font-size:10px;padding:5px 8px}.navigation h2{font-size:11px}.little-poring{display:none}.right-column{display:block}.right-column .box{margin-bottom:8px}.version-grid{grid-template-columns:1fr;gap:12px;margin:12px auto;max-width:300px}.welcome{margin:9px}.topnav{font-size:10px;padding:5px 8px}.topnav>span:last-child{display:none}.catalog-search{grid-template-columns:1fr 1fr}.items-table td{font-size:10px}.price{font-size:9px}.result-line{flex-direction:column;gap:2px}.detail-values{grid-template-columns:1fr 1fr}.banner-art{background-position:center}.logo small{max-width:230px}}

.knowledge-picture{max-width:150px;max-height:160px;image-rendering:pixelated}.items-table input[type=number]{width:65px}.box-body>label{display:block;margin-bottom:12px}.box-body>label select{max-width:100%;width:100%}

.forum-body{white-space:pre-wrap;overflow-wrap:anywhere}.register-form textarea{width:100%;max-width:100%;font:inherit}.knowledge-picture{max-width:70px;max-height:70px}

.navigation details>summary{padding:7px 8px;background:#c7b996;color:#443b2c;border-bottom:1px solid #a49b87;font-weight:bold;cursor:pointer}.navigation details{border-bottom:1px solid #bbb}

.detailed-guide li{padding:10px 0;border-bottom:1px dotted #c7bca3}.guide-step-heading{display:flex;align-items:center;gap:8px}.guide-step-heading input{width:auto;margin:0}.guide-material-group{margin:16px 0;padding:12px;background:#f0eadc;border:1px solid #cdc2a9}.guide-material-group h4{margin:0 0 8px}.guide-material-group label{display:block;margin:8px 0}.guide-material-group select{max-width:100%;width:100%}.guide-questions{margin:18px 0}.guide-questions details{padding:8px 0;border-bottom:1px dotted #c7bca3}.correct-answer{font-weight:bold;color:#42622c}.guide-fee{font-weight:bold}.guide-location{padding:8px;background:#ebe3ce}
.handbook-guide { margin-bottom: 16px; padding: 10px 12px; background: #f1ead9; border: 1px solid #c4b68e; }
.handbook-guide > summary { cursor: pointer; font-weight: bold; color: #65502b; }
.handbook-guide p { line-height: 1.65; }
.handbook-guide li { margin: 7px 0; line-height: 1.5; }
.guide-links { display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 10px 0; }
.guide-links .small-link { margin: 0; }
.map-picture { display: block; width: 256px; max-width: 100%; height: auto; margin: 10px auto; image-rendering: pixelated; border: 1px solid #a99870; }
.character-preview { display: block; max-width: 240px; max-height: 300px; width: auto; height: auto; margin: 20px auto; image-rendering: pixelated; }
.detail-picture.card-picture { width: 150px; max-height: 200px; max-width: 38%; image-rendering: auto; }

.guild-emblem{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #c4b68e;background:#eee5d2;vertical-align:middle}.guild-emblem img{width:24px;height:24px;image-rendering:pixelated}.guild-heading{display:flex;align-items:center;gap:12px}.guild-search{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:16px}.guild-search label{display:flex;flex-direction:column;gap:5px}.guild-search input{max-width:100%;width:220px}