@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Metamorphous&family=MedievalSharp&display=swap";:root{--rh-gold:#e5b342;--rh-gold-light:#ffdc73;--rh-gold-dark:#8c671b;--rh-bg-dark:#1b1816;--rh-bg-panel:#1c1815eb;--rh-border-outer:#3d3429;--rh-border-inner:#645543;--rh-slot-bg:#141210;--rh-text:#eedbb6;--rh-hp-red:#cc292b;--rh-prayer-blue:#2385cc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{width:100%;height:100%;color:var(--rh-text);background-color:#000;font-family:MedievalSharp,cursive,sans-serif;overflow:hidden}#game-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#crosshair{display:none!important}#crosshair-tooltip{pointer-events:none;color:#fff;border:1px solid var(--rh-gold);z-index:1000;white-space:nowrap;text-shadow:1px 1px 2px #000;background:#0e0b08eb;border-radius:4px;padding:5px 12px;font-family:Cinzel,serif;font-size:13px;font-weight:700;display:none;position:fixed;box-shadow:0 4px 12px #000000e6}#action-progress-container{border:2px solid var(--rh-gold);z-index:12;text-align:center;background:#0f0c0ae6;border-radius:6px;width:240px;padding:4px;display:none;position:absolute;top:60%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #000c}#action-progress-text{color:var(--rh-gold-light);margin-bottom:3px;font-size:13px}.progress-track{background:#111;border-radius:3px;width:100%;height:12px;overflow:hidden}#action-progress-bar{background:linear-gradient(90deg,#43a047,#7cb342);width:0%;height:100%;transition:width .1s linear}.hitsplat{pointer-events:none;z-index:50;border-radius:50%;padding:6px 14px;font-family:Cinzel,serif;font-size:24px;font-weight:800;animation:.9s cubic-bezier(.18,.89,.32,1.28) forwards hitsplat-anim;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #000c}.hitsplat.damage{color:#fff;text-shadow:1px 1px 2px #000;background:radial-gradient(circle,#f44336 40%,#b71c1c 90%);border:2px solid #ffcdd2}.hitsplat.shield{color:#fff;background:radial-gradient(circle,#2196f3 40%,#0d47a1 90%);border:2px solid #bbdefb}@keyframes hitsplat-anim{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-70%)scale(1.15)}75%{opacity:1;transform:translate(-50%,-90%)scale(1)}to{opacity:0;transform:translate(-50%,-110%)scale(.9)}}.xp-floater{color:#fdd835;text-shadow:1px 1px 3px #000,0 0 6px #f57f17;pointer-events:none;z-index:51;font-size:18px;animation:1.4s ease-out forwards xp-float;position:absolute;transform:translate(-50%,-50%)}.xp-floater.levelup{color:#00e676;text-shadow:0 0 10px #00e676,2px 2px 4px #000;font-family:Cinzel,serif;font-size:26px}@keyframes xp-float{0%{opacity:0;transform:translate(-50%)}20%{opacity:1;transform:translate(-50%,-15px)}80%{opacity:1;transform:translate(-50%,-40px)}to{opacity:0;transform:translate(-50%,-60px)}}.overhead-chat{color:#ff0;text-shadow:1px 1px 3px #000,-1px -1px 3px #000,1px -1px 3px #000,-1px 1px 3px #000,0 2px 4px #000;pointer-events:none;z-index:100;white-space:nowrap;font-family:Cinzel,serif;font-size:15px;font-weight:800;animation:4s ease-out forwards chat-fade;position:absolute;transform:translate(-50%,-100%)}@keyframes chat-fade{0%{opacity:1;transform:translate(-50%,-100%)}75%{opacity:1;transform:translate(-50%,-115%)}to{opacity:0;transform:translate(-50%,-135%)}}#hud{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.interactive{pointer-events:auto}#orbs-container{gap:16px;display:flex;position:absolute;top:18px;right:22px}.orb{border:3px solid var(--rh-gold);cursor:pointer;background:#111;border-radius:50%;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 4px 10px #000c,inset 0 0 10px #000}.orb-fill{width:100%;height:100%;transition:height .3s;position:absolute;bottom:0;left:0}#hp-orb .orb-fill{background:linear-gradient(to top, #7f0000, var(--rh-hp-red))}#hp-orb .orb-fill.low-hp{animation:1s infinite alternate pulse-red}@keyframes pulse-red{0%{filter:brightness(.8)}to{filter:brightness(1.4)}}#pray-orb .orb-fill{background:linear-gradient(to top, #0d47a1, var(--rh-prayer-blue))}#pray-orb.active{box-shadow:0 0 14px var(--rh-prayer-blue), inset 0 0 10px #000}.orb-val{text-shadow:1px 1px 3px #000,-1px -1px 3px #000;z-index:2;font-family:Cinzel,serif;font-size:15px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#chat-box{background:var(--rh-bg-panel);border:2px solid var(--rh-gold-dark);border-radius:6px;flex-direction:column;width:380px;height:200px;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:0 4px 14px #000000b3}#chat-log{flex-direction:column;flex:1;gap:4px;padding:8px;font-size:13px;display:flex;overflow-y:auto}.chat-message.system{color:#ffb74d;font-style:italic}.chat-sender{color:var(--rh-gold-light);font-weight:700}.chat-body{color:#fff}#chat-input{border:none;border-top:1px solid var(--rh-border-inner);color:#fff;background:#110e0c;outline:none;padding:8px 10px;font-family:inherit}#action-bar{background:var(--rh-bg-panel);border:2px solid var(--rh-gold-dark);border-radius:6px;gap:8px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #000c}.action-slot{background:var(--rh-slot-bg);border:1px solid var(--rh-border-inner);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;position:relative;overflow:hidden}.action-slot:hover{border-color:var(--rh-gold)}.slot-key{color:var(--rh-gold-light);text-shadow:1px 1px 2px #000;z-index:2;font-size:11px;position:absolute;top:2px;left:4px}.cooldown-overlay{pointer-events:none;z-index:3;background:#000000b3;width:100%;height:0%;position:absolute;bottom:0;left:0}#side-panel{background:var(--rh-bg-panel);border:2px solid var(--rh-gold-dark);border-radius:6px;flex-direction:column;width:260px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 14px #000c}#tab-headers{border-bottom:2px solid var(--rh-gold-dark);background:#151210;display:flex}.tab-btn{color:#999;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 4px;font-size:16px;transition:all .2s}.tab-btn.active{color:var(--rh-gold);background:var(--rh-bg-panel)}.tab-content{min-height:280px;padding:8px}.tab-panel{display:none}.tab-panel.active{display:block}#inv-grid{grid-template-rows:repeat(7,36px);grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.inv-slot{background:var(--rh-slot-bg);border:1px solid var(--rh-border-inner);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.inv-slot:hover{border-color:var(--rh-gold);background:#1f1b17}.item-qty{color:#ffeb3b;text-shadow:1px 1px 2px #000;font-size:10px;position:absolute;bottom:1px;right:3px}#stats-list{flex-direction:column;gap:8px;display:flex}.stat-card{background:var(--rh-slot-bg);border:1px solid var(--rh-border-inner);border-radius:4px;align-items:center;gap:10px;padding:6px 8px;display:flex}.stat-icon{font-size:22px}.stat-name{color:var(--rh-gold-light);font-size:13px}.stat-level{font-size:12px;font-weight:700}.stat-xp{color:#aaa;font-size:10px}#equip-grid{flex-direction:column;gap:8px;display:flex}.equip-slot{background:var(--rh-slot-bg);border:1px solid var(--rh-border-inner);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.equip-slot:hover{border-color:var(--rh-gold)}.equip-label{color:var(--rh-gold-light);font-size:11px}.equip-label.empty{color:#666}#login-modal{z-index:100;background:#0a0807e0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.login-card{background:var(--rh-bg-panel);border:3px solid var(--rh-gold);text-align:center;border-radius:8px;width:400px;padding:24px;box-shadow:0 8px 30px #000000e6,inset 0 0 20px #e5b3421a}.game-title{color:var(--rh-gold);text-shadow:2px 2px 4px #000, 0 0 12px var(--rh-gold-dark);margin-bottom:4px;font-family:Cinzel,serif;font-size:32px}.game-subtitle{color:#bbb;margin-bottom:20px;font-size:13px}.auth-tabs{border:1px solid var(--rh-border-inner);background:#120e0a;border-radius:6px;gap:8px;margin-bottom:18px;padding:4px;display:flex}.auth-tab-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:8px 12px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:all .2s}.auth-tab-btn.active{color:var(--rh-gold-light);border:1px solid var(--rh-gold-dark);background:linear-gradient(#72521c,#48330f);box-shadow:0 2px 6px #00000080}.auth-tab-btn:hover:not(.active){color:#ddd}.auth-view{flex-direction:column;gap:14px;display:flex}.auth-fields{text-align:left;flex-direction:column;gap:8px;display:flex}.auth-label{text-transform:uppercase;letter-spacing:.5px;color:var(--rh-gold-light);margin-top:4px;font-size:11px;font-weight:600}.auth-input{border:1px solid var(--rh-border-inner);color:#fff;background:#14110e;border-radius:4px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.auth-input:focus{border-color:var(--rh-gold)}.auth-submit-btn{width:100%;margin-top:4px;padding:12px;font-size:15px}.auth-switch-text{color:#888;margin:2px 0 0;font-size:12px}.auth-switch-text a{color:var(--rh-gold);font-weight:600;text-decoration:none}.auth-switch-text a:hover{text-decoration:underline}.auth-divider{text-align:center;margin:14px 0 10px;position:relative}.auth-divider:before{content:"";background:var(--rh-border-inner);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--rh-bg-panel);color:#666;letter-spacing:1px;padding:0 10px;font-size:11px;font-weight:700;position:relative}.guest-btn{width:100%;color:#8ce4a7!important;background:linear-gradient(#1d402b,#12281a)!important;border-color:#3b8254!important;padding:10px!important}.guest-btn:hover{background:linear-gradient(#255237,#183523)!important;box-shadow:0 0 10px #3b825480!important}.rh-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.auth-status{text-align:left;border-radius:4px;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.4}.auth-status.error{color:#ff8a80;background:#b71c1c40;border:1px solid #d32f2f}.auth-status.info{color:#81d4fa;background:#0277bd40;border:1px solid #0288d1}