/* 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 .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:40px;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:40px}.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(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}
}