@font-face{font-family:rs-fallback;src:local("Arial")}:root{--stone-dark: #3e3529;--stone-mid: #5a4e3c;--stone-light: #7a6a52;--bevel-hi: #8d7d62;--bevel-lo: #241d12;--stone-face: linear-gradient(#6e5f48, #5b4d38 55%, #4c4030);--stone-face-lit: linear-gradient(#7e6e54, #685a42 55%, #574a36);--active-red: radial-gradient(circle at 50% 35%, #963030, #6e1a1a 60%, #4e0e0e);--parchment: #c0a886;--parchment-dark: #a58e6f;--panel-bg: #494034;--chat-bg: #c9bba5;--yellow: #ffff00;--orange: #ff981f;--white: #ffffff;--cyan: #00ffff;--red: #ff0000;--green: #00ff00;--outline: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background:#1a1410 radial-gradient(ellipse at center,#2a2018,#14100c);display:flex;align-items:center;justify-content:center;min-height:100dvh;font-family:Verdana,Arial,sans-serif;overflow:hidden}#frame{padding:8px;background:#000;border:2px solid #382f22;border-radius:3px;transform-origin:center center}canvas{image-rendering:pixelated}#viewport{image-rendering:auto;touch-action:none}#rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0a0805eb;color:var(--parchment);font-size:15px;text-align:center;line-height:1.5}#rotate-hint div{font-size:52px;animation:rotatehint 2s ease-in-out infinite}@keyframes rotatehint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}body.mobile .cm-opt{padding:8px 12px;font-size:14px}body.mobile #context-menu{min-width:180px}body.mobile .chat-tab{padding:5px 14px;font-size:12px}body.mobile .tab-row>*{min-height:38px}body.mobile #chat-input,body.mobile #name-input,body.mobile #bs-login input,body.mobile .guild-input{font-size:16px}body.mobile .inv-slot{min-width:38px;min-height:36px}body.mobile .mini-btn,body.mobile .style-btn{min-height:34px}#client{display:flex;width:765px;height:503px;background:#000}#left{display:flex;flex-direction:column;width:519px}#viewport-wrap{position:relative;width:519px;height:338px;background:#000;border-right:4px solid var(--stone-dark);border-bottom:2px solid var(--stone-dark)}#viewport{display:block;width:515px;height:336px;image-rendering:pixelated;cursor:crosshair}#hover-text{position:absolute;top:4px;left:6px;color:var(--yellow);font-size:12px;font-weight:700;text-shadow:var(--outline);pointer-events:none;z-index:5}#hover-text .opt{color:var(--white)}#xp-drops{position:absolute;top:52px;right:10px;width:120px;pointer-events:none;z-index:5}#xp-tracker{position:absolute;top:4px;right:6px;z-index:6;display:none;min-width:130px;max-width:180px;background:#1e1810d1;border:1px solid #0a0805;border-radius:3px;box-shadow:inset 0 0 0 1px #8d7d6259;padding:3px 6px 4px}#xp-tracker .xpt-row{display:flex;align-items:center;gap:4px;color:var(--white);font-size:11px;font-weight:700;text-shadow:var(--outline);white-space:nowrap}#xp-tracker canvas{image-rendering:pixelated;flex:0 0 auto}.xpt-bar{margin-top:3px;height:5px;background:#3a0c0c;border:1px solid #000;border-radius:2px;overflow:hidden}.xpt-fill{height:100%;background:linear-gradient(#58d858,#1e8a1e)}.xp-drop{text-align:right;color:var(--white);font-size:12px;font-weight:700;text-shadow:var(--outline);animation:xpfloat 2.2s linear forwards}@keyframes xpfloat{0%{transform:translateY(0);opacity:1}80%{opacity:1}to{transform:translateY(-70px);opacity:0}}#welcome-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:radial-gradient(ellipse at 50% 30%,rgba(90,60,20,.35),transparent 70%),#000;display:flex;align-items:center;justify-content:center}.welcome-box{text-align:center;padding:26px 38px;background:linear-gradient(#241c12,#161009);border:3px solid;border-color:var(--stone-light) var(--bevel-lo) var(--bevel-lo) var(--stone-light);outline:2px solid #000;border-radius:6px;box-shadow:0 0 40px #000000e6,inset 0 0 30px #0009}.welcome-box h1{font-family:Georgia,Times New Roman,serif;color:var(--yellow);font-size:42px;letter-spacing:2px;text-shadow:3px 3px 0 #4a3000,0 0 18px rgba(255,200,0,.4);margin-bottom:10px}.welcome-box p{color:#c8c8c8;font-size:12px;line-height:1.6;margin-bottom:18px}#name-input{display:block;width:240px;margin:0 auto 14px;background:#0d0a06;color:var(--yellow);border:2px solid;border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);border-radius:3px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:700;text-align:center;letter-spacing:1px;box-shadow:inset 0 2px 6px #000c;-webkit-user-select:text;user-select:text}#name-input::placeholder{color:#8a7a5c;font-weight:400;letter-spacing:0}#name-input:focus{border-color:#5a4a28 #c8a040 #c8a040 #5a4a28;box-shadow:inset 0 2px 6px #000c,0 0 8px #c8a04066}#play-btn{background:var(--active-red);color:var(--white);border:2px solid;border-color:#b85555 #3a0808 #3a0808 #b85555;padding:10px 28px;font-size:14px;font-weight:700;cursor:pointer;text-shadow:var(--outline);border-radius:2px;box-shadow:inset 0 1px #ffc8c840,inset 0 -2px 4px #0006}#play-btn:hover{filter:brightness(1.15)}#play-btn:active{border-color:#3a0808 #b85555 #b85555 #3a0808;box-shadow:inset 0 2px 6px #0009}#bs-signin{display:flex;flex-direction:column;align-items:center;gap:12px;margin:4px auto 2px}#bs-signin .bs-signin-msg{color:#e8d9a8;font-size:12px;letter-spacing:.5px}#bs-signin .bs-signin-msg strong{color:var(--yellow)}#bs-signin-btn{display:inline-block;text-decoration:none;background:var(--stone-face-lit);color:var(--yellow);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);outline:1px solid #000;padding:10px 32px;font-size:14px;font-weight:700;letter-spacing:1px;text-shadow:var(--outline);border-radius:2px;box-shadow:inset 0 1px #fff0c833,inset 0 -2px 4px #0006}#bs-signin-btn:hover{filter:brightness(1.15)}#bs-signin-btn:active{border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);box-shadow:inset 0 2px 6px #0009}#bs-signin .bs-signin-note{min-height:14px;color:#ff7a6a;font-size:11px;text-align:center}#chatbox{width:519px;height:165px;background:var(--chat-bg);border:4px solid var(--stone-dark);border-top:3px solid var(--stone-mid);display:flex;flex-direction:column;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0 1px,transparent 1px 4px);box-shadow:inset 1px 1px #00000040,inset -1px -1px #fff0d24d;position:relative}#chat-tabs{display:flex;gap:3px;padding:2px 4px;background:linear-gradient(#5a4e3c,#443a2c);border-bottom:2px solid var(--stone-dark);box-shadow:inset 0 1px #ffebc81f}.chat-tab{padding:1px 12px;font-size:10px;font-weight:700;cursor:pointer;color:var(--orange);text-shadow:var(--outline);background:var(--stone-face);border:1px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:2px;box-shadow:inset 0 1px #ffebc82e}.chat-tab:hover{background:var(--stone-face-lit)}.chat-tab.active{background:var(--active-red);border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);box-shadow:inset 0 1px 4px #00000080,inset 0 0 8px #ff50504d;color:#fff}#chat-messages{flex:1;overflow-y:auto;padding:4px 6px;font-size:12px;line-height:14px;color:#000;display:flex;flex-direction:column;justify-content:flex-end}#chat-messages::-webkit-scrollbar{width:12px}#chat-messages::-webkit-scrollbar-track{background:var(--parchment-dark);border-left:1px solid var(--stone-mid)}#chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6a5c46,#55482f);border:1px solid var(--stone-dark);border-radius:2px}#chat-messages::-webkit-scrollbar-thumb:hover{background:var(--stone-light)}.chat-line{white-space:pre-wrap}.chat-line.game{color:#1a1a1a}.chat-line.level{color:navy;font-weight:700;background:linear-gradient(90deg,#f0d04059,#f0d0400d 80%);border-radius:2px}.chat-line.player-msg{color:#00f}.chat-line.server-msg{color:#b00000;font-weight:700}.chat-line.examine{color:#1a1a1a}#chat-input-row{border-top:2px solid var(--stone-mid);padding:3px 6px;display:flex;gap:6px;font-size:12px;box-shadow:inset 0 1px #fff0d24d}#chat-name{color:#000;font-weight:700}#chat-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:#00009f;font-family:inherit;-webkit-user-select:text;user-select:text}#dialogue-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 30px;background:var(--chat-bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0 1px,transparent 1px 4px);border:4px solid var(--stone-dark);box-shadow:inset 1px 1px #00000040,inset -1px -1px #fff0d24d;cursor:pointer}.dlg-speaker{font-weight:700;font-size:14px;color:#7a1010;text-align:center}.dlg-text{font-size:13px;color:#000;text-align:center;line-height:1.5;max-width:420px}.dlg-continue{margin-top:4px;font-size:12px;font-weight:700;color:#0000c8;cursor:pointer}.dlg-continue:hover{color:#d00000}.dlg-option{font-size:12px;font-weight:700;color:#000;cursor:pointer;padding:1px 6px}.dlg-option:hover{color:#d00000}#make-strip{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--chat-bg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0 1px,transparent 1px 4px);border:4px solid var(--stone-dark);box-shadow:inset 1px 1px #00000040,inset -1px -1px #fff0d24d}.make-title{font-weight:700;font-size:13px;color:#5a2000}.make-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:480px}.make-opt{width:76px;padding:4px 2px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff1f;border:1px solid;border-color:rgba(60,45,25,.5) rgba(255,245,220,.45) rgba(255,245,220,.45) rgba(60,45,25,.5);border-radius:3px}.make-opt canvas{image-rendering:pixelated}.make-opt:hover{background:#ffffff4d}.make-opt.selected{background:#8a202040;border-color:#8a2020}.make-opt.disabled{filter:grayscale(1) brightness(.8);cursor:not-allowed}.make-label{font-size:10px;font-weight:700;color:#3a2d18;line-height:1.2}.make-qtys{display:flex;gap:6px}.make-close{position:absolute;top:4px;right:6px;width:18px;height:18px;background:radial-gradient(circle at 40% 35%,#a83030,#6e1414);color:#fff;border:1px solid #000;border-radius:2px;cursor:pointer;font-weight:700;text-align:center;line-height:16px;font-size:11px;text-shadow:var(--outline)}#sidebar{width:246px;display:flex;flex-direction:column;background:var(--stone-dark)}#minimap-area{height:168px;position:relative;background:#2e2820 repeating-linear-gradient(45deg,rgba(0,0,0,.15) 0 2px,transparent 2px 6px);border-bottom:3px solid #2a2218;box-shadow:inset 0 1px #ffebc80f}#minimap{position:absolute;top:7px;right:8px;border-radius:50%;border:3px solid #14100b;box-shadow:0 0 0 2px var(--stone-light),0 0 0 3px #1c1812,0 2px 8px #000000b3,inset 0 0 6px #0009;cursor:pointer}#compass{position:absolute;top:4px;left:28px;width:28px;height:28px;background:radial-gradient(circle at 38% 32%,#e8dcc0,#d8c8a8 40%,#8a7858);border:2px solid #1c1812;border-radius:50%;box-shadow:0 0 0 1px var(--stone-mid),inset -2px -2px 4px #00000059;color:#8a0000;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;z-index:2}.orb{position:absolute;left:12px;display:flex;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--green);text-shadow:var(--outline)}#orb-hp{top:42px}#orb-prayer{top:76px;cursor:pointer}#orb-run{top:110px;cursor:pointer}.orb-icon{width:26px;height:26px;background:radial-gradient(circle at 38% 30%,#6a6058,#2c2620 70%);border:2px solid #14100b;border-radius:50%;box-shadow:0 0 0 1px var(--stone-light),inset 1px 2px 3px #ffffff4d,inset -2px -3px 4px #00000080;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#f0e6d0;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.orb-num{order:-1;width:22px;text-align:right}.orb.orb-high .orb-num{color:#0f0}.orb.orb-mid .orb-num{color:#ffd000}.orb.orb-low .orb-num{color:#ff3030}#orb-hp.orb-high .orb-icon{background:radial-gradient(circle at 38% 30%,#8ad08a,#1f7a2f 65%,#0c3a14)}#orb-hp.orb-mid .orb-icon{background:radial-gradient(circle at 38% 30%,#e8d878,#a08a18 65%,#4e4208)}#orb-hp.orb-low .orb-icon{background:radial-gradient(circle at 38% 30%,#e88a7a,#a02818 65%,#4a0e06)}#orb-prayer .orb-icon{color:#d8ecf8}#orb-prayer.orb-high .orb-icon{background:radial-gradient(circle at 38% 30%,#9accec,#2f6a96 65%,#122e46)}#orb-prayer.orb-mid .orb-icon{background:radial-gradient(circle at 38% 30%,#e8d878,#a08a18 65%,#4e4208)}#orb-prayer.orb-low .orb-icon{background:radial-gradient(circle at 38% 30%,#e88a7a,#a02818 65%,#4a0e06)}#orb-prayer.on .orb-icon{box-shadow:0 0 0 1px var(--stone-light),0 0 8px #78c8ffb3,inset 1px 2px 3px #fff6}#orb-run.orb-high .orb-icon{background:radial-gradient(circle at 38% 30%,#e8d890,#b09020 65%,#564408)}#orb-run.orb-mid .orb-icon{background:radial-gradient(circle at 38% 30%,#e0c060,#9a7414 65%,#4a3606)}#orb-run.orb-low .orb-icon{background:radial-gradient(circle at 38% 30%,#c8a050,#7a5a10 65%,#382a04)}#orb-run.on .orb-icon{box-shadow:0 0 0 1px var(--stone-light),0 0 8px #ffdc6499,inset 1px 2px 3px #fff6}.tab-row{display:flex;height:36px;background:linear-gradient(#6a5c46,#4a3f30);box-shadow:inset 0 1px #ffebc81f,inset 0 -1px #0006}.tab{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-right:1px solid var(--bevel-lo);border-left:1px solid rgba(255,235,200,.14);box-shadow:inset 0 1px #ffebc81a,inset 0 -2px 3px #0000004d;font-size:17px;filter:saturate(.9)}.tab:hover{background:#ffebc81a}.tab.active{background:var(--active-red);box-shadow:inset 0 2px 5px #0000008c,inset 0 0 10px #ff505059}.tab canvas{image-rendering:pixelated}#panel{flex:1;background:var(--parchment);background-image:repeating-linear-gradient(0deg,rgba(80,60,30,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,rgba(255,240,210,.25),transparent 70%);border-left:4px solid var(--stone-dark);border-right:4px solid var(--stone-dark);box-shadow:inset 2px 2px 3px #281c0e73,inset -1px -1px #fff0d259;padding:6px;overflow-y:auto;overflow-x:hidden;position:relative;font-size:11px;color:#3a2d18}#panel::-webkit-scrollbar{width:10px}#panel::-webkit-scrollbar-track{background:var(--parchment-dark)}#panel::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6a5c46,#55482f);border:1px solid var(--stone-dark);border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.skill-cell{background:var(--stone-face);border:1px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:3px;box-shadow:inset 0 1px #ffebc824;height:30px;display:flex;align-items:center;padding:0 4px;gap:4px;cursor:default;position:relative}.skill-cell:hover{background:var(--stone-face-lit)}.skill-cell canvas{image-rendering:pixelated}.skill-bar{position:absolute;left:2px;right:2px;bottom:1px;height:3px;background:#2a1010;border-radius:1px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#2e8a2e,#58d858)}.skill-lvls{color:var(--yellow);font-size:11px;font-weight:700;text-shadow:var(--outline);line-height:9px;margin-left:auto;text-align:right}.skill-lvls .denom{display:block;margin-top:2px}.skill-cell.locked{filter:grayscale(.8) brightness(.8)}.total-level{grid-column:1 / 4;background:var(--stone-face);border:1px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:3px;height:28px;box-shadow:inset 0 1px #ffebc824;display:flex;align-items:center;justify-content:center;color:var(--yellow);font-weight:700;text-shadow:var(--outline);font-size:12px}.inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px 4px;padding:2px 8px}.inv-slot{width:44px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.inv-slot:hover{background:#ffffff1f;border-radius:3px}.inv-slot canvas{image-rendering:pixelated}.inv-slot.using{background:#ffffff4d;border-radius:3px;outline:2px solid #d04040;animation:usingpulse 1s ease-in-out infinite alternate}@keyframes usingpulse{0%{outline-color:#d04040}to{outline-color:#ffb0b0}}.inv-qty{position:absolute;top:0;left:2px;color:var(--yellow);font-size:10px;font-weight:700;text-shadow:var(--outline)}.panel-title{text-align:center;font-weight:700;color:#5a2000;font-size:13px;margin:2px 0 6px;text-shadow:0 1px 0 rgba(255,255,255,.3)}.panel-note{text-align:center;color:#6a543a;font-size:10px;margin-top:8px}.mini-btn{background:var(--stone-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);color:var(--orange);font-size:11px;cursor:pointer;padding:3px 10px;border-radius:3px;font-weight:700;text-shadow:var(--outline);margin:2px 0;box-shadow:inset 0 1px #ffebc82e}.mini-btn:hover{background:var(--stone-face-lit)}.mini-btn:active{border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);box-shadow:inset 0 1px 4px #00000073}.combat-name{text-align:center;font-weight:700;font-size:12px;color:#3a2d18;margin-bottom:4px}.combat-lvl{text-align:center;font-size:11px;margin-bottom:2px}.combat-mode{text-align:center;font-size:10px;margin-bottom:8px;color:#6a543a}.combat-mode .mode-melee{color:#8a2020}.combat-mode .mode-ranged{color:#1c6a1c}.combat-mode .mode-gun{color:#4a4a52}.combat-mode .mode-magic{color:#20308a}.style-btn{display:block;width:100%;margin:4px 0;padding:8px 6px;background:var(--stone-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);color:var(--orange);font-weight:700;font-size:11px;cursor:pointer;text-shadow:var(--outline);border-radius:4px;text-align:center;box-shadow:inset 0 1px #ffebc82e}.style-btn:hover{background:var(--stone-face-lit)}.style-btn.selected{background:var(--active-red);border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);box-shadow:inset 0 2px 5px #00000080,inset 0 0 8px #ff50504d}.style-btn small{display:block;color:#d0c0a0;font-weight:400;font-size:10px}.style-btn.danger{border-color:#a85555 #4a0e0e #4a0e0e #a85555;color:#ffb0b0}.style-btn.danger.selected{background:radial-gradient(circle at 50% 35%,#b03030,#5e0a0a)}.slayer-line{margin-top:12px;padding:6px;background:#00000014;border:1px solid;border-color:rgba(60,45,25,.5) rgba(255,245,220,.45) rgba(255,245,220,.45) rgba(60,45,25,.5);border-radius:3px;text-align:center;font-size:11px;font-weight:700;color:#5a2000}.spec-box{margin-top:10px}.spec-box.none{opacity:.55}.spec-label{font-size:11px;font-weight:700;color:#5a2000;margin-bottom:3px;text-align:center}.spec-bar{position:relative;height:16px;cursor:pointer;background:#3a2a18;border:1px solid;border-color:rgba(60,45,25,.7) rgba(255,245,220,.45) rgba(255,245,220,.45) rgba(60,45,25,.7);border-radius:3px;overflow:hidden}.spec-box.none .spec-bar{cursor:default}.spec-fill{height:100%;background:linear-gradient(180deg,#4fc3f7,#1565c0);transition:width .3s}.spec-bar.armed .spec-fill{background:linear-gradient(180deg,#ffd54f,#b07800)}.spec-bar.armed{box-shadow:0 0 4px 1px #ffd250cc}.spec-pct{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;line-height:16px;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000}.quest-list{display:flex;flex-direction:column}.quest-row{padding:3px 4px;font-size:11px;font-weight:700;cursor:pointer;border-radius:2px}.quest-row:hover{background:#ffffff2e;text-decoration:underline}.quest-row.q-not{color:#b01010}.quest-row.q-progress{color:#9a7a00}.quest-row.q-done{color:#086018}.quest-journal{margin-top:6px;padding:6px;font-size:11px;line-height:1.55;color:#2a2010;background:#ffffff29;border:1px solid;border-color:rgba(60,45,25,.5) rgba(255,245,220,.45) rgba(255,245,220,.45) rgba(60,45,25,.5);border-radius:3px;white-space:pre-wrap}.equip-grid{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:6px}.equip-row{display:flex;gap:10px;justify-content:center}.equip-slot{width:44px;height:40px;background:var(--stone-face);border:1px solid;border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);border-radius:3px;box-shadow:inset 1px 1px 3px #0006;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.equip-slot:hover{filter:brightness(1.2)}.equip-slot.ghost{visibility:hidden}.equip-slot canvas{image-rendering:pixelated}.equip-slot .slot-hint{color:#00000059;font-size:14px}.equip-stats{margin-top:10px;font-size:10px;text-align:center;line-height:1.7}.prayer-grid{display:flex;flex-direction:column;gap:3px}.prayer-cell{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--stone-face);border:1px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:3px;cursor:pointer;box-shadow:inset 0 1px #ffebc824}.prayer-cell:hover{background:var(--stone-face-lit)}.prayer-cell canvas{image-rendering:pixelated;flex-shrink:0}.prayer-name{font-size:11px;font-weight:700;color:#f0e0b0;text-shadow:var(--outline);line-height:1.2}.prayer-name small{display:block;font-weight:400;font-size:9px;color:#c8b890}.prayer-cell.lit{background:radial-gradient(circle at 50% 35%,#d8b840,#8a6e10);box-shadow:0 0 8px #ffdc64b3,inset 0 0 6px #ffffc880;border-color:#f0d060}.prayer-cell.lit .prayer-name{color:#fff}.prayer-cell.locked{filter:grayscale(.9) brightness(.75);cursor:not-allowed}.spell-list{display:flex;flex-direction:column;gap:4px}.spell-cell{padding:5px 6px;cursor:pointer;background:var(--stone-face);border:1px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:3px;box-shadow:inset 0 1px #ffebc824}.spell-cell:hover{background:var(--stone-face-lit)}.spell-cell.selected{background:radial-gradient(circle at 50% 35%,#3a3a9a,#181850);border-color:#6060c0;box-shadow:0 0 8px #6464ff80}.spell-cell.locked{filter:grayscale(.85) brightness(.75)}.spell-name{font-size:11px;font-weight:700;color:#f0e0b0;text-shadow:var(--outline)}.spell-name small{font-weight:400;font-size:9px;color:#c8b890;margin-left:4px}.spell-cell.selected .spell-name{color:#fff}.spell-runes{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.rune-chip{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:700;text-shadow:var(--outline);padding:0 3px;border-radius:2px;background:#00000040}.rune-chip canvas{image-rendering:pixelated}.rune-chip.ok{color:#80ff80}.rune-chip.missing{color:#ff7070}.music-list{max-height:220px;overflow-y:auto}.music-list::-webkit-scrollbar{width:10px}.music-list::-webkit-scrollbar-track{background:var(--parchment-dark)}.music-list::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6a5c46,#55482f);border:1px solid var(--stone-dark)}.music-track{padding:3px 4px;cursor:pointer;color:#d04040;font-size:11px}.music-track.unlocked{color:#00601a}.music-track.playing{color:#fff;background:#5a1414d9;border-radius:2px}.music-track:hover{text-decoration:underline}.music-now{text-align:center;font-size:11px;color:#3a2d18;margin-top:6px;font-weight:700}.music-controls{display:flex;gap:6px;justify-content:center;margin-top:6px}.music-controls button{background:var(--stone-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);color:var(--orange);font-size:11px;cursor:pointer;padding:3px 10px;border-radius:3px;font-weight:700;text-shadow:var(--outline);box-shadow:inset 0 1px #ffebc82e}.music-controls button:hover{background:var(--stone-face-lit)}.music-controls button:active{border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);box-shadow:inset 0 1px 4px #00000073}.friends-list{margin-top:6px;max-height:140px;overflow-y:auto}.friend-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-bottom:1px solid rgba(80,60,30,.2);font-size:11px}.friend-dot{width:8px;height:8px;border-radius:50%;background:#666;flex-shrink:0}.friend-dot.online{background:#3ae03a;box-shadow:0 0 4px #3ae03a}.friend-name{flex:1;color:#3a2d18;font-weight:700}.panel-hint{text-align:center;color:#6a543a;font-size:10px;padding:12px 6px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:10px 4px;font-size:11px;font-weight:700}.setting-row input[type=range]{width:110px;accent-color:#8a2020}#context-menu{position:fixed;display:none;z-index:100;background:#0a0908;border:1px solid #8f8275;border-radius:0;min-width:130px;font-size:12px;box-shadow:2px 3px 6px #000000b3;padding-bottom:2px}#context-menu .cm-title{background:#5d5447;color:#0a0908;padding:2px 6px;font-weight:700;border-bottom:1px solid #0a0908}#context-menu .cm-opt{padding:2px 8px;color:var(--white);cursor:pointer;text-shadow:1px 1px 0 #000;white-space:nowrap}#context-menu .cm-opt:hover{background:#2c2922;color:var(--yellow)}#context-menu .cm-opt .tgt{color:var(--cyan)}#context-menu .cm-opt .lvl{color:var(--green)}#modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:50;pointer-events:none}.game-modal{position:absolute;pointer-events:auto;background:var(--parchment);background-image:repeating-linear-gradient(0deg,rgba(80,60,30,.06) 0 1px,transparent 1px 3px);border:5px solid;border-color:var(--stone-light) var(--bevel-lo) var(--bevel-lo) var(--stone-light);outline:1px solid #000;border-radius:4px;box-shadow:0 6px 24px #000c,inset 1px 1px #00000040,inset -1px -1px #fff0d24d;width:460px;padding:8px}.game-modal h2{text-align:center;color:#5a2000;font-size:14px;margin-bottom:6px;text-shadow:0 1px 0 rgba(255,255,255,.3)}.modal-close{position:absolute;top:4px;right:6px;width:20px;height:20px;background:radial-gradient(circle at 40% 35%,#a83030,#6e1414);color:#fff;border:1px solid #000;border-radius:2px;cursor:pointer;font-weight:700;text-align:center;line-height:18px;font-size:12px;text-shadow:var(--outline)}.modal-close:hover{filter:brightness(1.2)}.modal-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;min-height:100px;max-height:180px;overflow-y:auto}.modal-grid::-webkit-scrollbar{width:10px}.modal-grid::-webkit-scrollbar-track{background:var(--parchment-dark)}.modal-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6a5c46,#55482f);border:1px solid var(--stone-dark)}.modal-slot{height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border-radius:3px}.modal-slot:hover{background:#ffffff26}.modal-slot canvas{image-rendering:pixelated}.modal-slot.empty-stock{filter:grayscale(1) brightness(.7)}.modal-grid.inv-strip{margin-top:8px;border-top:2px solid #8a7a5c;padding-top:6px;min-height:90px}.modal-slot .inv-qty{font-size:9px}.modal-hint{text-align:center;font-size:10px;color:#6a543a;margin-top:6px}.bank-value{text-align:center;font-size:11px;font-weight:700;color:#5a2000;margin-top:6px;background:#00000012;border:1px solid;border-color:rgba(60,45,25,.5) rgba(255,245,220,.45) rgba(255,245,220,.45) rgba(60,45,25,.5);border-radius:3px;padding:3px}.chat-line.guild-msg{color:#0e7a32}.trade-modal{width:420px}.trade-confirm-title{text-align:center;color:#7a1a1a;font-weight:700;margin:4px 0 6px}.trade-cols{display:flex;gap:8px}.trade-col{flex:1;min-width:0}.trade-col-head{font-weight:700;color:#3a2d18;text-align:center;margin-bottom:3px}.trade-grid{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;min-height:110px;padding:4px;border:1px solid #8a7a5c;border-radius:3px;background:#00000012}.trade-empty{font-size:10px;color:#6a543a;padding:4px}.trade-status{text-align:center;font-size:10px;color:#6a543a;margin:3px 0;min-height:12px}.trade-status.ok{color:#1a5a1a;font-weight:700}.trade-btn-row{display:flex;gap:8px;justify-content:center;margin:6px 0}.trade-btn-row .mini-btn{min-width:90px;padding:4px 10px}.trade-accept{background:#2a5a2a;color:#fff;border-color:#1a3a1a}.trade-accept:hover{background:#3a7a3a}.trade-accept:disabled{opacity:.55;cursor:default}.trade-decline{background:#6a2a2a;color:#fff;border-color:#3a1a1a}.trade-decline:hover{background:#8a3a3a}.guild-title{margin-top:10px;border-top:1px solid rgba(80,60,30,.35);padding-top:6px}.guild-head{font-weight:700;color:#5a2000;text-align:center;margin:2px 0 4px}.guild-input{flex:1;min-width:0;padding:3px 6px;background:#1b1610;color:#e8dcc0;border:1px solid #6b5a36;border-radius:3px;font:inherit}.guild-roster{max-height:110px}.guild-rank{width:14px;text-align:center;font-size:11px}.guild-rank-leader{color:#c8a020}.guild-rank-officer{color:#4a6ac0}.quest-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.quest-head .panel-title{flex:1}.clog-btn{white-space:nowrap}.clog-cat{margin-top:8px;padding:2px 4px;font-weight:700;font-size:11px;color:#3a2d18;background:#00000014;border:1px solid rgba(80,60,30,.4);border-radius:3px}.clog-cat.clog-complete{color:#1a5a1a}.clog-list{display:flex;flex-direction:column;gap:1px;margin-top:2px}.clog-row{display:flex;align-items:center;gap:5px;padding:1px 3px;font-size:11px;border-radius:2px}.clog-row canvas{width:18px;height:18px;image-rendering:pixelated;flex:0 0 auto}.clog-row.clog-got{color:#1a5a1a;font-weight:700;cursor:pointer}.clog-row.clog-got:hover{background:#00000014}.clog-row.clog-missing{color:#8a7a5c}.clog-row.clog-missing canvas{filter:grayscale(1) brightness(.55);opacity:.6}.chat-line.collection{color:#7f1fbf;font-weight:700;animation:clog-flash 1.2s ease-out 1}@keyframes clog-flash{0%{text-shadow:0 0 6px rgba(190,90,255,.9)}to{text-shadow:none}}#item-tooltip{position:fixed;display:none;z-index:80;pointer-events:none;max-width:230px;padding:6px 8px;background:#2b2118f5;color:#e8dcc0;border:1px solid #8a7340;border-radius:3px;font-size:11px;line-height:1.35;box-shadow:2px 2px 6px #0009}#item-tooltip .tt-name{color:#ff981f;font-weight:700;margin-bottom:2px}#item-tooltip .tt-vs{color:#b0a080;font-style:italic;font-size:10px;margin-bottom:2px}#item-tooltip .tt-row{display:flex;justify-content:space-between;gap:12px}#item-tooltip .tt-up{color:#4fdc4f}#item-tooltip .tt-down{color:#ff5a4a}#item-tooltip .tt-same{color:#b0a080}#item-tooltip .tt-fx{margin-top:3px;color:#8fd4ff;font-style:italic}#item-tooltip .tt-hint{margin-top:3px;color:#b0a080;font-size:10px}body.mobile-full{min-height:100dvh}body.mobile-full #frame{padding:0;border:none;border-radius:0;transform:none!important;position:fixed;top:0;right:0;bottom:0;left:0}body.mobile-full #client{display:block;width:100dvw;height:100dvh}body.mobile-full #left{display:block;width:auto}body.mobile-full #viewport-wrap{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;border:none}body.mobile-full #viewport{width:100%;height:100%}body.mobile-full #sidebar{display:contents}body.mobile-full:not(.mf-playing) #mf-tabstrip,body.mobile-full:not(.mf-playing) #mf-drawer,body.mobile-full:not(.mf-playing) #mf-cam,body.mobile-full:not(.mf-playing) #chatbox,body.mobile-full:not(.mf-playing) #minimap-area{display:none!important}body.mobile-full #minimap-area{position:fixed;top:0;right:0;z-index:30;width:246px;height:168px;background:none;border:none;box-shadow:none;transform:scale(.78);transform-origin:top right;pointer-events:none}body.mobile-full #minimap-area>*{pointer-events:auto}body.mobile-full #xp-drops{top:142px;right:12px}body.mobile-full #xp-tracker{top:24px;right:auto;left:6px}body.mobile-full #mf-cam{position:fixed;right:6px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;pointer-events:none}body.mobile-full .mf-cam-btn{pointer-events:auto}body.mobile-full .mf-cam-btn{width:44px;height:44px;padding:0;font-size:20px;font-weight:700;line-height:1;color:var(--orange);text-shadow:var(--outline);background:var(--stone-face);border:2px solid;border-color:var(--bevel-hi) var(--bevel-lo) var(--bevel-lo) var(--bevel-hi);border-radius:6px;cursor:pointer;opacity:.92;box-shadow:inset 0 1px #ffebc82e,0 2px 6px #00000080;touch-action:none}body.mobile-full .mf-cam-btn:active{background:var(--stone-face-lit);border-color:var(--bevel-lo) var(--bevel-hi) var(--bevel-hi) var(--bevel-lo);box-shadow:inset 0 1px 4px #00000073}body.mobile-full #mf-tabstrip{position:fixed;z-index:35;bottom:0;left:0;right:0;display:flex;overflow-x:auto;overflow-y:hidden;background:linear-gradient(#6a5c46,#4a3f30);border-top:2px solid var(--bevel-lo);box-shadow:inset 0 1px #ffebc81f,0 -2px 8px #00000080;padding-bottom:env(safe-area-inset-bottom,0px)}body.mobile-full #mf-tabstrip .tab-row{display:flex;flex:1;height:48px;background:none;box-shadow:none}body.mobile-full #mf-tabstrip .tab{min-width:42px;min-height:42px;font-size:19px}body.mobile-full #mf-drawer{position:fixed;z-index:34;display:flex;flex-direction:column;background:var(--stone-dark);border:3px solid;border-color:var(--stone-light) var(--bevel-lo) var(--bevel-lo) var(--stone-light);box-shadow:0 -4px 18px #0009;transition:transform .22s ease}body.mobile-full #mf-drawer #panel{flex:1;min-height:0;border-left-width:2px;border-right-width:2px}body.mobile-full #mf-drawer-x{position:absolute;top:6px;right:8px;z-index:2;width:28px;height:28px;background:radial-gradient(circle at 40% 35%,#a83030,#6e1414);color:#fff;border:1px solid #000;border-radius:3px;cursor:pointer;font-weight:700;text-align:center;line-height:26px;font-size:14px;text-shadow:var(--outline)}@media(orientation:portrait){body.mobile-full #mf-drawer{left:0;right:0;bottom:calc(48px + env(safe-area-inset-bottom,0px));height:55dvh;max-height:55dvh;border-radius:12px 12px 0 0;transform:translateY(115%)}}@media(orientation:landscape){body.mobile-full #mf-tabstrip{left:auto;right:0;border-left:2px solid var(--bevel-lo);border-radius:8px 0 0}body.mobile-full #mf-tabstrip .tab-row{flex:0 0 auto}body.mobile-full #mf-tabstrip .tab{width:46px}body.mobile-full #mf-drawer{right:0;width:290px;top:138px;bottom:calc(52px + env(safe-area-inset-bottom,0px));border-radius:10px 0 0 10px;transform:translate(115%)}}body.mobile-full.drawer-open #mf-drawer{transform:none}body.mobile-full #chatbox{position:fixed;left:8px;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:30;width:52dvw;max-width:300px;height:38px;border-width:2px;border-radius:8px;opacity:.93;overflow:hidden;cursor:pointer;transition:box-shadow .25s}body.mobile-full #chatbox #chat-tabs,body.mobile-full #chatbox #chat-input-row,body.mobile-full #mf-chat-close{display:none}body.mobile-full #chat-messages{font-size:11px;line-height:15px;padding:2px 6px}body.mobile-full:not(.chat-open) #chat-messages{overflow:hidden;pointer-events:none}body.mobile-full:not(.chat-open) #chatbox.chat-flash{animation:mf-chat-flash .7s ease-out 1}@keyframes mf-chat-flash{0%{box-shadow:0 0 0 2px var(--yellow),0 0 14px #ffff00b3}to{box-shadow:none}}body.mobile-full.chat-open #chatbox{width:min(92dvw,460px);max-width:none;height:min(46dvh,330px);cursor:default}body.mobile-full.chat-open #chatbox #chat-tabs{display:flex;padding-right:30px}body.mobile-full.chat-open #chatbox #chat-input-row{display:flex}body.mobile-full.chat-open #mf-chat-close{display:block;position:absolute;top:3px;right:4px;z-index:3;width:22px;height:22px;background:radial-gradient(circle at 40% 35%,#a83030,#6e1414);color:#fff;border:1px solid #000;border-radius:2px;cursor:pointer;font-weight:700;text-align:center;line-height:20px;font-size:12px;text-shadow:var(--outline)}body.mobile-full #dialogue-overlay,body.mobile-full #make-strip{position:fixed;inset:auto;z-index:40;left:50%;transform:translate(-50%);bottom:calc(64px + env(safe-area-inset-bottom,0px));width:min(94dvw,500px);min-height:130px;border-radius:8px}body.mobile-full .welcome-box{max-width:92dvw;padding:20px 16px}body.mobile-full .welcome-box h1{font-size:30px}body.mobile-full #name-input{width:min(240px,80dvw)}body.mobile-full .game-modal{max-width:94dvw;left:50%!important;top:max(8px,env(safe-area-inset-top,0px))!important;transform:translate(-50%);max-height:calc(100dvh - 62px - env(safe-area-inset-bottom,0px));overflow-y:auto}