:root{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#111;background:#adc082;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #3768b5;outline-offset:2px}.ro-home{position:relative;min-height:100svh;overflow:hidden}.prontera-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.ro-window{background:#fff;border:1px solid #7c808c;border-radius:5px;box-shadow:1px 2px 3px #0005;overflow:hidden}.ro-hud{position:relative;width:max-content;max-width:calc(100% - 8px);margin:4px;z-index:2}.ro-title{position:relative;display:flex;align-items:center;gap:3px;height:17px;padding:0 3px;background:url(/ui/titlebar_left.png) left top no-repeat,url(/ui/titlebar_right.png) right top no-repeat,url(/ui/titlebar_mid.png) left top repeat-x;font-size:11px;line-height:17px;text-shadow:0 1px white;-webkit-user-select:none;user-select:none}.ro-title-icon{width:11px;height:11px;background:url(/ui/sys_base_off.png) center/11px 11px no-repeat}.ro-close{margin-left:auto;width:11px;height:11px;min-width:11px;border:0;padding:0;background:url(/ui/sys_close_off.png) center/contain}.ro-close:hover{background-image:url(/ui/sys_close_on.png)}.ro-hud-body{display:flex;align-items:flex-start}.ro-character{width:220px;flex:none;padding:5px 6px 0}.ro-character-top{display:flex;justify-content:space-between;gap:5px;min-height:42px}.ro-name{display:flex;flex-direction:column;line-height:13px;padding-top:2px}.ro-name strong{font-weight:400}.ro-vitals{width:126px}.ro-vital{display:flex;align-items:center;gap:4px;margin:0 0 6px;font-size:9px}.ro-vital>span{width:14px}.ro-gauge{position:relative;width:108px;height:14px;padding-top:1px;text-align:center}.ro-gauge-fill{position:absolute;inset:0 0 auto;height:8px;background:url(/ui/gzeblue_left.png) left top no-repeat,url(/ui/gzeblue_right.png) right top no-repeat,url(/ui/gzeblue_mid.png) center top repeat-x}.ro-gauge-text{position:relative;top:5px;font-size:10px;text-shadow:0 0 2px #fff,1px 1px #fff}.ro-levels{padding:2px 4px;background:#eeeef1;border-radius:4px}.ro-levels>div{display:flex;align-items:center;height:13px;gap:5px;font-size:10px}.ro-levels>div>span:first-child{width:60px}.ro-levels>div>span:last-child{width:35px;text-align:right}.ro-exp{height:5px;flex:1;border:1px solid #b9bec8;border-radius:3px;background:linear-gradient(#dddfe5,#fafaff)}.ro-money{display:flex;justify-content:space-between;font-size:10px;line-height:19px;white-space:nowrap}.ro-menu{display:flex;gap:4px;padding:7px 7px 7px 3px;align-items:center}.ro-menu-button{width:36px;height:24px;border:0;padding:0;background:var(--button-off) center/100% 100% no-repeat;image-rendering:pixelated}.ro-menu-button:hover,.ro-menu-button[aria-pressed=true]{background-image:var(--button-on)}.ro-menu-button:active{transform:translateY(1px)}.ro-panel{position:absolute;z-index:3;left:4px;top:126px;width:280px;max-width:calc(100% - 8px)}.ro-empty-panel{height:190px;background:repeating-linear-gradient(0deg,#fff 0px 2px,#fafafa 2px 3px)}.ro-window-bottom{height:8px;background:url(/ui/itemwin_left.png) left bottom no-repeat,url(/ui/itemwin_right.png) right bottom no-repeat,linear-gradient(#fff,#e6e7eb);border-top:1px solid #d3d4da}.ro-inventory-body{display:flex;min-height:210px}.ro-item-tabs{display:flex;flex-direction:column;width:23px;flex:none;padding-top:4px;background:#e9e9ed;border-right:1px solid #b9bbc5}.ro-item-tabs button{writing-mode:vertical-rl;transform:rotate(180deg);height:43px;width:21px;font-size:10px;border:1px solid #a9acb4;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#dddfe4,#fefefe);padding:4px 2px;margin-bottom:1px}.ro-item-tabs button[aria-selected=true]{background:#fff;border-left-color:#fff}.ro-empty-inventory{flex:1;background:url(/ui/itemwin_mid.png) repeat}.ro-location{position:fixed;right:10px;bottom:10px;color:#fff;font-size:11px;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;pointer-events:none}@media(max-width:510px){.ro-hud-body{flex-direction:column}.ro-hud{width:252px}.ro-character{width:100%}.ro-menu{padding:4px 6px 6px;gap:4px;border-top:1px solid #ddd;width:100%;justify-content:space-between}.ro-panel{top:160px}.ro-vitals{width:140px}.ro-gauge{width:122px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.ro-menu-button span{display:block;margin:0 auto;width:calc(100% - 8px);font:10px/12px Arial,sans-serif;text-transform:lowercase;background:linear-gradient(#fdfdfd,#e7e7e7);color:#111}.ro-menu-button[aria-pressed=true] span{background:linear-gradient(#dce5f7,#f6f8fe)}:root{background:#596752}.ro-home{min-height:100svh;padding:6px;overflow:clip}.prontera-background{object-fit:contain;object-position:center;background:radial-gradient(ellipse at center,#a3b38b,#536249);height:100svh}.ro-hud{display:flex;gap:20px;align-items:flex-start;width:100%;max-width:none;margin:0;flex-wrap:wrap}.ro-info{flex:none;width:240px}.ro-character{width:100%}.ro-vitals{width:134px}.ro-gauge{width:116px}.ro-levels>div{justify-content:space-between}.ro-levels>div>span:nth-child(2){width:auto;color:#555}.ro-levels b{font-weight:400}.ro-menu{display:flex;flex-wrap:wrap;gap:12px;padding:7px 0;background:none;border:0;justify-content:flex-start;max-width:100%;width:auto}.ro-menu-button{width:60px;height:40px;flex:none;filter:drop-shadow(0 2px 2px #0005)}.ro-menu-button span{font:12px/19px Arial,sans-serif;width:calc(100% - 12px);text-transform:none}.ro-battle-button{background-color:#bddcff;background-blend-mode:multiply;border-radius:6px}.ro-battle-button span,.ro-battle-button[aria-pressed=true] span{background:linear-gradient(#e3f0ff,#abcdf0);color:#173e67}.ro-panel{position:relative;top:auto;left:auto;width:300px;max-width:100%;margin-top:16px}.ro-battle-panel{width:820px}.ro-status{padding:10px}.ro-status-name{display:flex;justify-content:space-between;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #d1d3da}.ro-status-name span{color:#666}.ro-stat-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ro-status dl{margin:0}.ro-status dl>div{display:flex;justify-content:space-between;line-height:23px;border-bottom:1px solid #eee}.ro-status dd{margin:0}.ro-status dd span{color:#81899b;padding-left:12px}.ro-session-stats{padding-top:12px}.ro-caption{font-size:10px;line-height:1.5;color:#686b77;margin-bottom:0}.ro-inventory-item{display:flex;justify-content:space-between;gap:8px;margin:4px;padding:8px;background:#fffffff2;border:1px solid #c8cbd4;border-radius:2px}.ro-empty-inventory{min-width:0;max-height:360px;overflow:auto}.ro-empty-panel{height:190px}.battle-content{padding:14px;font-size:12px}.battle-content button{border:1px solid #959ba9;background:linear-gradient(#fff,#e1e4eb);padding:7px 12px;border-radius:4px;box-shadow:inset 0 0 0 1px #fff}.battle-content button:hover{background:#e4edff}.battle-content button:disabled{opacity:.5;cursor:default}.battle-content small{display:block;font-size:10px;color:#646876;margin-top:4px}.battle-intro{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.battle-monsters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.battle-monsters button{display:flex;align-items:center;gap:9px;text-align:left;padding:7px}.battle-monsters button[aria-pressed=true]{border-color:#6c87bc;background:#e4edff}.battle-monsters img{width:30px;height:35px;object-fit:contain;image-rendering:pixelated}.battle-columns{display:grid;grid-template-columns:1fr 210px;gap:24px;margin-top:18px}.battle-arena{display:grid;grid-template-columns:1fr 25px 1fr;gap:12px;align-items:center;text-align:center}.battle-arena section{min-width:0}.battle-arena h2{font-size:13px;margin:8px 0}.battle-portrait{height:105px;display:flex;justify-content:center;align-items:center;overflow:hidden}.battle-portrait img{height:85px;max-width:100%;object-fit:contain;image-rendering:pixelated}.novice-portrait img{width:118px;height:auto;max-width:none;clip-path:inset(0 50% 0 0);transform:translate(29px)}.battle-arena progress{display:block;width:100%;height:9px;accent-color:#678ab9;margin-top:6px}.battle-result{text-align:center;margin:20px 0 12px;font-weight:700}.battle-actions{display:flex;gap:8px;justify-content:center}.battle-score{display:flex;gap:26px;justify-content:center;margin:15px 0}.battle-score b{margin-left:6px}.battle-reward{padding:10px;background:#edf2e9;border:1px solid #d6e0cf;line-height:1.6}.battle-settings{border-left:1px solid #ddd;padding-left:18px}.battle-settings h3{font-size:12px;margin:0 0 12px}.battle-settings label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:6px}.battle-settings input{width:70px;padding:5px;border:1px solid #a9adb8;font:inherit}.battle-settings p{font-size:11px;line-height:1.6;color:#59606b}.battle-log{border-top:1px solid #d9dbe2;padding-top:10px}.battle-log summary{cursor:pointer}.battle-log ol{max-height:112px;overflow:auto;padding-left:22px;font-size:11px;line-height:1.8}.battle-note{font-size:10px;color:#646876;line-height:1.6;margin-bottom:0}@media(max-width:900px){.ro-hud{gap:8px}.ro-menu{gap:8px;flex:1;min-width:260px}.ro-menu-button{width:58px;height:40px}}@media(max-width:510px){.ro-hud{gap:4px}.ro-info{width:240px}.ro-menu{flex-basis:100%;width:100%;gap:10px}.ro-menu-button{width:68px;height:42px}.ro-panel{top:auto;margin-top:12px}.battle-content{padding:10px}.battle-monsters{grid-template-columns:1fr 1fr}.battle-columns{grid-template-columns:1fr;gap:12px}.battle-settings{border-left:0;border-top:1px solid #ddd;padding:12px 0 0}.battle-settings form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-settings label{display:block}.battle-settings input{display:block;margin-top:4px;width:100%}.battle-intro{font-size:11px}.prontera-background{object-fit:cover}.ro-location{z-index:0}}