@font-face{font-family:RuneScapeUF;src:url(/assets/font/RuneScape-UF.woff2) format("woff2"),url(/assets/font/RuneScape-UF.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:2rem;gap:16px}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden;font-family:RuneScapeUF,sans-serif}input,textarea,button,select{font-family:RuneScapeUF,sans-serif}.action-object{color:orange}.action-object:hover{color:#ff0}.action-button{color:#fff;padding:.1em .5em;background-color:#555;text-shadow:1px 1px black;letter-spacing:2px}.action-button:hover{color:#ff0;background-color:#666}.skill-grid{padding:2px;display:grid;grid-template-columns:repeat(3,64px);gap:8px}.yellow-shadow{color:#ff0;text-shadow:1px 1px black;letter-spacing:2px}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{padding:6px 12px;background:#2e2e2e;font-size:12pt;color:#fff;border:none;border-radius:4px;cursor:pointer}.tabs button.active{background:#555;font-weight:700}summary{cursor:pointer;-webkit-user-select:none;user-select:none}.login-container{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;background-color:#000;z-index:10;background-image:url(/assets/ui/login_background.gif);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;overflow:hidden}.login-box{background-image:url(/assets/ui/login_box.png);background-size:contain;background-repeat:no-repeat;width:360px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:1rem;font-size:1.2rem}.login-prompt{display:block;text-align:left;margin-right:8px;margin-bottom:1.2rem}.login-row{display:flex;align-items:center;margin-bottom:0rem;color:#fff}.login-label{display:block;text-align:left;margin-right:8px;width:80px}.login-input{background:transparent;border:none;border-radius:4px;color:#fff;font-size:1.2rem;width:80%;text-align:left}.login-input:focus{outline:none;box-shadow:none;border:none}.login-input::placeholder{color:#ffffffb3}.login-buttons{display:flex;gap:1rem;margin-top:1.4rem}.login-btn{background-image:url(/assets/ui/login_button.png);background-size:contain;background-repeat:no-repeat;width:147px;height:41px;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.equipment-panel{display:flex;flex-direction:column;gap:6px;background-color:#3e3529;padding:8px;border-radius:6px;width:max-content}.equipment-row{display:flex;justify-content:center;gap:12px}.equipment-row.space-between-wide{justify-content:space-between;padding:0 4px}.equipment-row.space-between{justify-content:space-between;padding:0 18px}.slot{width:36px;height:36px}.slot-wrapper{width:36px;height:36px;position:relative;display:flex;align-items:center;justify-content:center;background:#444;cursor:pointer;-webkit-mask-image:radial-gradient(4px at 0 0,transparent 98%,black),radial-gradient(4px at 100% 0,transparent 98%,black),radial-gradient(4px at 100% 100%,transparent 98%,black),radial-gradient(4px at 0 100%,transparent 98%,black);mask-image:radial-gradient(4px at 0 0,transparent 98%,black),radial-gradient(4px at 100% 0,transparent 98%,black),radial-gradient(4px at 100% 100%,transparent 98%,black),radial-gradient(4px at 0 100%,transparent 98%,black);mask-composite:intersect;-webkit-mask-composite:destination-in;background:url(/assets/ui/equipment_background.png),#666}.slot-icon,.item-icon{object-fit:contain}.skill-tile{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;background:url(/assets/ui/skill_icon_background.png),#666;padding:2px 4px;image-rendering:pixelated;cursor:pointer;-webkit-mask-image:radial-gradient(4px at 0 0,transparent 98%,black),radial-gradient(4px at 100% 0,transparent 98%,black),radial-gradient(4px at 100% 100%,transparent 98%,black),radial-gradient(4px at 0 100%,transparent 98%,black);mask-image:radial-gradient(4px at 0 0,transparent 98%,black),radial-gradient(4px at 100% 0,transparent 98%,black),radial-gradient(4px at 100% 100%,transparent 98%,black),radial-gradient(4px at 0 100%,transparent 98%,black);mask-composite:intersect;-webkit-mask-composite:destination-in}.icon{width:25px;height:25px;image-rendering:pixelated}.level{position:absolute;font-size:14px;pointer-events:none;transform:translate(-50%,-50%);text-align:center}.numerator{left:44px;top:11px}.denominator{left:60px;top:23px}.skill-tile:after{content:"";position:absolute;top:29px;left:40px;width:1px;height:30px;background-color:#000;transform:rotate(224deg);transform-origin:top left;pointer-events:none}.inventory-container{background-color:#2f2f2f;padding:1rem;border-radius:8px;width:fit-content;color:#fff}.refresh-button{margin-bottom:.5rem}.inventory-grid{display:grid;grid-template-columns:repeat(4,39px);grid-template-rows:repeat(7,39px);gap:0px;background-color:#3a3a3a;padding:8px;border-radius:4px}.inventory-slot{width:39px;height:39px;display:flex;align-items:center;justify-content:center;position:relative}.inventory-slot img{max-width:100%;max-height:100%}.empty-slot{width:100%;height:100%;background:transparent}.fallback-text{font-size:10px;color:#ccc;text-align:center}.item-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.item-quantity{text-align:left;position:absolute;top:2px;left:4px;font-size:12px;pointer-events:none}.map-container{position:relative;width:400px;height:400px}.circular-iframe{width:100%;height:95%;border:none;margin-top:3%;border-radius:50%;background:#1c1c1c;padding:10px;box-sizing:content-box;box-shadow:0 0 0 6px #746a5a,inset 0 2px 8px #544c41;overflow:hidden;position:relative;z-index:1}.dragon{position:absolute;bottom:0;width:60%;height:150%;pointer-events:none;z-index:2}.left-dragon{left:0;transform:translate(-30%) translateY(20%)}.right-dragon{right:0;transform:translate(35%) translateY(20%) scaleX(-1)}canvas[data-v-a233ce55]{background:#eee}