@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');:root{color-scheme:light;--ink:#213c46;--gold:#b08a45;--cream:#fbf8ef;--line:#d0c9b6;--muted:#738087}*{box-sizing:border-box}html,body{margin:0!important;width:100%;height:100%;overflow:hidden;background:#a9beaa}#preview{font:13px Inter,Arial,sans-serif;color:var(--ink)}#preview button,#preview input{font:inherit}#preview button{cursor:pointer}#preview button:focus-visible,#preview input:focus-visible{outline:3px solid #e1b659;outline-offset:3px}#preview [hidden]{display:none!important}#preview button:disabled{opacity:.5;cursor:default}#preview .panel{background:linear-gradient(135deg,#fffdf5f5,#eee9ddeb);border:1px solid #ffffffc9;border-radius:7px;box-shadow:0 3px 15px #192d3c36,0 0 0 1px #38443a44;backdrop-filter:blur(12px)}#hud{position:fixed;inset:0;z-index:2000;pointer-events:none}#hud button,#hud .panel,#hud .log-panel{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#81734f}.stats{position:absolute;left:22px;top:22px;width:284px;padding:15px}.badge{font-size:8px;letter-spacing:1px;border:1px solid #c9c2ad;border-radius:3px;padding:3px 6px;float:right}.identity{display:flex;align-items:center;gap:11px;margin:14px 0}.identity h2{font-size:16px;margin:0 0 3px}.identity #jobName{font-size:11px;color:var(--muted)}.portrait{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(135deg,#546e73,#253f48);border:2px solid #c5ad72;border-radius:50%;color:#f4db9c;font-size:27px}.level{margin-left:auto;border-left:1px solid var(--line);padding-left:12px;font-size:26px;font-weight:500}.level:before{content:'NV.';font-size:8px;display:block;letter-spacing:2px;color:var(--muted)}.meter{height:17px;border-radius:3px;background:#d2d3cb;position:relative;overflow:hidden;margin-top:5px;border:1px solid #0002}.meter i{display:block;height:100%;transition:width .25s;background:linear-gradient(#8ca969,#658d4c);width:100%}.meter span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:15px;color:white;text-shadow:0 1px 2px #000a}.sp i{background:linear-gradient(#729bc6,#587ca8)}.enemy i{background:linear-gradient(#d48b80,#b5615c)}.xp{height:3px;margin-top:10px;background:#d6d0c1}.xp i{display:block;height:100%;background:#b29652;width:0;transition:width .3s}.stat-foot{display:flex;justify-content:space-between;font-size:10px;margin-top:7px;color:var(--muted)}.gold{color:#977124;font-weight:700}.right{position:absolute;right:22px;top:22px;width:238px}.map{padding:12px}.map-heading{display:flex;align-items:center;gap:6px;font-size:10px}.map-heading #coordinates{font-size:9px;margin-left:auto;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:#6e9467}.map canvas{width:100%;height:135px;margin-top:10px;border:1px solid #b4b99b;border-radius:3px;background:#9baf87;image-rendering:pixelated}.map-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px}.map-bottom button{border:0;background:none;color:#476e86;font-size:10px!important;padding:0}.quest{margin-top:12px;padding:18px}.quest h3{font:600 17px Cinzel,Georgia,serif;margin:10px 0}.quest p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 14px}.quest-row{display:flex;gap:8px;align-items:center;padding:8px 0;font-size:11px;border-bottom:1px solid #cac4b855}.quest-row b{margin-left:auto;font-size:10px}.quest-row.done{color:#568752}.quest-status{font-size:10px;color:#8a7956;padding-top:12px;line-height:1.5}#claim{width:100%;padding:10px;margin-top:12px;background:#375e64;color:#fff;border:0;border-radius:3px}.target{position:absolute;left:50%;top:23px;transform:translateX(-50%);width:235px;padding:12px 16px;text-align:center}.target small{font-size:8px;letter-spacing:2px;color:var(--muted)}.target b{display:block;margin:4px 0 8px}.target #targetHint{display:block;font-size:9px;margin-top:7px;color:var(--muted)}.bottom{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center}.keys-help{white-space:nowrap;font-size:10px;margin-bottom:12px;color:#fff;text-shadow:0 1px 5px #152719,0 1px 2px #000}.actionbar{display:flex;gap:5px;border:1px solid #b9ab88;background:#fbf8e9ef;padding:7px;border-radius:9px;box-shadow:0 4px 20px #10272260}.actionbar button{width:70px;height:69px;position:relative;border:1px solid #d1c9b6;border-radius:4px;background:linear-gradient(#fdfbf4,#e4dfd1);color:var(--ink);display:flex;align-items:center;flex-direction:column;justify-content:center;transition:transform .12s}.actionbar button:hover{background:#fffdf4;transform:translateY(-3px);border-color:#b28e46}.actionbar button kbd{position:absolute;top:3px;left:5px;font-size:8px;color:#877f6e}.skill-icon{font:29px Georgia;color:#9b803b;line-height:35px}.fire{color:#c87844}.blue{color:#648aac}.red{color:#b16563}.actionbar b{font-size:9px;font-weight:500}.actionbar em{position:absolute;inset:0;display:grid;place-items:center;background:#213b44c9;color:#fff;font-size:22px;font-style:normal;border-radius:3px}.actionbar em:empty{display:none}.separator{width:1px;background:#d3c9b3;margin:7px 3px}.log-panel{position:absolute;bottom:24px;left:22px;width:310px;border-radius:5px;background:#233e46a3;color:#e8f0e8;backdrop-filter:blur(8px);font-size:10px}.log-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:10px 12px}.log-tabs b{color:#f1d59b}.log-tabs span{font-size:8px;color:#c2d2c7}#log{height:90px;overflow:auto;padding:9px 12px;line-height:1.65}#log p{margin:0 0 4px}#toast{position:absolute;top:26%;left:50%;transform:translateX(-50%);padding:12px 24px;background:#173e4be8;border:1px solid #d7bc7f;color:#ffe6b3;border-radius:4px;opacity:0;transition:opacity .25s;white-space:nowrap;font-size:14px}#toast.show{opacity:1}#effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.float{position:absolute;font-size:25px;font-weight:700;color:#fff1b7;text-shadow:2px 2px #482b27,-1px -1px #482b27;animation:rise .85s ease-out forwards}.float.magic{color:#b5e9ff}.float.hurt{color:#ffbcb2}.burst{position:absolute;width:80px;height:80px;margin:-40px;border:3px solid #ffda83;border-radius:50%;box-shadow:0 0 28px #ffc754,inset 0 0 25px #ffc754;animation:burst .55s ease-out forwards}.burst.magic{border-color:#b8efff;box-shadow:0 0 35px #75cbff,inset 0 0 20px #75cbff}@keyframes rise{to{transform:translateY(-70px);opacity:0}}@keyframes burst{to{transform:scale(2.5);opacity:0}}.screen{position:fixed;inset:0;z-index:6000;background:var(--cream);display:flex;overflow:auto}.welcome-art{position:relative;overflow:hidden;width:49%;min-height:600px;background:linear-gradient(#5e9394,#afc7b0 50%,#4b7162)}.sun{position:absolute;width:430px;height:430px;border-radius:50%;top:10%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#fff4c48c,transparent 70%)}.mountain{position:absolute;bottom:0;left:-20%;width:140%;height:65%;clip-path:polygon(0 70%,15% 31%,24% 53%,41% 5%,57% 38%,72% 20%,100% 72%,100% 100%,0 100%);background:#678e7d}.m2{height:46%;left:-6%;background:#416d64;transform:scaleX(-1)}.m3{height:27%;background:#274e4b}.rune{position:absolute;top:10%;left:50%;transform:translateX(-50%);font-size:300px;color:#fff9d914;font-family:Georgia;line-height:1}.brand{position:absolute;top:32%;width:100%;text-align:center;color:#fffbea;text-shadow:0 3px 30px #213d4260}.brand span{font-size:10px;letter-spacing:4px}.brand h1{font:500 clamp(45px,5.5vw,90px) Cinzel,Georgia,serif;letter-spacing:-3px;margin:20px 0 8px}.brand p{font:15px Cinzel,Georgia,serif;letter-spacing:4px}.art-foot{position:absolute;bottom:42px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#c8dace}.welcome-content{width:51%;padding:clamp(28px,5vw,78px);max-width:760px;align-self:center}.welcome-content h2{font:500 clamp(25px,2.6vw,38px)/1.3 Cinzel,Georgia,serif;margin:20px 0 16px;letter-spacing:-1px}.intro{font-size:13px;line-height:1.7;color:var(--muted);max-width:440px;margin-bottom:25px}.welcome-content label,.field-label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:600;margin:17px 0 9px;color:#8a816b}#name{width:100%;border:1px solid #d3ccbb;background:#fffef8;padding:12px 14px;border-radius:4px;color:var(--ink)}.classes{display:flex;flex-direction:column;gap:7px}.class-choice{display:flex;align-items:center;gap:15px;text-align:left;padding:13px;border:1px solid #d6cfbf;border-radius:4px;background:#ffffff50;color:var(--ink)}.class-choice>span{width:29px;text-align:center;color:#a38a55;font:28px Georgia}.class-choice b{font-size:12px;display:block;margin-bottom:5px}.class-choice small{font-size:10px;color:var(--muted)}.class-choice i{margin-left:auto;visibility:hidden;font-style:normal;color:#a18749}.class-choice.selected{border-color:#ac945c;background:#f0ecdb;box-shadow:inset 0 0 0 1px #ac945c50}.class-choice.selected i{visibility:visible}.primary{width:100%;padding:15px 18px;margin-top:22px;border:1px solid #243f45;background:#294e56;color:#fff8e8;border-radius:4px;text-align:left;font-weight:600!important}.primary span{float:right}.primary:hover{background:#3b666c}.preview-note{font-size:10px;color:#8b8d83;line-height:1.65;margin:15px 0}.text-button{font-size:10px!important;background:none;border:0;border-bottom:1px solid #bfbba9;color:#8b826b;padding:0 0 3px}.loading{align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#426d70,#17373f);color:#f5efda;text-align:center}.loading-content{width:min(440px,85vw)}.loading-rune{font:100px Georgia;color:#d5bf86;display:block;margin-bottom:35px;animation:pulse 2s infinite}.loading .eyebrow{color:#cdbb92}.loading h2{font:26px Cinzel,Georgia,serif;line-height:1.4}.loading p{font-size:12px;color:#bbcdd0;line-height:1.6}.loading small{font-size:10px;color:#a8bbba}.load-track{height:3px;background:#ffffff20;margin:27px 0 15px;overflow:hidden}.load-track i{display:block;width:8%;height:100%;background:#dec990;transition:width .6s}.loading .primary{text-align:center;border-color:#baa979}@keyframes pulse{50%{opacity:.45}}#dialog{z-index:10000;width:min(480px,92vw);border:1px solid #c1b391;border-radius:8px;background:#fbf8ef;color:var(--ink);padding:0;box-shadow:0 15px 70px #0005;font:13px Inter,Arial,sans-serif}#dialog::backdrop{background:#132e3a80;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ded7c7}.dialog-heading h2{font:20px Cinzel,Georgia,serif;margin:0}.dialog-heading button{border:0;background:none;font-size:25px!important;color:#8a8d81}#dialogContent{padding:22px 24px;line-height:1.7}#dialogContent p{color:#758080;font-size:12px}#dialogContent .primary{margin-top:12px;text-align:center}#dialogContent a{color:#3c718b}.item-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ded7c7}.item-row b{color:#ac8844}.inventory-actions{display:flex;gap:10px}.inventory-actions button{flex:1}.secondary{border:1px solid #c3b793;background:#ede6d4;color:#4f655e;padding:12px;border-radius:4px;margin-top:12px}.defeat{color:#b66054;font:25px Cinzel,Georgia,serif}.entity-display,.entity-life{pointer-events:none!important}@media(max-width:1150px){.log-panel{width:240px;bottom:125px}.right{width:205px}.stats{width:255px}.bottom{bottom:15px}.welcome-content{padding:35px}}@media(max-width:760px){.welcome-art{width:32%}.welcome-content{width:68%;padding:24px}.brand h1{font-size:30px;letter-spacing:-1px}.brand span,.art-foot{display:none}.brand p{font-size:10px;letter-spacing:1px}.stats{left:10px;top:10px;width:215px;padding:10px}.right{right:10px;top:10px;width:180px}.quest{padding:12px}.quest p{display:none}.map canvas{height:90px}.target{top:240px;width:200px}.log-panel{display:none}.keys-help{font-size:8px;white-space:normal;max-width:90vw}.actionbar button{width:54px;height:61px}.actionbar{gap:3px;padding:5px}.actionbar b{font-size:8px}.identity{margin:8px 0}.badge{font-size:7px;letter-spacing:0}.screen{min-height:100%}}@media(max-height:700px){.welcome-content{padding:22px 40px}.welcome-content h2{font-size:26px;margin:12px 0}.intro{margin-bottom:10px}.class-choice{padding:10px}.welcome-art{min-height:100%}.welcome-content label,.field-label{margin-top:12px}.welcome-content .primary{margin-top:15px}.quest{margin-top:8px;padding:12px}.quest h3{margin:7px 0}.quest p{margin-bottom:8px}.map canvas{height:105px}}
.job-progress{margin-top:12px;font-size:9px;color:#77775e}.job-xp{margin-top:5px;background:#d7d2c4;height:4px}.job-xp i{background:#9981b4}.evolve-button{width:100%;border:1px solid #cfc3a8;border-radius:4px;background:#f7f0de;color:#746546;padding:9px;margin-top:11px;text-align:left;font-size:10px!important}.evolve-button kbd{float:right;border:1px solid #c9c1aa;padding:0 3px}.evolve-button.available{background:#355b59;color:#ffe6a8;border-color:#ae9256;box-shadow:0 0 9px #bd9b5340}.novice-card,.career-current{display:flex;align-items:center;gap:16px;background:#ede9db;border:1px solid #cbbb95;border-radius:5px;padding:18px}.novice-card>span,.career-current>span{font:38px Georgia;color:#ad925b}.novice-card b,.career-current b{display:block;font-size:14px}.novice-card small,.career-current small{display:block;font-size:10px;margin-top:7px;color:#79837d}.career-teaser{display:flex;flex-direction:column;gap:8px;margin:18px 0;color:#8b816a;font-size:10px;line-height:1.5}.requirement{padding:5px 0;color:#938b79;font-size:11px}.requirement.met{color:#548267}.promotion-choices{display:flex;flex-direction:column;gap:8px;margin:16px 0}.promotion-option{display:flex;align-items:center;text-align:left;gap:12px;background:#f0ead9;border:1px solid #bbaa82;padding:12px;border-radius:4px;color:#35525a}.promotion-option>span{font:28px Georgia;color:#a28a54}.promotion-option small{display:block;font-size:9px;margin-top:5px;color:#78817a}.promotion-option i{margin-left:auto}.promotion-option:not(:disabled):hover{background:#dce6d5}.skill-detail{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ded8c7;padding:10px 0;font-size:11px}.skill-detail span{color:#8b7da0;font-size:10px}.career-note{font-size:10px!important}.sound-settings{border-top:1px solid #d6ceb8;padding-top:15px;display:flex;flex-direction:column;gap:14px}.sound-settings label{display:flex;align-items:center;gap:12px}.sound-settings input[type=range]{flex:1;accent-color:#3c6266}.locked .skill-icon{opacity:.35}.locked:after{content:'🔒';position:absolute;top:3px;right:4px;font-size:9px}.actionbar .locked{background:#dcd8ce}.welcome-content .career-teaser{margin:13px 0}#dialog{max-height:90vh;overflow:auto}.stats .job-progress+.evolve-button{pointer-events:auto}
.training-progress{border-top:1px solid #cbc5b655;padding-top:9px;margin-top:10px;font-size:9px;line-height:1.6;color:#786995}

/* Keep target information beside the HUD, clear of the central combat area. */
.left-status{position:absolute;top:22px;left:22px;width:284px;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.left-status .stats{position:static;width:100%}
#hud .left-status .target{position:static;left:auto;top:auto;transform:none;width:100%;padding:10px 13px;text-align:left;pointer-events:none}
.left-status .target small{display:inline-block;font-size:8px;margin-right:8px;letter-spacing:1px}
.left-status .target b{display:inline;font-size:12px;margin:0}
.left-status .target .meter{height:14px;margin-top:7px}
.left-status .target .meter span{font-size:9px;line-height:12px}
.left-status .target #targetHint{display:none}
@media(max-width:1150px){.left-status{width:255px}}
@media(max-width:760px){.left-status{top:10px;left:10px;width:215px;gap:6px}}
@media(max-height:600px){#hud .left-status .target{padding:7px 10px}.left-status{gap:6px}}
#preview .hunt-next{width:100%;margin-top:8px;padding:8px;background:#355c5f;color:#fff1c7;border:1px solid #bcaa76;border-radius:4px;font-size:9px;text-align:left}.hunt-list{display:flex;flex-direction:column;gap:10px}.hunt-card{display:flex;gap:12px;width:100%;padding:14px 12px;text-align:left;border:1px solid #d0c6ac;border-left:4px solid var(--zone-color);border-radius:5px;background:#fffdf5;color:#2f4c52}.hunt-card>div{flex:1;min-width:0}.hunt-icon{color:var(--zone-color);font:30px Georgia;width:30px;text-align:center}.hunt-card-title{display:flex;flex-direction:column;gap:4px}.hunt-card-title b{font-size:13px}.hunt-card-title span{font-size:8px;letter-spacing:1px;color:var(--zone-color)}.hunt-card small{display:block;font-size:10px;color:#7a847d;line-height:1.5;margin-top:6px}#dialogContent .hunt-card p{font-size:10px;line-height:1.5;margin:7px 0}.hunt-card em{font-style:normal;font-size:9px;color:#9c804c}.hunt-card:not(:disabled):hover{background:#eaf0df;border-color:#99ad8f}#preview .hunt-card.current{opacity:1;background:#e9ebdc}.map-heading b{font-size:10px}.quest-row{gap:5px}
/* HUD additions: foldable panels, character and item windows, touch layout. */
:root{--hud-gap:max(10px,env(safe-area-inset-left,0px))}
#hud .left-status .stats{position:relative}
.right .quest{position:relative}.right .map{position:relative}
.fold{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #c9c0a6;border-radius:50%;background:#fffdf4;color:#5b6a66;font:600 14px/18px Inter,Arial,sans-serif!important;padding:0;z-index:2}
.log-panel .fold{background:#ffffff1f;border-color:#ffffff40;color:#f1d59b;top:5px;right:auto;left:auto;position:absolute;right:6px}
.log-panel .log-tabs{padding-right:36px}
.stats.folded .eyebrow,.stats.folded .xp,.stats.folded .job-progress,.stats.folded .evolve-button,.stats.folded .stat-foot{display:none}
.stats.folded .identity{margin:0 26px 6px 0}
.map.folded canvas,.map.folded .hunt-next,.map.folded .map-bottom{display:none}
.map .map-heading{padding-right:24px}
.quest.folded>*:not(.fold):not(h3){display:none}.quest.folded h3{margin:0;padding-right:24px;font-size:14px}
.log-panel.folded #log{display:none}
#hud.minimal .left-status .stats,#hud.minimal .right,#hud.minimal .log-panel,#hud.minimal .keys-help{display:none}
.show-hud{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);border:1px solid #d7bc7f;background:#173e4be8;color:#ffe6b3;border-radius:16px;padding:7px 14px;font-size:12px!important}
.actionbar{align-items:stretch}.actionbar .combat,.actionbar .utility{display:flex;gap:5px}
.points-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#c4573b;color:#fff;font:700 10px/19px Inter,Arial,sans-serif;font-style:normal;box-shadow:0 0 0 2px #fbf8e9}
.float.crit{color:#ffd35c;font-size:30px}.float.miss{color:#d9f2ff;font-size:18px}
.stick{display:none}
/* Windows */
#dialog{max-height:min(86vh,760px);max-height:min(86dvh,760px);overflow:hidden;display:none;flex-direction:column}
#dialog[open]{display:flex}
#dialogContent{overflow:auto;-webkit-overflow-scrolling:touch}
.tabs{display:flex;gap:4px;border-bottom:1px solid #ded7c7;margin:-8px 0 14px}
.tabs button{flex:1;border:0;background:none;padding:10px 6px;color:#738087;font-weight:600!important;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected=true]{color:#213c46;border-color:#b08a45}
.points{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#efe9da;border-radius:5px;font-size:12px;margin-bottom:10px}
.points b{font-size:18px;color:#8b6a2c;font-variant-numeric:tabular-nums}
.attr-row,.skill-card,.item-line{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e3dccb}
.attr-key{width:42px;height:32px;display:grid;place-items:center;border-radius:4px;background:#294e56;color:#f4db9c;font:700 11px Inter,Arial,sans-serif;letter-spacing:1px;flex:none}
.attr-text{flex:1;min-width:0;display:flex;flex-direction:column}.attr-text b{font-size:16px;font-variant-numeric:tabular-nums}.attr-text em{font-style:normal;color:#568752;font-size:12px}
.attr-text small,.skill-card small,.item-line small{color:#758080;font-size:11px;line-height:1.4;display:block}
.plus{width:44px;height:40px;flex:none;border:1px solid #b9a26a;border-radius:5px;background:linear-gradient(#fdf8e8,#ece2c4);color:#6b5222;font:700 18px/1 Inter,Arial,sans-serif!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.plus small{font-size:9px!important;font-weight:500;color:#8b7a52}
.derived{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}
.derived div{background:#f3eee2;border-radius:4px;padding:7px 9px;display:flex;flex-direction:column}
.derived small{font-size:10px;color:#7d7a6b}.derived b{font-size:14px;font-variant-numeric:tabular-nums}
.derived.small{grid-template-columns:repeat(5,minmax(0,1fr))}
.wide{width:100%}
.skill-badge{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:#294e56;color:#f4db9c;font-weight:700}
.skill-card>div{flex:1;min-width:0}.skill-card.unlearned .skill-badge{background:#a9b0ad}
.skill-meta{margin-top:3px;color:#8b6a2c!important}
.skill-pips{display:flex;gap:3px;margin-top:6px}.skill-pips i{flex:1;height:5px;border-radius:2px;background:#ddd5c2}.skill-pips i.on{background:#b08a45}
.item-icon{width:24px;height:24px;flex:none;image-rendering:pixelated;display:inline-block}
.item-icon.missing{visibility:hidden}
.item-line>span{flex:1;min-width:0}.item-line>b{color:#ac8844;font-variant-numeric:tabular-nums;white-space:nowrap}
.item-line.locked{opacity:.55}
.mini{border:1px solid #c3b793;background:#ede6d4;color:#4f655e;padding:7px 10px;border-radius:4px;font-size:12px!important;flex:none}
.mini.ghost{background:none}
.item-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.item-foot .secondary{margin-top:0}
.equip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.slot{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #ded7c7;border-radius:5px;min-height:62px;position:relative;flex-wrap:wrap}
.slot>small{position:absolute;top:4px;left:9px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9a8f72}
.slot>span{flex:1;min-width:0;padding-top:10px;font-size:12px}.slot>span small{font-size:10px;color:#758080;display:block}
.slot .item-icon{margin-top:10px}.slot.empty{background:#f6f2e8}.slot .none{color:#a7a492}
#dialogContent h3{font:600 14px Cinzel,Georgia,serif;margin:14px 0 4px}

/* Touch devices: stick on the left, combat cluster on the right, compact panels. */
.touch .keys-help,.touch .actionbar kbd{display:none}
.touch .stick{display:block;position:absolute;left:calc(22px + env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#ffffff30,#16313a55);border:2px solid #ffffff70;pointer-events:auto;touch-action:none;z-index:3}
.touch .stick i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf2,#d9cfb4);box-shadow:0 3px 10px #0006;transition:transform .08s}
.touch .stick.active i{transition:none}
.touch #hud{touch-action:none;user-select:none;-webkit-user-select:none}
.touch .bottom{left:auto;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:none}
.touch .actionbar{background:none;border:0;box-shadow:none;padding:0;gap:10px;flex-direction:column;align-items:flex-end}
.touch .actionbar .separator{display:none}
.touch .actionbar .combat{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto auto;gap:10px;align-items:end;order:2}
.touch .actionbar .combat button{width:62px;height:62px;border-radius:50%;box-shadow:0 3px 12px #0005}
.touch .actionbar #attack{grid-column:3;grid-row:1/3;width:92px;height:92px;align-self:end;background:radial-gradient(circle at 40% 30%,#fffaf0,#e8d9b3);border:2px solid #b28e46}
.touch .actionbar #attack .skill-icon{font-size:38px;line-height:44px}

.touch .actionbar .combat b{font-size:8px;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.touch .actionbar .combat .skill-icon{font-size:22px;line-height:26px}
.touch .actionbar .utility{order:1;gap:6px}
.touch .actionbar .utility button{width:46px;height:46px;border-radius:10px;background:#fbf8e9e6}
.touch .actionbar .utility b{display:none}.touch .actionbar .utility .skill-icon{font-size:22px;line-height:26px}
.touch .actionbar button:hover{transform:none}
.touch #hud .left-status{left:calc(var(--hud-gap));top:calc(10px + env(safe-area-inset-top,0px));width:min(250px,46vw);gap:8px}
.touch .stats{padding:10px 12px}.touch .identity{margin:6px 0}.touch .portrait{width:34px;height:34px;font-size:20px}.touch .level{font-size:20px}
.touch .badge{display:none}
.touch .right{right:calc(var(--hud-gap));top:calc(10px + env(safe-area-inset-top,0px));width:min(210px,42vw)}
.touch .map{padding:9px}.touch .map canvas{height:96px}.touch .quest{margin-top:8px;padding:12px}
.touch .log-panel{display:block;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;width:min(300px,30vw)}
.touch .log-panel #log{height:70px}
.touch .fold{width:30px;height:30px;font-size:17px!important;line-height:26px!important}
.touch #dialog{width:min(560px,96vw)}
.touch .plus{width:52px;height:46px}
@media (orientation:portrait){
 .touch .log-panel{display:none}
 .touch #hud .left-status{width:52vw}.touch .right{width:40vw}
 .touch .quest p{display:none}
 .touch .bottom{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
 .touch .actionbar .utility{position:fixed;right:calc(10px + env(safe-area-inset-right,0px));top:44%;flex-direction:column}
 .touch .stick{bottom:calc(40px + env(safe-area-inset-bottom,0px))}
 .touch #hud .left-status .target{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(200px + env(safe-area-inset-bottom,0px));top:auto;width:min(260px,70vw)}
 .derived.small{grid-template-columns:repeat(3,minmax(0,1fr))}
 .equip-grid{grid-template-columns:minmax(0,1fr)}
}
@media (orientation:landscape) and (max-height:520px){
 .touch #hud .left-status{width:min(230px,30vw)}.touch .right{width:min(190px,24vw)}
 .touch .map canvas{height:70px}
 .touch .quest p,.touch .stats .stat-foot,.touch .stats .job-progress{display:none}
 .touch .stick{width:112px;height:112px}
 .touch .actionbar .utility{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .touch .actionbar .combat button{width:54px;height:54px}.touch .actionbar #attack{width:80px;height:80px}
 .touch #hud .left-status .target{position:fixed;left:50%;transform:translateX(-50%);top:auto;bottom:70px;width:220px}
 .touch .log-panel{width:min(260px,26vw)}
}
@media (max-width:760px){.derived{grid-template-columns:repeat(3,minmax(0,1fr))}#dialogContent{padding:16px}}
.stats .eyebrow{padding-right:28px}
.touch .cursor{display:none!important}
@media (orientation:portrait){.touch .stats .eyebrow,.touch .stats .stat-foot,.touch .stats .job-progress,.touch .stats .xp,.touch .map .hunt-next{display:none}.touch .stats .evolve-button{padding:6px 8px;margin-top:8px}.touch .identity h2{font-size:14px}}
.touch .stats .identity{padding-right:34px}
.bar-pick{display:flex;gap:5px;margin-top:7px}
.bar-key{width:34px;height:30px;border:1px solid #c9bd9b;border-radius:4px;background:#fffdf5;color:#5b6a66;font-weight:700!important;font-size:12px!important}
.bar-key[aria-pressed=true]{background:#294e56;color:#f4db9c;border-color:#294e56}
.touch .bar-key{width:42px;height:38px}
.skill-badge .item-icon{width:28px;height:28px}
.slot-icon{width:32px;height:32px;image-rendering:pixelated;margin:2px 0 1px}
.actionbar .empty-slot .skill-icon{opacity:.25}.actionbar .empty-slot:after{content:none}
.touch .actionbar .combat{grid-template-columns:repeat(3,auto);grid-template-rows:auto auto auto}
.touch .actionbar #potion{grid-column:2;grid-row:1}
.touch .actionbar #slot2{grid-column:1;grid-row:2}.touch .actionbar #slot3{grid-column:2;grid-row:2}
.touch .actionbar #slot0{grid-column:1;grid-row:3}.touch .actionbar #slot1{grid-column:2;grid-row:3}
.touch .actionbar #attack{grid-column:3;grid-row:2/4}
.touch .actionbar .combat .slot-icon{width:28px;height:28px;margin:0}
.touch .actionbar #potion{width:50px;height:50px}
.touch .actionbar #fly{grid-column:1;grid-row:1;width:50px;height:50px}
.touch .actionbar #fly .slot-icon{width:24px;height:24px;margin:0}
.item-name{color:inherit;text-decoration:none;font-weight:600}.item-name:hover{text-decoration:underline}
.item-detail{border:1px solid #ded7c7;border-radius:6px;padding:10px;margin-bottom:10px;background:#fbf8f0}
.item-detail-head{display:flex;gap:10px;align-items:flex-start}.item-detail-head>div{flex:1;min-width:0}.item-detail-head small{display:block;color:#758080;font-size:11px}
.card-art{width:84px;height:112px;object-fit:contain;border-radius:4px;background:#ede6d4;flex:none}.card-art.missing{visibility:hidden}
.item-desc{font-size:12px;line-height:1.5;color:#4f5c58;margin:8px 0 0;max-height:220px;overflow:auto}
.item-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px}.item-cards span{display:flex;align-items:center;gap:4px}
.tab-body h3{margin:12px 0 4px}
.shop-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.chip{border:1px solid #c9bd9b;background:#fffdf5;color:#4f655e;border-radius:14px;padding:6px 11px;font-size:12px!important}
.chip[aria-pressed=true]{background:#294e56;color:#f4db9c;border-color:#294e56}
.touch .chip{padding:8px 12px}
.item-line .qty{width:56px;height:28px;padding:2px 4px;border:1px solid #b8ad92;border-radius:3px;font:13px Arial;text-align:center;background:#fffdf6;color:#333}
/* Original roBrowser windows opened over the HUD (the skill window, online/skillwin.js) */
#roWins{position:fixed;inset:0;z-index:2100;pointer-events:none;overflow:hidden}
/* HUD in the style of the original Ragnarok client, with its own interface textures (approved layout). */
#hud.ro{font:11px/1.25 Arial,Helvetica,sans-serif;color:#000;--l:env(safe-area-inset-left,0px);--r:env(safe-area-inset-right,0px);--t:env(safe-area-inset-top,0px);--b:env(safe-area-inset-bottom,0px)}
#hud.ro button{font:inherit;color:inherit;cursor:pointer}
#hud.ro kbd{font:inherit;font-size:9px;color:#56627a;border:0;padding:0;margin-left:3px}
.ro .ro-basic,.ro .ro-win,.ro .ro-chat,.ro .ro-hot,.ro .under-basic{pointer-events:auto;position:absolute}
.ro .ro-btn{border:1px solid #8e9fbb;border-radius:3px;background:linear-gradient(#ffffff,#dde4f0);padding:2px 8px;line-height:14px;white-space:nowrap;box-shadow:0 1px 0 #fff inset}
.ro .ro-btn:hover{background:linear-gradient(#ffffff,#c9d7ee)}
.ro .ro-btn.wide{width:100%;margin-top:6px;padding:4px 8px;font-weight:bold}
.ro .ro-btn.tiny{padding:0 5px;line-height:15px;font-size:10px}

/* Basic Info (basewin_bg 280x120) */
#basic{left:calc(6px + var(--l));top:calc(6px + var(--t));width:280px;height:120px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAB4CAYAAAApDe1iAAAIHElEQVR4nO3dQW8cSRnG8afa7bCJHWejsJBdFMEnWOWGdmWTCxLypwBx5MKdC19i+SJcIg4oGFugvQTtHkCLHIQALZNNNpvE68TMuOvl0DN2Mkl39ZTd21WT/+8SJzOZvG9PV03NMz0VZzJJ0t/+eWCVX9Vvf/epZqrKJFfptWzl9X+eAedOfzYzyUnTw1D/mUxOxTde16JS7yP1+uZ1qtfZ0p/7s9+7wqmNeVc/hqYPY376k/TrX37gJMmZTPv/ObT/fvFYk4nX8/8dn/ylWsMEo5wP8ssH7uV+JfOSS+e8b5R6H6nXN69bvZWW/dw/+bl9flHhTu9frDjJnLz3Go/H+uzeE/3qFz907q//OrL79x9qPPF6djQJFtRUWE4K136CmJlMvvU+KUi9j9Trm9elXjlb+nN/xqu9z5ViReZNfroIcdPVS+W9zHt9tv+VysODp7q68ZbGk0pXN771yoO4htnaGlc26TObO6lfmETNTGbSSpHQS2uD1PtIvb55Xeoti9WlP/dPb2t/rMKVMjN5s5O7mklWVarkde/eY5WjJ17etx2wdF5hzs38QX7xppP3n99QLWeReh+p1zevU72vrvKz0qHHmeBzY5OTNY6Tk8lkVb2C8VbJm6m8ULjWKcQalkkuNL0lzFpCuoZ3hElKvY/U65vXpd46mE6w+I7O9TkxO8lp6ny3kKmOVfw0Ky7/ff+pqqptimn6V/N9Hxpc+0nKo7/U+0i9vnldR1hKNS/qPCdHPz0UTt6Z5J28TL6SvK9UeVN5ee0ted98wJryrBRfgbrqktHl0F/qfaRe37yu2W1KNS9qkXw62KfV72+8nb5RqrypqiqZL/X00dcqj44LVS0TTPNsnfFR7vQKlEN/qfeRen3zuo6+lGpe1CKrr0Cf04ml/uRp+rbI6l+rSjI5le9eW1fb/LKMH1M39fSiHPpLvY/U65vXpV4prZoX1bVHKdxn4aTKpHrSKuqVjEmTqpL3Xo9HD1Q+n6j1LVLhXn9b66IncU09vSiH/lLvI/X65nWpV0qr5kV17VEK91lo+hmzqb6eyXSSwdRzjal8791LrYsmVjDpSr2P1OubxwpmTqjN6cfYNst6fT0peZOqY69//L1Q+fX4eSD4Wb5PkXI78Zuk3kfq9c3rVq+07Of+TOipqeRPv8vkXb2CMcn76QrGTOWN7661ZznLmPECseo8880QmGBsZXp5ixWy6cTijyXvvSpv+rRwKr949Kz1cZou/EvqCswF5fbxaZPU+0i9vnmdFlO2/Of+6Z3bb3Yr9eN5q59Hp3qSqY6l48rXV/Kur188S71Zagu1Z4rAV9VTkHofqdc3L7d6Y3TpcSbUq5fN0tyTVZ15aTw2HY/tZNLJ9w0lgKSVu7u72tzcHLoOIEk7Ozu6devW0GVkaW9vL6HtxAAsndLMdHBwIEm6fPnywOUA6ZmNDyzGzFjBAOhP6Zxj5QK0YHzEcc6pHLoInM1Pf/bzoUvI1uGzZ3r44IH+cOf3Q5eytMhgMnZn72P9+CfbQ5eRrS8ffqlPPvmLNrduaW93p/F+ZDBxzIwVTK7u7H2sw2dH+t6NHwxdSrauXvuOXLGiyWSiDz7c1J//tDd0SUuHDCZj73z72tAlZG3t0kWtXXpf5isdPH3SeD/GRxwymMxd2VgfuoTsXdlY1+Pv39DbV64MXcpSIoPJ2Mb62tAlLIW1Sxd14cJq4+1kMHHIYDJ2dPBIVzbeH7qMpbC+dql1gkE8MphMbW9v6/bt29re5lOkszg4ONCTx1/pNx991HgfxkccMpjMzSYZnA2TdH/IYDLH4OgfGUwcvosEoFdkMEAA4yOOc44VDID+kMEAAWQwcchgAPSKDAYIYHzEIYMB0CsyGCCADCYOGQyAXpHBAAGMjzhkMAB6RQaTOTb9jtd1028ymDjsB5M5Nv0+m66bfiMeGUym2PT77Lpu+s34iMN+MJlj0++z6brpN+KRwWSMTb/Prsum32QwcchgMsem3+cjtOk34pHBZIpNv89PaNNvxkccMpiMsen3+eiy6TfikcFkjE2/z0dokiaDiUMGswRYwSBlZDBAAOMjDt9FAtArMhgggAwmDvvBAOgVGQwQwPiIQwYDoFdkMEAAGUwcMhgAvSKDAQIYH3HIYAD0igwGCCCDiUMGA6BXZDBAAOMjDhkMgF6RwQABZDBxyGAA9IoMBghgfMQhgwHQKzIYIIAMJk7nPXk/Hz3ouxZgUO9df2foEpZSawbDxII3xexcf91Ew8o+DhkMgF41ZjCsXvAm+nz04JVVDBlMHK6DAdArroMBAhgfcchgAPSK62CAADKYOGQwAHpFBgMEMD7ikMEA6BUZDBBABhOHDAZAr8hggADGRxwyGAC9IoMBAshg4pDBAOgVGQwQwPiIQwYDoFdkMEAAGUwcMhgAvSKDAQIYH3FaMxh2WcebiPP+fJHBAAFkMHGC/y/SbDZnA3AsO1Yu/eiUwXDw8SZjZR+H62AA9Kocj8fa2dkZug4gWWQwccxM5erqqm7evDl0LUCS7t69O3QJWeM6GCCA8RGHDAZAr166DgbAqxgfcfguEoBekcEAAYyPOGQwAHpFBgMEMD7ikMEA6BUZDBDA+IhDBgOgV2QwQADjIw4ZDIBekcEAAYyPOGQwAHpFBgMEMD7ikMEA6FXpnNPh4aGuX78+dC1AkshgFjcajeoMZnNr0+3v72s0Gg1dE4AlMBqNtL+/r82tTedMJkna/eOuDVwXkJzJZKLV1dWhy8jO1o+2nCT9H3KtOhBZqgieAAAAAElFTkSuQmCC);font-weight:bold;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #0005)}
#basic>*{position:absolute}
#basic .ttl{top:2px;left:18px;text-shadow:1px 1px #fff}
#basic .sys{top:3px;width:11px;height:11px;border:0;padding:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABT0lEQVQYlY2Qy0oCcRjFf+M0jlijjqUFBUE3ulhgULirRbTqBVwV1aoHsEVBBLXoBVpV4AO0CVcZUWvBhU0UVlAUamaJE4VI079FV2nj2XwcvsPhnCMJBLWi7i+ZXz0Qp4ZB6SmP2+tnIBBga2VC+v5L386Tc1Ehu/tZmu7Cr9vJFyusRy+xSqfsb89IADaAcCQmbjN5Wn0O4okCu0c54okCrT4Ht5kHwpGY+IlxlTZQ1EZS6RzXOTeyTcJ6F5hmCUX1cJU2gKlPsWmaNPeNM9zjRncpWJZAliWKpkYyrXF/tvdbsKOzi3pdxa/baXDKeDU7T88VFFnCr6s0dHbD4Vfm0Mgw2ccyuqbg86h4XZ9X1xSyj2VCo8HqNdZ2kuLkxsbYkE5Lk4Ncocxxqshgu2B5NihViQEWN8/Fxd0rrvo6zJc3utucbCz0/t+5FnwAlzNzq2pKsqsAAAAASUVORK5CYII=)}
#basic .sys.base{left:4px}#basic .sysmini{right:3px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABUUlEQVQYlY2QzSvDcRzHX79tNJu2xmIeamlWa0aNaDlwkXLwBzgpnDi5cLADxcE/4OCp9g8o2kkewsFJHvbzkIdEw8yM/UK2tt/XhZlc9r59+rx69/m8JIEg3+hyh4GJNXEsyyTiUcyWMuo8HubHO6SfvfTT3NkfEFqzm7HeWsoshURfUkwFLskkTlhd6JUANAA9I0ERfohSU2Fg5zDO8s4j63vP2G1F3Eee6BkJiix8dS5TWlJOOpUgeneNJFIY9VpEMkaFrZKrc/n3ZkVRaG7s4vZ0le3dg+wPAhga9hNcyoEdDifFRTpcrV48TT60Gg0ZVUVVwWQowOFwwsY37Gvxshl6o63bTZVVj7lYx0dSJfaaYnblFl+LF+ZybEwu7ovQjUR7gwWbVU8k9snW0Qv1doG/zyv9UQcwOnMmLsIfmIw6lPc0zmoD04Ou/57zyRf6TnysvRpn1QAAAABJRU5ErkJggg==)}
#basic .name{left:10px;top:20px;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#basic .job{left:10px;top:33px;font-weight:normal;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#basic .lab{left:92px}#basic .lab.hp{top:20px}#basic .lab.sp{top:41px}
#basic .gz{left:110px;width:85px;height:8px}#basic .gz.hp{top:22px}#basic .gz.sp{top:43px}
#basic .gz .fill{display:flex;height:8px;max-width:85px;overflow:hidden;transition:width .25s;background:none}
#basic .gz .fill i{display:block;height:8px;flex:none}#basic .gz .fill .l,#basic .gz .fill .r{width:4px}#basic .gz .fill .m{flex:1;min-width:0}
#basic .gz.hp .l{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAkElEQVQImWP8z/CfgYGBgeHs6g3/L63bzsD4n+E/w7Kkgv/vjp1hsM7IYmA62DXz/4e1RxhsXQIZxJVkGJjdPnI0aBgYMbDx8zL8+/GLgUWYX5SBW1aCgU9AgIGDiYOBhVdNkYGTj5eBT1yIgZOfj4FJLMiWgZebnUGAl4+BQ0IKYsurCzf+s91+wyAgJsMAAOj6JYqLXRX7AAAAAElFTkSuQmCC)}#basic .gz.hp .m{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAMUlEQVQImWNYEp7yn+Hhun3/mdjZ2BiYvt1/zsDExcTKwCQkKcbAxCouzcDEwM3DAAALkwkmw7gAzAAAAABJRU5ErkJggg==)}#basic .gz.hp .r{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAaklEQVQImT3MsQ5AMBjE8f8nJA0Jg9FkNLeDmLyVp/IS5r6EQQwmMRgkraHqxt9dTqy1ni/aaJFjWX5Y8xyZh8ED9NPE3jQksb23DYC0VgqA5zwDFG0LgCRhnJZdh3eOrKoCXOMYb9BGywuvUxh5m5oXowAAAABJRU5ErkJggg==)}
#basic .gz.sp .l{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAkElEQVQImWP8z/CfgYGBgWHN+rP/122/xMD4n+E/Q3L+sv/HzrxjyMiyZmDmnuH4f+aGxwyBoTYMJppiDMwfOdwaDIw0GPh52Rh+/PrHwMIvKswgK8HNICDAx8DEwcHAoqbIy8DHy8kgLsTHwM/HycAUZCvGwM3Oy8DLJ8AgIcUBseXi9Vf/b79hYxCTEWAAAIMsJIRkeG7hAAAAAElFTkSuQmCC)}#basic .gz.sp .m{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAMUlEQVQImWOIyVz1n2Hd/gf/mXi4OBmY7j/9xsDExMbFwCQuKsjAJCHDysDEwc3AAAAOKgk7UWqFiQAAAABJRU5ErkJggg==)}#basic .gz.sp .r{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAj0lEQVQImWOITJv3f/X6M///M0Agk7m9AUNtz3GG5Pxl/xkYGBiYlGTEGVwCbRnWHvnA0D3j4H+maw8+MzAxMjA4OxkwrNnzjIGFiYOPQVCAjYGRgYHh8xdhBhZpEX6Gj2xsDP/+/mZQU+RlYJGQ4mD4x8DO8OnTLwYHW2YGFhYOJgYOtg8MHmbMDPqayowAorMoAOYO7uMAAAAASUVORK5CYII=)}
#basic .gz.hp.low .l,#basic .gz.hp.low .m,#basic .gz.hp.low .r{filter:hue-rotate(-20deg) saturate(2) brightness(.85)}
#basic .gzt{left:110px;width:85px;text-align:center;font-weight:normal}#basic .gzt.hp{top:31px}#basic .gzt.sp{top:52px}
#basic .lv{left:15px}#basic .lv.base{top:70px}#basic .lv.job{top:83px}
#basic .exp{left:84px;width:82px;height:6px;border:1px solid #afafaf;background:#fff}#basic .exp.base{top:72px}#basic .exp.job{top:85px}
#basic .exp i{display:block;height:4px;background:#4262a5;transition:width .25s}#basic .exp.job i{background:#6b8f3a}
#basic .pct{left:168px;width:28px;font-weight:normal;font-size:9px;text-align:right}#basic .pct.base{top:70px}#basic .pct.job{top:83px}
#basic .btns{right:4px;top:18px;width:64px;display:grid;grid-template-columns:30px 30px;gap:4px}
#basic .rb{position:relative;width:30px;height:20px;border:0;padding:0;background:center/30px 20px no-repeat}
#basic .rb.status{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADN0lEQVRIia2WS0/rSBCFv344JigBI01YIKGwYUv2V5pdiAQh+Lc6D4TEr0h27LgCIdig3AQSxU67Z5HpHhsud2aYKSlyq8tdp+tU1XGExQLw/e67nUwmvNy/UP2tyv9laZqyWq3Y39/n5OSE5lFTAAiL9aC1Wo16vc729jbVahUhBNZarLWltZSytPezp1svl0sWiwXz+ZzX11cPLu7u7kqgBwcH5HmOEIIwDJFSfjnb5XLpL/r4+FgC10XQRqOB1hoAKaVff9XCMCTPcwAajYbfn0wm6HAdApBlGdZa73R0/RcrnrfWkmUZAFprtKxvqIyiiPV6zWw2w1pLnue+XlLKD0F+5f/Moiji6emJIAjQUkp2dnZ8XYMgwBiD1pogCMiyDGNMKXCe5x/8Sin/zvtmXK/X/lev15nNZsg0TX0dKpUKQRAQBAHWWtrtNtZalFKbW2rtAYt+t++AKpWKL1sQBIRhSL1eZ2trC2MMaZqi0zTFWuvH5/T01N9cCEG322UwGHB+fl6iLUmSkv/s7IzRaARAu91mNBphraXT6XgGrq+veXl52QADfm47nQ79ft8Dx3HMYDAAYDgcembiOPbNlySJD2yM8Rc2xhDHMUmS+IZK05Rarcbz8zN+XtI05erqim636zMqBlFKEcfx3zbQe1bcmdFo5IUH2AC7xipS6LJyNe71evT7/Q8ZF8vys7VLoNvtcnNzw3Q6/QsYNsPe6XT8bQeDAb1ej8vLS093MWOnaHEcMxwOGQ6HXFxclPy9Xq9UX2OMPyeSJLHHx8dEUYRSijzPP5VJR1NxtIQQXuHW63WJPXdGCIFSitVqxXw+5/b2dpOxm1+ttZc5pdRnpSuZExDAi0rRXH9kWYaUkvl8DvxJ9WKxQGtNtVolCAIf0An8V8xlXmTJGMPb2xsAPqrT6jRNvQRKKf0IuWdx/atnMYbTCqfVALrVajEejwE4PDwkiiKMMaWX/olZazHGlGrqSqiUYjqdcn9/z8PDA61WC908agrusA4cYG9v719/Et9nq5Tyc/setHnUFKL412c8HjO5niAOBD9mP1itVl8Ch804hWHI7u4u8+mcb79/86AAfwD6lA2fh7KKvQAAAABJRU5ErkJggg==)}#basic .rb.status:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEsElEQVRIia2Wz6td1RXHP2vtfc659757e+Ov+INCArXT3IE4EZxbBU1a8+hIkVahYq1NE2OiUaNR88uAgg100BYcCDF5mJaK/g3Fwb1THSRU25qUtC/vJe+dc/ZZy8G5774kYKzigsPabDj7+/2uX3uL4wCcPXPWJ5MJF/5xge7NXb4vq6qKsizZuHEjW7ZsYdPmTQIgjvPpZ2d8PJ7Q7fXpzg3odLrkRQ93wdwwM0QEd8fdUVXcfbZ3rVdVVBQRpyovs7q6wsqlJVYuLzMabeHHd26WePbMWR9/MqHT7VN0+9x08+1UqaExIeYddMrc/f9TKNJ6FaEqV8g6A+b6GzhvjjuMxxPyM+JxMmmVFt0+ww23kDxgBEyEqmmVmX278KqCiIDkgJMchhtumRGbTCbEIhWsBijLmioZKk6VwGipm/OdgHVNOU7uYMkoy5rGIIuRqAPFSmcwGLJaJsrli5S1UdZGagx3AQlXHew4bjbLq6giU6Ii7acCUYUsQh6FIhN6gyGLF74kyzOiqjLXH5CS4QoSMqxOhKxA80hV1aTmGsluaCzIYk5KFWaGqrbFNaVGEFBwdRpvqFKDeqI3N0BtGa2qiqYxzCGEHDQDzaiTseuJB6gbMFeQDCfiREwy6uTs+dX91MkxAk6kTk6dHDQnJSc1DpIRYkG3NyDLO6TUUFUVsaoqYjR6RY/kwlOP/gSfhU14+Tdb2Xv0JK/v3HqV6OcOnwDgld9uY+/Rk+zf+RAvvLkAAs8/eT8vv/UBYPzu8QcQHA3Cn9/7kNVL/22BAbrdOfKiw+M/v4/Dxxcoa6iSs3/HPHuOnsQd9hw9hU+r7NDueUAQEXYfOoFZm+vUNDPCTUq8smueA2+dpJML/V5GXVX0en0uXj7fAgPUdcU7f/wrTz72IO6w783326qcHqhBObh7/ltV90vHTvDiM9sRgd//6S+IKpbaKogA7oZOO//I8VOUNez99cMte5wYA6/tfJg9R1oybzw7j2pbvrrWN1esZbpWhQNvt4qf+sWDvHviY5ZWFteBATqdgl8+ch9m4O4ceHuBF57+Ga/t3M6+YwsIcPDZ+SkZiCHM9vYdW+DFYwu8uuOnM7UxBvY/s62Nmgp/ePdvuDWE0LamnD592m+87UcU3SFVo6yUDWUS6gZS4zS2PkB8OjdlbS5OLWQZAE1dA46qEBRiEDJ1OoXS60SCV6Rqmf/889NWcVChKDKCBYpuzkplNKYkAzPHrjOnhXaAAO1QwVFpVUaFoEavCERtiBJYqpfXQ12WK9xUZEjo0BDJcyeZUCfDp9eEO3zTPSGsXxKCkUUlqpNnQiDhjbG6enkdOAi41WR5gaeaXqegbqDIhKZpwc0NlZbE2vrrvGCEEFAVsgCWSmKEqq4JU2JxNBrx90/GOHDr7T9krj+kccNSPVXQ6rxyaK79fJV3B2v72AHVSHAhCxkhBi4tL/Llvz7n3L+/4O67RsRNmzdJ9Zn7eDxBgNvugB8MbyALGTZN7vVyvGZmhpnM5naMgRgCQeHi4iLnpqCjUfsKkSufPuPxmMlHE+QOYfHiImVZfjPiNeBrpqoURcFwOGTpf0vcc+89jEaj2dPnK76yS58g0UQtAAAAAElFTkSuQmCC)}
#basic .rb.equip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADW0lEQVRIia2Wy04rORCGP1/aToBAkCYskBA8AdkfaZY04RaeNSSLKCB4BvIEHIEQqyOuQbHT9lkgW8nAaCTOlNRqq7pcf9Vfl0REIgA/b37G8XjMr9tf1P+q83+Jc47pdMrGxga7u7ts72wLABGJGXRlZYVGo8HS0hL1eh0hBDFGYowLZynlgu6rdzq/v78zmUx4eXnh9fU1g4ubm5sF0M3NTUIICCGw1iKl/Ha27+/vOdD7+/sFcD0P2mq10FoDIKXM5++KtZYQAgCtVivrx+Mx2s4sAN57Yoz5Y6LrT2T+fowR7z0AWmu0bHxQ2Ww2mc1mPD8/fwskhEBVVYQQkFKilPpUpmazycPDA0VRoKWUrK6uEmNEa421NjuAD8qllIQQCCFkVhIjKSvvPY1Gg729Pc7Pz5lMJmitc5OFEHDOsbq6ytPTE9o5R4wRpRTGGKqqQghBURQ5k9lshlKKoihy4yXw2WwGfNTTOUe/38c5hzEmB518pmlwziGdcwghMMZQFAVKKWKMlGVJWZYZKIRAWZZ0Oh329/dxzlGWZR6x/f19qqqi2+1SVRWHh4d0Oh3KsgTAGJMZcM6hAZaXl3MHCiE4PDzk7OwMgKOjI87Ozuh2u1l3enqa57Wqqk/Up6fX6xFj5ODggPPzc7TWLC8vfzRY6jgpZc4sOZ/vyO/K/DJJ7wycOrEoimzQ6/W+dPBVdv+W8TxQ6vSUmE6XEnAIgeFwSKfTyaCDwYDBYMDx8XHWSSnp9/ucnJws6OYllWQ4HKK1zkll4KSUUlKv1ymKgouLi8xE2mCj0QjnHCcnJyilsNZmu5ThaDTCe48Qgn6/jzEGYwxKKaqqyr5yjYuiyPvZe4+1NkeYMplOpzliYwz1ej0HnZjz3jOZTICPEbPWsrS0hPceY8xijd/e3haoSkEkFubrDHB1dUVRFFhrP+1zpRQAl5eX2Wa+tgkr3/LeU6vVcM5Rq9UyUKI7hIBSilqtluc9BfJPG2MM1lqEECilmE6nGSOJbrfbXF9fA7C1tUWz2aSqqgWjryRtrP+yS+CPj4/c3t5yd3dHu91Gb+9sC26ICRxgfX39j38Sk8QYP4Fu72wLMf/X5/r6mvFwjNgUPD0/ZYq+K9Za1tbWeHl84cffPzIowG/BV+j5ZhrlIAAAAABJRU5ErkJggg==)}#basic .rb.equip:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEvElEQVRIia2Vz48dRxHHP1XdPfPm/fBbI8s4AWmdS47ePSEC/wHYoBCcC7ccwJIThYQ4KN5E2MJBKIkSKScOiCMHHAsZIRnxDyAhRVk/br7EK0hkInBi74/33vSP4jBv17urKCFSShp1q6Z7PvXtquoRwwDYuL1hk8mEu/+8S3Os4cuytm2Zz+ccP36cU6dOsXxyWQDEsD3ocDhkNBrR7/dpmgYRwcwwswNzVT3g+7Rxdz6dTtnZ2WFzc5Otra09uN+4vWHvvneTpj9Ew5DB+AQxF+7PhFD1HoRu+2SUQ75PGVWE+XyK6JDB+AjbM8PXxrvv3YTbmJ9MJjT9IU1/xPjoMTKegmGixKwUM2w/9P8wkQ5cpEIoZITx0WN7cU0mE3ydamKA2aylTUYWI+VOlCiYQbFDij+TCiod3AookIuRkzGbtZQCIQS8jpTcwpHREtNZpN2KxGSkAjkbeQH9PNXFCqVkzAqqSvCO4B1eIXih8jAYLfHxf/9NXXlUVRkMR+RcQDy+HoCryXgyAZMac32K1mQJJLonSyBLRdG6e2ceX49Ze/ZHhN6YmJVkjiIBE4/hyLkwGI5QVeTGjRumva/g6yG+GrIzz7QRYlFSNnIupFxQUUQVK6U7R0BEyDkBoOpIKYIVnFO8U4L39GrFa6ZyhuUpud2mzO6ibdsCgvcV4ioMR8zGCz/+Lj8/d4Y2FlKGNhUunj/N2jPfY+3pM8zmLRfPnyYmIyZj7elu7aXnzjJrMy+df5wL507z7FPfoRRwvkLVA0LbtniAXjPAh5p5ypgpL577PpffeoeY4dJPH+fi61f51YWzvPTaVQB+/eKTpFwQhJjSoqaEsq8QRITLb13FO3jmqTP89vd/QdXTawbM7tOBWVwKu0UC8IvnntxXOF+sn0rZ3bcISYRSDBXZdXbgUgoiSggOnRuIcunNPxAzlGIdeJHXhZyD4yGf7KuBXVNVnDpSLA/AIoKqEFzAh8xrv/kTF35yZq+F1t64xstvXOPKC0/sfcipY+31d3j1wg8P+AQQ6TZefv4sgvH27/6MX7RW3g3q+vXrduzhRwnNEur77LTG9k5kezqjjYWCoOoxIMVIii1XfvYEr7z5R0IVFkdrHVAFK0bOkV8+/wOuvH2NflMzHNQMG49aS5x+wn8+vLXIMVBXgSJCv6kpprhQEZMtUtLlv21b5jNAoOlV1L0+zrkD+c050863AWiaHv2m5shwgNeEw4hTHigeHn2YE197BFyPVDxtNGIR2lQw2y06yDnRzmekFPE+UNU9nPOHwInUzig5UteBYb+m3wt4TZBn3PngfbY+/rBTrCpYSYQAuUTqusZl8E66thEll4JWnlQ1lFyhziEI6gQrpbtcrFuTQ41zPYJz1JWCtXgVYkyodjn2Kysr/O3v65RiHD/xdZrBErkUSoo4QNQopbv4AZwDHEBeaEy7mYDFmlB1650mKh9w6pltf8JHd/7FR3c+4LFvrOKXTy7L9JbZ+vpNAL76kDAYLeFdwMzI5fN/EIdNBJx23eIUtjfv7UFXV1dYPrksYhhzzN6/tcH6+k3+8dcJPCTcu3eP+Xz+haH74XVdMx6P2b6/yTe//S1WV1d45NFlakT+B0ajXCjior1UAAAAAElFTkSuQmCC)}
#basic .rb.items{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADCUlEQVRIia2WTU8qSxCGn/6iQRAhubgwMbh0JfuT3C0xEuC3Dkjiiv8AK5ecaIyrk+GiIsMwfRam+84gOQs9lVSm0l9v1dtV1SMcDoCfi59uPp/z6+EXlX8q/C1JkoTNZsPp6SlXV1e0L9oCQDhcAK3VahwfH3N0dESlUkEIgXMO51zBllIWxg59vb1er3l7e2O1WvHy8hLAxWKxKICenZ2RZRlCCKy1SCm/HO16vQ6OPj09FcB1HrTVaqG1BkBKGeyvirWWLMsAaLVaYXw+n6NtagHYbreByt1uh5QSIQRKKYQQXwLO73POsd1uAdBao+XxB5WNRoM0TYnjGGMM1lpWqxVJkqC1Do58RxqNBs/Pzxhj0FJK6vU6zjm01lhrUUrR7XaZTCZUKpXAgk8a74BnaD/K/fksy4LW63WWyyUySRKccyilsNaGDePxmDRNub6+DvPGGIwxAcQY80FbTg/Nl8tlrLUh05MkQSdJghCCUqlEuVxmvV4jhGAwGBBFEUIIer0e4/GYm5sbAG5vbwHodrsHKd2fd84xnU4xxiCE+AAGqFarwSOlVCgnr1EUMRgMGI1GAPT7/eBUFEUADIfDYPf7fQBGo1G4wjRNsdZSrVYBPoB9rXn1JbAvw+HwD6lTlCiKwvrJZIIQIjSeAJxlWajbNE0/JVI+8rzkE+mQ7SPu9XpMp9OQYAHYeyOlRCmFUgogdK3hcMh4PA4U5u8x32S01iEiH61zjru7u089QURR5C4vL2k2m9RqNQB2ux2bzYYsyz6Vi+/Fvq4PtdQ0TUNknkmlFO/v78RxzP39/f937MvAWst2u6VUKh2s031aPXD+kcg7nGUZxpjCmYHq19fXwiE+7X3SfUV8ZeQdKGD5hb5XJ0lSoNFvyGf6/tihb/4M36R8rwbQnU6H2WwGwPn5OY1Gg91uV1j0HTHGoJQijmMeHh54fHyk0+mg2xdtwQLnwQGazea3n0QvzrlPoO2LthD5X5/ZbMb8bo44Eyz/W7LZbL4Faq3l5OSEVbzix78/AijAb3S/4dfLmRqZAAAAAElFTkSuQmCC)}#basic .rb.items:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEWUlEQVRIia2VS49VRRDHf1Xdfc+cufcyg8ERjMnghiUzK+PjI2gUA+LSpZoQEgQRHMEHaHiETGJcmahLwzAsSFzhBzAxIQzXHRuZ+AgSReZ5zz2PLhfn3oHhEcHYSaXqVFf6X1X9P9ViGADz1+at0+lw85ebpJtS/q+V5zm9Xo+xsTG2b9/O+NZxARDD1kBbrRbtdpvh4WHSNEVEMDPMbJ2tqut899MDu9vtsrq6ytLSEsvLy2vgfv7avF26fIV0uIWGFs2RzRRVZDETQmPodup2RxnxLt99tIrQ63URbdEc2cBKZvjEuHT5ClzDfKfTIR1ukQ63Gdm4iQpPxDBRikqJZtidoA+xRGrgKA2ESIUwsnHTWl6dTgeflAlFgCzLyUujJJIXFVUU1IGoe2Rg1RrcIihQRaMqjSzLiRFCCHhtK1UOG9qjdLOCLM+IeNQ1WFldpNfLUecRUQR5qGoRcALOCV4heKHhodke5e+//iBpeFRVabbaVFUE8biQIi7h7TdeorKATzYgLqU0T4mnkkAljb4ESvxdEoj09/G1mFJFoSgrmq02qormeU4VjSgOcQ2KysiLyGdfnKfbKzjw1stkhVFGpTJPZZ68NPLS6u/o1kt/vygjkYDhcD5BfYNoQhWNPM/xeZ4zNCR438A3UiyLVAbv79nJkTPnEISje1/lgzOzHNu/A4AjZ84DcGzvjntbjXB0+jxOYWrPi/32G9+c/R4tA7HMamCAobSJD0k/yBGtQkSIVt/p4VMzHN+/i8OnzgFwfP8uDp2aQRAOnZoB4MTB3X0ffLJvJyLCx9OzeAettEFRlDRCgtdItkgNTH8oRAREMKtBB2wekPrEwd3/Sq5B7NTpGT7ctxsVY/rLC3UvVLGyjvAAMUZEFOc9zjlEyj476wk0oOuhk2fvQ+F7bZG6gI+mzxGc8c6br/DVtxcRKYgx3gYWEVQFcYpzDuccAM4pACffe52p07N8+u6utcOnTs/WB/iw5rvT/vTAa4iAYHz+9XeoCk4dZT9BuXDhgm16chshHUVDk27PWMlKVlYz8jJSlOunx2AWA6gqorq+CUCMJYoRHCQNx3AaaKUetZyie4s/f7/av2MgaQSiQJomVCY4HyhKq6dO5IFr0J312VWogHdCcJFW2sBricMoutxuddZdZvSxx8EpZYThoUARlaKsMKsrig85NlUAAiKR4B1BI0kQvBpUBVl3+TawqmCxJASoYsFQkuArCM5RVjXxqj4BASzGmqF3a4u4vvbO4Z3gnYPYw6tQFCVaZ4afmJjghx/niNEY2/wUaXOUKkZiWeAAUSPGQSWDsh6ghfpJVFAENWi4gAuebOUWN67/yo3rv/HcM5P48a3j0r1qNjd3BYAntgjN9ijeBczq+/0vz6LT+m9xCitLC2ugk5MTjG8dFzGMHmY/X51nbu4KP13swBZhYWGBXq/3yKB3gidJwsjICCuLSzz7wvNMTk7w9LZxEkT+Af+hHddqtQiHAAAAAElFTkSuQmCC)}
#basic .rb.skill{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADOElEQVRIia2WS0/jSBSFv3o4tokJiTRhgYTCkhXZtzRbEAlS+KuxgjR/I1mxpAVCrBoaAvGrXL2IqsaGZhbNXMmqUqV8zz3nPhxhsQB8v/luV6sVP25/EP8V839ZURTkec7+/j4nJyeMjkYCQFisB02ShN3dXXZ2dojjGCEE1lqsta29lLJ19rvV7TebDW9vb7y8vLBerz24uLm5aYEeHBxQ1zVCCMIwREr5x2w3m40P9P7+vgWum6DD4RCtNQBSSr//UwvDkLquARgOh/58tVqhwyoEoCxLrLX+RydX06y1GGO8nFJK6rqmrusP775XylpLWZYAaK3Rcnd7od/vU1UVz8/PnzIwxqC1Jooisiwjz3OiKEJr/QG4LEuqqkIp5c/7/T4PDw8EQYCUUtLr9bDWorUmSRL/dLtdoiii0+kQBAFaa+I45uzsjDiOCYKAMAyZTCYYY5hOpxhjmEwmvkCTJCGOYx9cr9fbprEoCqy1KKUIw7AlU1VVSClRSlHXNVJKiqLwqVFKYYxhPp97xm6t6xqlFEop7zPPc6y1FEWxBRZC0Ol0iKLIA1RVhRACYwzn5+dervl87ltFSsl0Om2dNx9XoM5nlmUIIbbAAN1u17PVWqOU8pGfnp6Spmkr1w54NpuRpimz2ewDqBDCM3Z9H4Yh3W53W2BOHiklUkofqVKKsiy5urpqsXI2m80+LUJnzl9TIUdIunw4WVyULlIhBGmakqYpl5eX3lGapr9l+Z6xI6G19u3nGTuWrqiazB1bgMVi4Xtba81iseDi4sK/01zfB9/0CyDm87k9Pj5mMBiQJAlaa4IgoKoqsiwjyzKMMZ9Osqqq/EBpShyGoe9x19Pr9ZrHx0eur6//zXEQBJ6JMQalFFEUEQRBa1K9/yC4qdUEbtaJGzpVVXlfXurX11cfadPJV+a1y2WzsFpY7qKb1UVRtHLsHLi1uf+vtenDDSk3qwH0eDxmuVwCcHh4SL/fxxjTuvQVC4IApRRPT0/c3t5yd3fHeDxGj45GghusAwcYDAZf/iQ6s9Z+AB0djYRo/vVZLpes/lkhDgQ/n3+S5/mXQMMwZG9vj5enF779/c2DAvwCiYHcsBD1fxoAAAAASUVORK5CYII=)}#basic .rb.skill:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEa0lEQVRIia2Vy4pdRRSGv7Wq6uxztVsNMYrQcZJhukfi5RXEeIH4AF6mEZUYiUIEAzHGF7GJkKkvIAjBznGWiWm8oIIxSaf7nH2ptRzU6WOHBIxgweYv1t5V//r3uonjAGzf2PbpdMrNn24yODTg/1pN01DXNYcPH+b48eOsHV0TAHF8SToej5lMJgyHQwaDASKCu+Pu9+xV9R7bg3B/P5vN2NvbY2dnh7t37y7J4/aNbb/6/TUGwzGaxoxWjtBm485cSKkCkeK6H5Bh3Gt7AKoIdT1DdMxo5RF2506snKvfX4MbeJxOpwyGYwbDCSuPHiITMRwXpbWAueMHSR9iiRRikx6CkRFWHj209Gs6nRKrrqJNMJ83NJ2TxelyESUK7mBeVLg72XIxiqCqmBluhi+9E4JCCAEVRwWyOblz5vMGM4gxEnWi5AYemawym7c0d1vazukMcnbyPimQcyaEQFX1qes5bdvQ61WEGEtsEdhXm1vEM70USFHoRRhNVvnrz9+peglVVUbjCV02kEiqRoTeCE1DiENcKjoSnUc6CxAGnHrzJQgDOo+YVLz39glm88x775xgb9bx7lsvQxjgoSp3xT5IpMvGaDxBVYlN06DqiAQk9GgzZFeyQ9O1ZBPcI26GibA7q3GH3VmDmTKrOz75cpO6NdwpCNRtJmoguxJEkKB4rsnmWNMU4n5fiLFH6vVp5hkXocuFtGkz506dWCbG2S82F+8dUD499eo99mwCFFRVXCKIk3oBrKarhaZpiAD9wYiYKhwQDeUAhotz7t1X+Oji5pLYHAShy8aF0yf56OImF06fXNrNS1pnE5IEEC1JCsRU0R+MmN+hEOOOiOJoKVtRRAOWWz6+9DWfvf8aAB9+/tWyZC6cPrl/9H70BYoCpZmUMtPlhwpgZqgqIUY0hPJoQFRAhDMXNzlzcZPPz7xRLlnYWHSog7i/F5FyhygaQrl7UX6wUFw+KgkQ1AmqqJYYnV+odeDspctL72OMnL10mfMfvA5AUC0YFhiVGAIhKEGVEAS3A+qvXLnijz91jGq4isQRTVZai8zqjr29ObPZjJwNUUFDvK9LWe72+8lyqSqDfp/hsM+giiTt6AXDu13qvVv8+ev1hWKcXkqYQBUSeZ6pUoBhn5Qi2aCEXu8bCG6lfJa8AkGFGANVCihWGobXaEo0izSNAPPZLquPAUHpzKmSoFkQUarUxw8kz78tkYWTYqQgpABRnagKuXAtiVUFt46UIFtLv6qIGVIuZSOiZCsI4GaI6v3oRlhgDIEYhBgAq4kqtG2H6iJH1tfX+fa7Lcycw0eeZjBaJZthXUsARMt00gMxLLXwANxXq6AI6tALiZAi891b/PHbz/zx2y88/+wGce3omsyuu29tXQPgiSeF0WSVGBJm/s9kerg/XWItxVHVMql2d24vSTc21lk7uibiODXuP17fZmvrGj98M4Ujwu07t6nr+j/P4qUDAlVVsbKywu6dHZ578QU2NtZ55tgaFSJ/Ay2gRp/AkQkIAAAAAElFTkSuQmCC)}
#basic .rb.map{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADJklEQVRIia2WT0sjTRDGf13TMx0TM47wxoMg8ROY+8J7V4OHoAfBryjES0BFPKu35BO4KOJp8V9MMv96D6GbjO/u8rJaELromXqe6qqna6IsFoDvt9/taDTix90Plv5Z4qssTVNmsxlra2tsbW3R3mwrAGWxnnR5eZlms0m9XmdpaQmlFNZarLUVX0Qqe79anT+ZTHh/f+f19ZW3tzdPrm5vbyuk6+vrlGWJUgpjDCLy16edTCY+0YeHhwq5XiRttVporQEQEe//rRljKMsSgFar5fdHoxHa5AaALMuw1vqHrlyfscV4ay1ZlgGgtUZLc17KJEnI85yXl5dPkf3JkiTh8fGRMAzRIkIcx1hr0VpTq9W+nLAoCrIsI01T4jjm+fkZnaYp1lqCIMAYg1IKEaEoCtI0Jc/zCojWmiiKACrPtdYEQUBRFOR57t8LgsBjzmYzrLWkaTonVkoRRRG1Wo2yLBER0jRlZ2en0neYi24wGKC1Znd3t3Ld+v0+vV7PK3kwGFCv19FaIyJMp1OUUnNigEaj4U/rMnfW7/cB6PV69Pt9wjCk2+1yfn7O2dkZ4/GY8XjM0dGRP/3JyQlaa7rdLhcXF0RRhLUWYwyNRmNeIcBnKCK+LM6P49ifNI5jr9SyLAmCgP39fX/v3c/FuP66geNWT+zK6+5tEASVJADvO+Isy9je3ub4+Jgsyzg8PPSVmkwmaK1RShGGod8XEX+v9SKoIxERoijyvXfvuD0RIQxDlFIcHBxUYqy17O3tISJcXl5Sq9UquC5x7RTpRKK1JgxDms0mNzc3vgoffYCrq6uKqqfTKSLC6ekpSZJgjEFrTZZl5Hnu8Ss9DsPQAxRFMZ8uCyPzd/5HExGSJPEiclh5nhOGYbXH4/HYB/3qS/R/zRjD9fU1WuuK4BZxPJcLcrM6TdOKsJwY3Lrof1xFxPd0EcMNKTerAXSn02E4HAKwsbFBkiR+xH2FOVU/PT1xd3fH/f09nU4H3d5sK26xjhxgdXX1059EZ9ba/5C2N9tKLf71GQ6HjE5HqHXF88szs9nsU6TGGFZWVnh9euXbv988KcBPAhK9XnwanJgAAAAASUVORK5CYII=)}#basic .rb.map:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEeUlEQVRIia2Vy4tdRRCHv6ruPuee+8jcaBijCBM3LjOzEh9/gBtBA4LozqWIiIpKImoMRMIgvhAX4kpQiJsQXShuXQiCOHPdZWMGH6jgIzOZuefVXS7OzZ0ZjRLBhkMVTZ/+qrrq1y2GAbBxccMmkwm/ffcbxaGC/2vUdU1VVSwuLnL06FGWjiwJgBg2hw6HQ0ajEf1+n6IoEBHMDDPb56vqvrmr2Sv+dDplZ2eHra0tLl++PIf7jYsb9tXX6xT9IRqGDBYO08TEZimEkINIF7rtSSOxf+4qVkWoqimiQwYLB9guDZ8bX329DhcxP5lMKPpDiv6IhYOHiHgShonSJEcyw/ZCr2GIdOAkGUIiIiwcPDSPazKZ4PM2pwlQljV1a0Qx2tglJQpmkOwvGf8rFVQ6uCVQICYjtkZZ1qQE3nu8jpRYw4HRmGnZUF9uaFqjTRCjEWdQ++tx/wNUZtYJOCd4heCFzMNgNOb3X38mzwJeVRkMR7Qxod4T8pykRopGUlDrsr7WjEV2P3UdXDWBtLRtzWA4QtotfF3XqBoiDnEZTYRoStNGpmVF07Qk2+U65wkhA6BpamJs5/NOHckiFltC8BS9HFXFiSBOsVgRk5HqugP3eoL3GSHrUZcRE6FqKo4/ei+WOuQVsKry/KvncM5z8vH79sntxOpZXn7mAZhJ7vRb5/B+AOIJmYNU0VZCXdd4gF4xwIccA0QdqkpK3REfXz1LMjjz7AM8e+YszntOPXGMF9/4mBde+4iy3KGcbvP6yYepmxYDTqx+SAie5x47xqvvfkK/yDDAh5xeMaDcpANjhohiaCdbURBFRMiLUReQKL3+CJnpOqaEqmP1+IMkSzO9C4LQ649wKmAQ24iIzuo/kwldt5NS6mrhPeoc6hwyA6vqfl+7TWLbcOrxe3jq9Ps8eeq9WRkcAHU1JbYNiOB8QJ3r9lYlpe728V0kgmrXAE4Np0qWZYgIWZaRrFsTQjYPIISAiPDKiYc6qCghCxjGy0/fj6qy+s6n9IoeThXnBEsyPzE5f/68XX/TreT9MeIH1FFpkmdatZRVC+Iwgza2ONdV5konpxhJM1+dp6lLnnvkbl568yMOLIzpFzlF7gnakrmEtdtUO3/w648XZhljZCGQBHIXiGUkzzzO+a79DXLze9S6198d5bQ7jfF4zGAwwDtQEnkWUKvQEKhn+vDdD9uMrwOc0iYjD4JGEBJeFYNruq+95rz9wecE7/EuEZwSnODV8KoQO9YcrCpYagkBYmro5Tk+QohCGxMiSkxp3p2WEqL6d2sOpwGzhHeKd4J3QKrwKjRNi2pXY7+8vMwXX66RkrF4+GaKwZiYEqltcIBo9zrN1rOrhavY2V0tCoqgBpkLuOApt//gl5++55effuCO21bwS0eWZHrBbG1tHYAbbhQGozHeBdKsvth/epzmL5Sq4BS2ty7NoSsryywdWRIxjAqzby9ssLa2zjefTeCwcGnzElVV/ee3eB6AQJ7nLCwssL25xe133cnKyjK33LpEjsificUfuWxeC+oAAAAASUVORK5CYII=)}
#basic .rb.option{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADM0lEQVRIia2Wy07rSBCGv263Y8ciIUgTFkgo7NiR/ZFmRxwiQnhVclmQFc+QbNlwBEKsjsItlh27exZRt2LIoDOcKcnqdrkq/1+Xro4wGAB+3v008/mcX/e/qP5V5f+SLMtI05T9/X1OTk5oHbUEgDAYB7qzs0OtViOKIqrVKkIIjDEYY0p7KWVJt221+yRJWC6XvL6+8vb25sDF3d1dCfTg4ACtNUIIgiBASvntaJMkcUQfHx9L4GoTtNlsopQCQErp9t+VIAjQWgPQbDadfj6fo4I8AGC1WmGMcR9tuv5NjDEUReFS63neJ/vNd2MMq9UKAKUUStbWqWw0GuR5zsvLy5dgWmu3BkFAGIakacpqtcLzvC8z0Gg0eHp6wvd9lJSSer3u6ur7fontZnNZve/7JEmC53l0u12m06mLepuv1to99Xqd5+dnZJZlrg6VSgXf9x04sGanFL7vOwKnp6dIKdFaMx6PyfPcEdrmG4YhlUoFAK01WZatgY0x7vh0Oh3iOHYM4zjm7OyMOI4xxjiQfr+P1prBYOAIxXG81bfT6SCEoFqtYowhyzIUQBiGhGFIt9tlNBohhODi4oLhcIgQguFwCMBgMPiks+d1MBgwGo0ASr5XV1cA9Ho9ptMpYRiuG8yGbzv6q07+jnzsbFtWZRVSylIDfXy26X9H95FACVgphTGG6+trer0eAOPx2DldXl4CMJlMSjpro5RiMpnQ7/ednQVSSjkSnue5SSiGw6E5Pj6mVqsRBAFFUTjDNE05Pz9nPB5TqVRcZ+Z57hpKSul+LM9zB7YpRVEA6yG1WCy4vb3FWVSrVXdsbM1t3YMgIIoigiBw6dq8DOylYdNoy2Z1UkqSJCmlXAG8v78jhHDn2LIsioKbmxt83ycMw/80u+1A2iSvtWa5XK7JWUM7q7MscxdEFEVEUUQYhqVGsZF9tdqopZTYWWFnNYBqt9vMZjMADg8PaTQaFEVRMrK129T9rvi+j+d5LBYL7u/veXh4oN1uo1pHLcEdxoID7O3t/fGVaMUY8wm0ddQSYvOvz2w2Y349RxwInl+eSdP0j0CDIGB3d5fXxSs//v7hQAH+AVFq80XZ7k9XAAAAAElFTkSuQmCC)}#basic .rb.option:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEkklEQVRIia2WTY8cZxHHf1XPS/fs7HoMOIZYSPaBXD2HKJdIfADDglCI4YR8IsjCziFO4iAnGyRbCg4kvFwijsAJh6zkAwLxFVAOM1eCZAsQSZBWWdvZne5+uopDz87GFomIlJIelVTdXf/6V9fLI44DcPvWbZ/P5+z8Y4fRsRGflbRtS9M0HD9+nNOnT3Py1EkBEMf52zu3fDabM1pbZzTeoK5H5GoNd8HcMDNEBHfH3VFV3H1le1CrKiqKiNM2eywW++x/eJf9vXtMp6d55CunJN6+ddtnb8+pR+tUo3W+cOxh2tLTmxBzjS4jd///GIoMWkVom31SvcF4/Sj/MccdZrM5+ZZ4nM8HptVoncnRhygeMAImQtsPzMw+XXpVQURAMuAUh8nRh1aBzedzYlUqFgGapqMthorTFjCG0M2H86C4OWb9KsWqAVFZsh0OgOJkBytG03T0Bjklom4o1jgbGxMWTaG5d4e2OF2BYo75kGZ3cBw3W/5rI6WKXI3o2gWldAO4DKxUIKqQIuQoVElY25iwu/MeMUZUVRmvH6EUo3eQkHBNEDJoxiXTEzFJuGQkjsijoxBqeiLP/WATl4xJWp7hGzTjmjCJGErvUIoxXj8yFF/btvS9YQ4hZNAEkii9U3owIk4ESXTFKSb86PzX6E3pivPSa39g0RZ6U5CEEyk9lB6QCBIJqSaEjDn0vdG27QBs5uRqhCNcOHeGS9//OqU3ut546cImLz/9TbYubtKb0XUdAFefeYKuFK5eepLeDDNn6+ImWxc3V9++cH6TZ5/6BhfOncERcjXCzGnblghQVTVVVXPuu2d49Y1tmg6uPP0kV356AxHh8vUbALzy3FkuX7/fJiKYOdcvn+WFV98E4Nqlb/Piz97EUa798gZ1Fs6f2+Q3v/8T1taUPYY2NR8K5sDRZykisvLp7pgPvRkPDEEVURkq8j4tBFUcBxFU5VAPnu+zCbJsL1lVuAirVnP7CHCKEYBf//aPPPW9Tdzh2q/eotjw8ivPnwVg6/XtAQv4yfPf4cXX3kKAlBJbr29z9ZknAHj559vEoMtnkZwUESHFgOgwC+XmzZt+7MQjxLxOL5m9RaHpoOuF/cWCKz/8Fj/+xTYhZmLOAFgpq8EhqitnVgrIQEQVUhByFFI06ghRCs3+Ljvv/n1grALj8YhigVyN2W972m6YYqLCeK2mqkekXK3S5TjCQYqH0epmIBBUiUEGcDXqKiD9AkUojRymerHY4/NRyaGiJ5KS07Q9ivHG7/5CiImcazTETy4kDpeEYKSoRHVyEgI13sNOs38IHATcOlKu8NKxVlekFKiS0JUe0QAiBD2Y34aKfqwWjBACqkIKYKUhRmi7jrAMLE6nU/769gwHvvjwlxmvTzDvsVKQCFEB+uWiKBwE+nH6cDkI6pBDRGPgw3u7vPfvf/L+u//isUenxJOnTkr7jvtsNkeAL52AI5PPEUPClmvpf22nT5IVuApB4c7uB7y/BJ1Oh1uIfPTqM5vNmP95jpwQdu/s0jTNp0N8QKqqYjKZcPeDuzz+1ceZTqerq89/ASaRMgEhOYfbAAAAAElFTkSuQmCC)}
#basic .rb .points-badge{top:-7px;right:-7px;min-width:16px;height:16px;line-height:16px;font-size:9px;padding:0 4px;box-shadow:0 0 0 1px #fff}
#basic .extra{top:104px;left:6px;right:8px;display:flex;justify-content:flex-end;gap:12px;font-weight:normal}#basic .extra b{font-weight:normal}
#basic .miniline{display:none}
#basic.folded{height:34px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAiCAYAAACEGMbzAAAEbklEQVR4nO2dQW8bVRSFz32eQqFJpYpFUyT+Q3YIKeEHsWHPhv/Ejm36B6IuQEUOQoDEpKCSxk0TbL97unhjO51mZp7buL4z3G8Tx+NMznnzfOe+MxNHCAIAfv5twqh38MOPT7AgRgIScSMc3fx8DxBZPSYJCFANQ3oOhCB8cF3rYt2HdX11svQKBz/3F99LELRBlbQPVLuhVo+A77/9SgBACGL85wX/enaG2Uxx+d98+UOJhgKDPg/ymwP3pl+ACoided+IdR/W9dXJ0xsx9Lm/fNxeXxBk9fowEoACVcV0OsXTkxf47psvRX76/Yqnp/9gOlO8upp1CmoS1ieCtE8QkiC09TUWsO7Dur46OXohHPzcX6Bo9zkKI1AJrZoQqbqXqAqq4un4XxQXk3M8uH8X01nEg/sfv7UTaajWbOxs7EPWJvW1IkoSJDAKhk6tDVj3YV1fnRy9Rbgz+Lm/2ta+ryAFSELJ5UtJgDEiQnFycoaifKFQbRswO2eYW6M+yNc3LdefH0jL+2Ddh3V9dbL0vt3l94oMjws6jw1nyx5HICAIxtTBKCOURPFRkNYSwoY2SbrKm2HYEtI1rAhNYt2HdX11cvSmYNqg+Exu9ZiQy5wm5bsBRIpVtMqKiz9OzxFjW4lp+q39XYd29n4A+uHPug/r+urkvsMsaV6X2yyOWg2FQIWAChSERkA1IipR7N67C9XmAWvKsyyegXLJyej64M+6D+v66uRmt5Y0r8s6+XSnT6b1jXK1UIpKxBhBLXD+/CWKq3lAbCkwzdW6x6OcdQbqgz/rPqzrq5P77rOkeV3W6b46fFaFJV15qpZFTF9jBAhB8eizHbTVlyFepm7ydJ0++LPuw7q+Ojl6AVua1yXXI9DtMwgQCaSiFVInQ2AWI1QVZ+XfKC5naF0iBbl5W2vTY5wmT9fpgz/rPqzrq5OjF7CleV1yPQLdPgOqa8xEup+JWGYwqdYQxeePPm1tmryDsYt1H9b11fEOpkaXzeoyNhdZr6aipATiXPHrLwHFy+llR/AzvKtIfZv4TVj3YV1fnTy9wNDn/oKuQxOhq79lUkkdDAHVqoMhUXzx8F57ljPEjNdx3pWUZ/4/6CgwHFW3tzCAVWHROaCqiEo8CYLi2fNXrftpuvHP1B2Ya9K3y6dNWPdhXV+drGaKw5/7qxe3b5ZR2p8yHUdBKjJxDsyjpjt5d3Y+eR+9vaQt1F4QOv5U3QLWfVjXV6dvet+FHI8LurwquEhzl10dFZhOifmUy6LT3wWl4zimKY6OjrC/v79tHY7jDIzj42NDHyfmOM7gKEQEu7u729bhOM7AELH0gaiO4wyOgiQmk8m2dTiOMzBIegfjOM7m8AzGcZyN4BmM4zgbxTMYx3E2gmcwjuNsFM9gHMfZCJ7BOI6zUTyDcRxnI3gG4zjORilEBBcXF9jb29u2FsdxBkJZlimDOTg8kPF4jLIst63JcZwBUJYlxuMxDg4PRBb/e/rx0WP/4CnHcW6Fw68PBQBeA/DPknD3eGzOAAAAAElFTkSuQmCC)}
#basic.folded>*:not(.sys):not(.ttl):not(.miniline){display:none}
#basic.folded .miniline{display:block;top:19px;left:8px;right:8px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro .under-basic{left:calc(6px + var(--l));top:calc(130px + var(--t));display:flex;gap:6px;align-items:flex-start}
#basic.folded+.under-basic{top:calc(44px + var(--t))}
.ro .evolve.available{border-color:#c8961e;background:linear-gradient(#fffbe8,#ffe39a);color:#6b4500;font-weight:bold}
.ro .chat-btn{display:none}

/* Windows with the original title bar */
.ro .ro-win{background:#fff;border:1px solid #8f9fb7;border-radius:3px;box-shadow:0 1px 3px #0006;overflow:hidden}
.ro .ro-win .bar{position:relative;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAA10lEQVQokX2RuQ7CQAxExyFAgICEqML/fwEdv0FDQ4EAiaNA4QxksU3FsQ7sdGvPk8deUigAYDo/KUsdo/EELzErQIxvkUIxW110vcvhnKC4P6CqXxYfiKeLu27XOUonuN4crIhiH7icjuj3EpSO0e81qwBqPrA5CES4YvxIfKARkSn5eh3lDSy3RzCHEPKBbieBiP4xA2pa8e0RgQMAbKRskCLkJzKRCodgpIjMhGHWRihQZcK5LCqLGcR/zXJWU/Nlr7TbX4OR1HxRnKatUJ6fAYMbWD0Bet9nX/sZIsYAAAAASUVORK5CYII=) left top no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAABZElEQVQokY2SPW4UQRCFv+ppIYzMRiDxJ66BuBIJOQkSd+AaSFwAOSMns8U6IFoBAtsgVoyn3iPonhlvRkut/lG9+vpVV7x5+9H0YQV2OwZgq+/g9cvnARDvT7aLoARYfT8EOJDEOI6cbi959eJZxLsP54tgKAOWEdkpLXtKWOL080/qw/tHrISKbWT3ULDBmSRiu72gfr3UIsDXzLggMMbZCHIim3qrDDcExjEXAIiCgYhABgP1y+5qFaB2S6AwKBBGCVKSMnVzfPuQAMjrw1ImM7EqVz9+U/dTORC0xY1isNuaCSaoj+7dvVElSEN7V2kkw3UmkrjYfaPuR6+C5gIM7n5mD01r6pPHxxwoeoXcayC3mZM4PyvUX3/3S3yi3kSAohEMUifY1KcP7qyeh/6JLrgHagJJpMynEtTd9z+LIIaWSYaIBpMgJ5hS7ac3m7WXhGd3c1djwTiaafSSZC3Tf4x/0jv3UFxi6k8AAAAASUVORK5CYII=) right top no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAbklEQVQokWNsmnLiPwMJgMVQV5QU9Qwsf/6SpJ6BRVqMhzQNzz/8I00DGxMjaRoevfhImgY+Hk7SNHz/w0SaBikRXhJt+EVSRDOwSEtzk6bhy8/vJGlgvPPxL2mJ7+Xbb6Q5iZfEeGBkYGAgyUkAzEwbefLvX9gAAAAASUVORK5CYII=) repeat-x;padding:2px 22px 0 7px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro .ro-win .fold{position:absolute;top:3px;right:4px;width:11px;height:11px;border:0;padding:0;border-radius:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABUUlEQVQYlY2QzSvDcRzHX79tNJu2xmIeamlWa0aNaDlwkXLwBzgpnDi5cLADxcE/4OCp9g8o2kkewsFJHvbzkIdEw8yM/UK2tt/XhZlc9r59+rx69/m8JIEg3+hyh4GJNXEsyyTiUcyWMuo8HubHO6SfvfTT3NkfEFqzm7HeWsoshURfUkwFLskkTlhd6JUANAA9I0ERfohSU2Fg5zDO8s4j63vP2G1F3Eee6BkJiix8dS5TWlJOOpUgeneNJFIY9VpEMkaFrZKrc/n3ZkVRaG7s4vZ0le3dg+wPAhga9hNcyoEdDifFRTpcrV48TT60Gg0ZVUVVwWQowOFwwsY37Gvxshl6o63bTZVVj7lYx0dSJfaaYnblFl+LF+ZybEwu7ovQjUR7gwWbVU8k9snW0Qv1doG/zyv9UQcwOnMmLsIfmIw6lPc0zmoD04Ou/57zyRf6TnysvRpn1QAAAABJRU5ErkJggg==);font-size:0!important}
.ro .ro-right{position:absolute;right:calc(6px + var(--r));top:calc(6px + var(--t));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
.ro .ro-right .ro-win{position:relative}
.ro .miniwin{width:150px}
.ro .miniwin .mapimg{position:relative;width:148px;height:148px;background:#cfd6cf}
.ro .miniwin canvas{display:block;width:148px;height:148px}
.ro .miniwin .c{display:flex;justify-content:space-between;padding:1px 6px;font-size:10px;color:#333}
.ro .miniwin .mini-btns{display:flex;flex-direction:column;gap:3px;padding:2px 4px 4px}
.ro .miniwin .mini-btns .ro-btn{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis}
#hud.ro .miniwin .hunt-next{margin:0;padding:2px 8px;font-size:11px;color:#5a3d00;background:linear-gradient(#fffbe8,#ffe9b0);border:1px solid #c8a54a;border-radius:3px}
.ro .miniwin.folded .mapimg,.ro .miniwin.folded .c,.ro .miniwin.folded .mini-btns{display:none}
.ro .questwin{width:200px}
.ro .questwin .body{padding:5px 8px 7px;max-height:42vh;overflow:auto}
.ro .questwin h3{margin:0 0 3px;font-size:11px}.ro .questwin p{margin:0 0 3px;color:#333;font-size:11px}
.ro .questwin .quest-row{padding:3px 0;font-size:11px;border-bottom:1px solid #e3e7ef}
.ro .questwin .quest-status{padding-top:5px;font-size:10px;color:#56627a}
.ro .questwin .training-progress{font-size:10px;margin-top:5px;padding-top:5px;border-top:1px solid #e3e7ef;color:#6b5a8c}
.ro .questwin.folded .body{display:none}
.ro .targetwin{left:50%;top:calc(6px + var(--t));transform:translateX(-50%);width:210px;pointer-events:none}
.ro .targetwin .hpb{margin:5px 6px 3px;height:9px;border:1px solid #6b7b94;background:#fff}
.ro .targetwin .hpb i{display:block;height:7px;background:linear-gradient(#ff7b7b,#d40000);transition:width .2s}
.ro .targetwin small{display:block;padding:0 6px 4px;color:#444;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Chat window: message log and the original input bar */
.ro .ro-chat{left:var(--l);bottom:var(--b);width:min(600px,48vw)}
.ro .ro-chat #log{height:104px;overflow:auto;padding:4px 8px;background:rgba(0,0,0,.45);font-size:12px;line-height:16px;color:#fff;text-shadow:1px 1px #000;scrollbar-width:thin}
.ro .ro-chat #log p{margin:0}
.ro #log .y{color:#ffff63}.ro #log .g{color:#9cff9c}.ro #log .p{color:#ffb5ff}.ro #log .o{color:#ffce73}.ro #log .b{color:#9fd0ff}
.ro .chat-in{position:relative;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAYCAYAAAAmoYOZAAABjklEQVR4nO3asW7iQBQF0DsRUpLKDs2mgy6fYfjymM+ggy5VJH+Bt4hY7YomLHEGyDmVZbm4elPMk3XLmDFJsuk3Hw8AAPyXbtWVJCljxmz6zbh8WWbxvKidCwDgKu3f9tltd+lWXSl931uuAAC+wGHJmiVJ+9hmGIa8vr7WzvWjrNfrk753PgBwmlPv2nO1j22SfCxYfyulpHlokvtvzcMnOR8AuHyzJGma5s+L5qFJ+6tN+9jm6fmpWrBb9v7+nmEY/pn7Zx3Op2mazOfzCdIBwPU75679CndHb+5jubpk97FcAcCFmyXJMAy1c/xI5g4A06p11x7/wQIA4CxHHSy+j7kDwLQup4MFAMBZdLAqMncAmJYOFgDAjdDBqsjcAWBaOlgAADdCB6sicweAaelgAQDcCB2siswdAKalgwUAcCN0sCoydwCYlg4WAMCNKH3fj8uXZRbPi9pZAACu2v5tn912l7tu1ZXddpf92752JgCAq3VYrrpVV8qYMUmy6Tdj5VwAAFetW3UlSX4Du/Nxz9cClbIAAAAASUVORK5CYII=) left/600px 24px;display:flex;align-items:center;gap:6px;padding:0 6px 0 28px;color:#555;overflow:hidden}
.ro .chat-in .mode{position:absolute;left:6px;bottom:7px;width:14px;height:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAUElEQVQokWP8z/CfgeE/w38GUgAjAyMLw3+G/9sOPSdJn9d/yf9MJOlAAigal6zeRxTNwMDAwPj//3/SnWonibBx/+nXRNHUs5FUwEhuPAIAb2czTeo5EyEAAAAASUVORK5CYII=)}
.ro .chat-in #saveStatus{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro .chat-in .fold{position:static;width:11px;height:11px;border:0;padding:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABUUlEQVQYlY2QzSvDcRzHX79tNJu2xmIeamlWa0aNaDlwkXLwBzgpnDi5cLADxcE/4OCp9g8o2kkewsFJHvbzkIdEw8yM/UK2tt/XhZlc9r59+rx69/m8JIEg3+hyh4GJNXEsyyTiUcyWMuo8HubHO6SfvfTT3NkfEFqzm7HeWsoshURfUkwFLskkTlhd6JUANAA9I0ERfohSU2Fg5zDO8s4j63vP2G1F3Eee6BkJiix8dS5TWlJOOpUgeneNJFIY9VpEMkaFrZKrc/n3ZkVRaG7s4vZ0le3dg+wPAhga9hNcyoEdDifFRTpcrV48TT60Gg0ZVUVVwWQowOFwwsY37Gvxshl6o63bTZVVj7lYx0dSJfaaYnblFl+LF+ZybEwu7ovQjUR7gwWbVU8k9snW0Qv1doG/zyv9UQcwOnMmLsIfmIw6lPc0zmoD04Ou/57zyRf6TnysvRpn1QAAAABJRU5ErkJggg==);font-size:0!important;flex:none}
.ro .ro-chat.folded #log{display:none}

/* Hotkey bar (shortitem_bg 280x34): nine slots for skills or items */
.ro .ro-hot{right:calc(16px + var(--r));bottom:calc(16px + var(--b));width:280px;height:34px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAiCAYAAACEGMbzAAABtklEQVR4nO3dPW7CQBRF4fsidyN6FsACaOg8NKybhqGjYQGzAPfI9UuBiJTIkfh7YKPzVQgkzlSWfSkwl0uSyq6cXwDAg/I6mySZy7Uve18sFprP5+8+F4CJ67pOtVa1uTUrpXBxAfBUl4tM4+5KKel0Or37TAA+REpJ7q7m7wfH4/ElB1gulzRp0pxA8xGNmWk2m/16M+f8lC//TymFJk2aE2rew8z09YTzAMCgxt3fsr/QpEnzs5vuzh0MgDiDG8wr0KRJ87ObbDAAQrHB0KRJM6TJBgMgFBsMTZo0Q5psMABCscHQpEkzpMkGAyBUI033GY8mTZrjbnIHAyBMY2aTfcajSZPmeJv8igQgVOPuk37Go0mT5jib/IoEIBQbDE2aNEOabDAAQrHB0KRJM6TJBgMgFBsMTZo0Q5psMABCDW4wpZTwME2aNKfTvMfgPztKr/ljJ5o0aU6nea/GzNR1nVJKP29e+/y12Wx0OBwkSavVStvt9urw3wZNmjTH27xV3/fnDabNrdVa1ff9zV9yOfCth38ETZo0x9uUzheXWqva3Jq5XJJUdsVfdgIAHy2vs0nSNw5ZErbkgkJ9AAAAAElFTkSuQmCC);transform:scale(1.25);transform-origin:bottom right;image-rendering:pixelated}
.ro .ro-hot .s{position:absolute;top:5px;width:24px;height:24px;border:0;padding:0;background:none}
.ro .ro-hot .s:nth-child(1){left:6px}.ro .ro-hot .s:nth-child(2){left:35px}.ro .ro-hot .s:nth-child(3){left:64px}.ro .ro-hot .s:nth-child(4){left:93px}.ro .ro-hot .s:nth-child(5){left:122px}.ro .ro-hot .s:nth-child(6){left:151px}.ro .ro-hot .s:nth-child(7){left:180px}.ro .ro-hot .s:nth-child(8){left:209px}.ro .ro-hot .s:nth-child(9){left:238px}
.ro .ro-hot .s img{display:block;width:24px;height:24px;image-rendering:pixelated}
.ro .ro-hot .s.none img{opacity:.35;filter:grayscale(1)}
.ro .ro-hot .s em{position:absolute;right:-1px;bottom:-2px;font:bold 9px Arial;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-style:normal}
.ro .ro-hot .s .k{position:absolute;top:-12px;left:0;width:24px;text-align:center;font:bold 9px Arial;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}
.ro .ro-hot .s .cd{position:absolute;inset:0;display:grid;place-items:center;font:bold 9px Arial;color:#fff;text-shadow:0 0 2px #000}
.ro .ro-hot .s .cd:not(:empty){background:#0009}
.ro .ro-hot .s:active img{transform:translate(1px,1px)}
.ro .atk{display:none}

/* Hidden windows: only the hotkey bar and controls stay */
.ro.minimal .ro-basic,.ro.minimal .under-basic,.ro.minimal .ro-right,.ro.minimal .ro-chat{display:none}

/* Touch devices: joystick at the left, a round attack button at the right, messages behind a button */
.touch .ro .stick{width:110px;height:110px;left:calc(24px + var(--l));bottom:calc(22px + var(--b));background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.6)}
.touch .ro .stick i{width:44px;height:44px;margin:-22px;background:linear-gradient(#f4f7fc,#cfdbec);border:1px solid #8f9fb7}
.touch .ro .atk{display:grid;place-items:center;position:absolute;right:calc(20px + var(--r));bottom:calc(24px + var(--b));width:76px;height:76px;border-radius:50%;background:linear-gradient(#f4f7fc,#cfdbec);border:2px solid #8f9fb7;font:bold 12px Arial!important;color:#1f2d4a!important;pointer-events:auto;box-shadow:0 2px 6px #0006;touch-action:manipulation}
.touch .ro .atk:active{background:linear-gradient(#cfdbec,#f4f7fc)}
.touch .ro .ro-basic{zoom:.85}
.touch .ro .under-basic{top:calc(110px + var(--t))}
.touch .ro #basic.folded+.under-basic{top:calc(38px + var(--t))}
.touch .ro .miniwin{zoom:.7}
.touch .ro .questwin{zoom:.85}
.touch .ro .questwin{width:240px}
.touch .ro .chat-btn{display:block}
.touch .ro .ro-chat{display:none;left:calc(6px + var(--l));top:calc(140px + var(--t));bottom:auto;width:min(420px,62vw)}
.touch .ro .ro-chat.open{display:block}
.touch .ro .ro-chat #log{height:96px}
.touch .ro .ro-chat .fold{display:none}
.touch .ro .ro-hot{right:auto;left:50%;bottom:calc(8px + var(--b));transform:translateX(-50%) scale(1.15);transform-origin:bottom center}
.touch .ro .ro-hot .s{width:28px;height:28px;top:3px;margin-left:-2px}
.touch .ro .ro-hot .s img{margin:2px}
.touch .ro .targetwin{zoom:.9}
@media (orientation:portrait){
 .touch .ro .stick,.touch .ro .atk{bottom:calc(66px + var(--b))}
 .touch .ro .targetwin{top:auto;bottom:calc(232px + var(--b))}
 .touch .ro .ro-chat{width:calc(100vw - 12px)}
}
@media (max-width:560px){.touch .ro .ro-hot{transform:translateX(-50%) scale(1.05)}}

/* Hotkey pickers in the skill and item windows: nine keys */
.bar-pick{flex-wrap:wrap;gap:4px;align-items:center}
.bar-key{width:28px;height:26px}
.touch .bar-key{width:32px;height:32px}
.hot-pick{margin-top:10px}.hot-pick small{width:100%;color:#738087;font-size:10px}

/* Travel window: maps grouped by level range */
.hunt-cat{border:1px solid #d6d0bf;border-radius:4px;margin:8px 0;background:#fffdf6}
.hunt-cat summary{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;cursor:pointer;list-style:none;font-size:13px}
.hunt-cat summary::-webkit-details-marker{display:none}
.hunt-cat summary b:before{content:'▸ ';color:#9b8a5e}.hunt-cat[open] summary b:before{content:'▾ '}
.hunt-cat summary span{font-size:11px;color:#738087}
.hunt-cat .hunt-list{padding:0 8px 8px}

/* HUD polish: one button style for the row under Basic Info (same height, icon and text centred), touch sizes,
   a wrapped row on phones that stays clear of the minimap and of the status icons, and the chat opening below it. */
.ro .under-basic{flex-wrap:wrap;max-width:calc(100vw - 230px - var(--l) - var(--r))}
.ro .under-basic .ro-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:22px;padding:0 9px;line-height:1;box-shadow:0 1px 0 #fff inset,0 1px 2px #0003}
.ro .under-basic .ro-btn:active{background:linear-gradient(#dde4f0,#fff)}
.touch .ro .under-basic{gap:5px;max-width:calc(100vw - 170px - var(--l) - var(--r))}
.touch .ro .under-basic .ro-btn{height:32px;padding:0 10px;font-size:12px;border-radius:4px;touch-action:manipulation}
.touch .ro .under-basic kbd,.touch .ro .under-basic .ev-x{display:none}
.ro .under-basic .chat-btn{display:none}.touch .ro .under-basic .chat-btn{display:inline-flex}
.touch .ro .under-basic .pvp-btn,.touch .ro .under-basic .cash-btn{padding-left:6px}
.touch .ro .pvp-btn img{width:22px;height:22px}
@media (orientation:portrait){.touch .ro .under-basic{max-width:calc(100vw - 132px - var(--l) - var(--r))}}
.touch .ro .ro-chat{top:calc(var(--ub,150px) + 6px)}
/* The folded mission bar lines up with the minimap above it. */
.touch .ro .questwin.folded{width:calc(150px * .7 / .85)}
.touch .ro .questwin.folded .bar{padding-right:18px}

/* Phones and tablets: two quick skill slots around the attack button (online/quickslots.js). Original icon, a
   cooldown sweep, a greyed icon while SP is short. Computers use the bar (1-9). */
.ro .quick{display:none}
.touch .ro .quick{display:block}
.touch .ro .qs{position:absolute;width:56px;height:56px;padding:0;border-radius:50%;background:linear-gradient(#f4f7fc,#cfdbec);border:2px solid #8f9fb7;box-shadow:0 1px 3px #0005;pointer-events:auto;touch-action:manipulation;display:grid;place-items:center;overflow:hidden;-webkit-touch-callout:none}
.touch .ro #quick0{right:calc(92px + var(--r));bottom:calc(88px + var(--b))}
.touch .ro #quick1{right:calc(30px + var(--r));bottom:calc(110px + var(--b))}
@media (orientation:portrait){.touch .ro #quick0{bottom:calc(130px + var(--b))}.touch .ro #quick1{bottom:calc(152px + var(--b))}}
.touch .ro .qs img{width:36px;height:36px;image-rendering:pixelated;pointer-events:none}
.touch .ro .qs:active{transform:scale(.94)}
.touch .ro .qs .lab{position:absolute;left:50%;top:3px;transform:translateX(-50%);font:bold 9px Arial;color:#3c4f73;text-shadow:0 1px 0 #fff;pointer-events:none}
.touch .ro .qs.empty:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;font:bold 26px Arial;color:#6f80a0}
.touch .ro .qs.empty .lab{display:none}
.touch .ro .qs.cool:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(#000a var(--cd,0deg),transparent 0);pointer-events:none}
.touch .ro .qs .cd{position:absolute;inset:0;display:grid;place-items:center;font:bold 14px Arial;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;pointer-events:none}
.touch .ro .qs.nosp{border-color:#3a5fa8}
.touch .ro .qs.nosp img{filter:grayscale(1) brightness(.8)}
.touch .ro .qs.nosp:after{content:'SP';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);padding:0 4px;border-radius:3px;background:#2f54a8;color:#fff;font:bold 9px/12px Arial}
/* Picker of a quick slot (long press or an empty slot): the learned skills that can be used, in a window of the HUD. */
.ro .quick-pick{position:absolute;right:calc(12px + var(--r));bottom:calc(72px + var(--b));width:min(300px,calc(100vw - 24px));max-height:calc(100% - 200px - var(--t) - var(--b));display:flex;flex-direction:column;pointer-events:auto;z-index:5}
.ro .quick-pick .bar .fold{width:15px;height:15px;top:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABUUlEQVQYlY2QzSvDcRzHX79tNJu2xmIeamlWa0aNaDlwkXLwBzgpnDi5cLADxcE/4OCp9g8o2kkewsFJHvbzkIdEw8yM/UK2tt/XhZlc9r59+rx69/m8JIEg3+hyh4GJNXEsyyTiUcyWMuo8HubHO6SfvfTT3NkfEFqzm7HeWsoshURfUkwFLskkTlhd6JUANAA9I0ERfohSU2Fg5zDO8s4j63vP2G1F3Eee6BkJiix8dS5TWlJOOpUgeneNJFIY9VpEMkaFrZKrc/n3ZkVRaG7s4vZ0le3dg+wPAhga9hNcyoEdDifFRTpcrV48TT60Gg0ZVUVVwWQowOFwwsY37Gvxshl6o63bTZVVj7lYx0dSJfaaYnblFl+LF+ZybEwu7ovQjUR7gwWbVU8k9snW0Qv1doG/zyv9UQcwOnMmLsIfmIw6lPc0zmoD04Ou/57zyRf6TnysvRpn1QAAAABJRU5ErkJggg==) center no-repeat}
.ro .quick-pick .qp-list{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.ro .quick-pick .qp-list p{grid-column:1/-1;margin:4px;font-size:12px}
.ro .quick-pick .qp{display:flex;align-items:center;gap:6px;min-height:36px;padding:2px 6px;border:1px solid #c9d2e3;border-radius:3px;background:#fff;text-align:left;font-size:11px}
.ro .quick-pick .qp[aria-pressed=true]{background:#739cee;color:#fff;border-color:#4a6fc0}
.ro .quick-pick .qp img{width:24px;height:24px;image-rendering:pixelated;flex:none}
.ro .quick-pick .qp span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ro .quick-pick .qp-btns{display:flex;gap:6px;padding:0 6px 6px}.ro .quick-pick .qp-btns .ro-btn{flex:1;height:30px}
@media (orientation:portrait){.touch .ro .quick-pick{bottom:calc(220px + var(--b))}}
@media (orientation:landscape) and (min-height:521px){.touch .ro .quick-pick{bottom:calc(176px + var(--b))}} /* tablets: above the quick slots */
@media (orientation:landscape) and (max-height:520px){.ro .quick-pick{bottom:calc(8px + var(--b));right:calc(160px + var(--r));max-height:calc(100% - 16px - var(--t) - var(--b))}}
/* A skill picked in the skill window waits for a slot: the slots glow until one is tapped. */
.assigning .ro .ro-hot .s,.assigning .ro .qs{animation:roPick 1s ease-in-out infinite}
@keyframes roPick{50%{box-shadow:0 0 0 2px #ffd34d,0 0 10px 3px #ffd34d}}

/* Auto ataque / Auto cura with their gear (online/autocfg.js): one joined pair of buttons each. */
.ro .under-basic .auto-pair{display:inline-flex}
.ro .under-basic .auto-pair .auto-btn{border-top-right-radius:0;border-bottom-right-radius:0}
.ro .under-basic .auto-pair .gear-btn{margin-left:-1px;padding:0 6px;border-top-left-radius:0;border-bottom-left-radius:0;font-size:13px;color:#34425e}
.touch .ro .under-basic .auto-pair .gear-btn{padding:0 8px;font-size:15px}
.ro .under-basic .auto-pair .auto-btn[hidden]+.gear-btn{display:none}
/* Settings window of auto attack / auto heal: steppers, ordered lists with ▲▼, big enough for fingers. */
.ro .auto-cfg{left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 16px - var(--l) - var(--r)));max-height:calc(100% - 16px - var(--t) - var(--b));display:flex;flex-direction:column;z-index:6;pointer-events:auto;font-size:12px}
.ro .auto-cfg .bar .fold{width:15px;height:15px;top:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABUUlEQVQYlY2QzSvDcRzHX79tNJu2xmIeamlWa0aNaDlwkXLwBzgpnDi5cLADxcE/4OCp9g8o2kkewsFJHvbzkIdEw8yM/UK2tt/XhZlc9r59+rx69/m8JIEg3+hyh4GJNXEsyyTiUcyWMuo8HubHO6SfvfTT3NkfEFqzm7HeWsoshURfUkwFLskkTlhd6JUANAA9I0ERfohSU2Fg5zDO8s4j63vP2G1F3Eee6BkJiix8dS5TWlJOOpUgeneNJFIY9VpEMkaFrZKrc/n3ZkVRaG7s4vZ0le3dg+wPAhga9hNcyoEdDifFRTpcrV48TT60Gg0ZVUVVwWQowOFwwsY37Gvxshl6o63bTZVVj7lYx0dSJfaaYnblFl+LF+ZybEwu7ovQjUR7gwWbVU8k9snW0Qv1doG/zyv9UQcwOnMmLsIfmIw6lPc0zmoD04Ou/57zyRf6TnysvRpn1QAAAABJRU5ErkJggg==) center no-repeat}
.ro .auto-cfg .ac-body{flex:1;min-height:0;overflow:auto;padding:4px 8px 6px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.ro .auto-cfg h4{margin:8px 0 3px;font-size:11px;color:#34425e}.ro .auto-cfg h4 small{font-weight:normal;color:#5d6b80}
.ro .auto-cfg .ac-list{border:1px solid #c9d2e3;border-radius:3px}
.ro .auto-cfg .ac-list p{margin:6px 8px;color:#556;font-size:11px}
.ro .auto-cfg .ac-row{display:flex;align-items:center;gap:4px;min-height:36px;padding:1px 4px;border-bottom:1px solid #e8ecf3}
.ro .auto-cfg .ac-row:last-child{border-bottom:0}
.ro .auto-cfg .ac-row.off label{opacity:.55}
.ro .auto-cfg label{flex:1;min-width:0;display:flex;align-items:center;gap:6px;cursor:pointer}
.ro .auto-cfg label span{min-width:0;display:flex;flex-direction:column}
.ro .auto-cfg label b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro .auto-cfg label small{font-size:10px;color:#5d6b80}
.ro .auto-cfg input[type=checkbox]{width:18px;height:18px;margin:0;flex:none;accent-color:#2d62d8}
.ro .auto-cfg .ac-row img{width:24px;height:24px;flex:none;image-rendering:pixelated}
.ro .auto-cfg .ac-row .ro-btn{width:30px;height:28px;padding:0;font-size:10px;flex:none}
.ro .auto-cfg .ac-row .ac-n{width:auto;min-width:44px;padding:0 5px;white-space:nowrap}
.ro .auto-cfg .ac-note{margin:3px 1px 0;font-size:10px;color:#5d6b80;line-height:1.3}
.ro .auto-cfg .ro-btn:disabled{opacity:.35}
.ro .auto-cfg .ac-step{display:flex;align-items:center;gap:4px;margin-top:7px}
.ro .auto-cfg .ac-step span{flex:1;font-weight:bold;color:#34425e}
.ro .auto-cfg .ac-step b{min-width:72px;text-align:center}
.ro .auto-cfg .ac-step .ro-btn{width:34px;height:30px;padding:0;font-size:16px;font-weight:bold}
.ro .auto-cfg .ac-check{margin-top:8px;align-items:flex-start}
.ro .auto-cfg .ac-check input{margin-top:1px}
.ro .auto-cfg .ac-seg{display:flex;align-items:center;gap:4px;margin-top:8px}
.ro .auto-cfg .ac-seg span{flex:1;font-weight:bold;color:#34425e}
.ro .auto-cfg .ac-seg .ro-btn{height:30px;padding:0 8px}
.ro .auto-cfg .ac-seg .ro-btn[aria-pressed=true]{background:#739cee;border-color:#4a6fc0;color:#fff}
.ro .auto-cfg .ac-btns{display:flex;gap:6px;padding:6px 8px 8px;border-top:1px solid #e1e6ef}.ro .auto-cfg .ac-btns .ro-btn{flex:1;height:30px}
/* Items in the quick slots and the picker: the count, a greyed icon once it runs out. */
.touch .ro .qs .n{position:absolute;right:9px;bottom:7px;font:bold 11px Arial;font-style:normal;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,1px 1px 0 #000;pointer-events:none}
.touch .ro .qs.none img{filter:grayscale(1);opacity:.5}
.ro .quick-pick h5{grid-column:1/-1;margin:2px 2px 0;font-size:10px;color:#5a6680;letter-spacing:.4px;text-transform:uppercase}
.ro .quick-pick .qp em{margin-left:auto;font-style:normal;font-size:10px;color:#5d6b80}
.ro .quick-pick .qp[aria-pressed=true] em{color:#fff}
.place-btn{margin-right:6px}

/* Short landscape screens (a phone on its side with the browser bars shown, 320–430px tall): everything in the corners,
   the middle stays clear around the character. Basic Info and the minimap get smaller, the menu opens in three columns
   under Basic Info, and the controls shrink a little in the bottom corners. */
@media (orientation:landscape) and (max-height:430px){
 .touch #hud.ro{--bw:202px}
 .touch #hud.ro .ro-basic{zoom:.72}
 .touch #hud.ro .pvp-btn img{width:18px;height:18px}
 .touch #hud.ro .miniwin{zoom:.62}
 .touch #hud.ro .miniwin .mini-btns{display:none}
 .touch #hud.ro .ro-chat{width:min(380px,50vw)}.touch #hud.ro .ro-chat #log{height:84px}
 .touch #hud.ro .stick{width:100px;height:100px;left:calc(18px + var(--l));bottom:calc(12px + var(--b))}
 .touch #hud.ro .atk{width:64px;height:64px;right:calc(14px + var(--r));bottom:calc(12px + var(--b))}
 .touch #hud.ro .qs{width:50px;height:50px}.touch #hud.ro .qs img{width:32px;height:32px}
 .touch #hud.ro #quick0{right:calc(86px + var(--r));bottom:calc(56px + var(--b))}
 .touch #hud.ro #quick1{right:calc(21px + var(--r));bottom:calc(84px + var(--b))}
 .touch #hud.ro .ro-hot{bottom:calc(4px + var(--b))}
 .touch #hud.ro .quick-pick{right:calc(150px + var(--r))}
 .touch #hud.ro .sit{width:44px;height:44px;right:calc(88px + var(--r));bottom:calc(4px + var(--b));font-size:10px}
}
/* Toasts wrap on narrow screens instead of running off both edges. */
#toast{position:fixed;z-index:2200;pointer-events:none;font-family:Arial,Helvetica,sans-serif}
.touch #toast{white-space:normal;width:max-content;max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));text-align:center;line-height:1.35}

/* Basic Info: the mission button under map/option (the original button with its label redrawn, online/questbtn), with a
   gold marker for a reward to claim and a blue one for a step done since it was last open. Peso/Zeny move left of it. */
#basic .rb.quest{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAADoUlEQVR4AbSVSyhuexjGn7X2xW7v7c4ESRkYbKVcBxjJdc5EGcjMJWVAlFOSOLUN1BnsknZEUYSMlPs1kkhERCgZuafcvuP3tj/twRkd9lfP+r/rfdd6nvfy/6/P1a/fwcGBZ3h42PPzn5+e3t7eN0NXV5envb3duNH4JScTxrG+vq6vX7/qW/I3xcbGKikpScnJybYmJia+rAkJCS82z/we+/3e+258fLzi4uKMGw20EHcxcCDq6+ursLAw+fn56ePHj/awv7+/AgIC5F0DAwNfbK/vv1YvByuccKOBFpouBg4CoaGhev/+vYl++PBBT09Penh4+N+AgwLghBsNtNB0fR58xO/+/l4ejwfzjwBuNCAnEdf1tTFbO6nu8vJSb42Ojg7t7++bBsJ0wn3+2UzJiEweHx81NDSkvb09rays8Jymp6dt3rRpdnZWPIP9+fNnLS0t6ezs7CUOHz7w6dMnnZ6eqru7WwMDA7q4uDAtnnHv7u6sxe/evdPIyIiKi4t1eHioyspKtba26uTkRM3NzXIcx4BN9vPz80pPT9fExIQqKipUXV1t8ZycHE1NTRlyc3PNd3t7K/gBBaJpwo7j2Ibq7+9XaWmp6uvrlZeXZy+RHWXTDYCNr6enR6mpqZYUCU9OTgo/48Lf0NAgfDExMfLx8VFmZqZCQkKM04Qh+vLliwWPj48VERFhO5uVmFeMFXh9Nzc32tjYUElJiYHzen19rba2NmtrRkaGCgsLjYt3HMcxDbS4d7lQPtkyk62tLct8c3OTkJ1ZjhVxqkHQcRxFR0crPDxcnZ2dhoKCAqtmdXVVz18rLSws2D7Z3d01Hi5woGU2Fy9xUVGRmpqaLNPl5WUjioyMtEyzs7OVlZVlmwiCmpoa7ezsiJlSGRsxKChIz59d5efnGzi3tDo4OFh1dXVaXFy0bwOaVrHjOFZleXm5tre31dfXp7KyMvFDBNLx8XHNzc2JilJSUmxea2trGhsbs+cbGxttn8zMzGhwcNDABmQ8o6Oj1oG0tDQrxni5EKQFgJ0HHMch9LIb8b0GcAO0ILaKcXCocRAAHCtvxty/FnCjgRa2CbNh7MZ17UwTfGswMjRetLgBfEcR44z9CcCNBlrA5b+S83t0dKSrqyubKS0h+BaAi70BNxpooelGRUU5GDgInJ+fW7tfO1Pv+1QKJ9xooIWmzRgDB4Eff/1QS3OLamtrVVVV9SrA0dLSou9/fxfcaKBFJ/8FAAD//73WVY8AAAAGSURBVAMAVsLx2TiHw7IAAAAASUVORK5CYII=)}#basic .rb.quest:hover,#basic .rb.quest.on{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAEiklEQVR4AbSVa2xURRTHfzN77y7t7raAKAYkgB8wEbRAaYPGGP1gfARi0JgIJkKEBAgSxaQQBEWEIKWkkPAytpQmpQRCEKxgQKKkEIKUd9UQQUorjxY+VERpd7e7ez1nhAb9RARO9r8zc2bm/7vnPi03o7m5Oairqwuq11QHW7ZsuWeqqakJKisrnbcybuJwYE00NjYSi8UYWjyUYcOGUVRURHFxsWtHjRrV3RYWFnb3dc3tc7ePb+0dOXIkBQUFzlsZylK41c6xE6fwIlGsHyOa/zBpG+N6wqMjnUtnNkYiiHe3SfK6+/+d+9dY9qmHeqmneitDWcq0ehQ5uTFycuPk9+pDBg8bChPyfLJBlmw287+UzqSdh3qpp3orI0dYyrSRdESMIZFIkUoHJLvuj9RbGdkseJ4UZ+OWjAyi8Z50Jrpo//36Pdfm2mqazjWhDGX5vo+VIBqLk9aM8UimMuzdXcf58000njxGVyag4YcD+JGo05HDB0km064f8nM4ebyB9vZ2N9Y1mcC4nOZNKEJb2xV27djE7m+2c+3aNcdSpk2lUlJxQGBCfPftTj6ZM4XWS7+xfNEsNlatpLX1MlXrSklncdrweSktLU0cP3qIyW8+T8OhekoXzmLF0rlufsakMXKg+51mTh5LJkAuYyeIvzIy2QBlOrBk5byHpdLtjBs/nYnT5zH62ZcBIz8PF3I2UN3M7fl6M0+MeIqpsxazbN0OTjTsJxtYMnJTaX7yuwtYVb2XRwYOwffDjH7mBXrKzYvsd2AkeuRE8fwIV9su0eeh/hgbkrafzIAxFjAup/kgCKRv6ei4QdPZn1n60TSnIY+P4EbHX7w3t5z6vV/x/jsvsbDkbVkbQiOQP2UoS7qoK6iZAMLhHjQ3ncZIv+XcLzJv5Jrkk5VbUXNdXWmSiQ6MMfQf8CgP9u3Ph0vWOz334uviA2dOn2TeZ1Wsra3n0oXzXGz51fkEcoqN+CpLEv+A1Vgv+Cvj3qK2chmL5kzk9E9HwEDffgMIhyOUTB3jpEds5IxMmFLCheYzlEwb69afFWA8vzcH9+1kwQcTnHKjMQYMfoy8nr1ZW/4xp44fdkUgYUUYY7DWMH7iDGp3/sin5Zt4bcJ0hEvIWiq3HmJl1R7WbtxH1bYGhj5ZRK9eD7Dhy6OsXL/brZ8ycwGRcJg1Nd+zZNVWp3VStS/PbHnFLqq3HaCw+GmMUVdwYM/3JAEG8LyQU8hakEW3xnfbGlA7lIWEuIMhICwPdUhGkbAvR+7z6huTqNxc7/q3cnfTqrcylIWEoCDReQMpVOAWzwb3RWFfvOUGVxYSDmzl+gbZtACR6rvuizwhKUNZSFj9VrZdvsiV1gukEn+SE/GkcvkyZUGeHvSjkUgFdCbvTLpW9+heeQqdl3qqtzKUpUw7aNAgM3x4gXt5XG27SLLjDyI+xHJ94rmeyCdP+nlRae9Esjbu5DkP9VJP9b4qLyhlKdNK1QweMhBN6MSm0i+oWF0m7975LFs0mzLV4tksv0OVyTrdo3tXLJ1PxZoyKlaXu8KUoSxl/g0AAP//AFEo9gAAAAZJREFUAwCfPTXtA3iwLAAAAABJRU5ErkJggg==)}
#basic .rb .qmark{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#3d7be0;box-shadow:0 0 0 1px #fff}
#basic .rb .qmark.claim{background:#e8a317}
#basic .extra{right:74px;gap:10px}
#basic .btns{row-gap:2px}
/* The mission window opens beside Basic Info (below it on phones in portrait) and closes from its own bar. */
.ro .questwin{left:calc(292px + var(--l));top:calc(6px + var(--t));width:220px}
.ro .questwin.folded{display:none}
.touch .ro .questwin{left:calc(250px / .85 + var(--l));top:calc(6px / .85 + var(--t))} /* zoom .85 scales offsets too */
@media (orientation:portrait){.touch .ro .questwin{left:calc(50px / .85 + var(--l));top:calc(112px / .85 + var(--t))}}

/* The menu (the buttons that were a row under Basic Info): a tab on the left edge, or a small window of the original
   style with the buttons in one column (three on short landscape screens). Only opacity and transform change when it
   opens or closes. */
.ro .under-basic,.ro #basic.folded+.under-basic{display:block;max-width:none}
#basic.folded+.under-basic{top:calc(44px + var(--t))}
.ro .ub-tab{position:relative;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 6px;font-weight:bold;color:#34425e;transition:opacity .12s}
.ro .ub-ic{width:12px;height:9px;background:linear-gradient(#34425e,#34425e) 0 0/100% 2px no-repeat,linear-gradient(#34425e,#34425e) 0 50%/100% 2px no-repeat,linear-gradient(#34425e,#34425e) 0 100%/100% 2px no-repeat}
.ro .ub-tab.evo{border-color:#c8961e;background:linear-gradient(#fffbe8,#ffe39a);color:#6b4500}
.ro .ub-badge{position:absolute;top:-6px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d33;color:#fff;font:bold 9px/16px Arial;text-align:center;box-shadow:0 0 0 1px #fff}
.ro .under-basic.open .ub-tab{opacity:0;visibility:hidden;pointer-events:none}
.ro .ub-menu{position:absolute;left:0;top:0;width:max-content;min-width:150px;max-width:calc(100vw - 12px - var(--l) - var(--r));max-height:calc(100vh - 150px - var(--t) - var(--b));display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateX(-6px);transition:opacity .12s,transform .12s,visibility 0s .12s;pointer-events:auto}
.ro .under-basic.open .ub-menu{visibility:visible;opacity:1;transform:none;transition:opacity .12s,transform .12s}
.ro .ub-menu .bar .fold{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABUUlEQVQYlY2QzSvDcRzHX79tNJu2xmIeamlWa0aNaDlwkXLwBzgpnDi5cLADxcE/4OCp9g8o2kkewsFJHvbzkIdEw8yM/UK2tt/XhZlc9r59+rx69/m8JIEg3+hyh4GJNXEsyyTiUcyWMuo8HubHO6SfvfTT3NkfEFqzm7HeWsoshURfUkwFLskkTlhd6JUANAA9I0ERfohSU2Fg5zDO8s4j63vP2G1F3Eee6BkJiix8dS5TWlJOOpUgeneNJFIY9VpEMkaFrZKrc/n3ZkVRaG7s4vZ0le3dg+wPAhga9hNcyoEdDifFRTpcrV48TT60Gg0ZVUVVwWQowOFwwsY37Gvxshl6o63bTZVVj7lYx0dSJfaaYnblFl+LF+ZybEwu7ovQjUR7gwWbVU8k9snW0Qv1doG/zyv9UQcwOnMmLsIfmIw6lPc0zmoD04Ou/57zyRf6TnysvRpn1QAAAABJRU5ErkJggg==)}
.ro .ub-list{display:flex;flex-direction:column;gap:3px;padding:5px;overflow:auto;overscroll-behavior:contain}
#hud.ro .ub-list .ro-btn{justify-content:flex-start;width:100%;height:22px;padding:0 8px;box-shadow:0 1px 0 #fff inset}
#hud.ro .ub-list .ro-btn[hidden]{display:none}
#hud.ro .ub-list .auto-pair{display:flex;width:100%}
#hud.ro .ub-list .auto-pair .auto-btn{flex:1;width:auto}
#hud.ro .ub-list .auto-pair .gear-btn{flex:none;width:28px;padding:0;justify-content:center}
#hud.ro .ub-list .auto-btn.on{border-color:#3a7a3a;background:linear-gradient(#e8ffe0,#b8e2a8);color:#1f4d1f;font-weight:bold}
#hud.ro .ub-list .fs-btn{gap:6px}
#hud.ro .ub-list kbd{margin-left:auto;padding-left:8px}
.touch .ro .ub-tab{height:32px;padding:0 10px 0 8px;font-size:12px}
.touch .ro .ub-menu{min-width:172px}
#hud.touch .ro .ub-list .ro-btn,.touch #hud.ro .ub-list .ro-btn{height:30px;font-size:12px}
.touch #hud.ro .ub-list .auto-pair .gear-btn{width:36px}
.touch #hud.ro .ub-list .ev-x{display:inline}
@media (orientation:portrait){.touch .ro .ub-tab .ub-l{display:none}}
@media (orientation:landscape) and (max-height:430px){
 .touch #hud.ro .under-basic,.touch #hud.ro #basic.folded+.under-basic{top:calc(96px + var(--t))}
 .touch #hud.ro #basic.folded+.under-basic{top:calc(34px + var(--t))}
 .touch #hud.ro .ub-tab{height:28px}
 .touch #hud.ro .ub-menu{max-height:calc(100vh - 104px - var(--t) - var(--b))}
 .touch #hud.ro .ub-list{display:grid;grid-template-columns:repeat(3,max-content);gap:3px 4px;padding:4px}
 .touch #hud.ro .ub-list .ro-btn{height:26px;font-size:11px}
 .touch #hud.ro .ub-list .auto-pair .gear-btn{width:30px}
 .touch #hud.ro .questwin{zoom:.72;left:calc(46px / .72 + var(--l));top:calc(96px / .72 + var(--t))}
}
/* No blur behind windows (performance on phones). */
#dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b1a2a73}
#hud.ro .ub-list .forge-btn .fl{display:inline}
/* Narrow phones (about 290–340px wide): Basic Info and the minimap get smaller so they sit side by side. */
@media (max-width:340px){
 .touch .ro .ro-basic{zoom:.7}
 .touch .ro .miniwin{zoom:.5}
 .touch .ro .under-basic{top:calc(94px + var(--t))}
 .touch .ro .questwin{top:calc(94px / .85 + var(--t))}
}
.ro .ub-badge{display:none}.touch .ro .ub-badge:not([hidden]){display:block} /* computers show the chat all the time */
@media (max-width:340px){
 .touch .ro .ro-hot{transform:translateX(-50%) scale(.98)}
 .touch .ro .stick{width:96px;height:96px;left:calc(14px + var(--l))}
 .touch .ro .atk{width:64px;height:64px;right:calc(14px + var(--r))}
 .touch .ro .qs{width:48px;height:48px}.touch .ro .qs img{width:30px;height:30px}
 .touch .ro #quick0{right:calc(80px + var(--r));bottom:calc(118px + var(--b))}
 .touch .ro #quick1{right:calc(18px + var(--r));bottom:calc(140px + var(--b))}
 .touch #hud.ro .sit{width:44px;height:44px;right:calc(86px + var(--r));bottom:calc(64px + var(--b));font-size:10px}
}
/* Title bars and button rows keep their height when a window's body scrolls on short screens. */
.ro .auto-cfg .bar,.ro .auto-cfg .ac-btns,.ro .quick-pick .bar,.ro .quick-pick .qp-btns,.ro .ub-menu .bar{flex:none}
/* Phones (4.3): the messages open from a small chat bubble next to the Menu tab. The bubble counts what people say
   (chat, group, announcements, GM) and shows the newest line for a moment; the Mensagens button and the Menu badge go. */
.ro .cb-wrap{display:none}
.touch .ro .cb-wrap{position:relative;display:inline-block;vertical-align:top;margin-left:5px;transition:opacity .12s}
.touch .ro .under-basic.open .cb-wrap{opacity:0;visibility:hidden;pointer-events:none}
.touch .ro .chat-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;padding:0;border-radius:4px;touch-action:manipulation}
.touch .ro .chat-bubble svg{display:block;pointer-events:none}
.touch .ro .chat-bubble[aria-expanded=true]{background:linear-gradient(#dfe8f8,#b9cbea);border-color:#5d79b0}
.touch .ro .chat-bubble .ub-badge{top:-6px;right:-7px}
.touch .ro .chat-peek{position:absolute;left:calc(100% + 9px);top:2px;width:max-content;max-width:min(300px,calc(100vw - 210px - var(--l) - var(--r)));padding:5px 8px;border:1px solid #8f9fb7;border-radius:8px;background:#fffffff0;color:#1f2d4a;font:11px/14px Arial,Helvetica,sans-serif;box-shadow:0 1px 4px #0004;pointer-events:auto;opacity:0;transition:opacity .25s}
.touch .ro .chat-peek[hidden]{display:none}
.touch .ro .chat-peek.show{opacity:1}
.touch .ro .chat-peek:before{content:'';position:absolute;left:-5px;top:10px;width:8px;height:8px;background:#fff;border-left:1px solid #8f9fb7;border-bottom:1px solid #8f9fb7;transform:rotate(45deg)}
.touch .ro .chat-peek .cp-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.hud-nopeek .ro .chat-peek{display:none!important}
.touch #hud.ro .ub-list .chat-btn{display:none}
.touch .ro #ubBadge{display:none!important}
/* The open messages sit below the Menu row (and below the minimap when standing), set by panels.js. */
.touch .ro .ro-chat,.touch #hud.ro .ro-chat{top:var(--chat-top,150px)}
@media (orientation:portrait){.touch .ro .ro-chat{width:calc(100vw - 12px - var(--l) - var(--r))}}
/* Bigger touch area for the small minimize buttons. */
.touch .ro .ro-win .fold:after,.touch .ro #basic .sysmini:after{content:'';position:absolute;inset:-12px}
/* HUD settings (online/hudcfg.js): size and transparency of the joystick and the round buttons, scaled from their
   corner, and the joystick on the right (mirrored layout; each button is turned back so its text reads normally). */
.hud-l,.hud-r{position:absolute;inset:0;pointer-events:none}
.touch .ro .hud-l{transform-origin:0 100%;transform:scale(var(--hud-k,1))}
.touch .ro .hud-r{transform-origin:100% 100%;transform:scale(var(--hud-k,1))}
.hud-swap .ro .hud-l{transform-origin:100% 100%;transform:scale(var(--hud-k,1)) translateX(-100%) scaleX(-1)}
.hud-swap .ro .hud-r{transform-origin:0 100%;transform:scale(var(--hud-k,1)) translateX(100%) scaleX(-1)}
.hud-swap .ro .hud-l .stick,.hud-swap .ro .hud-r .atk,.hud-swap .ro .hud-r .sit,.hud-swap .ro .hud-r .qs{scale:-1 1}
.touch .ro .hud-l .stick,.touch .ro .hud-r .atk,.touch .ro .hud-r .sit,.touch .ro .hud-r .qs{opacity:var(--hud-a,1)}
.hud-swap .ro .quick-pick{right:auto;left:calc(12px + var(--l))}
@media (orientation:landscape) and (max-height:520px){.hud-swap .ro .quick-pick{left:calc(160px + var(--l))}}
.hud-nohot .ro .ro-hot{display:none}
/* Settings window */
.hud-cfg{display:flex;flex-direction:column;gap:10px}
.hud-cfg .hc-row{display:flex;flex-direction:column;gap:5px}
.hud-cfg .hc-row>b{font-size:13px}
.hud-cfg .hc-opts{display:flex;flex-wrap:wrap;gap:5px}
.hud-cfg .hc-opts button{min-width:58px;min-height:34px;padding:4px 10px;border:1px solid #b9c3d6;border-radius:6px;background:#fff;color:#213c46;font:13px Arial,Helvetica,sans-serif;touch-action:manipulation}
.hud-cfg .hc-opts button[aria-pressed=true]{background:#739cee;border-color:#4a6fc0;color:#fff;font-weight:bold}
.hud-cfg .hc-tip{margin:0;font-size:12px;color:#5d6b80}
.hud-cfg .hc-btns{display:flex;gap:8px}.hud-cfg .hc-btns button{flex:1}
@media (orientation:landscape) and (max-height:520px){
 .hud-cfg{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
 .hud-cfg .hc-tip,.hud-cfg .hc-btns{grid-column:1/-1}
 .hud-cfg .hc-opts{gap:4px}
 .hud-cfg .hc-opts button{min-width:40px;min-height:30px;padding:3px 6px;font-size:12px}
}
/* Guests (online/guest.js): a gold Registrar next to the Menu tab, and Registrar / Entrar at the top of the Menu. */
.ro .under-basic .guest-btn,.ro .ub-list .guest-reg{border-color:#b98418;background:linear-gradient(#fff3c2,#ffd25e 60%,#f0b532);color:#5a3500;font-weight:bold;text-shadow:0 1px 0 #fff3c8}
.ro .under-basic .guest-btn:active,.ro .ub-list .guest-reg:active{background:linear-gradient(#f0b532,#ffd25e)}
.ro .under-basic .guest-btn{transition:opacity .12s}
.ro .under-basic.open .guest-btn{opacity:0;visibility:hidden;pointer-events:none}
.ro .under-basic .guest-btn.pulse{animation:guestPulse 1s ease-in-out 5}
@keyframes guestPulse{50%{box-shadow:0 0 0 3px #ffd25e,0 0 14px #f0b532}}
/* Online version: chat input, PvP shield and the account window. */
.ro .chat-in .chat-input{flex:1;min-width:0;height:18px;border:0;background:transparent;font:inherit;color:#222;outline:none;padding:0}
.ro .chat-in .chat-input::placeholder{color:#8a8a8a}
.ro .pvp-btn{padding-left:4px}
.ro .pvp-btn img{width:18px;height:18px;image-rendering:pixelated;filter:grayscale(1) opacity(.75)}
.ro .pvp-btn img:not([src]){display:none}
.ro .pvp-btn.on{border-color:#a02020;background:linear-gradient(#ff7a6a,#c8281e);color:#fff;font-weight:bold;text-shadow:0 1px 0 #6a0000;box-shadow:0 0 6px #ff3a2a}
.ro .pvp-btn.on img{filter:none}
.ro-register{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;width:min(300px,calc(100vw - 32px));background:#fff;border:1px solid #8f9fb7;border-radius:3px;box-shadow:0 2px 10px #0008;font:12px/1.4 Arial,sans-serif;color:#222}
.ro-register .bar{height:17px;padding:2px 7px 0;font-weight:bold;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAA10lEQVQokX2RuQ7CQAxExyFAgICEqML/fwEdv0FDQ4EAiaNA4QxksU3FsQ7sdGvPk8deUigAYDo/KUsdo/EELzErQIxvkUIxW110vcvhnKC4P6CqXxYfiKeLu27XOUonuN4crIhiH7icjuj3EpSO0e81qwBqPrA5CES4YvxIfKARkSn5eh3lDSy3RzCHEPKBbieBiP4xA2pa8e0RgQMAbKRskCLkJzKRCodgpIjMhGHWRihQZcK5LCqLGcR/zXJWU/Nlr7TbX4OR1HxRnKatUJ6fAYMbWD0Bet9nX/sZIsYAAAAASUVORK5CYII=) left top no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAABZElEQVQokY2SPW4UQRCFv+ppIYzMRiDxJ66BuBIJOQkSd+AaSFwAOSMns8U6IFoBAtsgVoyn3iPonhlvRkut/lG9+vpVV7x5+9H0YQV2OwZgq+/g9cvnARDvT7aLoARYfT8EOJDEOI6cbi959eJZxLsP54tgKAOWEdkpLXtKWOL080/qw/tHrISKbWT3ULDBmSRiu72gfr3UIsDXzLggMMbZCHIim3qrDDcExjEXAIiCgYhABgP1y+5qFaB2S6AwKBBGCVKSMnVzfPuQAMjrw1ImM7EqVz9+U/dTORC0xY1isNuaCSaoj+7dvVElSEN7V2kkw3UmkrjYfaPuR6+C5gIM7n5mD01r6pPHxxwoeoXcayC3mZM4PyvUX3/3S3yi3kSAohEMUifY1KcP7qyeh/6JLrgHagJJpMynEtTd9z+LIIaWSYaIBpMgJ5hS7ac3m7WXhGd3c1djwTiaafSSZC3Tf4x/0jv3UFxi6k8AAAAASUVORK5CYII=) right top no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAbklEQVQokWNsmnLiPwMJgMVQV5QU9Qwsf/6SpJ6BRVqMhzQNzz/8I00DGxMjaRoevfhImgY+Hk7SNHz/w0SaBikRXhJt+EVSRDOwSEtzk6bhy8/vJGlgvPPxL2mJ7+Xbb6Q5iZfEeGBkYGAgyUkAzEwbefLvX9gAAAAASUVORK5CYII=) repeat-x}
.ro-register form{display:grid;gap:8px;padding:10px 12px 12px}
.ro-register label{display:grid;gap:3px}
.ro-register input:not([type=radio]){height:24px;border:1px solid #b8c3d4;border-radius:2px;padding:0 6px;font:inherit;font-size:16px}
.ro-register .sex{display:flex;gap:14px}
.ro-register .sex label{display:flex;gap:4px;align-items:center}
.ro-register .msg{min-height:16px;margin:0;color:#b02020}
.ro-register .btns{display:flex;justify-content:flex-end;gap:6px}
.ro-register .ro-btn{border:1px solid #8e9fbb;border-radius:3px;background:linear-gradient(#ffffff,#dde4f0);padding:3px 12px;font:inherit;cursor:pointer;box-shadow:0 1px 0 #fff inset}
.promotion-option .own-req{display:block;font-size:9px;font-style:normal;color:#a0522d;margin-top:3px}
/* HUD button (index.html #cashBtn): the coin of the original nc_cashshop.bmp icon, without its English lettering. */
.ro .cash-btn{padding-left:4px}
.ro .shop-btn{padding-left:4px}.ro .shop-btn i{display:block;width:20px;height:20px;background:center/contain no-repeat;image-rendering:pixelated;margin-right:2px}
.touch .ro .shop-btn i{width:22px;height:22px}
.ro .cash-btn i{display:block;width:24px;height:13px;background:radial-gradient(ellipse 50% 45% at 50% 50%,#ffe88a,#f0b630 60%,#a46b0c 61%,transparent 70%);background-repeat:no-repeat}
.ro .cash-btn i.tex{background:var(--img) -3px -15px/30px 30px no-repeat;image-rendering:pixelated}
.touch .ro .cash-btn i{width:28px;height:15px}
.touch .ro .cash-btn i.tex{background-position:-3.5px -17.5px;background-size:35px 35px}
.sound-settings select{flex:1;min-height:32px}
.hunt-card.above{background:#f7f1e6}.hunt-card.above .hunt-card-title span{color:#b2562f}
/* Party (Grupo) window and invitation */
.ro .party-btn{padding:1px 8px}.ro .party-btn.on{border-color:#3a7a3a;background:linear-gradient(#e8ffe0,#b8e2a8)}
.party-field{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:12px}
.party-field input,.party-field select,.party-row input{min-height:34px;padding:4px 8px;border:1px solid #c9bea1;border-radius:4px;font:inherit;background:#fffef8}
.party-head{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.party-head span{font-size:11px;color:#738087}
.party-share{margin:4px 0 8px}.party-share.warn{color:#b2562f!important}
.party-list{display:flex;flex-direction:column;gap:6px}
.party-member{border:1px solid #d6cfbf;border-radius:4px;padding:6px 8px;background:#fffdf5}.party-member.off{opacity:.6}
.pm-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.pm-top span{color:#738087;font-size:11px}
.pm-info{font-size:10px;color:#8a7956}
.pm-hp{position:relative;height:12px;margin-top:4px;border-radius:3px;background:#d2d3cb;overflow:hidden}.pm-hp i{display:block;height:100%;background:linear-gradient(#e86a6a,#b53a3a)}.pm-hp span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:12px;color:#fff;text-shadow:0 1px 1px #000}
.pm-actions{display:flex;gap:6px;margin-top:4px}.pm-actions .secondary{margin:0;padding:6px 8px;font-size:11px;flex:1}
.party-near{display:flex;flex-wrap:wrap;gap:6px}.party-near .secondary{margin:0;padding:8px}
.party-row{display:flex;gap:6px;margin-top:6px}.party-row input{flex:1;min-width:0}.party-row .secondary{margin:0}
.party-invite{position:fixed;z-index:9000;left:50%;top:18%;transform:translateX(-50%);width:min(320px,90vw);background:#fff;border:1px solid #8e9fbb;border-radius:4px;box-shadow:0 4px 18px #0005;font:12px Arial,sans-serif;color:#000}
.party-invite .bar{background:linear-gradient(#e6eefb,#c9d7ef);padding:4px 8px;font-weight:bold;border-bottom:1px solid #9fb2cf}
.party-invite p{margin:10px}.party-invite .btns{display:flex;gap:8px;justify-content:flex-end;padding:0 10px 10px}
.party-invite .ro-btn{min-height:32px;padding:3px 14px;border:1px solid #8e9fbb;border-radius:3px;background:linear-gradient(#fff,#dde4f0);cursor:pointer}
#log p.party{color:#7bd96b}
/* Sit button: phones and tablets only (computers use Insert, as in the original). */
.ro .sit{display:none}
.touch .ro .sit{display:grid;place-items:center;position:absolute;right:calc(104px + var(--r));bottom:calc(24px + var(--b));width:52px;height:52px;border-radius:50%;background:linear-gradient(#f4f7fc,#cfdbec);border:2px solid #8f9fb7;font:bold 9px Arial!important;color:#1f2d4a!important;pointer-events:auto;box-shadow:0 2px 8px #0005;padding:0}
.touch .ro .sit.on{background:linear-gradient(#e8ffe0,#b8e2a8);border-color:#3a7a3a}
@media (orientation:portrait){.touch .ro .sit{bottom:calc(66px + var(--b))}}
/* Death window: the original Escape window (280px, titlebar_fix.bmp, esc_04 buttons) with Portuguese text. */
#DeathWindow{position:fixed;z-index:9000;width:280px;border-radius:5px;background:#fff var(--bar,linear-gradient(#f4f4f4,#dcdcdc)) no-repeat 0 0;background-size:280px 17px;box-shadow:0 0 0 1px #0000004d,0 4px 14px #0006;font:12px Arial,Helvetica,sans-serif;color:#000;user-select:none;-webkit-user-select:none;touch-action:none}
#DeathWindow .top{position:relative;height:17px;cursor:move}
#DeathWindow .node{position:absolute;top:3px;left:4px;width:11px;height:11px;background:no-repeat}
#DeathWindow .title{position:absolute;top:2px;left:18px;text-shadow:1px 1px #fff;white-space:nowrap}
#DeathWindow .container{padding:20px 30px 6px;display:flex;flex-direction:column}
#DeathWindow button{width:221px;height:20px;margin-top:3px;padding:0;border:1px solid #b5b5b5;border-radius:3px;background:linear-gradient(#fff,#e6e6e6);font:12px Arial,Helvetica,sans-serif;color:#353535;cursor:pointer;white-space:nowrap}
#DeathWindow.tex button{border:0;border-radius:0;background:var(--btn) no-repeat 0 0/100% 100%}
#DeathWindow.tex button:hover{background-image:var(--btn-on)}
#DeathWindow.tex button:active{background-image:var(--btn-down,var(--btn-on))}
#DeathWindow button:disabled{opacity:.6;cursor:default}
#DeathWindow button:focus-visible{outline:2px solid #4a7cc9;outline-offset:1px}
/* Phones and tablets: the same window, larger for fingers. */
@media (pointer:coarse){
  #DeathWindow{width:min(340px,calc(100vw - 32px));background-size:100% 17px}
  #DeathWindow .container{padding:16px 16px 10px}
  #DeathWindow button{width:100%;height:40px;margin-top:6px;font-size:14px}
}
/* Skill targeting (aim.js): the original skill name, hint and level around the target cursor. */
#SkillAim{position:fixed;inset:0;pointer-events:none;z-index:8000}
#SkillAim canvas{position:fixed;pointer-events:none}
#SkillAim .aim-name{top:45px;left:50%;transform:translateX(-50%);border-radius:3px;border:1px solid #555}
#SkillAim .aim-hint{bottom:60px;left:50%;transform:translateX(-50%);border-radius:3px;border:1px solid #555}
.touch #SkillAim .aim-hint{bottom:auto;top:76px}
.touch.aiming .cursor{display:block!important}
/* Auto attack / auto heal toggles (#autoAtk, #autoHeal): lit green while on. */
.ro .auto-btn.on{border-color:#2f6f2f;background:linear-gradient(#bff0a8,#5fae4a);color:#fff;font-weight:bold;text-shadow:0 1px 0 #1d4d1d;box-shadow:0 0 6px #6fdc4f}
/* The guest's registration window, over the game (online/guest.js). */
.ro-register.claim{z-index:2300}
.ro-register.claim .lead{margin:0;color:#4a556b;font-size:12px}
.ro-register.claim .msg.ok{color:#1d7a2a}
.ro-register.claim .btns .ro-btn[type=submit]{border-color:#b98418;background:linear-gradient(#fff3c2,#ffd25e 60%,#f0b532);color:#5a3500;font-weight:bold}
html.touch .ro-register.claim{max-height:calc(100vh - 16px);overflow:auto}
html.touch .ro-register.claim form{gap:6px}
#dialog .guest-primary{text-align:center;background:linear-gradient(#ffe48a,#f5b733 55%,#e29a12);border-color:#9a6a12;color:#4a2a00}
/* Forge window (forgeui.js): the shared #dialog restyled as an original client window while it holds the forge.
   Original basic interface textures: title bar, close button, item slot frame, selection highlight, button bar and the
   striped window background. The Renewal refine window's own textures are not in the files we serve, so its layout
   (materials row with the red Blacksmith Blessing slot, item on the anvil, big button with the fee, notice bar) is rebuilt
   with CSS on top of them. Sizes are touch friendly: slots and buttons are 36px or more. */
#dialog.forge-ro{--tb:17px;--slot:36px;--fs:12px;width:min(660px,96vw);max-width:none;max-height:min(90vh,720px);max-height:min(90dvh,720px);border:1px solid #6f7f9c;border-radius:4px;background:#fff;color:#000;font:var(--fs)/1.3 Arial,Helvetica,sans-serif;box-shadow:0 4px 18px #0007;-webkit-tap-highlight-color:transparent}
#dialog.forge-ro::backdrop{background:#0b1a2a55;backdrop-filter:none}
#dialog.forge-ro .dialog-heading{flex:none;height:var(--tb);padding:0 0 0 8px;border:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAA10lEQVQokX2RuQ7CQAxExyFAgICEqML/fwEdv0FDQ4EAiaNA4QxksU3FsQ7sdGvPk8deUigAYDo/KUsdo/EELzErQIxvkUIxW110vcvhnKC4P6CqXxYfiKeLu27XOUonuN4crIhiH7icjuj3EpSO0e81qwBqPrA5CES4YvxIfKARkSn5eh3lDSy3RzCHEPKBbieBiP4xA2pa8e0RgQMAbKRskCLkJzKRCodgpIjMhGHWRihQZcK5LCqLGcR/zXJWU/Nlr7TbX4OR1HxRnKatUJ6fAYMbWD0Bet9nX/sZIsYAAAAASUVORK5CYII=) left top/auto var(--tb) no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAABZElEQVQokY2SPW4UQRCFv+ppIYzMRiDxJ66BuBIJOQkSd+AaSFwAOSMns8U6IFoBAtsgVoyn3iPonhlvRkut/lG9+vpVV7x5+9H0YQV2OwZgq+/g9cvnARDvT7aLoARYfT8EOJDEOI6cbi959eJZxLsP54tgKAOWEdkpLXtKWOL080/qw/tHrISKbWT3ULDBmSRiu72gfr3UIsDXzLggMMbZCHIim3qrDDcExjEXAIiCgYhABgP1y+5qFaB2S6AwKBBGCVKSMnVzfPuQAMjrw1ImM7EqVz9+U/dTORC0xY1isNuaCSaoj+7dvVElSEN7V2kkw3UmkrjYfaPuR6+C5gIM7n5mD01r6pPHxxwoeoXcayC3mZM4PyvUX3/3S3yi3kSAohEMUifY1KcP7qyeh/6JLrgHagJJpMynEtTd9z+LIIaWSYaIBpMgJ5hS7ac3m7WXhGd3c1djwTiaafSSZC3Tf4x/0jv3UFxi6k8AAAAASUVORK5CYII=) right top/auto var(--tb) no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAbklEQVQokWNsmnLiPwMJgMVQV5QU9Qwsf/6SpJ6BRVqMhzQNzz/8I00DGxMjaRoevfhImgY+Hk7SNHz/w0SaBikRXhJt+EVSRDOwSEtzk6bhy8/vJGlgvPPxL2mJ7+Xbb6Q5iZfEeGBkYGAgyUkAzEwbefLvX9gAAAAASUVORK5CYII=) left top/auto var(--tb) repeat-x;image-rendering:pixelated}
#dialog.forge-ro .dialog-heading h2{flex:1;min-width:0;margin:0;font:bold calc(var(--tb)*.62)/var(--tb) Arial,Helvetica,sans-serif;color:#000;text-shadow:1px 1px #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dialog.forge-ro .dialog-heading button{flex:none;width:calc(var(--tb)*1.7);height:var(--tb);padding:0;border:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABVklEQVQYlY2RSyjDcQDHP3/Na5sxjYbJa9a0ibCm3CSUUJzGTU47oXBwkKMWJaVkysEjLg6UAw6ORKKRsMgj8pz/ZhrTz8krF9/bt++n7+H7lQSC/0rx07T2rYg9j4enhxviE5OxWK24eyukz1z6bK5zTgl9RgHOhgwS1Ap8/jfcC+dcnu4wP9wkAUQAOLoWxd39I89X21Q2tnNxLdPWM8TG6hzBYBBH56L4gr2HHt4lFVnmQvRJiTg7B1jf3Ke2voZQOAbvkYcvWJZlYnV56HUaaqtKOT65pLLcRnamgSitCVmWv+HsHCNZKUpStRLjM0uU2S0sr23huz3DlK4mx2j8hkttRQRewoxNzJKmT2LU1UaLo5rBkWme/AHsJcW/13BN7oo7fzQlJg1xqkh8/ld2TwLo1CE6mvNBIEk/T+keORBHF0E0KgXyc5hcg5J+p/nvzv/RB+r6fRRetelFAAAAAElFTkSuQmCC) center/calc(var(--tb)*11/17) no-repeat;font-size:0!important;color:transparent;image-rendering:pixelated;cursor:pointer}
#dialog.forge-ro .dialog-heading button:hover,#dialog.forge-ro .dialog-heading button:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABSklEQVR42pXRTSjDcRzH8fdvW9KahmmSh/yt5mElISIPpTg40ZQrBych5SBJiYOjg3JwV/KYcjIlKQdaoxV22L/8lfKwtP/Wv7/i58Aejny+p2+9Tp+PkEj+Glv2M7Eakrd3Ed5jzzgL3dRWe1mbbhBpIH9vaO5Yzmx+yuzMbn3K4fmATBkLwOjyhYzpBtZ4kIHxdcKvJpMru2ihfRKGycjShQR+sBqNYMlxIZx1CGseC0vbXAUfUHydSFshqnpPGut6nCJPG+1Ndvp7azCSL/R0e+lqc1OgtJLQ9QyuVBQ8pYJih8nJ6SUt9RVchyMYsQeqywWKomRwk8/L49MHR4cBSlx5LE76GexrZm8vgKbpNPq8AIhUz6s7UZnMrcLfDWUO0BJwcAZ2U2XKr4BEiOxRNs6RN9EvXPkW3t6/qK+yMNZBumfxnwW/ARoGibwX4qXbAAAAAElFTkSuQmCC)}
#dialog.forge-ro #dialogContent{flex:1;min-height:0;display:flex;padding:0;overflow:hidden;line-height:1.3}
#dialog.forge-ro button{font-family:Arial,Helvetica,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}
#dialog.forge-ro button:disabled{cursor:default}
#dialog.forge-ro button:focus-visible{outline:2px solid #2d62d8;outline-offset:1px}
#dialog.forge-ro .fg{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}

/* Tabs */
#dialog.forge-ro .fg-tabs{flex:none;display:flex;gap:2px;padding:5px 6px 0;background:#eef2f8;border-bottom:1px solid #8f9fb7}
#dialog.forge-ro .fg-tabs button{flex:1;min-height:30px;margin-bottom:-1px;padding:2px 4px;border:1px solid #8f9fb7;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(#f8f9fc,#d5ddeb);color:#34425e;font-weight:bold;font-size:calc(var(--fs) - 1px)}
#dialog.forge-ro .fg-tabs button[aria-selected=true]{position:relative;z-index:1;background:#fff;color:#000;border-bottom:1px solid #fff}

/* Body: the window (stage) and the list side by side; stacked on narrow screens */
#dialog.forge-ro .fg-body{flex:1;min-height:0;display:flex;gap:8px;padding:8px;background:#fff}
/* iPhone Safari bug: the dialog only has a max-height, and WebKit resolves a 0% flex-basis in such a column as 0px, so the
   body collapsed and only the title bar showed. An auto basis takes the content height and shrinks to the max-height. */
#dialog.forge-ro #dialogContent,#dialog.forge-ro .fg,#dialog.forge-ro .fg-body{flex:1 1 auto}
#dialog.forge-ro .fg-win{flex:none;width:280px;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}

/* Stage, in the order of the original refine window */
#dialog.forge-ro .fg-stage{position:relative;padding:6px 8px 8px;text-align:center;border:1px solid #b9c5d9;border-bottom:0;border-radius:3px 3px 0 0;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABUCAYAAACC0RdhAAAAR0lEQVR42u3QMREAIAwEwcDg32wEPA6oUlDsKbjZlSQ12K7hTnfX14eLIUOGDBkyZMiQIUOGDBkyZMiQIUOGDBkyZMiQ4bMLstqQN2vyspoAAAAASUVORK5CYII=) left top/20px 84px repeat}
#dialog.forge-ro .fg-head{min-height:19px;font-weight:bold;color:#34425e}
#dialog.forge-ro .fg-head .num{font-size:calc(var(--fs) + 4px);color:#0b44c4}
#dialog.forge-ro .fg-mats{display:flex;justify-content:center;gap:5px;margin:6px 0 5px}
#dialog.forge-ro .fg-slot{position:relative;flex:none;display:grid;place-items:center;width:var(--slot);height:var(--slot);padding:0;border:0;border-radius:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFqElEQVR42sWXzZbbuA6EP4A/kt3uPFgWeddkkdfqcx3bskQSmAVpuZPuLO+Mlz4kABYKhZK8vb05/+EvAvz8+ZOXlxdE5F9LfLlc+Pr1ay/gdDrx7du3f/Xl379/fyLw+J3PN2IOBBFwQMDdqdXwZjRx1MCAEIQgikT9DTl3pzXDq+HuoICBixBTjx1TxJ2PBYQQCCMIAm7QWutBxVEzTCFIQESRKCij2HHP2rNYpCeXIKQgBBVchJ7dPxagYY+Fm2NmewFof7m4gHQEBMFxBMHcaG5Uq+gzPiJCEkU14B1S/E8SPvEzEOkvd2NbK6qAGWaKiKOhQyiMLN6T12a0tmEohqGASyBqQGPA3REZV9w+L8D92cNSCvTcgCHihJBIMY5XdJK4G7U2aq0jSg/uIsSghKgdwUeLrGEe/laA01qjlYr5E6gggsZECM9gD8S2VmmlISKYGSgo0vkUeotwAen8KKUSkn9eQCkFqw3DMEAfsKdADE7nen+7NWh1o5VGQ1DtnAkihBjRoGAC6uBg1ti2QnMjmHxewP2+Dgi1pwpODhERxV074RyaOa0WtlYRc2y0SrWTTXXcx3AHa41SCrV2Qlf5Swuq1R7EbPQwEmMEfbLXzKitUkrB9/968hiUFCMu7OdrbZStnx/v6q36UIABFSx2BGIInXBjlh0wb2yPYCOIaU+eUiDlhLk/rtDqePk2CI2iGCrPMX0WoGBWUQ/EqMxT7r1zEDGsOaVuLMvaj6tiZkQiMUdSSp2gLhiOV2fbCqWWva1mlRACmiL+pxCZdeJNMZLztB9wHGvOtq1s961Px9AG1UjMHSk3cOmEa83Y7kvniPt4eUUkkXMm8BcSppRIKQGGez/UzNjWQikr1mwgpahCzokQwl5ol+LCci99QlxQAwkN0Y6qqvIufy+gy7OQUgQE804iM+N+X9m2bbS8gikhCDlNBNV+1xxzw8xYlvtO0IcgBRdSmtAguAtmH3RA+rzrU2haq6xrYV2Xd2oYUBVy7kg9pNW874x1XX8bZZEuSHnKpBQRcdwb74bg9xaYGRqUVitlXbktC+6O0gVJ1Mk5Mc/TSOxDPSv3+8b9fn+nnk5MgTwlcsrghnlXxlbKJ1NAJ1EtlXVdWa63XZIqtfNjSszz3Ik4/EKthWVZud9voH1lKga5J845D73o67lshbLWfSP+VkArlXVbuV1vuDhq2vd/COQ8Mef5uQvcabVxvV7Z1q3zZnAk5sh8OJJSxh94i9DWwq/beRD8jzF0d67XK2sp0BxTMIwkgXmeyTnvuwCHWgq3ZWFdV0rzLnIGOSvT8dhHcxgPd6itcD1fqLYRQvrIATPjcrkMe9WhjDFwmA6DcENgWifc5XKhbhvVHus3EGPkcDiQY9oT485WCpfLL0ppuDfks3Xs7pTSyFn76ITA4XggTxkddHdzSqlcrxfu2x1pgqkRPJBiYD5M5Ckj3QRiZpSycV2WLmJDcR874aMjGgKkoszzzGGau0MC3BpbLSy3O9fr0h2POt6EkJX5ODMfDkOOuzBt943rcmNZ7+9z7uL1oQXujmrkcJg4HY8PbDBzaq0st4Xr9dp1HUOGeB2OR+Z55mF1zZ1t27jervto2vCHU5w4HA6fj6GIcJhnXl5exjrttrOVxvV25XK57IsLM6aUOJ2OTCP5UG+2beNyPrOUMhxa3wZpjpxOr6ScQf6YAhHh9XTieHh5eE2gE+jXr19PkbE+HVNKnL58IefpMRjdK5TK2//eaKVg+y4QUk58+fKFGML+uA8FzIcD6DBd3i3aI/nDREgQkkZeX1/H4uoE9gH7+XymbGXMuoEqKSVeX18JIe4fO492xd27j0342Ae1Vm63G7UOl6S6nzudTkzTtH8Rmdl+vrW2k0w1knPm5eWFaZr+/nF6Pp/58ePHO2v9//2JyN5S+a8/z/8BO5EVnKUJFrEAAAAASUVORK5CYII=) center/100% 100% no-repeat;box-shadow:0 0 0 1px #9fb3d6;color:#34425e;image-rendering:pixelated;cursor:pointer}
#dialog.forge-ro .fg-slot.blue{color:#34425e;box-shadow:0 0 0 1px #7f9ad0,inset 0 0 0 2px #c9d8f2}
#dialog.forge-ro .fg-slot.red{color:#34425e;box-shadow:0 0 0 1px #c97a7a,inset 0 0 0 2px #f0c2c2;margin-left:6px}
#dialog.forge-ro .fg-slot.sel{box-shadow:0 0 0 2px #2d62d8,0 0 7px 1px #7aa2ff}
#dialog.forge-ro .fg-slot.red.sel{box-shadow:0 0 0 2px #c62828,0 0 7px 1px #ff8f8f}
#dialog.forge-ro .fg-slot.sel::before{content:'';position:absolute;left:3px;right:3px;top:28%;height:44%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAPCAYAAAD3T6+hAAABv0lEQVR42qWUYW/aMBCGH2wHZ4matlRI6///a5OGhmAlVdIEYtiH89VJSTuxnWQ5CiaP7+59b3G5XC58EkOAEGA4Q3+M787X55yR3Vooc3CWT8PNveyP0HSwf4X+FNdR4P3p+ry14DPwS6gKgRb5PNx9BP16gbqF7Qu0nYD7U8o0hPmb+0xW8U2gVQnre1hVAr4CHhqBbHawPaTs3ssaIJzBmrTD9NlZydJnAv1dw/cneF4J+B3YdLDZw88d/NhKhs2bfGzcz7l9/BzOcklrZG+7ac9XFbghwL4W2GY3hQ2Bm2J8Gf2/9rf0UmbXnwTSdkkcc8L4l1CR1a2s/gRGf9DUrf1a1reGWmaIGRtnUqN9JjAVwf+E2sRagfpMhWWjjIvkOVWcqvSmjEae9JlYQr9f5uCchdVdMjaAbaA1cju1BMz3VstvTayOhTxWqyrh8Q7Wj1GhNtrCL+H5SQ4XB6iL2Ohmanq/nApCew4CgTRhfAbrhwh8SOZfjGfpEMST2zht2jcBNn2apQp3ZjratJQK1Ozui+lFF3PDe4hybjqBNn2SuE4ea+f7VngBlvkU9CVwzsxj2MfBrVBn/m6rPxAk/fushkP5AAAAAElFTkSuQmCC) center/100% 100% no-repeat}
#dialog.forge-ro .fg-slot img{position:relative;width:24px;height:24px}
#dialog.forge-ro .fg-cnt{position:absolute;right:2px;bottom:0;font:bold 10px/12px Arial,Helvetica,sans-serif;font-style:normal;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,1px 1px 0 #000;pointer-events:none}
#dialog.forge-ro .fg-slot.lack .fg-cnt{color:#ff9a9a}
#dialog.forge-ro .fg-slot.empty{opacity:.55;cursor:default}
#dialog.forge-ro .fg-slot.off,#dialog.forge-ro .fg-slot:disabled{opacity:.45;filter:grayscale(1)}
#dialog.forge-ro .fg-slot.none{font-weight:bold;font-size:15px}
#dialog.forge-ro .fg-chosen{min-height:16px;font-size:calc(var(--fs) - 1px);color:#222}
#dialog.forge-ro .fg-chosen small{color:#5d6b80;font-size:inherit}
#dialog.forge-ro .fg-extra{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin:5px 0 0}
#dialog.forge-ro .fg-xl{width:54px;text-align:right;margin-right:2px;font-size:calc(var(--fs) - 2px);font-weight:bold;color:#34425e}
#dialog.forge-ro .fg-star{min-width:38px;height:var(--slot);padding:0 4px;border:1px solid #8f9fb7;border-radius:3px;background:linear-gradient(#fff,#dde4f0);color:#b07d00;font-weight:bold;font-size:13px;letter-spacing:-1px;cursor:pointer}
#dialog.forge-ro .fg-star.sel{background:linear-gradient(#fff6d6,#ffd667);border-color:#c8961e;box-shadow:0 0 0 1px #c8961e;color:#6b4500}
#dialog.forge-ro .fg-star:disabled{opacity:.4}
#dialog.forge-ro .fg-have{display:flex;align-items:center;gap:2px;margin-left:2px;font-size:calc(var(--fs) - 2px);color:#34425e}
#dialog.forge-ro .fg-anvil{position:relative;width:170px;height:84px;margin:4px auto 2px;background:radial-gradient(ellipse 46% 42% at 50% 46%,#fff6cf,#ffe7a1 40%,#ffe7a100 72%)}
#dialog.forge-ro .fg-anvil::after{content:'';position:absolute;left:50%;bottom:3px;width:118px;height:34px;transform:translateX(-50%);background:linear-gradient(#8b95a5,#4f5866 55%,#3c4350);clip-path:polygon(0 0,100% 0,90% 26%,69% 36%,72% 78%,84% 100%,16% 100%,28% 78%,31% 36%,10% 26%)}
#dialog.forge-ro .fg-item{position:absolute;left:50%;bottom:30px;z-index:1;display:grid;place-items:center;width:52px;height:52px;transform:translateX(-50%)}
#dialog.forge-ro .fg-ic.big{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #0007)}
#dialog.forge-ro .fg-item em{position:absolute;right:-16px;top:-2px;font:bold 14px Arial,Helvetica,sans-serif;font-style:normal;color:#0b44c4;text-shadow:0 0 2px #fff,0 0 3px #fff}
#dialog.forge-ro .fg-name{min-height:17px;font-weight:bold;overflow-wrap:anywhere}
#dialog.forge-ro .fg-name b{color:#0b44c4}
#dialog.forge-ro .fg-meta{min-height:16px;margin-top:2px;font-size:calc(var(--fs) - 1px);color:#3c4a60}
#dialog.forge-ro .fg-go{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:8px;padding:3px 8px;border:1px solid #6f82a6;border-radius:4px;background:linear-gradient(#fff,#d6dff0 60%,#c4d1e9);box-shadow:inset 0 1px 0 #fff,0 1px 2px #0003;color:#13245a;cursor:pointer}
#dialog.forge-ro .fg-go b{font-size:calc(var(--fs) + 3px)}
#dialog.forge-ro .fg-go small{font-size:calc(var(--fs) - 1px);font-weight:bold;color:#7a4f00}
#dialog.forge-ro .fg-go:active:not(:disabled){background:linear-gradient(#c4d1e9,#fff)}
#dialog.forge-ro .fg-go:disabled{opacity:.5}
#dialog.forge-ro .fg-go.armed{border-color:#c62828;background:linear-gradient(#fff0f0,#ffb4b4);color:#8b0000;animation:fgPulse .8s ease-in-out infinite}
#dialog.forge-ro .fg-go.armed small{color:#8b0000}
@keyframes fgPulse{50%{box-shadow:0 0 0 4px #ff6b6b80}}
#dialog.forge-ro .fg-result{position:absolute;left:8px;right:8px;top:60px;z-index:3;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border:2px solid #6f82a6;border-radius:4px;background:#fffffff4;box-shadow:0 2px 10px #0004;color:#000;cursor:pointer;animation:fgPop .22s ease-out}
#dialog.forge-ro .fg-result b{font-size:calc(var(--fs) + 5px)}
#dialog.forge-ro .fg-result span{font-size:var(--fs);overflow-wrap:anywhere}
#dialog.forge-ro .fg-result::after{content:'toque para fechar';font-size:9px;color:#778}
#dialog.forge-ro .fg-result.ok{border-color:#2e7d32}#dialog.forge-ro .fg-result.ok b{color:#1b5e20}
#dialog.forge-ro .fg-result.warn{border-color:#c8961e}#dialog.forge-ro .fg-result.warn b{color:#7a5200}
#dialog.forge-ro .fg-result.bad{border-color:#c62828}#dialog.forge-ro .fg-result.bad b{color:#a00000}
@keyframes fgPop{from{transform:scale(.86);opacity:0}}

/* Notice bar (original button bar texture) */
#dialog.forge-ro .fg-foot{display:flex;align-items:center;gap:6px;min-height:31px;padding:3px 4px 4px 6px;border:1px solid #b9c5d9;border-top:1px solid #d4dbe7;border-radius:0 0 3px 3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAY0lEQVR42u3QwQkEIRBE0d+rHr0bhvmDl+1gDEA81yTRA7vQFcCneLbWUimFyNXWGnPO2KiZ0XsPjX54YVUS55w/eJqmaZqmaZqmafrLpvdexhhxVSHcXXtvRc2EAPCvK+roA4zJgVJWaP9iAAAAAElFTkSuQmCC) left top/21px 100% no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAYklEQVR42u3QsQ0AIQxDUfuUlpG42ZGyAFtADTXyLRGqiwf4sh5ba0LgzjngWis02nuHlVIimyCJBxdme+/QoKRLT9M0TdM0TdM0Tf9gOucESUBBG2PI3SUI5u5hT+tbCQAfcVmHZJphzG8AAAAASUVORK5CYII=) right top/21px 100% no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAQklEQVR42u3Q0QkAMAxCwaR0/5kC2SgOYIeo/SjoAA+5rCqGeDkz+ihJeXTFg20A8cVTm9rUpja1qU1tem3a3fLoAWjZNpc8Tax/AAAAAElFTkSuQmCC) left top/21px 100% repeat-x}
#dialog.forge-ro .fg-notice{flex:none;width:18px;height:18px;border:1px solid #a87800;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5a8,#efb200);font:bold 12px/16px Arial,Helvetica,sans-serif;font-style:normal;color:#5a3d00;text-align:center}
#dialog.forge-ro .fg-msg{flex:1;min-width:0;text-align:left;font-size:calc(var(--fs) - 1px);line-height:1.3;color:#1d3d8a}
#dialog.forge-ro .fg-msg.red{color:#b00000}
#dialog.forge-ro .fg-cancel{flex:none;min-height:28px;padding:2px 10px;border:1px solid #8e9fbb;border-radius:3px;background:linear-gradient(#fff,#dde4f0);box-shadow:inset 0 1px 0 #fff;color:#000;font-size:calc(var(--fs) - 1px);cursor:pointer}

/* Lists */
#dialog.forge-ro .fg-list{flex:1;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid #b9c5d9;border-radius:3px;background:#fff}
#dialog.forge-ro .fg-lt{position:sticky;top:0;z-index:2;padding:5px 8px;border-bottom:1px solid #b9c5d9;background:linear-gradient(#f5f7fb,#dfe6f2);font-weight:bold;font-size:calc(var(--fs) - 1px);color:#34425e}
#dialog.forge-ro .fg-lh{padding:4px 8px;border-bottom:1px solid #e1e6ef;background:#f1f4f9;font-size:calc(var(--fs) - 2px);font-weight:bold;letter-spacing:.4px;text-transform:uppercase;color:#5a6680}
#dialog.forge-ro .fg-row{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;padding:4px 8px;border:0;border-bottom:1px solid #e8ecf3;border-radius:0;background:none;color:#000;text-align:left;font-size:var(--fs);cursor:pointer}
#dialog.forge-ro .fg-row>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#dialog.forge-ro .fg-row b{font-weight:bold;overflow-wrap:anywhere}
#dialog.forge-ro .fg-row small{font-size:calc(var(--fs) - 2px);color:#5d6b80}
#dialog.forge-ro .fg-row .fg-ic{flex:none;width:24px;height:24px;padding:2px 0}
#dialog.forge-ro .fg-row:hover{background:#f3f7ff}
#dialog.forge-ro .fg-row.sel{background:#dce8ff;box-shadow:inset 3px 0 0 #2d62d8}
#dialog.forge-ro .fg-row.sel .fg-ic{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAPCAYAAAD3T6+hAAABv0lEQVR42qWUYW/aMBCGH2wHZ4matlRI6///a5OGhmAlVdIEYtiH89VJSTuxnWQ5CiaP7+59b3G5XC58EkOAEGA4Q3+M787X55yR3Vooc3CWT8PNveyP0HSwf4X+FNdR4P3p+ry14DPwS6gKgRb5PNx9BP16gbqF7Qu0nYD7U8o0hPmb+0xW8U2gVQnre1hVAr4CHhqBbHawPaTs3ssaIJzBmrTD9NlZydJnAv1dw/cneF4J+B3YdLDZw88d/NhKhs2bfGzcz7l9/BzOcklrZG+7ac9XFbghwL4W2GY3hQ2Bm2J8Gf2/9rf0UmbXnwTSdkkcc8L4l1CR1a2s/gRGf9DUrf1a1reGWmaIGRtnUqN9JjAVwf+E2sRagfpMhWWjjIvkOVWcqvSmjEae9JlYQr9f5uCchdVdMjaAbaA1cju1BMz3VstvTayOhTxWqyrh8Q7Wj1GhNtrCL+H5SQ4XB6iL2Ohmanq/nApCew4CgTRhfAbrhwh8SOZfjGfpEMST2zht2jcBNn2apQp3ZjratJQK1Ozui+lFF3PDe4hybjqBNn2SuE4ea+f7VngBlvkU9CVwzsxj2MfBrVBn/m6rPxAk/fushkP5AAAAAElFTkSuQmCC) center/28px 15px no-repeat}
#dialog.forge-ro .fg-row.locked,#dialog.forge-ro .fg-row[aria-disabled=true]{opacity:.62}
#dialog.forge-ro .fg-row.locked::after{top:50%;right:8px;transform:translateY(-50%);font-size:11px}
#dialog.forge-ro .fg-row.static{cursor:default}
#dialog.forge-ro .fg-row.static:hover{background:none}
#dialog.forge-ro .fg-buy{flex:none;min-width:46px;min-height:36px;padding:0 6px;border:1px solid #8e9fbb;border-radius:3px;background:linear-gradient(#fff,#dde4f0);box-shadow:inset 0 1px 0 #fff;color:#13245a;font-weight:bold;font-size:calc(var(--fs) - 1px);cursor:pointer}
#dialog.forge-ro .fg-buy:active:not(:disabled){background:linear-gradient(#dde4f0,#fff)}
#dialog.forge-ro .fg-buy:disabled{opacity:.4}
#dialog.forge-ro .fg-empty{margin:0;padding:18px 12px;text-align:center;color:#556;font-size:var(--fs)}
#dialog.forge-ro .fg-note{margin:0;padding:8px;font-size:calc(var(--fs) - 2px);line-height:1.4;color:#5d6b80}
#dialog.forge-ro .fg-ic{display:inline-block;vertical-align:middle}
#dialog.forge-ro .fg-ic.tiny{width:18px;height:18px}
#dialog.forge-ro .fg-ic.missing{border-radius:3px;background:#e3e8f1}

/* Touch devices: taller title bar and close button */
:where(.touch) #dialog.forge-ro{--tb:28px;--slot:40px}

/* Phones in portrait: one column, the window on top and the list below it */
@media (max-width:600px){
 #dialog.forge-ro{--tb:30px;--slot:44px;--fs:13px;width:calc(100vw - 12px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
 #dialog.forge-ro .fg-body{flex-direction:column;gap:6px;padding:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}
 #dialog.forge-ro .fg-win{width:auto;overflow:visible}
 #dialog.forge-ro .fg-mats{gap:6px}
 #dialog.forge-ro .fg-list{flex:1 1 auto;min-height:170px}
 #dialog.forge-ro .fg-list.wide{flex:1 1 auto}
 #dialog.forge-ro .fg-xl{width:auto;flex-basis:100%;text-align:center;margin:2px 0 0}
 #dialog.forge-ro .fg-star{min-width:52px}
}
/* Phones in landscape: two columns using the whole height, each one scrolls on its own */
@media (max-height:500px) and (min-width:601px){
 #dialog.forge-ro{--tb:28px;--slot:38px;width:min(860px,calc(100vw - 16px));max-height:calc(100vh - 10px);max-height:calc(100dvh - 10px)}
 #dialog.forge-ro .fg-tabs button{min-height:28px}
 #dialog.forge-ro .fg-body{padding:5px 6px 6px;gap:6px}
 #dialog.forge-ro .fg-win{width:300px}
 #dialog.forge-ro .fg-anvil{height:70px}
 #dialog.forge-ro .fg-item{bottom:22px}
 #dialog.forge-ro .fg-anvil::after{height:28px}
 #dialog.forge-ro .fg-go{min-height:42px;margin-top:5px}
 #dialog.forge-ro .fg-result{top:48px}
 /* The forging window is the tallest one: a smaller anvil, and the button stays in view while its column scrolls. */
 #dialog.forge-ro .fg-forge .fg-anvil{height:46px;margin-top:2px}
 #dialog.forge-ro .fg-forge .fg-item{bottom:12px;width:40px;height:40px}
 #dialog.forge-ro .fg-forge .fg-ic.big{width:36px;height:36px}
 #dialog.forge-ro .fg-forge .fg-anvil::after{width:84px;height:20px}
 #dialog.forge-ro .fg-go{position:sticky;bottom:0;z-index:2}
}

/* HUD button (next to "Evolução de classe"), shown in towns */
.ro .forge-btn{font-weight:bold}
/* Phones: the forge button shows only its icon on narrow screens (the row of HUD buttons is laid out in ro.css). */
@media (max-width:480px){.touch .ro .forge-btn .fl{display:none}}