/* Classic fixed-client composition, scaled to the available viewport. */
.rs-client{--rf-top-h:38px;font-family:Arial,sans-serif;background:#211e18}
.rs-client .classic-world-top{height:38px;grid-template-columns:180px 1fr 260px;border-bottom:3px ridge #8c7960}
.rs-client .classic-world-top>strong{font-size:19px;color:#c9b28a}
.rs-client .brand-short{display:none}.rs-client .classic-gold>span small{font:inherit}.rs-client .classic-gold>span i{font-style:normal}
.rs-client .classic-gold{padding:0 5px;gap:5px;height:32px;min-height:0}.rs-client .classic-gold>span{line-height:11px;font-size:8px}.rs-client .classic-gold b{font-size:12px}.rs-client .classic-top-actions{gap:3px}.rs-client .classic-top-actions button{width:22px;height:24px;font-size:14px}
.rs-client .classic-world-top .mode-switch{height:28px;max-width:270px}.rs-client .classic-world-top .mode-switch>*{padding:3px 14px;font-size:10px}
.rs-client .classic-world-grid{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:0;height:calc(100dvh - 46px)}
.rs-client .classic-center{display:flex;flex-direction:column;grid-column:1;min-width:0;height:100%;padding:0!important}
.rs-client .classic-center .world-stage{flex:1;min-height:0;border:3px ridge #85745a;border-right-width:1px}
.rs-client .classic-center .world-stage canvas#worldCanvas{height:100%;min-height:0;width:100%}
.rs-client .world-status{display:none!important}.rs-client .world-cache-badge{display:none!important}
.rs-client .classic-bottom{display:flex;flex-direction:column;flex:0 0 168px;height:168px;border:3px ridge #85745a;border-top-width:1px;padding:0}
.rs-client .classic-chat{display:grid;grid-template-rows:25px minmax(0,1fr) 26px;min-height:0;flex:1}
.rs-client .classic-bottom #worldFieldLog{background:#bcb08d;color:#171813;padding:5px 9px;font:13px/1.35 Arial}
.rs-client .chat-entry input{background:#c8bd9d;border:0;color:#17203a;font-size:12px}.rs-client .chat-tabs{gap:0;border-bottom:2px groove #6f6047}
.rs-client .chat-tabs button{font:11px Arial;background:#4c4637;border-right:1px solid #807056}
.rs-client .classic-quick{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:26px;padding:0;gap:0;height:26px;min-height:26px}
.rs-client .classic-quick button{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:4px;min-height:0;padding:2px;font-size:13px;line-height:12px;border:1px outset #8a7858;background:#4b4435}
.rs-client .classic-quick button span{display:inline!important;font-size:10px}
.rs-sidebar{grid-column:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:4px ridge #827055;background:repeating-linear-gradient(7deg,#ffffff03 0 1px,transparent 1px 4px),#4b4335;color:#ffdd82}
.rs-sidebar>.world-minimap{position:relative;inset:auto;width:100%;padding:6px 8px 3px;border:0;border-bottom:3px ridge #807055;background:radial-gradient(ellipse at center,#5c5646,#302c22);box-shadow:none;box-sizing:border-box}
.rs-sidebar>.world-minimap:before{display:none}
.rs-sidebar .world-minimap canvas{display:block;width:158px;height:158px;margin:0 auto;border-radius:50%;border:5px ridge #8c8067;box-shadow:0 0 0 2px #201e18;image-rendering:pixelated;box-sizing:border-box}
.rs-sidebar .world-minimap>b{display:block;font:10px Arial;text-align:center;letter-spacing:.6px;padding:5px 0;color:#e5d7b1}
.rs-sidebar .world-zoom-controls{position:static;display:grid;grid-template-columns:24px 40px 24px 24px 42px 24px;justify-content:center;width:100%;border:0;background:transparent;box-shadow:none;margin:0}
.rs-sidebar .world-zoom-controls button{font:17px Arial;height:21px;background:#393428;border:1px outset #807051}.rs-sidebar .world-zoom-controls span{font:10px Arial}
.rs-sidebar>.classic-player{display:grid;grid-template-columns:32px 1fr;padding:6px;gap:7px;background:#3a3529;border-bottom:2px groove #877657}
.rs-sidebar .classic-portrait{height:46px;width:32px}.rs-sidebar .classic-player b{font-size:11px}.rs-sidebar .classic-player span{display:none}.rs-sidebar .classic-vitals label{font-size:9px;grid-template-columns:29px 1fr}.rs-sidebar .classic-vitals label:first-child{display:none}
.rs-tabs{display:grid;grid-template-columns:repeat(5,1fr);height:43px;flex-shrink:0;border-bottom:3px ridge #8a7859;gap:1px;padding:2px}
.rs-return-world{display:none}
.rs-tabs button{padding:2px 0;background:linear-gradient(#64573f,#3d3427);color:#bbaa7e;border:2px outset #89714d;cursor:pointer;min-width:0}.rs-tabs button[aria-pressed=true]{background:linear-gradient(#71452e,#553324);color:#ffdf88;border-color:#a5804b}
.rs-tabs i{display:block;font:20px Georgia;font-style:normal;text-shadow:1px 2px #18140e}.rs-tabs span{display:block;font:8px Arial}
.rs-panel-content{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#857151 #302b22}
.rs-panel-content>[hidden]{display:none!important}
.rs-panel-content .world-pack-drawer{position:static;inset:auto;transform:none;width:100%;max-width:none;max-height:none;min-height:100%;border:0;background:#494032;box-shadow:none;padding:0;color:#ead9af}
.rs-panel-content .world-pack-drawer>header{display:none}.rs-panel-content .world-pack-drawer>nav{display:flex;height:27px;padding:2px;gap:2px;background:#393125}
.rs-panel-content .world-pack-drawer>nav button{flex:1;padding:3px;font:10px Arial;background:#554936;border:1px outset #897455;color:#e6d2a0}
.rs-panel-content #worldPackBody{padding:5px}.rs-panel-content .world-pack-capacity{display:block;font:10px Arial;padding:3px 0;color:#c6b689}.rs-panel-content .world-pack-capacity span{display:none}
.rs-panel-content .world-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:43px;gap:0;padding:3px;background:#494032;border:0}
.rs-panel-content .world-pack-grid>.empty-slot:after{display:none}
.classic-item-icon{display:block;width:30px;height:30px;filter:drop-shadow(1px 2px 0 #211c1780)}
.rs-panel-content .world-pack-grid>button>i{display:grid;place-items:center}
.rs-panel-content .world-pack-details{display:flex;flex-wrap:wrap;padding:7px;font:11px Arial;background:#3b3227}.rs-panel-content .world-pack-details h3{font:700 13px Arial}.rs-panel-content .world-pack-details footer{display:flex;flex-wrap:wrap;gap:4px}
.rs-panel-content .world-equipment-view{display:grid;grid-template-columns:1fr;gap:6px}.rs-panel-content .world-equipment-view canvas{width:112px;height:144px;justify-self:center}.rs-panel-content .world-equipment-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.rs-panel-content .world-equipment-slots button{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:70px;padding:5px 2px;font:9px Arial}.rs-panel-content .world-equipment-slots b{max-width:100%;font:8px Arial}.rs-panel-content .world-equipment-slots span{font:8px Arial}
.rs-panel-content .world-pack-grid>button,.rs-panel-content .world-pack-grid>.empty-slot{position:relative;display:flex;align-items:center;justify-content:center;width:auto;min-width:0;height:43px;min-height:43px;padding:1px;background:none;border:1px solid transparent;box-shadow:none}
.rs-panel-content .world-pack-grid>button:hover{background:#65543b;border:1px solid #9a804e}.rs-panel-content .world-pack-grid>button.selected{border:1px solid #e3c267;background:#665132}
.rs-panel-content .world-pack-grid>button>span{display:none}.rs-panel-content .world-pack-grid>button>i{font:26px Georgia;color:#ab8051;text-shadow:1px 2px #21180f}.rs-panel-content .world-pack-grid>button>b{position:absolute;top:0;left:1px;font:11px Arial;color:#ffff00;text-shadow:1px 1px #18180d}
.rs-panel-content .world-pack-help{font:11px/1.4 Arial;color:#bdac85;margin:8px 3px}.rs-panel-content .world-pack-pages{font:10px Arial;gap:3px}.rs-panel-content .world-pack-pages button{font:9px Arial;padding:3px;color:#e6d3a3;background:#3b3225}
.rs-panel-content .world-item-details,.rs-panel-content .world-equipment-view{font:11px Arial;max-width:100%;overflow-wrap:anywhere}
.rs-panel-content .classic-player-panel{width:100%;height:auto;display:block;overflow:visible;border:0;background:none}
.rs-panel-content .classic-player-panel>*{display:none!important}.rs-panel-content .classic-player-panel>.skills-heading,.rs-panel-content .classic-player-panel>.classic-skill-grid,.rs-panel-content .classic-player-panel>.all-skills-drawer:not([hidden]){display:grid!important}
.rs-panel-content .classic-skill-grid{grid-template-columns:repeat(3,1fr);gap:1px;padding:5px;background:#494032}.rs-panel-content .classic-skill-grid button{min-height:44px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 12px;border:1px outset #7f6c4c;background:#554a35;padding:3px}.rs-panel-content .classic-skill-grid i{grid-row:1/3;width:22px}.rs-panel-content .classic-skill-grid span{font:8px Arial}.rs-panel-content .classic-skill-grid b{font:12px Arial;color:#ffff60}
.rs-panel-content .all-skills-drawer{position:fixed;left:50%;top:10%;transform:translateX(-50%);width:min(640px,94vw);max-height:80dvh;z-index:90}
.rs-panel-content .world-combat-styles{position:static;inset:auto;width:auto;margin:8px;box-shadow:none}.rs-panel-content .world-combat-styles nav{display:grid;grid-template-columns:repeat(2,1fr)}.rs-panel-content .world-combat-styles nav button{height:75px}
.rs-panel-content .classic-market-panel{width:100%;height:auto;max-height:none;border:0;display:flex;overflow:visible}.rs-panel-content .market-overview{flex-basis:auto}
.rs-client .classic-hover-action b{font:13px Arial;color:#fff;text-shadow:1px 1px #000}.rs-client .classic-hover-action span{font:11px Arial}
.rs-client .world-hud{max-width:620px;margin:auto;left:8px!important;right:8px!important;bottom:7px!important;padding:5px 8px!important;background:#332e22e8!important;border:2px ridge #8b7854!important}
@media(max-width:760px){
 .rs-client .classic-world-top{grid-template-columns:1fr 220px}.rs-client .classic-world-top>strong{font-size:15px}.rs-client .classic-world-top .mode-switch{display:none}
 .rs-client .classic-world-grid{display:block;height:auto}.rs-client .classic-center{height:calc(100dvh - 38px);min-height:530px}.rs-client .classic-bottom{flex-basis:148px;height:148px}
 .rs-client .classic-quick button{font-size:14px}.rs-client .classic-quick button span{display:none!important}
 .rs-sidebar{display:flex;position:static;width:100%;max-height:600px;box-sizing:border-box}.rs-sidebar>.world-minimap{position:absolute;top:48px;right:9px;width:106px;padding:3px;border:2px ridge #807055;z-index:10}
 .rs-sidebar .world-minimap canvas{width:92px;height:92px;border-width:3px}.rs-sidebar .world-minimap>b{font-size:8px}.rs-sidebar .world-zoom-controls{grid-template-columns:repeat(3,1fr);gap:1px}.rs-sidebar .world-zoom-controls button{font-size:15px}
 .rs-sidebar>.classic-player{display:none}.rs-tabs{height:45px}.rs-panel-content{max-height:440px}.rs-panel-content .world-pack-grid>button,.rs-panel-content .world-pack-grid>.empty-slot{height:44px}
 .rs-return-world{display:block;min-height:36px;flex-shrink:0;border:2px ridge #897253;background:#554934;color:#ead6a5;font:12px Arial;cursor:pointer}
 .rs-client .world-hud{max-width:none}.rs-client .classic-hover-action{max-width:calc(100% - 120px)}
}

/* Readable expanded skillbook, using the same stone palette as the dock. */
.rs-client .all-skills-drawer{background:#49412f;border:2px solid #a3986e}
.rs-client .all-skills-drawer h2{font:700 21px Arial,sans-serif}
.rs-client .all-skills-drawer p{font:12px/1.5 Arial,sans-serif;color:#ddd3b6}
.rs-client .all-skills-list button{grid-template-columns:32px 1fr 62px}
.rs-client .all-skills-list span{font:12px Arial,sans-serif}
.rs-client .all-skills-list small{font:9px/1.4 Arial,sans-serif}
.rs-client .all-skills-list b{font:700 14px Arial,sans-serif}
.rs-client .all-skills-drawer footer button{font:11px Arial,sans-serif}

.classic-context-menu{width:290px;max-width:calc(100% - 8px);max-height:70%;overflow:auto}#contextCombatTargets button{color:#f0d2a0;border-top:1px solid #443a29;padding:7px 6px}.world-loot-feed{width:230px;max-width:calc(100% - 20px)}.world-loot-feed p>span{font-size:11px}.world-loot-feed p small{font-size:9px}.world-loot-feed>small{padding-right:24px;font-size:9px}.world-loot-feed [data-dismiss-loot]{position:absolute;right:3px;top:2px;background:transparent;color:#ead5a0;border:0;cursor:pointer;font-size:18px}

/* Touch layout: keep combat actions reachable and map controls on screen. */
@media(max-width:760px){
 .rs-client .world-hud{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important;box-sizing:border-box;min-width:0}
 .rs-client .world-hud #worldTarget,.rs-client .world-hud #worldHint{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
 .rs-client .world-hud #worldTarget{font-size:12px}.rs-client .world-hud #worldHint{font-size:11px}
 .rs-client .world-hud button{position:static;grid-row:auto;grid-column:auto;min-height:44px;font-size:12px;padding:8px}
 .rs-client .world-loot-feed{bottom:126px;max-height:145px;overflow:auto;box-sizing:border-box}
 .rs-client .world-loot-feed [data-dismiss-loot]{min-width:36px;min-height:36px;top:0;right:0}
 .rs-client .world-loot-feed>small{padding-right:34px;min-height:24px}
 .rs-client .world-atlas{position:fixed;inset:44px 6px 8px;z-index:60;box-sizing:border-box;overscroll-behavior:contain}
 .rs-client .world-atlas header{padding:7px;gap:6px}.rs-client .world-atlas header h2{font-size:18px}
 .rs-client .world-atlas .atlas-source-tabs{order:3;flex-basis:100%;margin:0}
 .rs-client .world-atlas header button,.rs-client .atlas-view-controls button,.rs-client .atlas-combat-routes button{min-height:40px}
 .rs-client .atlas-combat-routes{gap:4px;padding:6px}.rs-client .atlas-combat-routes button{min-width:100%;font-size:11px}
 .rs-client .atlas-view-controls{gap:5px;padding:6px}.rs-client .atlas-view-controls span{width:100%;margin:0;line-height:1.3}
 .rs-client .classic-context-menu button{min-height:40px;font-size:12px}
}

@media(max-width:760px){.rs-client .world-hud #worldEatFood{grid-column:1;grid-row:3;width:100%}.rs-client .world-hud #worldInteract{grid-column:2;grid-row:3;width:100%}}

.world-target-picker{position:absolute;z-index:21;top:55px;left:10px;width:310px;max-width:calc(100% - 24px);max-height:55%;overflow:auto;padding:8px;box-sizing:border-box;border:2px ridge #a18a5c;background:#211e17f5;color:#efdcad;font:12px Arial}
.world-target-picker[hidden]{display:none}.world-target-picker>strong{display:inline-block;padding:8px}.world-target-picker>button{min-height:44px;background:#433925;color:#f4dfaa;border:1px solid #877049;cursor:pointer;padding:8px}.world-target-picker .target-option{display:block;width:100%;margin-top:5px;text-align:left}.world-target-picker button:focus-visible{outline:2px solid #ffe082}.world-target-picker button:disabled{opacity:.5;cursor:default}
.rs-client .world-hud #worldChooseTarget{grid-column:1/-1;grid-row:4;min-height:30px}
@media(max-width:760px){.rs-client .world-hud #worldChooseTarget{min-height:44px}.rs-client .world-loot-feed{bottom:170px}.world-target-picker{top:35px;max-height:50%}}

@media(min-width:761px){.rs-client .world-loot-feed{bottom:108px}}

.rs-client .world-hud #worldChooseTarget{background:linear-gradient(#625136,#3a3020);color:#f1dca6;border:1px outset #aa9060;cursor:pointer}.rs-client .world-hud #worldChooseTarget[aria-expanded="true"]{background:#765735}

/* Keep actual player HP visible above the world on narrow screens. */
@media(max-width:760px){
 .rs-sidebar>.classic-player{display:block;position:absolute;top:94px;left:10px;width:150px;max-width:calc(100% - 140px);padding:6px;box-sizing:border-box;z-index:9;pointer-events:none;border:2px ridge #807055;background:#211e18ed}
 .rs-sidebar>.classic-player .classic-portrait,.rs-sidebar>.classic-player b,.rs-sidebar>.classic-player .classic-vitals label:last-child{display:none}
 .rs-sidebar>.classic-player .classic-vitals label{position:relative;grid-template-columns:20px 1fr;font-size:10px;min-height:18px}
 .rs-sidebar>.classic-player .classic-vitals i{height:14px}
 .rs-sidebar>.classic-player #worldPlayerHpText{position:absolute;left:20px;right:0;text-align:center;color:#fff2d5;font-size:10px;line-height:16px;text-shadow:0 1px 2px #000}
}

/* Short landscape screens must not inherit the portrait world's 520px minimum. */
@media(max-width:560px){
 .rs-client .world-hud{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px!important}
 .rs-client .world-hud #worldTarget{grid-column:1/-1;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .rs-client .world-hud #worldHint{display:none}
 .rs-client .world-hud #worldEatFood{grid-column:1;grid-row:2}
 .rs-client .world-hud #worldInteract{grid-column:2;grid-row:2}
 .rs-client .world-hud #worldChooseTarget{grid-column:3;grid-row:2;min-height:44px}
 .rs-client .world-hud button{min-width:0;padding:4px;font-size:10px}
}

@media(min-width:600px) and (max-width:1000px) and (max-height:500px){
 .rs-client .classic-world-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;height:calc(100dvh - 46px);min-height:0}
 .rs-client .classic-center{height:100%;min-height:0}
 .rs-client .classic-bottom{flex:0 0 84px;height:84px;min-height:0}
 .rs-client .classic-chat{grid-template-rows:22px minmax(0,1fr) 26px}
 .rs-client .classic-quick{grid-template-rows:30px;height:30px;min-height:30px}
 .rs-client .classic-quick button span{display:none!important}
 .rs-client .world-hud{position:absolute;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px!important;box-sizing:border-box;min-width:0}
 .rs-client .world-hud #worldTarget,.rs-client .world-hud #worldHint{grid-column:1/-1;white-space:normal;line-height:1.15}
 .rs-client .world-hud #worldTarget{grid-row:1}.rs-client .world-hud #worldHint{grid-row:2}
 .rs-client .world-hud #worldChooseTarget,.rs-client .world-hud #worldEatFood,.rs-client .world-hud #worldInteract{position:static;grid-row:3;width:100%;min-height:44px;font-size:11px;padding:4px}
 .rs-client .world-hud #worldChooseTarget{grid-column:1}.rs-client .world-hud #worldEatFood{grid-column:2}.rs-client .world-hud #worldInteract{grid-column:3}
 .rs-client .rs-sidebar{position:static;width:auto;height:100%;max-height:none;min-height:0}
 .rs-client .rs-sidebar>.world-minimap{position:relative;inset:auto;width:100%;padding:2px;transform:none;flex-shrink:0}
 .rs-client .rs-sidebar .world-minimap canvas{width:70px;height:70px;border-width:2px}
 .rs-client .rs-sidebar .world-minimap>b{padding:2px;font-size:8px}
 .rs-client .rs-sidebar .world-zoom-controls{grid-template-columns:22px 28px 22px 22px 34px 22px}
 .rs-client .rs-sidebar>.classic-player{display:block;position:static;width:auto;max-width:none;padding:3px;flex-shrink:0}
 .rs-client .rs-sidebar>.classic-player .classic-portrait,.rs-client .rs-sidebar>.classic-player b,.rs-client .rs-sidebar>.classic-player .classic-vitals label:last-child{display:none}
 .rs-client .rs-sidebar>.classic-player .classic-vitals label{position:relative;grid-template-columns:20px 1fr;min-height:18px}
 .rs-client .rs-sidebar>.classic-player .classic-vitals i{height:14px}
 .rs-client .rs-sidebar #worldPlayerHpText{position:absolute;left:20px;right:0;text-align:center;white-space:nowrap;line-height:16px;font-size:10px;color:#fff2d5;text-shadow:0 1px 2px #000}
 .rs-client .rs-return-world{display:none}
 .rs-client .rs-panel-content{max-height:none;min-height:0}
 .rs-client .world-target-picker{top:4px;max-height:calc(100% - 110px)}
 .rs-client .world-loot-feed{bottom:108px;max-height:90px;overflow:auto}
 .rs-client .world-atlas{position:fixed;inset:4px;z-index:60}
}

/* On phones the world stays in the viewport; character panels open over it. */
@media(max-width:600px){
 body.world-active{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
 .world-active .game,.world-active .game>main,.world-active #content{height:100dvh;min-height:0;overflow:hidden}
 .world-active .member-realms{display:none}
 .rs-client.classic-world-shell{width:100%;height:100dvh;min-height:0;overflow:hidden;border-width:0}
 .rs-client .classic-world-grid{display:block;height:calc(100dvh - 48px);min-height:0;overflow:hidden}
 .rs-client .classic-center{height:100%;min-height:0}
 .rs-client .classic-bottom{height:48px;min-height:48px;flex:0 0 48px;border:0}
 .rs-client .classic-chat{display:none}
 .rs-client.mobile-chat-open .classic-chat{display:grid;position:fixed;z-index:82;inset:48px 0 48px;grid-template-rows:44px minmax(0,1fr) 48px;background:#40382a;border:3px ridge #8c7955}
 .rs-client.mobile-chat-open .classic-chat .chat-tabs button,.rs-client.mobile-chat-open .chat-entry button{min-height:44px}
 .rs-client.mobile-chat-open .chat-entry input{min-height:44px;font-size:16px}
 .rs-client .classic-quick{height:48px;min-height:48px}
 .rs-client .classic-quick button{height:48px;min-height:48px;min-width:48px;flex-basis:48px}
 .rs-client .rs-sidebar{height:0;max-height:0;overflow:visible;border:0;padding:0}
 .rs-client .rs-sidebar .rs-return-world,.rs-client .rs-sidebar .rs-tabs,.rs-client .rs-sidebar .rs-panel-content{display:none}
 .rs-client .rs-sidebar.mobile-panel-open{display:flex;position:fixed;z-index:80;inset:48px 0 48px;width:100%;height:auto;max-height:none;flex-direction:column;overflow:hidden;border:3px ridge #8c7955}
 .rs-client .rs-sidebar.mobile-panel-open>.world-minimap,.rs-client .rs-sidebar.mobile-panel-open>.classic-player{display:none}
 .rs-client .rs-sidebar.mobile-panel-open .rs-return-world{display:block;min-height:44px;font-size:14px}
 .rs-client .rs-sidebar.mobile-panel-open .rs-tabs{display:grid;height:52px;min-height:52px}
 .rs-client .rs-sidebar.mobile-panel-open .rs-tabs button{min-height:46px}
 .rs-client .rs-sidebar.mobile-panel-open .rs-panel-content{display:block;flex:1;max-height:none;min-height:0;overflow:auto}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-drawer{height:100%;min-height:0;grid-template-rows:44px minmax(0,1fr)}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-drawer>nav{height:44px}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-drawer>nav button{min-height:40px;font-size:12px}
 .rs-client .rs-sidebar.mobile-panel-open #worldPackBody{min-height:0;overflow:auto;overscroll-behavior:contain}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-grid{grid-auto-rows:56px}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-grid>.empty-slot{display:none}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-grid>button,.rs-client .rs-sidebar.mobile-panel-open .world-pack-grid>.empty-slot{height:56px;min-height:56px}
 .rs-client .rs-sidebar.mobile-panel-open input,.rs-client .rs-sidebar.mobile-panel-open select,.rs-client .rs-sidebar.mobile-panel-open .world-pack-details button{min-height:44px;font-size:14px}
 .rs-client .rs-sidebar>.world-minimap{top:54px;right:6px;width:116px}
 .rs-client .rs-sidebar .world-minimap canvas{width:76px;height:76px}
 .rs-client .rs-sidebar .world-zoom-controls button{min-height:38px}
 .rs-sidebar>.classic-player{top:70px;right:auto;left:7px}
}

/* A phone needs the map, HP and controls without tiny 22px header buttons. */
@media(max-width:600px){
 .rs-client .classic-world-top{display:flex;align-items:center;height:48px;gap:5px;padding:0 5px}
 .rs-client .classic-world-top>strong{flex:0 0 27px;min-width:27px;width:27px;padding:0;font-size:15px;overflow:visible}
 .rs-client .brand-full{display:none}.rs-client .brand-short{display:inline}
 .rs-client .classic-gold{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:4px;width:auto;min-width:0;padding:0}
 .rs-client .classic-gold>span{display:flex;align-items:center;gap:2px;flex:0 0 auto;min-width:0;font-size:0;letter-spacing:0}
 .rs-client .classic-gold>span i{font-size:11px;color:#e9c77b}
 .rs-client .classic-gold>span small{display:none}
 .rs-client .classic-gold>span b{font-size:12px}
 .rs-client .classic-top-actions{display:flex;flex:0 1 auto;gap:2px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}
 .rs-client .classic-top-actions::-webkit-scrollbar{display:none}
 .rs-client .classic-top-actions button{flex:0 0 44px;width:44px;height:44px;min-height:44px;font-size:19px}
 .rs-client .classic-top-actions .token-wallet-button{display:grid!important}
 .rs-client .classic-top-actions button[title="Inventory"],.rs-client .classic-top-actions button[title="Options"]{display:none}
 .rs-client .classic-center{height:calc(100dvh - 52px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0}
 .rs-client .classic-quick{display:flex;gap:0;height:44px;min-height:44px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}
 .rs-client .classic-quick::-webkit-scrollbar{display:none}
 .rs-client .classic-quick button{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;font-size:20px}
 .rs-client .classic-hover-action{display:none!important}
 .rs-client .world-stage canvas#worldCanvas{touch-action:none}
 .rs-client .rs-sidebar>.world-minimap{right:8px;width:140px;transform:none}
 .rs-client .rs-sidebar .world-minimap canvas{width:88px;height:88px;margin:0 auto}
 .rs-client .rs-sidebar .world-zoom-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
 .rs-client .rs-sidebar .world-zoom-controls button{min-height:42px;font-size:17px}
 .rs-sidebar>.classic-player{top:254px;left:auto;right:8px;width:100px;max-width:none;padding:4px}
 .rs-sidebar>.classic-player .classic-vitals label{grid-template-columns:17px 1fr;font-size:9px}
 .rs-sidebar>.classic-player #worldPlayerHpText{left:17px;font-size:9px}
}
@media(max-width:360px){
 .rs-client .world-adventure{width:170px}
}
@media(min-width:600px) and (max-width:1000px) and (max-height:500px){
 .rs-client .classic-world-top{height:44px;grid-template-columns:minmax(0,1fr) 260px}
 .rs-client .classic-gold{width:260px;height:40px}
 .rs-client .classic-top-actions button{width:38px;height:38px;font-size:18px}
 .rs-client .classic-top-actions button[title="Inventory"],.rs-client .classic-top-actions button[title="Options"]{display:none}
 .rs-client .classic-world-grid{height:calc(100dvh - 52px)}
 .rs-client .classic-quick{height:36px;min-height:36px;grid-template-rows:36px}
 .rs-client .classic-quick button{min-height:36px;font-size:16px}
}
@media(max-width:600px){
 .rs-client .classic-center{height:100%;min-height:0}
 .rs-client .classic-quick{height:48px;min-height:48px}
 .rs-client .classic-quick button{height:48px;min-height:48px;min-width:48px;flex-basis:48px}
 .rs-client .rs-sidebar>.world-minimap{top:54px;right:6px;width:116px}
 .rs-client .rs-sidebar .world-minimap canvas{width:76px;height:76px}
 .rs-client .rs-sidebar .world-zoom-controls button{min-height:38px}
 .rs-client .rs-sidebar>.classic-player{top:70px;right:auto;left:7px}
}
@media(min-width:601px) and (max-width:1000px) and (max-height:500px){
 body.world-active,.world-active .game,.world-active .game>main,.world-active #content{height:100dvh;overflow:hidden}
 .world-active .member-realms{display:none}
 .rs-client.classic-world-shell{height:100dvh;min-height:0;overflow:hidden;border-width:0}
 .rs-client .classic-world-grid{display:block;height:calc(100dvh - 44px);overflow:hidden}
 .rs-client .classic-center{height:100%;min-height:0}
 .rs-client .classic-bottom{height:36px;min-height:36px;flex:0 0 36px}
 .rs-client .classic-chat{display:none}
 .rs-client.mobile-chat-open .classic-chat{display:grid;position:fixed;z-index:82;inset:44px 0 36px;grid-template-rows:36px minmax(0,1fr) 40px}
 .rs-client .rs-sidebar{height:0;max-height:0;overflow:visible;border:0;padding:0}
 .rs-client .rs-sidebar .rs-return-world,.rs-client .rs-sidebar .rs-tabs,.rs-client .rs-sidebar .rs-panel-content{display:none}
 .rs-client .rs-sidebar.mobile-panel-open{display:flex;position:fixed;z-index:80;inset:44px 0 36px;width:100%;height:auto;max-height:none;flex-direction:column;overflow:hidden;border:3px ridge #8c7955}
 .rs-client .rs-sidebar.mobile-panel-open>.world-minimap,.rs-client .rs-sidebar.mobile-panel-open>.classic-player{display:none}
 .rs-client .rs-sidebar.mobile-panel-open .rs-return-world{display:block;min-height:36px;border:1px solid #8c7955;background:#514532;color:#f1dbad;font:13px Arial}
 .rs-client .rs-sidebar.mobile-panel-open .rs-tabs{display:grid;height:42px;min-height:42px}
 .rs-client .rs-sidebar.mobile-panel-open .rs-panel-content{display:block;flex:1;max-height:none;min-height:0;overflow:auto}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-drawer{height:100%;min-height:0;grid-template-rows:36px minmax(0,1fr)}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-drawer>nav{height:36px}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-grid>.empty-slot{display:none}
 .rs-client .rs-sidebar>.world-minimap{position:absolute;top:47px;right:6px;width:104px}
 .rs-client .rs-sidebar .world-zoom-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rs-client .rs-sidebar .world-zoom-controls button{min-width:0;min-height:30px}
 .rs-client .rs-sidebar>.classic-player{position:absolute;top:72px;left:6px;width:110px}
}

/* Keep the world visible: chat opens from the bottom shortcut when needed. */
@media(min-width:601px) and (min-height:501px){
 .rs-client .classic-bottom{height:36px;min-height:36px;flex:0 0 36px;border-width:1px 3px 3px}
 .rs-client .classic-chat{display:none}
 .rs-client .classic-quick{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:32px;height:32px;min-height:32px}
 .rs-client .classic-quick button{min-height:32px}
 .rs-client.mobile-chat-open .classic-chat{display:grid;position:fixed;z-index:82;left:8px;bottom:38px;width:min(560px,calc(100vw - 16px));height:min(280px,calc(100dvh - 90px));grid-template-rows:32px minmax(0,1fr) 40px;background:#40382a;border:3px ridge #8c7955;box-shadow:0 8px 24px #0009}
 .rs-client.mobile-chat-open .classic-bottom .classic-chat #worldFieldLog{height:auto;min-height:0;overflow:auto}
 .rs-client.mobile-chat-open .chat-entry input{font-size:14px}
}

.rs-client .classic-quick .quick-overflow{display:contents}
.rs-client .classic-quick #worldMoreActions{display:none!important}

/* Short or touch-landscape screens need one clear playfield, not desktop panels. */
@media (min-width:601px) and (max-width:1200px) and (max-height:600px),
       (pointer:coarse) and (min-width:601px) and (min-aspect-ratio:16/10){
 body.world-active,.world-active .game,.world-active .game>main,.world-active #content{height:100dvh;overflow:hidden}
 .world-active .member-realms{display:none}
 .rs-client.classic-world-shell{width:100%;height:100dvh;min-height:0;overflow:hidden;border-width:0}
 .rs-client .classic-world-top{display:flex;align-items:center;justify-content:space-between;height:42px;min-height:42px;padding:0 8px}
 .rs-client .classic-world-top>strong{width:auto;min-width:0;font-size:16px}
 .rs-client .brand-full,.rs-client .classic-world-top .mode-switch,.rs-client .classic-top-actions{display:none}
 .rs-client .brand-short{display:inline}
 .rs-client .classic-gold{width:auto;height:36px;margin-left:auto}
 .rs-client .classic-world-grid{display:block;height:calc(100dvh - 42px);min-height:0;overflow:hidden}
 .rs-client .classic-center{height:100%;min-height:0}
 .rs-client .classic-bottom{height:44px;min-height:44px;flex:0 0 44px;border-width:1px 0 0}
 .rs-client .classic-chat{display:none}
 .rs-client.mobile-chat-open .classic-chat{display:grid;position:fixed;z-index:82;inset:42px 0 44px;width:auto;height:auto;grid-template-rows:36px minmax(0,1fr) 44px}
 .rs-client .classic-quick{display:flex;gap:0;height:44px;min-height:44px;overflow-x:auto;scrollbar-width:none}
 .rs-client .classic-quick::-webkit-scrollbar{display:none}
 .rs-client .classic-quick button{flex:1 0 44px;min-width:44px;height:44px;min-height:44px;font-size:17px}
 .rs-client .classic-quick button span{display:none!important}
 .rs-client .classic-quick .quick-overflow{display:none;position:fixed;z-index:83;right:7px;bottom:48px;width:190px;padding:4px;grid-template-columns:1fr;gap:3px;background:#31291e;border:2px ridge #987e50;box-shadow:0 8px 24px #000b}
 .rs-client.quick-more-open .classic-quick .quick-overflow{display:grid}
 .rs-client .classic-quick .quick-overflow button{display:flex!important;justify-content:flex-start;gap:9px;width:100%;min-height:42px;padding:5px 10px;font-size:16px}
 .rs-client .classic-quick .quick-overflow button span{display:inline!important;font-size:12px}
 .rs-client .classic-quick #worldMoreActions{display:flex!important}
 .rs-client .rs-sidebar{height:0;max-height:0;overflow:visible;border:0;padding:0}
 .rs-client .rs-sidebar .rs-return-world,.rs-client .rs-sidebar .rs-tabs,.rs-client .rs-sidebar .rs-panel-content{display:none}
 .rs-client .rs-sidebar.mobile-panel-open{display:flex;position:fixed;z-index:80;inset:42px 0 44px;width:100%;height:auto;max-height:none;flex-direction:column;overflow:hidden;border:3px ridge #8c7955}
 .rs-client .rs-sidebar.mobile-panel-open>.world-minimap,.rs-client .rs-sidebar.mobile-panel-open>.classic-player{display:none}
 .rs-client .rs-sidebar.mobile-panel-open .rs-return-world{display:block;min-height:40px}
 .rs-client .rs-sidebar.mobile-panel-open .rs-tabs{display:grid;height:44px;min-height:44px}
 .rs-client .rs-sidebar.mobile-panel-open .rs-panel-content{display:block;flex:1;max-height:none;min-height:0;overflow:auto}
 .rs-client .rs-sidebar.mobile-panel-open .world-pack-drawer{height:100%;min-height:0}
 .rs-client .rs-sidebar>.world-minimap{position:absolute;top:48px;right:6px;width:104px;padding:3px;transform:none}
 .rs-client .rs-sidebar .world-minimap canvas{width:78px;height:78px;margin:0 auto;border-width:3px}
 .rs-client .rs-sidebar .world-zoom-controls{display:grid;grid-template-columns:repeat(2,44px);justify-content:center}
 .rs-client .rs-sidebar #worldZoomLevel,.rs-client .rs-sidebar #worldRotateLeft,.rs-client .rs-sidebar #worldRotateRight,.rs-client .rs-sidebar #worldRoofToggle{display:none}
 .rs-client .rs-sidebar .world-zoom-controls button{height:32px;min-height:32px}
 .rs-client .rs-sidebar>.classic-player{display:none}
 .rs-client .world-adventure{top:48px;left:6px;width:180px;max-width:calc(100% - 120px)}
 .rs-client .classic-hover-action,.rs-client .world-loot-feed{display:none!important}
 .rs-client .world-drop-table{top:48px;right:116px;max-height:calc(100% - 120px);width:min(220px,40%);overflow:auto}
 .rs-client.classic-world-shell .classic-center .world-stage .world-hud{display:grid!important;left:6px!important;right:auto!important;bottom:6px!important;width:min(410px,calc(100% - 122px));max-width:none;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px!important;padding:4px!important}
 .rs-client .world-hud #worldTarget{grid-column:1/-1;grid-row:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
 .rs-client .world-hud #worldHint{display:none}
 .rs-client .world-hud #worldChooseTarget,.rs-client .world-hud #worldEatFood,.rs-client .world-hud #worldInteract{position:static;grid-row:2;width:100%;min-width:0;min-height:42px;padding:4px;font-size:11px}
 .rs-client .world-hud #worldChooseTarget{grid-column:1}
 .rs-client .world-hud #worldEatFood{grid-column:2}
 .rs-client .world-hud #worldInteract{grid-column:3}
 .world-active .toast{top:48px;bottom:auto;left:50%;right:auto;width:max-content;max-width:min(340px,calc(100vw - 220px));padding:7px 10px;transform:translate(-50%,-70px);font-size:12px;line-height:1.3;text-align:center}
 .world-active .toast.show{transform:translateX(-50%)}
}