:root{color-scheme:dark;font:14px Arial,sans-serif;background:#171719;color:#ccc}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea{font:inherit}button{color:#c8c8c8;background:#28282c;border:1px solid #414147;cursor:pointer}button:hover{background:#38383f}button:focus-visible,textarea:focus-visible{outline:2px solid #cfaa50;outline-offset:2px}#client{height:100dvh;display:flex;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}#stage{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;background:#080808}#game{display:block;max-width:100%;max-height:100%;width:100%;height:auto;aspect-ratio:765/503;object-fit:contain;touch-action:none;outline:0}#sidebar{display:flex;width:285px;flex:none;background:#202023;border-left:1px solid #35353b;flex-direction:row-reverse}nav{width:36px;flex:none;border-left:1px solid #35353b;display:flex;flex-direction:column;gap:4px;padding:5px 2px}nav button{height:32px;border:0;border-radius:2px}nav button[aria-pressed=true]{background:#574626;color:#fff}#panels{flex:1;min-width:0;overflow-y:auto}.panel{padding:12px}.panel h2{font-size:16px;color:#d2b67d;margin:2px 0 18px}.option{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #35353b;gap:10px}.option span{display:block}.option small{display:block;color:#999;font-size:11px;margin-top:4px}.option input{accent-color:#b49658}#note-text{width:100%;min-height:50dvh;resize:vertical;border:1px solid #45454b;background:#151518;color:#ddd;padding:8px}#expand{position:absolute;right:8px;top:8px;width:34px;height:34px}#message{position:absolute;bottom:12px;left:12px;right:12px;background:#292017;border:1px solid #775435;padding:10px;color:#ffe1ba}#mobile-keyboard{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0}[hidden]{display:none!important}@media(max-width:840px),(max-height:480px){#sidebar{position:absolute;right:env(safe-area-inset-right);top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);max-width:82vw;z-index:2;box-shadow:-5px 0 16px #0008}}

#fps-counter{position:absolute;left:8px;top:8px;z-index:2;padding:3px 5px;background:#000b;color:#f2d997;font:12px monospace;pointer-events:none}#fps-counter[hidden]{display:none}
.stretch-percent input{width:76px;min-height:30px;background:#151518;border:1px solid #555;color:#eee;padding:4px}.stretch-percent input:disabled{opacity:.5}

.gpu-settings{padding-left:10px;border-left:2px solid #574626}.gpu-settings select,.gpu-settings input{max-width:165px;background:#151518;color:#eee;border:1px solid #555;min-height:28px}.gpu-settings input{width:76px;padding:4px}

.ground-settings{padding:0 0 8px 10px;border-left:2px solid #574626}.ground-list{display:block;margin:10px 0;color:#d2b67d;font-size:12px}.ground-list textarea{display:block;width:100%;resize:vertical;min-height:55px;max-height:180px;margin-top:5px;background:#151518;border:1px solid #555;color:#ddd;padding:6px;font:12px Arial,sans-serif}.ground-settings>small{display:block;color:#aaa;font-size:11px;line-height:1.4}.ground-settings .option{font-size:12px}
.game-overlays{position:absolute;transform-origin:0 0;pointer-events:none;overflow:hidden;z-index:1}.ground-label{position:absolute;white-space:nowrap;transform:translate(-50%,-100%);font:bold 12px Arial,sans-serif;color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.ground-label.highlighted{color:#ab65ff}.buff-boxes{position:absolute;left:8px;top:32px;display:flex;gap:3px;max-width:65%;flex-wrap:wrap;align-content:start}.buff-box{position:relative;display:flex;flex-direction:column;align-items:center;min-width:38px;max-width:80px;min-height:43px;padding:2px 3px;background:#292722dd;border:1px solid #625b4d;color:#fff;font:11px Arial,sans-serif;text-shadow:1px 1px #000}.buff-picture{display:flex;align-items:center;justify-content:center;height:25px;min-width:28px;color:#ffd57c;font-size:10px}.buff-picture canvas{display:block;max-height:25px;max-width:36px;width:auto;height:auto;object-fit:contain}.buff-value{font-weight:bold;color:#fff}.buff-name{max-width:74px;font-size:9px;line-height:10px;text-transform:capitalize;text-align:center;color:#e2d5af}


.plugin-header{display:flex;align-items:center;gap:4px}.plugin-header>.option{flex:1;min-width:0}.plugin-disclosure{flex:none;width:32px;height:36px;border:0;background:transparent;color:#d2b67d;font-size:18px}.plugin-disclosure:focus-visible{outline:2px solid #cfaa50}.plugin-options[hidden]{display:none!important}.plugin-header input[data-plugin=gpu]{cursor:not-allowed}

@media(any-pointer:coarse){#game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}

#mobile-keyboard{font-size:16px}
#expand{z-index:4;right:2px;top:5px}#sidebar nav{padding-top:42px}#expand[aria-expanded=true]{background:#574626}
.plugin-header{border-bottom:1px solid #39383a}.plugin-header>.option{border:0;font-size:13px;min-height:46px}.plugin-options{padding:8px 6px 12px 8px;background:#19191c;border-bottom:1px solid #464039}.plugin-description{display:block;color:#aaa;line-height:1.5;margin:0 0 10px}.extra-settings .option{font-size:12px}.extra-settings small{font-size:11px;line-height:1.4;color:#aaa}.extra-settings select,.extra-settings input:not([type=checkbox]),.admin-control select{max-width:135px;min-height:28px;background:#121214;color:#ddd;border:1px solid #555}.extra-settings textarea{width:100%}.panel button{padding:6px;margin:3px 2px}.info-card{padding:9px;background:#171719;border:1px solid #403b31;margin:8px 0}.info-card strong{color:#d2b67d}.info-card p{font-size:12px;overflow-wrap:anywhere}.panel a{display:inline-block;margin:12px 8px 12px 0;color:#dcc07d}.admin-control{margin:12px 0}.admin-control label{display:block;margin-bottom:4px}.panel details{border-bottom:1px solid #454039;padding:10px 0}.panel summary{cursor:pointer;color:#d2b67d}.panel input{max-width:100%}.plugin-game-overlay{position:absolute;z-index:1;pointer-events:none;transform-origin:0 0;overflow:hidden}.aggro-timer,.aggro-notice{position:absolute;top:78px;left:8px;padding:5px;background:#25221ed9;border:1px solid #675e48;color:#eee;font:12px Arial}.aggro-notice{top:112px}.aggro-line{position:absolute;height:2px;transform-origin:left center}
@font-face{font-family:KrypticRune;src:url('./plugin-assets/runescape.ttf')}@font-face{font-family:KrypticRuneSmall;src:url('./plugin-assets/runescape_small.ttf')}@font-face{font-family:KrypticRuneBold;src:url('./plugin-assets/runescape_bold.ttf');font-weight:bold}
#kryptic-info.kryptic-info-panel{padding:12px 10px;font:16px KrypticRuneSmall,sans-serif;color:#ccc}#kryptic-info .info-actions{display:flex;gap:4px;margin-bottom:12px}#kryptic-info .info-actions a{margin:0;flex:1;text-align:center;text-decoration:none;color:#fff;background:#648e18;border:1px solid #496419;padding:5px 3px;font:16px KrypticRuneBold,sans-serif}#kryptic-info .info-actions a:nth-child(2){background:#b18700;border-color:#856604}#kryptic-info .info-actions a:nth-child(3){background:#4586b8;border-color:#36698e}#kryptic-info .info-heading{display:flex;align-items:center;gap:6px;font:bold 18px KrypticRuneBold,sans-serif;color:#ffd700;margin:14px 0 7px;padding-bottom:5px;border-bottom:1px solid #3c3b3c}#kryptic-info .info-heading img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}#kryptic-info .info-section{background:#1e1e22;border:1px solid #323237;padding:8px}#kryptic-info .info-value-row{display:flex;justify-content:space-between;gap:6px;line-height:17px}#kryptic-info .info-player{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:18px;overflow-wrap:anywhere}#kryptic-info .identity-badge{display:inline-flex;align-items:center;margin-right:2px}#kryptic-info .identity-badge canvas{image-rendering:pixelated;max-height:16px;width:auto}#kryptic-info .info-event{background:#1e1e22;border:1px solid #323237;padding:7px 8px;margin:0 0 4px}#kryptic-info .info-event-main{display:flex;align-items:center;gap:8px;min-height:28px}#kryptic-info .info-event-main>div{min-width:0;overflow-wrap:anywhere;line-height:15px}#kryptic-info strong{display:block;color:#fff;font:bold 16px KrypticRuneBold,sans-serif;font-weight:normal}#kryptic-info .info-event-icon{width:25px;min-width:25px;height:25px;display:flex;align-items:center;justify-content:center}#kryptic-info .info-event-icon canvas{max-width:25px;max-height:25px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}#kryptic-info .info-skill-icon{max-width:28px;max-height:28px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}#kryptic-info .info-green{color:#88ff88}#kryptic-info .info-gold{color:#ffd700}#kryptic-info .info-teleport{display:block;width:100%;margin:5px 0 0;padding:2px 4px;background:#249f28;border:1px solid #1a7b1b;color:white;font:16px KrypticRuneSmall,sans-serif}#kryptic-info .info-refresh{display:block;margin:5px 0 0 auto;font:16px KrypticRuneSmall,sans-serif;padding:2px 5px}#kryptic-info .info-scroll{display:flex;gap:6px;align-items:center;min-height:28px;line-height:15px}#kryptic-info .info-scroll strong{flex:1}#kryptic-info .info-dot{color:#44ff44}#kryptic-info .info-admin-row{display:flex;gap:5px;align-items:center;border:1px solid #323237;padding:3px 5px;margin-bottom:4px}#kryptic-info .info-admin-row>span{flex:1;min-width:0;font:16px KrypticRuneBold,sans-serif;overflow-wrap:anywhere}#kryptic-info .info-admin-row>button{font:16px KrypticRuneSmall,sans-serif;flex:none;color:white;background:#850000;border:1px solid #600000;padding:0 7px;margin:0}#kryptic-info .info-admin summary{font:16px KrypticRuneBold,sans-serif;color:#ffd700}#kryptic-info .admin-control{font:16px KrypticRuneSmall,sans-serif}#kryptic-info .admin-control select,#kryptic-info input{font:13px Arial,sans-serif;width:100%;max-width:100%}

#kryptic-info .info-player>span:not(.identity-badge){white-space:pre-wrap}

.install-guide{max-width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:#211d18;color:#e3d6ba;border:2px solid #8a7657;padding:22px;font:15px/1.5 Arial,sans-serif;z-index:20}.install-guide::backdrop{background:#000a}.install-guide h2{margin:0 0 12px;color:#d2b67d;font-size:19px}.install-guide button{padding:9px 16px;border:1px solid #8a7657;background:#44331c;color:#ffe4a0}html:fullscreen #client,html:-webkit-full-screen #client{height:100dvh;width:100vw}

/* Reserve the viewport for play, including Safari and Home Screen launch.
   Scrollable DOM panels keep their own scrolling; native game pinch stays in input.js. */
html,body{overscroll-behavior:none}body{position:fixed;inset:0}#client{min-height:0;overflow:hidden}#stage{overscroll-behavior:none}#panels,.kLogin,.install-guide{overscroll-behavior:contain}
#game,.gpu-scene,.startup-loader{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
