html,body{background:#000;height:100%;margin:0;padding:0;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}#app canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@font-face{font-family:RuneScape;src:url(/assets/fonts/runescape_uf.ttf)format("truetype");font-display:swap}@font-face{font-family:RuneScape Bold;src:url(/assets/fonts/RuneScape-Chat-Bold-07.ttf)format("truetype");font-display:swap}:root{--rs-brown:#3e3529;--rs-brown-dark:#2b2620;--rs-brown-light:#4d4335;--rs-parchment:#d8ccb4;--rs-parchment-dark:#c0b49a;--rs-steel:#94866d;--rs-yellow:#ff0;--rs-orange:#ff981f;--rs-green:#00c000;--rs-red:#c00000;--rs-font:"RuneScape", "Courier New", monospace;--rs-font-bold:"RuneScape Bold", "RuneScape", monospace}#ui-root{pointer-events:none;font-family:var(--rs-font);-webkit-font-smoothing:none;font-smooth:never;z-index:10;position:fixed;inset:0;overflow:hidden}#ui-root *{box-sizing:border-box}.rs-panel{background:var(--rs-brown);box-shadow:inset 1px 1px 0 var(--rs-brown-light), inset -1px -1px 0 var(--rs-brown-dark);pointer-events:auto;border:2px solid #1a1611}.rs-parchment{background:var(--rs-parchment);box-shadow:inset 0 0 0 1px var(--rs-parchment-dark)}#tab-panel,#skip-link,#context-menu,.rs-btn{pointer-events:auto}.rs-btn{font-family:var(--rs-font);color:var(--rs-orange);background:var(--rs-brown);box-shadow:inset 1px 1px 0 var(--rs-brown-light), inset -1px -1px 0 var(--rs-brown-dark);cursor:pointer;border:2px solid #1a1611;padding:3px 10px;font-size:16px;text-decoration:none;display:inline-block}.rs-btn:hover{color:var(--rs-yellow)}#hover-text{color:var(--rs-yellow);text-shadow:1px 1px #000;max-width:60vw;min-height:22px;font-size:18px;position:absolute;top:8px;left:10px}#hover-text .verb{color:var(--rs-yellow)}#hover-text .target{color:#0ff}#skip-link{font-size:14px;position:absolute;top:34px;left:10px}#tour-hint{background:var(--rs-parchment);box-shadow:inset 0 0 0 1px var(--rs-parchment-dark);color:#241c10;pointer-events:auto;border:2px solid #5c4a32;align-items:center;gap:8px;max-width:min(400px,60vw);padding:4px 8px;font-size:15px;display:flex;position:absolute;top:72px;left:10px}#tour-hint:before{content:"➜";color:#7a2a1d}#tour-hint .tour-close{color:#7a2a1d;font-family:var(--rs-font);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px}.tour-flash{animation:.8s steps(2,end) infinite tour-flash}@keyframes tour-flash{50%{background:#a03030;box-shadow:0 0 8px #ff4040}}#minimap-wrap{pointer-events:auto;width:160px;height:160px;position:absolute;top:8px;right:8px}#minimap{width:152px;height:152px;box-shadow:0 0 0 2px var(--rs-steel), 0 0 0 4px #1a1611;cursor:pointer;background:#000;border:3px solid #1a1611;border-radius:50%;margin:4px}#tab-panel{width:204px;position:absolute;top:190px;right:8px}#tab-strip{display:flex}.tab-btn{background:var(--rs-brown-dark);cursor:pointer;border:2px solid #1a1611;border-bottom:none;flex:1;justify-content:center;align-items:center;height:36px;display:flex}.tab-btn img{width:22px;height:22px;image-rendering:pixelated}.tab-btn.active{background:#6e2b2b}#tab-content{scrollbar-width:thin;scrollbar-color:var(--rs-steel) var(--rs-brown-dark);height:280px;padding:6px;overflow-y:auto}#skills-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.skill-cell{background:var(--rs-brown-dark);cursor:default;border:1px solid #1a1611;align-items:center;gap:4px;min-height:30px;padding:2px 4px;display:flex;position:relative}.skill-cell img{width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.skill-cell .lvl{color:var(--rs-yellow);text-align:right;flex:1;font-size:14px;line-height:1}.total-cell{color:var(--rs-yellow);grid-column:span 3;justify-content:center;font-size:15px}.quest-row{cursor:pointer;align-items:center;gap:6px;padding:2px 4px;font-size:15px;display:flex}.quest-row img{width:16px;height:16px;image-rendering:pixelated}.quest-row.completed{color:var(--rs-green)}.quest-row.in_progress{color:var(--rs-yellow)}.quest-row:hover{background:var(--rs-brown-light)}#quest-points{color:var(--rs-orange);border-bottom:1px solid var(--rs-brown-light);margin-bottom:4px;padding:2px 4px 6px;font-size:15px}.info-block{color:var(--rs-parchment);font-size:15px;line-height:1.35}.info-block a{color:var(--rs-orange)}.info-block h4{color:var(--rs-orange);margin:6px 0 2px;font-weight:400}#chatbox{flex-direction:column;width:min(560px,100vw - 240px);display:flex;position:absolute;bottom:8px;left:8px}#chat-title{color:var(--rs-parchment);background:var(--rs-brown-dark);border-bottom:1px solid #1a1611;padding:2px 8px;font-size:14px}#chat-messages{color:#000;scrollbar-width:thin;height:122px;padding:4px 8px;font-size:16px;line-height:1.3;overflow-y:auto}#chat-messages .msg{color:#000}#chat-messages .msg.game{color:#7f00ff}#chat-messages .msg.info{color:#00007f}#dialogue{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:122px;padding:6px 10px;display:flex}#dialogue .head{text-align:center;flex-shrink:0;width:70px}#dialogue .head img{max-width:64px;max-height:74px;image-rendering:pixelated}#dialogue .body{text-align:center;flex:1}#dialogue .speaker{font-family:var(--rs-font-bold);color:var(--rs-red);margin-bottom:4px;font-size:17px}#dialogue .text{color:#000;font-size:17px;line-height:1.35}#dialogue .continue{color:#00007f;margin-top:6px;font-size:15px;animation:1.2s steps(2,end) infinite rs-blink}@keyframes rs-blink{50%{opacity:.25}}#context-menu{pointer-events:auto;z-index:40;background:#262320;border:1px solid #0d0c0a;min-width:140px;position:absolute}#context-menu .cm-title{color:#c6b895;background:#5d5447;padding:2px 6px;font-size:15px}#context-menu .cm-item{color:#fff;cursor:pointer;padding:2px 6px;font-size:15px}#context-menu .cm-item .target{color:#0ff}#context-menu .cm-item:hover{background:#3a352d}#quest-modal{pointer-events:auto;z-index:30;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#quest-scroll{background:var(--rs-parchment);width:min(560px,92vw);max-height:80vh;box-shadow:inset 0 0 0 2px var(--rs-parchment-dark), 0 8px 30px #0009;border:3px solid #5c4a32;flex-direction:column;display:flex}#quest-scroll header{border-bottom:2px solid var(--rs-parchment-dark);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}#quest-scroll h3{font-family:var(--rs-font-bold);color:#7a2a1d;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:400;display:flex}#quest-scroll h3 img{width:26px;height:26px;image-rendering:pixelated}#quest-scroll .close{cursor:pointer;color:#7a2a1d;font-size:22px;font-family:var(--rs-font-bold);background:0 0;border:none}#quest-scroll .quest-body{color:#241c10;padding:10px 16px;font-size:17px;line-height:1.4;overflow-y:auto}#quest-scroll .quest-body .tech{color:#00600a;margin-bottom:8px}#quest-scroll .quest-body p{margin:0 0 10px}#quest-scroll .links{border-top:2px solid var(--rs-parchment-dark);flex-wrap:wrap;gap:10px;padding:8px 16px 14px;display:flex}#gear-picker{z-index:30;flex-direction:column;width:min(360px,92vw);display:flex;position:absolute;top:8px;bottom:170px;right:8px}#gear-picker-title{font-family:var(--rs-font-bold);color:var(--rs-orange);background:var(--rs-brown-dark);border-bottom:1px solid #1a1611;justify-content:space-between;align-items:center;padding:6px 10px;font-size:17px;display:flex}#gear-picker-close{color:var(--rs-parchment);font-family:var(--rs-font);cursor:pointer;background:0 0;border:1px solid #5f5445;padding:2px 7px;font-size:14px;line-height:1}#gear-picker-close:hover{color:var(--rs-yellow);border-color:var(--rs-yellow)}#gear-picker-body{scrollbar-width:thin;scrollbar-color:var(--rs-steel) var(--rs-brown-dark);flex:1;padding:6px 10px;overflow-y:auto}.gear-slot-label{font-family:var(--rs-font-bold);color:var(--rs-orange);text-shadow:1px 1px #000;margin:8px 0 4px;font-size:15px}.gear-grid{flex-wrap:wrap;gap:5px;display:flex}.gear-tile{cursor:pointer;width:44px;height:44px;color:var(--rs-steel);background:#494034;border:2px solid #5f5445;border-color:#211c15 #5f5445 #5f5445 #211c15;justify-content:center;align-items:center;font-size:16px;display:flex}.gear-tile canvas{width:38px;height:38px}.gear-tile:hover{filter:brightness(1.2)}.gear-tile.active{background:#6e5a35;border-color:#ffd52b #8a742f #8a742f #ffd52b}#gear-picker-name{font-family:var(--rs-font-bold);color:var(--rs-orange);background:var(--rs-brown-dark);text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #1a1611;padding:4px 10px;font-size:15px;overflow:hidden}#gear-picker-actions{text-align:center;border-top:1px solid #1a1611;padding:8px 10px}@media (width<=760px){#gear-picker{width:auto;height:min(42vh,360px);inset:auto 4px 4px}}#cookie-demo{pointer-events:auto;z-index:35;justify-content:center;display:flex;position:absolute;bottom:170px;left:0;right:0}#cookie-demo .cookie-box{color:#241c10;border:3px solid #5c4a32;width:min(480px,92vw);padding:12px 16px;font-size:16px;box-shadow:0 6px 24px #00000080}#cookie-demo .cookie-title{font-family:var(--rs-font-bold);color:#7a2a1d;margin-bottom:6px;font-size:18px}#cookie-demo p{margin:0 0 10px;line-height:1.35}#cookie-demo .cookie-actions{flex-wrap:wrap;gap:8px;display:flex}#skill-tooltip{color:#241c10;pointer-events:none;z-index:50;background:#f7eec0;border:1px solid #3f3222;max-width:240px;padding:4px 8px;font-size:15px;line-height:1.3;position:absolute}#skill-tooltip b{color:#7a2a1d;font-weight:400}#tab-toggle{display:none}@media (width<=760px){#chatbox{width:calc(100vw - 16px)}#chat-messages{height:92px;font-size:15px}#dialogue{min-height:92px}#dialogue .text{font-size:15px}#dialogue .head{width:56px}#dialogue .head img{max-width:52px;max-height:62px}#tab-panel{width:min(204px,60vw);display:none;position:absolute;top:214px;right:8px}#tab-panel.open{display:block}#tab-toggle{pointer-events:auto;display:block;position:absolute;top:176px;right:8px}#minimap-wrap{transform-origin:100% 0;transform:scale(.75)}}