:root{
  --gold:#d5ad62;--gold2:#8d6429;--cream:#e6d7ad;--ink:#24190c;--blue:#74a7e5;
  --frame:#211b13;--frame2:#15110c;--line:#5f4b32;--paper:#d9c18b;--paper2:#b99b61;
}
*{box-sizing:border-box}html{min-height:100%;background:#070806}body{margin:0;min-height:100%;color:#ded6c5;font:13px Verdana,Arial,sans-serif;background:
radial-gradient(circle at 50% -120px,#3b4631 0,#171a13 330px,#090a08 720px),
repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px);text-shadow:0 1px #000}
a{color:#e4be69;text-decoration:none}a:hover{color:#fff}.wrap{width:min(1040px,96%);margin:auto}.top-ribbon{border-bottom:1px solid #65533a;background:#0b0d0b;padding:7px 0;font-size:11px;color:#aaa18e}.top-ribbon strong{color:#f0d38f}.utility-right{float:right}.message-count{display:inline-block;min-width:18px;padding:1px 5px;border-radius:10px;background:#8b251e;color:#fff;text-align:center;font-weight:bold}
.site-shell{width:min(1040px,96%);margin:10px auto 30px;background:#1d1811;border:1px solid #796448;box-shadow:0 0 0 3px #0b0a07,0 0 36px #000;overflow:hidden}
.masthead{position:relative;height:275px;overflow:hidden;border-bottom:1px solid #0a0805;background:#10120e}.masthead-scenery{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.6)),url('/assets/images/hero-scenery.jpg');background-size:cover;background-position:center;filter:saturate(.82) contrast(1.05);transform:scale(1.05)}.masthead:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 45px #000,inset 0 -40px 70px #080806;pointer-events:none}.logo-link{position:relative;z-index:2;display:block;width:820px;max-width:95%;height:270px;margin:auto}.logo-link img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.95))}
.tabbar{background:#17130e;border-top:1px solid #736045;border-bottom:1px solid #050403;padding:4px}.tabbar-inner{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.tabbar a{height:56px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;background-image:url('/assets/images/ui/button-dark.png');background-size:100% 100%;color:#d9caa8;font:bold 11px Georgia,serif;text-transform:uppercase;letter-spacing:.35px;text-shadow:0 2px 2px #000;filter:brightness(.9)}.tabbar a:hover,.tabbar a.active{background-image:url('/assets/images/ui/button-gold.png');filter:none;color:#fff}.tabbar img{width:29px;height:29px;object-fit:contain}.nav-icon-home{font-size:18px;color:#c8993d}.tabbar a span:last-child{white-space:nowrap}
.action-strip{display:flex;justify-content:center;gap:10px;padding:10px 18px;background:#0f0d09;border-bottom:1px solid #55442f}.sprite-button{width:235px;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;background-size:100% 100%;background-repeat:no-repeat;color:#f8e7b8!important;font:bold 15px Georgia,serif;text-shadow:1px 2px #000}.sprite-button:hover{text-decoration:none;filter:brightness(1.12)}.sprite-button img{width:34px;height:34px;object-fit:contain}.sprite-green{background-image:url('/assets/images/ui/button-green.png')}.sprite-gold{background-image:url('/assets/images/ui/button-gold.png')}.sprite-dark{background-image:url('/assets/images/ui/button-dark.png')}
.content{min-height:520px;padding:14px;background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.18)),#282115}.home-layout{display:grid;grid-template-columns:285px 1fr;gap:13px}.left-column,.main-column{min-width:0}.panel{margin-bottom:13px;border:1px solid #6d5a3d;background:#17140f;box-shadow:inset 0 0 0 1px #080705,0 2px 4px #000}.panel-head{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;background-image:url('/assets/images/ui/header-bar.png');background-size:100% 100%;background-repeat:no-repeat;color:#f0dca6;font:bold 17px Georgia,serif;text-shadow:1px 2px #000}.panel-head img{width:30px;height:30px;object-fit:contain}.panel-body{padding:12px}.panel h1,.panel h2,.panel h3{font-family:Georgia,serif;color:#ead092}.panel h1{font-size:21px}.panel h2{font-size:17px}.panel h3{font-size:14px}
.account-box .status-line{padding:8px 0;border-bottom:1px dotted #574832}.side-link{display:flex;align-items:center;gap:9px;min-height:43px;padding:6px 8px;margin-bottom:4px;border:1px solid #4b3c28;background:#0f0e0a;color:#d7c6a0;font:bold 11px Georgia,serif}.side-link:hover{background:#242016;color:#fff;text-decoration:none}.side-link img{width:32px;height:32px;object-fit:contain}.mini-sprite-button{display:inline-flex;min-width:150px;height:42px;align-items:center;justify-content:center;background:url('/assets/images/ui/button-gold.png') center/100% 100% no-repeat;color:#fff!important;font:bold 14px Georgia,serif}.link-stack{padding:8px}.world-online{display:flex;align-items:center;gap:8px;color:#8cd14e;font:bold 19px Georgia,serif;margin:2px 0 10px}.orb{width:15px;height:15px;border-radius:50%;background:#78c536;box-shadow:0 0 8px #4d8d20}.world-row{display:flex;justify-content:space-between;padding:7px 2px;border-top:1px solid #3d3324}.world-row strong{color:#d5c399}
.feature-hero{position:relative;height:250px;overflow:hidden;border:1px solid #7d6746;box-shadow:inset 0 0 0 3px #17130d,0 2px 5px #000;background:#0b0a08}.feature-hero:before{content:"";position:absolute;inset:7px;border:1px solid rgba(213,173,98,.28);z-index:1;pointer-events:none}.feature-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08)}.feature-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px 20px 16px;background:linear-gradient(transparent,rgba(0,0,0,.9));text-align:center}.feature-copy h1{margin:0 0 4px;color:#f2dfaf;font:25px Georgia,serif;letter-spacing:1px}.feature-copy p{margin:0;color:#c7baa0}
.news-panel{margin-top:13px}.paper-list{padding:9px;background:#1c1710}.news-row{display:grid;grid-template-columns:76px 1fr;gap:11px;padding:12px 14px;margin-bottom:8px;color:#2a1b0c;text-shadow:none;background-image:linear-gradient(rgba(255,255,255,.04),rgba(0,0,0,.04)),url('/assets/images/ui/panel-parchment.png');background-size:100% 100%;min-height:150px}.news-row:last-child{margin-bottom:0}.news-icon{display:flex;align-items:flex-start;justify-content:center;padding-top:6px}.news-icon img{width:62px;height:62px;object-fit:contain}.news-title{color:#57320e;font:bold 17px Georgia,serif}.news-date{margin:2px 0 7px;color:#725c3d;font-size:11px}.news-row p{line-height:1.45}.news-row a{color:#63380c;font-weight:bold}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.feature-card{min-height:150px;padding:13px 10px;color:#261a0c;text-shadow:none;text-align:center;background-image:url('/assets/images/ui/panel-parchment.png');background-size:100% 100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.feature-card:hover{filter:brightness(1.06);text-decoration:none;color:#1e1409}.feature-card img{width:60px;height:60px;object-fit:contain;margin-bottom:2px}.feature-card strong{font:16px Georgia,serif;color:#4b2d0f}.feature-card span{margin-top:5px;font-size:11px}
.small{font-size:11px}.muted{color:#9f947f}.center{text-align:center}.right{text-align:right}.new-tag{display:inline-block;padding:1px 5px;border:1px solid #963f2d;background:#662216;color:#fff;font-size:9px;font-weight:bold}.warning,.notice{margin:10px 0;padding:9px 11px;border:1px solid #85682d;background:#332a13}.success{border-color:#486422;background:#17220d}.error{border-color:#78382d;background:#30130f}
form label{display:block;margin:9px 0 4px;color:#ddc48e;font-weight:bold;font-size:11px}input,textarea,select{width:100%;padding:8px 9px;border:1px solid #73562c;background:#0b0906;color:#ece6d8;box-shadow:inset 0 1px 5px #000;font:12px Verdana,Arial,sans-serif}input:focus,textarea:focus,select:focus{outline:1px solid #b28842}textarea{min-height:130px;resize:vertical}button{font:inherit}.form-actions{margin-top:12px}.rs-button,button.rs-button{display:inline-block;min-width:150px;padding:10px 18px;border:0;background:url('/assets/images/ui/button-gold.png') center/100% 100% no-repeat;color:#fff!important;text-align:center;font:bold 13px Georgia,serif;text-shadow:1px 2px #000;cursor:pointer}.rs-button.play{background-image:url('/assets/images/ui/button-green.png')}.rs-button.danger{filter:hue-rotate(125deg)}
table{width:100%;border-collapse:collapse;background:#100c08}th{padding:9px;background:#282017;border:1px solid #58462f;color:#edd49d;text-align:left;font:12px Georgia,serif}td{padding:8px;border:1px solid #392918;color:#cfc7b6}tr:nth-child(even) td{background:#171109}.rank{width:60px;text-align:center}.forum-intro{margin-bottom:12px}.forum-category-title{padding:9px 16px;background:url('/assets/images/ui/header-bar.png') center/100% 100% no-repeat;color:#f1d69a;font:bold 15px Georgia,serif}.forum-row{display:grid;grid-template-columns:44px 1fr 90px 190px;align-items:center;min-height:58px;border:1px solid #4b361d;border-top:0;background:#151008}.forum-row:nth-child(odd){background:#1a130a}.forum-icon{font:24px Georgia,serif;text-align:center;color:#bc9653}.forum-name{font:bold 13px Georgia,serif}.forum-desc{margin-top:3px;color:#998d77;font-size:11px}.forum-stat{text-align:center;color:#b8aa90;font-size:11px}.forum-last{font-size:11px;color:#a99d87}.forum-post{margin-bottom:9px;border:1px solid #4d371c;background:#130e08}.forum-post-meta{padding:7px 9px;background:#2c1e0f;border-bottom:1px solid #51371a;color:#cdb886}.forum-post-body{padding:13px;line-height:1.55}.message-row.unread td{background:#21180c}.message-thread{border:1px solid #5d4322;background:#130e08}.message-bubble{padding:12px;border-bottom:1px solid #3d2c17}.message-bubble:last-child{border-bottom:0}.message-meta{margin-bottom:7px;color:#aa9c84;font-size:11px}.staff-name{color:#d7b950;font-weight:bold}.ge-search{display:flex;gap:8px}.ge-search input{flex:1}.ge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ge-card{padding:10px;border:1px solid #4c371f;background:#110d08}.ge-card strong{font-family:Georgia,serif;color:#e6cd94}.price-up{color:#8ecb54}.price-down{color:#dc6d60}.chart-wrap{padding:10px;background:#090806;border:1px solid #49351d}canvas{display:block;width:100%;height:250px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.help-card{padding:12px;border:1px solid #55401f;background:#130f09}.help-card h3{margin-top:0}.crumbs{margin-bottom:10px;color:#9e927c;font-size:11px}.pagination{text-align:center;padding:12px}.pagination a{display:inline-block;padding:4px 8px;border:1px solid #50391e;background:#151009}
footer{padding:18px 0 24px;background:#090806;color:#756d5f;text-align:center;font-size:10px;border-top:1px solid #4b3d2a}.footer-links{margin-bottom:6px}.footer-links a{margin:0 6px;color:#a99975}.legal{max-width:760px;margin:auto;line-height:1.5}
@media(max-width:900px){.home-layout{grid-template-columns:1fr}.left-column{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.left-column .panel{margin-bottom:0}.world-panel{grid-column:1/-1}.tabbar-inner{grid-template-columns:repeat(4,1fr)}.tabbar a{height:52px}.masthead{height:225px}.logo-link{height:222px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.site-shell{width:100%;margin:0;border-left:0;border-right:0}.utility-right{float:none;display:block;margin-top:4px}.masthead{height:175px}.logo-link{height:172px}.tabbar-inner{grid-template-columns:repeat(2,1fr)}.tabbar a{height:46px}.tabbar img{width:24px;height:24px}.action-strip{flex-wrap:wrap}.sprite-button{width:46%;height:50px;font-size:12px}.left-column{display:block}.left-column .panel{margin-bottom:10px}.content{padding:8px}.feature-hero{height:190px}.feature-copy h1{font-size:19px}.feature-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.news-row{grid-template-columns:1fr}.news-icon{display:none}}

/* v4 slideshow */
.slideshow{isolation:isolate}.slideshow-stage{position:absolute;inset:0}.slideshow .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease;filter:saturate(.88) contrast(1.08)}.slideshow .slide.active{opacity:1}.slide-arrow{position:absolute;z-index:4;top:50%;width:42px;height:58px;margin-top:-29px;border:1px solid #8e754b;background:linear-gradient(#312a20,#15110c);box-shadow:inset 0 0 0 2px #070604,0 2px 5px #000;color:#e8d5a2;font:42px/48px Georgia,serif;text-shadow:1px 2px #000;cursor:pointer}.slide-arrow:hover{filter:brightness(1.25)}.slide-prev{left:9px}.slide-next{right:9px}.slide-dots{position:absolute;z-index:4;left:0;right:0;bottom:7px;text-align:center}.slide-dot{display:inline-block;width:9px;height:9px;margin:0 3px;border:1px solid #1d170e;border-radius:50%;background:#77684e;box-shadow:0 1px 2px #000}.slide-dot.active{background:#e0b54e}.slideshow .feature-copy{bottom:0;padding-bottom:25px}

/* v4 global community chat */
.site-chat{position:fixed;z-index:1000;right:18px;bottom:0;width:430px;max-width:calc(100vw - 26px);border:1px solid #7c6744;border-bottom:0;background:#100d09;box-shadow:0 0 0 2px #070604,0 -5px 18px rgba(0,0,0,.62);font-family:Verdana,Arial,sans-serif}.site-chat.minimized .chat-body{display:none}.chat-titlebar{width:100%;height:43px;border:0;border-bottom:1px solid #604c31;background:linear-gradient(#30281c,#15110c);display:flex;align-items:center;padding:0 9px;color:#ead7a6;text-shadow:1px 2px #000;cursor:pointer}.chat-title-icon img{width:28px;height:28px;object-fit:contain;vertical-align:middle}.chat-title{font:bold 13px Georgia,serif;letter-spacing:.2px;margin-left:7px}.chat-live-dot{width:8px;height:8px;border-radius:50%;background:#78c536;box-shadow:0 0 6px #78c536;margin-left:8px}.chat-toggle-glyph{margin-left:auto;font:bold 20px Georgia,serif;color:#e8d8af}.chat-body{height:306px;display:flex;flex-direction:column}.chat-messages{height:205px;overflow-y:auto;padding:8px 9px;background:radial-gradient(circle at 50% 0,rgba(94,72,41,.12),transparent 55%),#0b0906;scrollbar-color:#685234 #16110b;scrollbar-width:thin}.chat-line{padding:2px 3px;line-height:16px;word-break:break-word;font:12px/16px Verdana,Arial,sans-serif;color:#e8dcc0;text-shadow:1px 1px 0 #000}.chat-line .chat-time{color:#746c5c;font-size:9px;margin-right:5px}.chat-line .chat-name{font-weight:bold;color:#d7bd75}.chat-line .chat-name.mod{color:#b7d7ff}.chat-line .chat-name.admin{color:#ffca64}.chat-line .chat-name:after{content:":";color:#cbb88c}.chat-line .chat-text{margin-left:4px}.chat-text.chat-color-cream{color:#e8dcc0}.chat-text.chat-color-white{color:#fff}.chat-text.chat-color-yellow{color:#fff568}.chat-text.chat-color-green{color:#7ee05d}.chat-text.chat-color-cyan{color:#67e4e4}.chat-text.chat-color-blue{color:#7ba8ff}.chat-text.chat-color-purple{color:#c58aff}.chat-text.chat-color-pink{color:#ff8fca}.chat-text.chat-color-orange{color:#ffad52}.chat-text.chat-color-red{color:#ff7676}.chat-loading,.chat-empty{padding:16px 8px;text-align:center;color:#8f846d;font:11px Georgia,serif}.chat-tools{height:34px;display:flex;align-items:center;gap:5px;padding:3px 7px;border-top:1px solid #453620;background:#1b150e}.chat-tool{width:29px;height:26px;border:1px solid #604927;background:linear-gradient(#332719,#171008);color:#e5d2a0;cursor:pointer;font:bold 16px Arial,sans-serif}.chat-tool:hover{filter:brightness(1.2)}.color-tool span{font:bold 15px Georgia,serif;color:#e8dcc0;text-shadow:1px 1px #000}.chat-as{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:3px;color:#887c66;font-size:9px}.chat-as strong{color:#cfb981}.chat-count{margin-left:auto;color:#6f6658;font-size:9px}.emoji-menu,.color-menu{position:absolute;left:8px;bottom:67px;z-index:3;padding:6px;border:1px solid #705737;background:#16110b;box-shadow:0 2px 8px #000}.emoji-menu{width:214px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.emoji-menu[hidden],.color-menu[hidden]{display:none}.emoji-menu button{height:29px;border:1px solid #413421;background:#211a11;font-size:17px;cursor:pointer}.color-menu{left:43px;display:flex;gap:5px}.chat-color{width:22px;height:22px;border:1px solid #8e7950;cursor:pointer}.chat-color-cream{background:#e8dcc0}.chat-color-white{background:#fff}.chat-color-yellow{background:#fff568}.chat-color-green{background:#7ee05d}.chat-color-cyan{background:#67e4e4}.chat-color-blue{background:#7ba8ff}.chat-color-purple{background:#c58aff}.chat-color-pink{background:#ff8fca}.chat-color-orange{background:#ffad52}.chat-color-red{background:#ff7676}.chat-compose{display:flex;height:44px;margin:0;padding:5px 7px;border-top:1px solid #44341f;background:#120e09}.chat-compose input{height:32px;margin:0;padding:6px 8px;border:1px solid #624b2b;background:#070604;color:#eee1c3;font:12px Verdana,Arial,sans-serif}.chat-send{width:66px;margin-left:5px;border:1px solid #7d5d27;background:url('/assets/images/ui/button-gold.png') center/100% 100% no-repeat;color:#fff3cc;font:bold 11px Georgia,serif;text-shadow:1px 1px #000;cursor:pointer}.chat-guest{margin-top:auto;padding:11px;text-align:center;border-top:1px solid #4b3a25;background:#16110b;color:#a89c83;font-size:11px}.chat-error{height:16px;padding:0 8px;color:#ef8278;background:#120e09;font-size:9px}.site-chat.minimized{width:300px}.site-chat.minimized .chat-titlebar{border-bottom:0}
@media(max-width:560px){.site-chat{right:7px;width:calc(100vw - 14px)}.site-chat.minimized{width:245px}.chat-body{height:285px}.chat-messages{height:184px}}

/* v5 classic forum profiles, ranks, BBCode, messaging and Admin CP */
.rs-forum-font,.forum-message,.forum-signature,.bbcode-toolbar{font-family:Georgia,"Times New Roman",serif}.forum-icon img{width:28px;height:28px;object-fit:contain}.topic-table{border:1px solid #4a351d}.topic-row{display:grid;grid-template-columns:34px 1fr 75px;align-items:center;min-height:54px;border-bottom:1px solid #3f2d18;background:#151009;padding:5px 9px}.topic-row:last-child{border-bottom:0}.topic-row:nth-child(even){background:#1a130b}.topic-icon{text-align:center;color:#d1ad62}.topic-title{font:bold 14px Georgia,serif}.topic-replies{text-align:center;color:#d0c2a8;font:bold 12px Georgia,serif}.topic-replies span{font:9px Verdana,sans-serif;color:#8e836e}.classic-post{display:grid;grid-template-columns:190px 1fr;margin:0 0 12px;border:1px solid #5a4224;background:#151009;box-shadow:inset 0 0 0 1px #070604}.post-user{padding:10px 9px;text-align:center;border-right:1px solid #4d371f;background:linear-gradient(#21180f,#120e09)}.post-username{display:block;margin-bottom:7px;color:#f0d18b;font:bold 15px Georgia,serif}.forum-avatar,.profile-avatar{display:block;width:64px;height:64px;margin:0 auto 7px;object-fit:cover;border:1px solid #8b7044;background:#090806;box-shadow:0 0 0 2px #21180f}.forum-avatar[src*="runescape.wiki"],.profile-avatar[src*="runescape.wiki"]{object-fit:contain;padding:2px}.post-ranks{display:flex;flex-direction:column;align-items:center;gap:3px}.rankbar-img{display:block;width:170px;height:26px}.post-rankbar{position:relative;width:170px;height:26px;background-position:center;background-size:170px 26px;background-repeat:no-repeat;color:#f2e8d0;font:bold 11px Georgia,serif;text-shadow:1px 1px #000;line-height:26px}.post-rankbar img{position:absolute;left:5px;top:2px;width:22px;height:22px;object-fit:contain;image-rendering:auto}.post-rankbar span{display:block;padding-left:26px}.post-rank-bronze{background-image:url('/assets/images/ranks/post-bronze.png')}.post-rank-iron{background-image:url('/assets/images/ranks/post-iron.png')}.post-rank-steel{background-image:url('/assets/images/ranks/post-steel.png')}.post-rank-mithril{background-image:url('/assets/images/ranks/post-mithril.png')}.post-rank-adamant{background-image:url('/assets/images/ranks/post-adamant.png')}.post-rank-dragon{background-image:url('/assets/images/ranks/post-dragon.png')}.post-rank-barrows{background-image:url('/assets/images/ranks/post-barrows.png')}.post-count{margin:6px 0;color:#a99a80;font:10px Verdana,sans-serif}.discord-tag{margin:5px 0;padding:5px;border-top:1px solid #3e2e1b;color:#8f8470;font:9px Verdana,sans-serif}.discord-tag strong{color:#c7b58f;font-size:10px}.post-message-icon{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border:1px solid #604724;background:#1d150c;font:10px Verdana,sans-serif}.post-message-icon img{width:17px;height:17px}.post-main{min-width:0;display:flex;flex-direction:column}.post-meta{padding:7px 10px;border-bottom:1px solid #4d371f;background:#2b1e10;color:#9d9078;font:10px Verdana,sans-serif}.post-meta span{float:right}.forum-message{min-height:130px;padding:16px;color:#e7dcc4;font-size:14px;line-height:1.48;word-break:break-word}.forum-signature{max-width:100%;margin:6px 14px 12px;padding:10px 4px 0;border-top:1px solid #4a3822;color:#c8bda6;font-size:12px;overflow:hidden}.signature-image,.forum-signature .bb-image{display:block;max-width:400px!important;max-height:320px!important;width:auto;height:auto;margin-top:7px}.bb-image{max-width:min(100%,700px);max-height:520px;object-fit:contain}.bb-quote{margin:8px 10px;padding:8px 10px;border-left:3px solid #8e6b33;background:#0e0b08;color:#cfc2a7}.bb-code{padding:8px;overflow:auto;background:#070604;border:1px solid #42331f;color:#d8cfbd;white-space:pre-wrap}.bbcode-toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:5px;border:1px solid #5b4324;border-bottom:0;background:#21180f}.bbcode-toolbar button{min-width:30px;padding:4px 7px;border:1px solid #72572e;background:linear-gradient(#38291a,#1a120b);color:#e7d29f;font:bold 11px Georgia,serif;cursor:pointer}.bbcode-toolbar button:hover{filter:brightness(1.2)}.quick-reply{margin-top:14px}.profile-edit-grid,.public-profile{display:grid;grid-template-columns:210px 1fr;gap:18px}.profile-preview{text-align:center}.profile-preview h1,.profile-preview h2{margin:5px 0}.profile-avatar-lg{width:96px;height:96px}.profile-preview .rankbar-img,.profile-preview .post-rankbar{margin:3px auto}.profile-stat,.discord-line{margin:7px 0;color:#a99a80}.message-player-button{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 9px;border:1px solid #694d27;background:#1d150d}.message-player-button img{width:20px;height:20px}.inline-check{display:flex;align-items:center;gap:7px}.inline-check input{width:auto}.account-hub .account-card{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:10px;border:1px solid #4f3b22;background:#120e09}.account-card .profile-avatar{margin:0}.account-links{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.account-links a{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #56401f;background:#181109}.account-links img{width:24px;height:24px;object-fit:contain}.message-actions{margin-bottom:10px}.official-pill{display:inline-block;padding:2px 5px;border:1px solid #ad812d;background:#3a290e;color:#f5d777;font:bold 9px Verdana,sans-serif}.admin-links{margin-bottom:10px}.admin-search{display:flex;gap:6px}.admin-search input{flex:1}.admin-search .rs-button{min-width:100px}.admin-user-row{display:grid;grid-template-columns:250px 1fr;gap:10px;padding:10px;border-bottom:1px solid #45321d;background:#120e09}.admin-user-row:nth-child(even){background:#171109}.admin-user-name span{display:block;margin-top:3px;color:#978b76;font-size:10px}.admin-controls form{display:flex;gap:5px;margin-bottom:5px}.admin-controls input,.admin-controls select{height:30px;padding:4px}.days-input{max-width:72px}.mini-button{padding:5px 8px;border:1px solid #72562f;background:#2b2013;color:#ead6a3;cursor:pointer}.mini-button.danger{border-color:#7c3e34;background:#351814;color:#f1b0a7}.status-warn{color:#e7bf62!important}.status-danger{color:#e67d70!important}
@media(max-width:720px){.classic-post{grid-template-columns:1fr}.post-user{border-right:0;border-bottom:1px solid #4d371f}.profile-edit-grid,.public-profile{grid-template-columns:1fr}.account-links{grid-template-columns:1fr}.admin-user-row{grid-template-columns:1fr}.admin-controls form{flex-wrap:wrap}.forum-message{min-height:80px}.signature-image{max-width:100%!important}.topic-row{grid-template-columns:26px 1fr 60px}}

/* v7 — 2009-style carved button sprites rebuilt from scratch to match the approved reference. */
.tabbar{
  padding:5px 6px 6px;
  background:#11100d;
  border-top:1px solid #655f51;
  border-bottom:2px solid #050504;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.tabbar-inner{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tabbar a{
  min-width:0;height:66px;padding:7px 8px;
  background:url('/assets/images/ui/nav-stone.png') center/100% 100% no-repeat;
  color:#eadbb7;
  font:bold 14px Georgia,"Times New Roman",serif;
  text-transform:none;letter-spacing:0;
  text-shadow:1px 2px 2px #000;
  filter:none;
  overflow:hidden;
}
.tabbar a:hover{
  background-image:url('/assets/images/ui/nav-gold.png');
  color:#fff2c8;filter:none
}
.tabbar a.active{
  background-image:url('/assets/images/ui/nav-gold.png');
  color:#fff2c8;filter:none
}
.tabbar a:active{background-image:url('/assets/images/ui/nav-pressed.png');transform:translateY(1px)}
.tabbar img{flex:0 0 31px;width:31px;height:31px}.tabbar .nav-icon-home{flex:0 0 31px;width:31px;text-align:center;font-size:22px;color:#d8aa52}
.tabbar a span:last-child{min-width:0;white-space:normal;line-height:1.05;text-align:center;overflow-wrap:normal}

.action-strip{gap:12px;padding:12px 18px;background:#0e0d0a}
.sprite-button{
  width:min(285px,31%);min-width:0;height:64px;padding:7px 14px;
  background:url('/assets/images/ui/action-stone.png') center/100% 100% no-repeat;
  color:#f2e7c9!important;font:bold 16px Georgia,"Times New Roman",serif;
  text-transform:none;letter-spacing:0;white-space:nowrap;filter:none
}
.sprite-button:hover{background-image:url('/assets/images/ui/action-gold.png');filter:none;color:#fff3c7!important}
.sprite-button:active{transform:translateY(1px);filter:brightness(.9)}
.sprite-button img{flex:0 0 33px;width:33px;height:33px}
.sprite-green,.sprite-gold,.sprite-dark{background-image:url('/assets/images/ui/action-stone.png')}
.sprite-green{background-image:url('/assets/images/ui/action-gold.png')}
.sprite-green:hover{background-image:url('/assets/images/ui/action-gold.png');filter:brightness(1.08)}
.sprite-gold:hover,.sprite-dark:hover{background-image:url('/assets/images/ui/action-gold.png')}

.mini-sprite-button,.rs-button,button.rs-button{
  min-width:155px;min-height:44px;padding:9px 18px;
  background:url('/assets/images/ui/small-stone.png') center/100% 100% no-repeat;
  color:#f1e3bd!important;font:bold 14px Georgia,"Times New Roman",serif;
  border:0;text-shadow:1px 2px #000
}
.mini-sprite-button:hover,.rs-button:hover,button.rs-button:hover{background-image:url('/assets/images/ui/small-gold.png');color:#fff4ce!important;filter:none}
.rs-button.play{background-image:url('/assets/images/ui/small-gold.png')}.rs-button.danger{filter:hue-rotate(125deg)}

/* Keep labels inside their sprites at narrower widths instead of overlapping adjacent buttons. */
@media(max-width:900px){
  .tabbar-inner{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tabbar a{font-size:13px}
  .action-strip{flex-wrap:wrap}.sprite-button{width:calc(50% - 7px)}
}
@media(max-width:600px){
  .tabbar-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabbar a{height:58px;font-size:12px}.tabbar img{width:27px;height:27px;flex-basis:27px}
  .sprite-button{width:100%;height:58px;font-size:14px}
}

/* v8 — exact Sia563 dark stone/gold sprite theme. Individual sprites; no sheet crops. */
.tabbar{padding:5px 6px;background:#100e0a;border-top:1px solid #66543a;border-bottom:2px solid #060503;overflow-x:auto;overflow-y:hidden}
.tabbar-inner.v8-nav{display:flex!important;align-items:center;justify-content:center;gap:2px;grid-template-columns:none!important;flex-wrap:nowrap;min-width:max-content}
.v8-nav-btn{display:block!important;flex:0 0 auto!important;height:56px!important;padding:0!important;background:none!important;border:0!important;overflow:hidden;line-height:0}
.v8-nav-btn img{display:block!important;width:auto!important;height:56px!important;max-width:none!important;object-fit:contain!important}
.v8-nav-btn:hover{filter:brightness(1.16);transform:translateY(-1px)}.v8-nav-btn.active{filter:brightness(1.12) saturate(1.12);box-shadow:0 0 7px rgba(214,167,70,.3)}.v8-nav-btn:active{transform:translateY(1px)}.nav-discord{filter:none}.action-strip{display:none!important}

/* Full-width category sprite: generated at 1400px, centered/cropped instead of tiled ornaments. */
.forum-category-title{min-height:42px;padding:10px 30px!important;background:#272118 url('/assets/images/ui/v8/forum-category-bar.png') center/auto 42px no-repeat!important;box-sizing:border-box;color:#f0d89e!important;text-shadow:1px 2px #000;line-height:22px;overflow:hidden}
.forum-row{grid-template-columns:52px minmax(260px,1fr) 90px 190px;min-height:66px}.forum-icon{display:flex;align-items:center;justify-content:center;min-height:64px;background:url('/assets/images/ui/v8/forum-icon-frame.png') center/44px 44px no-repeat}.forum-gem-img{width:27px;height:28px;object-fit:contain;image-rendering:auto;vertical-align:middle;filter:drop-shadow(0 1px 2px #000)}
.forum-key{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:2px 0 10px;color:#c7b78f}.forum-key .forum-gem-img{margin-left:12px}.subforum-card .forum-gem-img,.topic-icon .forum-gem-img{width:27px;height:28px;flex:0 0 27px}
.subforum-links{margin-top:5px}.subforum-links a{color:#e8b94e;font-size:11px}.subforum-links span{color:#6f5a36}

/* Slideshow uses a dedicated full frame sprite overlay; arrows are separate sprites. */
.feature-hero.slideshow{border:0!important;background:#090806;box-sizing:border-box;overflow:hidden}.feature-hero.slideshow:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:url('/assets/images/ui/v8/slideshow-frame.png') center/100% 100% no-repeat}.slide-arrow{z-index:7!important;border:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:46px 60px!important;color:transparent!important;box-shadow:none!important;width:46px!important;height:60px!important}.slide-prev{background-image:url('/assets/images/ui/v8/slide-left.png')!important}.slide-next{background-image:url('/assets/images/ui/v8/slide-right.png')!important}.slide-arrow:hover{filter:brightness(1.18)}.slide-dots{z-index:7}.slideshow .feature-copy{z-index:5}

/* Community Chat — minimized by default; matching individual title/input/button/tool sprites. */
.site-chat{border:1px solid #705938;background:#0e0c08;box-shadow:0 0 0 2px #070604,0 -5px 20px rgba(0,0,0,.7);font-family:Georgia,'Times New Roman',serif}.site-chat.minimized{width:330px}.chat-titlebar{height:44px;background:#272118 url('/assets/images/ui/v8/chat-title-bar.png') center/auto 44px no-repeat!important;border:0!important;padding:0 12px}.chat-title{font:bold 14px Georgia,serif;color:#f0d69b;text-shadow:1px 2px #000}.chat-title-icon img{width:26px;height:26px}.chat-toggle-glyph{font-size:19px;color:#efdaaa}.chat-messages{background:#0b0906;border-top:1px solid #544229;font-family:Georgia,'Times New Roman',serif}.chat-line{font:13px/17px Georgia,'Times New Roman',serif;padding:3px}.chat-line .chat-time{font-size:9px;font-family:Verdana,Arial,sans-serif}.chat-line .chat-name{font-weight:bold}.chat-rank-crown{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:2px}.chat-compose{gap:5px}.chat-compose input{background:#0e0c08 url('/assets/images/ui/v8/chat-input.png') center/100% 100% no-repeat!important;border:0!important;padding:0 13px!important;height:42px!important}.chat-send{background:transparent url('/assets/images/ui/v8/chat-send.png') center/92px 42px no-repeat!important;border:0!important;width:92px!important;height:42px!important;color:#f0d69b!important;text-shadow:1px 2px #000}.chat-tool{background:transparent url('/assets/images/ui/v8/chat-tool.png') center/46px 38px no-repeat!important;border:0!important;width:46px;height:38px}.chat-rank-owner{color:#ffd04c!important}.chat-rank-admin{color:#ffb445!important}.chat-rank-moderator{color:#d8e1ee!important}.chat-rank-developer{color:#62d9ff!important}.chat-rank-supporter{color:#cda0ff!important}.chat-rank-skiller{color:#8be27b!important}.chat-rank-pker{color:#ff7676!important}.chat-rank-pvmer{color:#e2a35d!important}.chat-rank-streamer{color:#ff8fd4!important}.chat-rank-member{color:#69dfc7!important}.chat-rank-player{color:#d7bd75!important}.chat-style-bold{font-weight:bold}.chat-style-italic{font-style:italic}.chat-cmd{font:700 9px Verdana,Arial,sans-serif;color:#ffd36d}.cmd-menu{position:absolute;left:7px;bottom:67px;z-index:10;width:270px;padding:8px 10px;border:1px solid #82663c;background:#120f0a;box-shadow:0 3px 12px #000;display:grid;grid-template-columns:105px 1fr;gap:5px 8px;color:#bbaa87;font:10px Verdana,Arial,sans-serif}.cmd-menu[hidden]{display:none}.cmd-menu strong{grid-column:1/-1;color:#e6cd94;font:700 13px Georgia,serif;border-bottom:1px solid #4d3d27;padding-bottom:5px}.cmd-menu code{color:#ffd36d;font:10px Consolas,monospace}.cmd-menu span{color:#9e927d}
.owner-upload-form{max-width:520px;display:grid;gap:12px}.owner-upload-form label{display:grid;gap:5px}.owner-upload-form select,.owner-upload-form input[type=file]{width:100%}.owner-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.owner-image-grid figure{margin:0;padding:5px;border:1px solid #4c3923;background:#0d0a07}.owner-image-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.owner-image-grid figcaption{padding:5px 2px 0;color:#9d9079;font-size:9px;word-break:break-all}.admin-news-form{display:grid;gap:10px;max-width:900px}.admin-news-form label{display:grid;gap:5px}.admin-news-form .inline-check{display:flex;align-items:center;gap:7px}.admin-news-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px;border-bottom:1px solid #3f301e}.admin-news-list small{display:block;margin-top:3px;color:#8f816d}.news-summary{max-height:130px;overflow:hidden}
@media(max-width:1050px){.tabbar-inner.v8-nav{justify-content:flex-start}.forum-row{grid-template-columns:48px 1fr 68px 125px}.forum-last{font-size:10px}}@media(max-width:700px){.forum-row{grid-template-columns:44px 1fr}.forum-stat,.forum-last{display:none}.owner-image-grid{grid-template-columns:1fr 1fr}}


/* v9 player profiles + expanded hiscores */
.hiscores-page .panel-body{padding:12px}.hiscore-search{display:flex;gap:7px;max-width:520px;margin:0 auto 10px}.hiscore-search input{flex:1;background:#0d0b08;border:1px solid #6b5534;color:#ead9b5;padding:9px 10px}.hiscore-tabs{display:flex;border:1px solid #504027;background:#100d09;margin-bottom:10px}.hiscore-tabs a{flex:1;padding:10px;text-align:center;border-right:1px solid #504027;color:#cdbd9a;font:bold 13px Georgia,serif}.hiscore-tabs a:last-child{border-right:0}.hiscore-tabs a.active,.hiscore-tabs a:hover{background:linear-gradient(#6d572d,#3b2d17);color:#fff0b0}.hiscore-browser{display:grid;grid-template-columns:230px 1fr;gap:10px}.hiscore-metric-list{border:1px solid #504027;background:#100d09;max-height:650px;overflow:auto}.hiscore-metric-list a{display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid #392d1d;color:#d6c8aa;font:12px Georgia,serif}.hiscore-metric-list a.active,.hiscore-metric-list a:hover{background:#2b2114;color:#f0cf78}.hiscore-metric-list img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.hiscore-ranking{border:1px solid #504027;background:#151009}.hiscore-ranking-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #504027;background:linear-gradient(#282016,#17120d)}.hiscore-ranking-head img{width:44px;height:44px;image-rendering:pixelated}.hiscore-ranking-head strong{display:block;color:#efce77;font:20px Georgia,serif}.hiscore-ranking-head small{color:#8f816c}.hiscore-table{width:100%;border-collapse:collapse}.hiscore-table th,.hiscore-table td{padding:8px 10px;border-bottom:1px solid #392d1d;text-align:left}.hiscore-table th{background:#211a11;color:#dcbf78;font:12px Georgia,serif}.hiscore-table td{color:#cfc2a6;font:12px Verdana,sans-serif}.hiscore-table tr:nth-child(even) td{background:#18120c}.hiscore-table a{font-weight:bold}.hiscore-note{margin-top:10px}
.player-profile-shell{margin:0 auto}.player-profile-hero{position:relative;display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #6a5637;background:linear-gradient(rgba(19,15,10,.78),rgba(10,8,6,.94)),url('/assets/images/hero-scenery.jpg') center/cover;box-shadow:inset 0 0 0 1px #1a140d}.player-profile-hero .profile-avatar-lg{width:112px;height:112px;margin:0;border:2px solid #977441;box-shadow:0 0 0 5px #20180f}.player-profile-identity{min-width:0}.player-profile-identity h1{margin:0;color:#f1cd70;font:34px Georgia,serif;text-shadow:2px 2px #000}.profile-title-line{color:#d6ad51;font:bold 14px Georgia,serif;margin:2px 0 7px}.player-profile-hero .post-ranks{align-items:flex-start}.player-profile-hero .rankbar-img,.player-profile-hero .post-rankbar{width:170px}.profile-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:#b9aa90;font:11px Verdana,sans-serif}.profile-message{margin-left:auto;align-self:flex-start}.player-profile-layout{display:grid;grid-template-columns:200px 1fr;gap:10px;margin-top:10px}.profile-vertical-nav{border:1px solid #5f4a2c;background:#100d09;height:max-content}.profile-vertical-nav a{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #44341f;color:#d6c6a4;font:bold 13px Georgia,serif}.profile-vertical-nav a:last-child{border-bottom:0}.profile-vertical-nav a:hover,.profile-vertical-nav a.active{background:linear-gradient(#5e4b29,#302313);color:#ffe39a}.profile-vertical-nav img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.profile-tab-panel{display:none}.profile-tab-panel.active{display:block}.profile-hiscore-cards{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:7px}.hiscore-card{min-height:112px;padding:9px 6px;text-align:center;border:1px solid #5a472b;background:linear-gradient(#282117,#17120d);box-shadow:inset 0 0 0 1px #0b0906}.hiscore-card img{display:block;width:38px;height:38px;margin:0 auto 3px;object-fit:contain;image-rendering:pixelated}.hiscore-card strong{display:block;color:#e8c86f;font:11px Georgia,serif;min-height:27px}.hiscore-level{display:block;color:#fff1cd;font:bold 20px Georgia,serif}.hiscore-card small{color:#8f826c;font:10px Verdana,sans-serif}.profile-comment-form{display:flex;gap:7px;margin-bottom:10px}.profile-comment-form textarea{flex:1;min-height:70px;background:#0d0b08;border:1px solid #665033;color:#e7dbc0;padding:8px}.profile-comments article{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px;border-top:1px solid #40311e}.profile-comments article>a{display:flex;align-items:center;gap:7px;font-weight:bold}.profile-comments article>a img{width:40px;height:40px;object-fit:cover;border:1px solid #765b34}.profile-comments article small{color:#857966}.profile-comments article p{margin:5px 0 0;color:#d8ccb3}.chat-name{text-decoration:none}.news-date a{font-weight:bold}
@media(max-width:900px){.hiscore-browser,.player-profile-layout{grid-template-columns:1fr}.hiscore-metric-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:none}.profile-vertical-nav{display:grid;grid-template-columns:repeat(3,1fr)}.profile-hiscore-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.profile-hiscore-cards{grid-template-columns:repeat(2,1fr)}.player-profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-message{margin-left:0}.profile-vertical-nav{grid-template-columns:1fr 1fr}.profile-comments article{grid-template-columns:1fr}.hiscore-metric-list{grid-template-columns:1fr}}


/* v10: forum reactions, Adventurer's Log and friends */
.forum-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;padding-top:8px;border-top:1px solid #382c1c}.reaction-form{display:inline;margin:0}.reaction-btn{min-width:42px;height:29px;padding:2px 7px;border:1px solid #5b482e;background:linear-gradient(#2c2419,#17120d);color:#ddd0b2;border-radius:3px;cursor:pointer;font-size:16px;box-shadow:inset 0 0 0 1px #0d0a07}.reaction-btn:hover,.reaction-btn.active{border-color:#a47c38;background:linear-gradient(#6e572c,#352615);transform:translateY(-1px)}.reaction-btn span{font:10px Verdana,sans-serif;color:#e6c97c;margin-left:4px}.reaction-btn.readonly{display:inline-flex;align-items:center;cursor:default}.profile-actions{margin-left:auto;align-self:flex-start;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.profile-actions form{margin:0}.rs-button.secondary{filter:saturate(.5);opacity:.85}.rs-button:disabled{opacity:.55;cursor:default}.adventurer-log{border:1px solid #4d3c26;background:#110d09}.adventurer-log article{display:grid;grid-template-columns:40px 1fr;gap:9px;padding:10px;border-bottom:1px solid #3a2d1d}.adventurer-log article:last-child{border-bottom:0}.adv-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #72582f;background:radial-gradient(circle,#8a6b2d,#2b2114);color:#f5d276}.adventurer-log strong{color:#e8c66c;font:14px Georgia,serif}.adventurer-log p{margin:3px 0;color:#c9bda4}.adventurer-log small{color:#877b68}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px}.friend-grid article{border:1px solid #514028;background:linear-gradient(#251e15,#15100b);padding:8px;min-height:62px}.friend-grid article>a{display:flex;align-items:center;gap:9px;color:#e3c36b}.friend-grid img{width:48px;height:48px;object-fit:cover;border:1px solid #765b34}.friend-grid strong,.friend-grid small{display:block}.friend-grid small{color:#8f836e;margin-top:3px}.pending-friends{margin-bottom:16px}.friend-actions{display:flex;gap:5px;margin-top:7px}.friend-actions form{margin:0}.friend-actions .rs-button{padding:5px 8px;font-size:11px}@media(max-width:800px){.friend-grid{grid-template-columns:repeat(2,1fr)}.profile-actions{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:520px){.friend-grid{grid-template-columns:1fr}}

/* ===== Sia563 v13 sprite-system replacement ===== */
.tabbar{position:sticky;top:0;z-index:950;background:#100e0b;border-top:1px solid #766344;border-bottom:1px solid #050403;padding:5px 6px;box-shadow:0 4px 10px rgba(0,0,0,.55)}
.v13-nav{display:flex!important;grid-template-columns:none!important;align-items:stretch;gap:3px;overflow:visible}
.v13-nav-btn{position:relative;display:flex!important;flex:1 1 0;min-width:0;height:62px!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:7px 10px!important;background:url('/assets/images/ui/v13/nav-default.png') center/100% 100% no-repeat!important;border:0!important;color:#eadcb9!important;font:700 14px Georgia,'Times New Roman',serif!important;text-transform:none!important;letter-spacing:0!important;text-shadow:1px 2px 1px #000!important;filter:none!important;white-space:nowrap;overflow:hidden}
.v13-nav-btn img{width:36px!important;height:36px!important;max-width:36px!important;object-fit:contain!important;flex:0 0 36px!important;filter:drop-shadow(0 1px 1px #000)}
.v13-nav-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v13-nav-btn:hover{background-image:url('/assets/images/ui/v13/nav-hover.png')!important;color:#fff1c4!important;filter:none!important;transform:none!important}
.v13-nav-btn.active,.v13-nav-btn.nav-play{background-image:url('/assets/images/ui/v13/nav-active.png')!important;color:#fff0bd!important;box-shadow:none!important}
.v13-nav-btn:active{transform:translateY(1px)!important}
.v13-nav-btn.nav-discord{background-image:url('/assets/images/ui/v13/button-discord.png')!important;color:#ddd2ff!important}
.v13-nav-btn.nav-discord:hover{filter:brightness(1.16)!important}.v13-nav-btn.nav-create{flex:1.2 1 0}
.panel-head{min-height:52px!important;background:#211c15 url('/assets/images/ui/v13/panel-header.png') center/100% 52px no-repeat!important;padding:9px 30px!important;font:700 18px Georgia,'Times New Roman',serif!important;color:#efd599!important}
.forum-category-title{min-height:46px!important;background:#211c15 url('/assets/images/ui/v13/forum-section.png') center/100% 46px no-repeat!important;padding:10px 30px!important;font:700 17px Georgia,'Times New Roman',serif!important;color:#efd599!important;line-height:26px!important}
.forum-row{min-height:66px;border-color:#514027!important;background:#110e09!important}.forum-row:nth-child(odd){background:#17120c!important}.forum-name{font-size:14px!important}.forum-desc{font-size:11px!important;line-height:16px}.subforum-links{margin-top:5px;font:11px Georgia,serif}.forum-icon{padding:0 4px}.forum-gem-img{width:32px!important;height:32px!important;object-fit:contain!important}.forum-key .forum-gem-img{width:25px!important;height:25px!important;vertical-align:middle;margin:0 5px 0 14px}.forum-key .forum-gem-img:first-child{margin-left:0}
.site-chat{border:1px solid #746142!important;background:#0d0b08!important;box-shadow:0 0 0 2px #060504,0 -6px 24px rgba(0,0,0,.72)!important}.chat-titlebar{height:46px!important;background:#211c15 url('/assets/images/ui/v13/chat-header.png') center/100% 46px no-repeat!important;padding:0 12px!important;border:0!important}.chat-title{font:700 15px Georgia,'Times New Roman',serif!important;color:#efd599!important}.chat-title-icon img{width:30px!important;height:30px!important}.chat-tool,.chat-send{background-image:url('/assets/images/ui/v13/button-stone.png')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important}.chat-tool:hover,.chat-send:hover{background-image:url('/assets/images/ui/v13/button-gold.png')!important}.chat-compose input{background:#090806!important;border:1px solid #6c5736!important;box-shadow:inset 0 0 7px #000!important}.emoji-menu,.color-menu,.cmd-menu{background:#15110d url('/assets/images/ui/v13/dropdown-panel.png') center/100% 100% no-repeat!important;border:1px solid #746043!important}
.feature-hero{border:0!important;background:#090806 url('/assets/images/ui/v13/slideshow-frame.png') center/100% 100% no-repeat!important;padding:10px!important}.feature-hero:before{inset:10px!important;border-color:#6b5638!important}.slide-arrow,.slideshow-arrow,.slider-arrow{background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important;width:52px!important;height:52px!important;color:transparent!important}.slide-arrow.left,.slideshow-arrow.left,.slider-arrow.left{background-image:url('/assets/images/ui/v13/arrow-left.png')!important}.slide-arrow.right,.slideshow-arrow.right,.slider-arrow.right{background-image:url('/assets/images/ui/v13/arrow-right.png')!important}
.profile-vertical-nav{position:sticky!important;top:82px!important;align-self:start;z-index:90;border:1px solid #665238!important;background:#100d09!important;box-shadow:0 3px 10px rgba(0,0,0,.35)}.profile-vertical-nav a{min-height:58px;padding:8px 11px!important;background:url('/assets/images/ui/v13/profile-nav.png') center/100% 100% no-repeat!important;border:0!important;margin-bottom:2px!important;color:#dfcfaa!important}.profile-vertical-nav a:hover,.profile-vertical-nav a.active{background-image:url('/assets/images/ui/v13/nav-hover.png')!important;color:#fff0bd!important}
.rs-button,button.rs-button,.mini-sprite-button{background-image:url('/assets/images/ui/v13/button-gold.png')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important;color:#fff0c3!important}.rs-button.secondary{background-image:url('/assets/images/ui/v13/button-stone.png')!important}.rs-button.play{background-image:url('/assets/images/ui/v13/button-green.png')!important}.side-link{background:#0e0c09 url('/assets/images/ui/v13/button-stone.png') center/100% 100% no-repeat!important;border:0!important;min-height:48px!important;padding:7px 12px!important}.side-link:hover{background-image:url('/assets/images/ui/v13/nav-hover.png')!important}
@media(max-width:1000px){.v13-nav{flex-wrap:wrap}.v13-nav-btn{flex:1 1 22%;min-width:150px}.tabbar{position:relative}.profile-vertical-nav{top:10px}}@media(max-width:620px){.v13-nav-btn{flex:1 1 45%;min-width:130px}.v13-nav-btn span{font-size:12px}.v13-nav-btn img{width:30px!important;height:30px!important;flex-basis:30px!important}}
/* Make both the homepage's left vertical navigation and profile vertical nav remain visible. */
.home-layout>.left-column{position:sticky;top:82px;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6a5638 #100d09}
/* Replace the old slideshow overlay/arrows explicitly. */
.feature-hero.slideshow:after{background-image:url('/assets/images/ui/v13/slideshow-frame.png')!important;background-size:100% 100%!important}
.slide-prev{background-image:url('/assets/images/ui/v13/arrow-left.png')!important;background-size:52px 52px!important;width:52px!important;height:52px!important;margin-top:-26px!important}
.slide-next{background-image:url('/assets/images/ui/v13/arrow-right.png')!important;background-size:52px 52px!important;width:52px!important;height:52px!important;margin-top:-26px!important}
/* Utility strip is no longer a run-on line: each action is a compact themed control. */
.top-ribbon{padding:4px 0!important;background:#0c0b08!important}.top-ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px}.utility-right{float:none!important;display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.header-drop-button{width:36px!important;height:32px!important;border:0!important;background:url('/assets/images/ui/v13/button-stone.png') center/100% 100% no-repeat!important;color:#ead69e!important}.header-dropdown{display:inline-flex!important;align-items:center}.top-ribbon a{padding:3px 5px}.top-ribbon strong{color:#f3ce70!important}
@media(max-width:1000px){.home-layout>.left-column{position:relative;top:auto;max-height:none;overflow:visible}}


/* ===== Sia563 v14 exact approved-layout correction ===== */
html{scroll-padding-top:62px}
body{padding-top:0;background:#080906;color:#ded6c5}
.site-shell{width:min(1220px,98%);margin:8px auto 30px;overflow:visible;border-color:#665436}
.top-ribbon,.tabbar{display:none!important}
.site-dock{position:sticky;top:0;z-index:5000;width:min(1220px,98%);height:58px;margin:0 auto;background:#0f0d0a;border:1px solid #69583c;border-top:0;box-shadow:0 3px 12px rgba(0,0,0,.8)}
.site-dock-inner{height:57px;display:flex;align-items:stretch;min-width:0;white-space:nowrap;overflow:visible}
.site-dock-links{display:flex;flex:1 1 auto;min-width:0;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.site-dock-links::-webkit-scrollbar{display:none}
.dock-btn{height:57px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-right:1px solid #090705;background:linear-gradient(#302a21,#1a1611 55%,#100e0b);box-shadow:inset 0 1px #5d513d,inset 0 -1px #090705;color:#e6d7b2!important;font:700 15px Georgia,'Times New Roman',serif!important;text-shadow:1px 2px #000!important}
.dock-btn img{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 1px 1px #000)}
.dock-btn:hover,.dock-btn.active{background:linear-gradient(#7b6537,#59451f 58%,#2a2011);color:#fff0bd!important;box-shadow:inset 0 1px #ad9153,inset 0 -1px #1a1209}
.dock-btn.dock-play{background:linear-gradient(#8b7130,#6a501b 58%,#35260e)}
.dock-btn.dock-play:hover{filter:brightness(1.12)}
.dock-btn.dock-discord{color:#d9d4ff!important}.dock-btn.dock-discord:hover{background:linear-gradient(#655ba7,#473f78 58%,#25203f)}
.dock-ge{padding-left:10px;padding-right:10px}.dock-create{color:#f1e5c6!important}
.site-dock-account{display:flex;align-items:stretch;flex:0 0 auto;background:#12100d;border-left:1px solid #6c593c}
.dock-user{display:flex;align-items:center;gap:5px;padding:0 10px;color:#d7cab0!important;font:12px Georgia,serif}.dock-user strong{color:#efcf75}.dock-user>img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 1px #000)}
.dock-icon-wrap{display:flex!important;align-items:stretch}.dock-icon{position:relative;width:48px;height:57px;display:grid;place-items:center;border:0;border-left:1px solid #3f3424;background:linear-gradient(#2c271f,#17130f);cursor:pointer}.dock-icon:hover{background:linear-gradient(#64522f,#332715)}.dock-icon img{width:27px;height:27px;object-fit:contain}.dock-login{display:grid;place-items:center;padding:0 16px;color:#f0d99e!important;font:bold 13px Georgia,serif}
.header-badge{position:absolute!important;right:3px!important;top:4px!important}.header-drop-panel{top:57px!important;right:0!important;z-index:6000!important}.site-dock-account .header-dropdown:last-of-type .header-drop-panel{right:0!important}
.masthead{height:242px;margin:0;border-bottom:1px solid #5d4a30}.logo-link{height:238px;width:760px}.content{padding:13px;background:#211b13}
.home-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:12px}.home-primary,.home-sidebar{min-width:0}.home-sidebar{align-self:start;position:sticky;top:70px;max-height:calc(100vh - 82px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#695538 #100d09}
.feature-hero{height:285px!important;padding:7px!important;border:1px solid #766142!important;background:#090806!important;box-shadow:inset 0 0 0 2px #18130e,0 2px 7px #000!important}.feature-hero:before{inset:5px!important}.slideshow-stage{position:absolute;inset:7px}.feature-hero .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.feature-hero .slide.active{opacity:1}.feature-copy h1{font-size:24px}.home-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.home-action{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center;border:1px solid #695538;background:linear-gradient(#322a20,#17130f);box-shadow:inset 0 0 0 1px #090705;color:#ead8ad!important}.home-action:hover{background:linear-gradient(#68542d,#352713)}.home-action img{width:42px;height:42px;object-fit:contain;margin-bottom:3px}.home-action strong{font:700 15px Georgia,serif;color:#f0d291}.home-action span{margin-top:4px;color:#a99e87;font-size:10px}.compact-panel .panel-head{min-height:40px!important;height:40px!important;font-size:15px!important;padding:6px 16px!important}.compact-panel .panel-head img{width:24px;height:24px}.account-mini{display:flex;align-items:center;gap:10px;padding:4px 2px 10px;border-bottom:1px solid #463820}.account-mini-avatar{width:58px;height:58px;object-fit:contain;border:1px solid #765b35;background:#090705}.account-mini strong,.account-mini span{display:block}.account-mini strong{font:700 16px Georgia,serif;color:#efd079}.account-mini span{margin-top:3px;color:#a99a7e;font-size:11px}.panel-head-link{margin-left:auto;color:#69a8e8!important;font:11px Verdana,sans-serif;text-shadow:none}.home-news-list{padding:0}.home-news-row{padding:13px 16px;border-bottom:1px solid #3a2d1c;background:linear-gradient(90deg,#17130e,#100d09)}.home-news-row:last-child{border-bottom:0}.home-news-row h2{margin:0 0 3px;color:#e8c76f;font:700 16px Georgia,serif}.home-news-meta{margin-bottom:7px;color:#827764;font-size:10px}.home-news-row p{margin:5px 0;line-height:1.45}

/* Forum unread/read icons: the gem itself only. No square/frame/background. */
.forum-icon{background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important}.forum-gem-img{width:30px!important;height:30px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))!important}.forum-key .forum-gem-img{width:22px!important;height:22px!important;margin:0 5px 0 13px!important}.forum-key .forum-gem-img:first-child{margin-left:0!important}

/* Rank bars: text is HTML, never baked into images. Helmet/icon protrudes beyond the bar. */
.rankbar-img{display:none!important}.post-ranks{gap:7px!important;padding-top:4px}.user-rankbar{--rank1:#51402a;--rank2:#211810;--rankBorder:#947344;position:relative;width:168px;height:25px;margin:3px auto;padding:0 8px 0 31px;overflow:visible;border:1px solid var(--rankBorder);border-radius:3px;background:linear-gradient(#0d0b08 0 2px,var(--rank1) 2px,var(--rank2) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 1px 2px #000;color:#f3e6c6;text-align:center;font:700 11px/23px Georgia,'Times New Roman',serif;text-shadow:1px 1px #000}.user-rankbar img{position:absolute!important;left:-7px!important;top:-8px!important;width:36px!important;height:38px!important;max-width:none!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 1px #000);image-rendering:auto}.user-rankbar span{display:block!important;padding:0!important;white-space:nowrap}.rank-bronze{--rank1:#7a4a2e;--rank2:#3a2013;--rankBorder:#b1744c}.rank-iron{--rank1:#77766f;--rank2:#34332f;--rankBorder:#aaa89e}.rank-steel{--rank1:#666e72;--rank2:#292e30;--rankBorder:#8e9a9f}.rank-mithril{--rank1:#4a6b80;--rank2:#203442;--rankBorder:#7198ac}.rank-adamant{--rank1:#386540;--rank2:#17351d;--rankBorder:#5f9367}.rank-rune{--rank1:#4d82a8;--rank2:#1d415d;--rankBorder:#7ab3d9}.rank-dragon{--rank1:#8c2f28;--rank2:#421512;--rankBorder:#c35a4d}.rank-owner{--rank1:#a47a22;--rank2:#51360c;--rankBorder:#e5b94d;color:#fff0a7}.rank-administrator{--rank1:#8d681d;--rank2:#49320b;--rankBorder:#d5a948;color:#ffe7a0}.rank-moderator{--rank1:#7a7f86;--rank2:#30343a;--rankBorder:#b8c1cc;color:#f0f5fb}.rank-developer{--rank1:#176b83;--rank2:#0d3342;--rankBorder:#4bb8d4;color:#bceeff}.rank-supporter{--rank1:#704d83;--rank2:#33203d;--rankBorder:#a979bf}.rank-skiller{--rank1:#477a3d;--rank2:#1e391a;--rankBorder:#72a967}.rank-pker{--rank1:#8c3434;--rank2:#431616;--rankBorder:#c75e5e}.rank-pvmer{--rank1:#805325;--rank2:#3e2710;--rankBorder:#bd8145}.rank-streamer{--rank1:#914d7b;--rank2:#48213a;--rankBorder:#cf79b3}.rank-member{--rank1:#327468;--rank2:#143b35;--rankBorder:#5aa99a}
.post-rankbar{display:none!important}

/* Chat: no white message backgrounds or old dash/button artifacts. */
.site-chat{font-family:Georgia,'Times New Roman',serif!important}.chat-messages{background:#0a0806!important;color:#e6dac0!important}.chat-line,.chat-line *{background-color:transparent!important}.chat-line{border:0!important;box-shadow:none!important;color:#e8dcc0!important}.chat-tool,.chat-send{background:linear-gradient(#31291f,#17130f)!important;border:1px solid #6c5738!important;box-shadow:inset 0 1px #52442f,inset 0 -1px #090705!important;border-radius:2px!important}.chat-tool:hover,.chat-send:hover{background:linear-gradient(#725d32,#3a2b17)!important;border-color:#a17f45!important}.chat-compose{background:#100d09!important}.chat-compose input{background:#080705!important;color:#efe4cb!important}.emoji-menu,.color-menu,.cmd-menu{background:#15110d!important;border:1px solid #746043!important}.emoji-menu button{background:#211a11!important;color:inherit!important}.chat-titlebar{background:linear-gradient(#332b21,#17130f)!important;border-bottom:1px solid #685337!important}.chat-title-icon img{background:transparent!important}

/* Forum/post panels use proportional, non-stretched framing. */
.panel-head,.forum-category-title{background:linear-gradient(#342b20,#18130e)!important;border-bottom:1px solid #6a5535!important;box-shadow:inset 0 1px #5f5039,inset 0 -1px #090705!important}.panel-head:before,.forum-category-title:before{content:'';width:10px;height:10px;border:1px solid #a5844d;transform:rotate(45deg);background:#302416;box-shadow:0 0 0 2px #15100b;margin-right:8px;flex:0 0 10px}.forum-category-title{display:flex;align-items:center;min-height:38px!important;height:38px!important;padding:5px 16px!important;font-size:16px!important}.panel-head{min-height:42px!important;height:42px!important;padding:6px 16px!important;font-size:16px!important}.panel-head img{width:26px;height:26px}

@media(max-width:1120px){.site-dock{width:100%}.site-shell{width:100%;margin-top:6px}.dock-btn{padding:0 9px;font-size:13px!important}.dock-btn img{width:26px;height:26px}.dock-user{padding:0 7px}.home-dashboard{grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:860px){.site-dock-account{display:none}.home-dashboard{grid-template-columns:1fr}.home-sidebar{position:relative;top:auto;max-height:none;overflow:visible}.home-action-grid{grid-template-columns:repeat(2,1fr)}.masthead{height:205px}.logo-link{height:200px}.site-dock-links{overflow-x:auto}.dock-btn{height:55px}.site-dock,.site-dock-inner{height:56px}}
@media(max-width:540px){.home-action-grid{grid-template-columns:1fr}.content{padding:8px}.feature-hero{height:220px!important}.masthead{height:180px}.logo-link{height:176px}}


/* =============================================================
   v16 — compact account/inbox/notification dock + avatar/rank fixes
   ============================================================= */
.site-dock-account{overflow:visible!important}
.header-dropdown{position:relative!important;display:flex!important;align-items:stretch!important}
.header-drop-panel{display:none!important;position:absolute!important;top:57px!important;right:0!important;width:300px;white-space:normal!important;background:#12100d!important;border:1px solid #78613f!important;box-shadow:0 8px 20px rgba(0,0,0,.78),inset 0 0 0 1px #070604!important;color:#d8ccb2!important;z-index:7000!important}
.header-dropdown.open>.header-drop-panel{display:block!important}
.drop-title{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:9px 11px!important;border-bottom:1px solid #5b482e!important;background:linear-gradient(#322a20,#18140f)!important;color:#f1d38a!important;font:bold 13px Georgia,serif!important}
.drop-title a{font:10px Verdana,sans-serif!important;color:#7fb5ed!important}
.drop-item{display:block!important;padding:9px 11px!important;border-bottom:1px solid #362b1d!important;background:#14110d!important;color:#d9ccb1!important}
.drop-item:hover{background:#241d14!important;color:#fff!important}
.drop-item.unread{background:linear-gradient(90deg,#2a2114,#17120e)!important;border-left:3px solid #d2a94f!important}
.drop-item strong,.drop-item small{display:block!important}.drop-item strong{font:12px Georgia,serif!important;color:#e7cf95!important}.drop-item small{margin-top:3px!important;color:#877b67!important;font:9px Verdana,sans-serif!important}
.drop-empty{display:block!important;padding:14px 11px!important;color:#8f846f!important;font:11px Verdana,sans-serif!important}
.drop-compose{display:block!important;padding:8px 11px!important;text-align:center!important;background:linear-gradient(#342b20,#1b160f)!important;border-top:1px solid #604d32!important;color:#e7c979!important;font:bold 11px Georgia,serif!important}

.dock-profile-wrap{position:relative!important}.dock-avatar-button{width:52px!important;padding:0!important}.dock-avatar-button .dock-avatar{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:contain!important;padding:2px!important;background:radial-gradient(circle,#30281e,#090705)!important;border:1px solid #8b7044!important;box-shadow:0 0 0 2px #17120d!important}
.account-drop-panel{width:320px!important;padding:0!important}
.account-drop-head{display:flex!important;align-items:center!important;gap:11px!important;padding:12px!important;background:linear-gradient(#282118,#15110d)!important;border-bottom:1px solid #5b482e!important}
.account-drop-avatar{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:50%!important;object-fit:contain!important;padding:3px!important;background:radial-gradient(circle,#30281e,#090705)!important;border:1px solid #8b7044!important;box-shadow:0 0 0 2px #17120d!important}
.account-drop-head strong,.account-drop-head small{display:block!important}.account-drop-head strong{color:#f0d17e!important;font:bold 18px Georgia,serif!important}.account-drop-head small{margin-top:3px!important;color:#b6a78d!important;font:11px Verdana,sans-serif!important}
.account-drop-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-bottom:1px solid #4a3a26!important;background:#100d0a!important}.account-drop-stats span{padding:9px 10px!important;color:#9e927d!important;font:10px Verdana,sans-serif!important}.account-drop-stats span+span{border-left:1px solid #3a2e20!important}.account-drop-stats b{display:block!important;margin-bottom:2px!important;color:#e8c976!important;font:13px Georgia,serif!important}
.account-drop-links{display:grid!important;grid-template-columns:1fr 1fr!important;padding:6px!important;background:#15110d!important}.account-drop-links a{padding:9px 10px!important;border-bottom:1px solid #33291c!important;color:#d9ccb2!important;font:11px Verdana,sans-serif!important}.account-drop-links a:hover{background:#251e15!important;color:#fff!important}.account-admin-link{color:#e2bd56!important}
.account-drop-logout{display:block!important;padding:10px 12px!important;border-top:1px solid #5a462d!important;background:#100d0a!important;color:#e3c57a!important;font:bold 11px Verdana,sans-serif!important}
.header-badge{min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:9px!important;background:#8c241c!important;color:#fff!important;font:bold 9px/17px Verdana,sans-serif!important;text-align:center!important;box-shadow:0 0 0 1px #160706!important}

/* All website/profile avatars are circular. Default helmet/chathead images remain fully visible. */
.forum-avatar,.profile-avatar,.account-mini-avatar,.profile-comments article>a img,.friend-grid img{border-radius:50%!important;object-fit:contain!important;background:radial-gradient(circle,#30281e,#090705)!important;padding:2px!important}
.player-profile-hero .profile-avatar-lg{border-radius:50%!important;object-fit:contain!important;padding:4px!important}

/* Rank emblems protrude from their own bar without touching the next one. */
.post-ranks{display:flex!important;flex-direction:column!important;align-items:center!important;gap:15px!important;padding-top:10px!important;padding-bottom:8px!important;overflow:visible!important}
.player-profile-hero .post-ranks{align-items:flex-start!important;gap:15px!important}
.user-rankbar{margin:0 auto!important;flex:0 0 25px!important}
.user-rankbar img{top:-8px!important;left:-8px!important;width:38px!important;height:40px!important}

/* Keep the compact top dock controls present on smaller layouts too. */
@media(max-width:860px){.site-dock-account{display:flex!important}.dock-avatar-button,.dock-icon{width:44px!important}.dock-avatar-button .dock-avatar{width:32px!important;height:32px!important}.header-drop-panel{position:fixed!important;top:56px!important;right:5px!important;max-width:calc(100vw - 10px)!important}.site-dock-links{min-width:0!important}}


/* =============================================================
   v18 — hard-fixed single-row top navigation
   The navigation uses the approved v13 sprite family and never
   wraps beneath the logo or into a second row.
   ============================================================= */
html{scroll-padding-top:58px!important}
body{padding-top:50px!important}
.site-dock{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:10000!important;
  width:min(1220px,100%)!important;
  height:50px!important;
  margin:0!important;
  border:0!important;
  background:#0b0907!important;
  box-shadow:0 3px 10px rgba(0,0,0,.9)!important;
  overflow:visible!important;
}
.site-dock-inner{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  height:50px!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.site-dock-links{
  display:flex!important;
  flex:1 1 auto!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  min-width:0!important;
  height:50px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  gap:1px!important;
}
.site-dock-links::-webkit-scrollbar{display:none!important}
.dock-btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:94px!important;
  height:50px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:#17130f url('/assets/images/ui/v13/nav-default.png') center/100% 100% no-repeat!important;
  box-shadow:none!important;
  color:#e9dab7!important;
  font:700 12px/1 Georgia,'Times New Roman',serif!important;
  text-shadow:1px 2px 2px #000!important;
}
.dock-btn:hover{
  background-image:url('/assets/images/ui/v13/nav-hover.png')!important;
  color:#fff0bd!important;
  filter:none!important;
}
.dock-btn.active{
  background-image:url('/assets/images/ui/v13/nav-active.png')!important;
  color:#f5e6bd!important;
  filter:none!important;
}
.dock-btn.dock-play,
.dock-btn.dock-play:hover{
  background-image:url('/assets/images/ui/v13/nav-hover.png')!important;
  color:#fff0bd!important;
  filter:none!important;
}
.dock-btn.dock-discord,
.dock-btn.dock-discord:hover{
  background-image:url('/assets/images/ui/v13/button-discord.png')!important;
  color:#e6e2ff!important;
  filter:none!important;
}
.dock-btn.dock-ge{min-width:136px!important;padding-left:9px!important;padding-right:9px!important}
.dock-btn.dock-create{min-width:120px!important}
.dock-btn img{
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 1px 1px #000)!important;
}
.dock-btn span{display:block!important;white-space:nowrap!important}
.site-dock-account{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  height:50px!important;
  border:0!important;
  background:#0d0b08!important;
  overflow:visible!important;
}
.dock-profile-wrap,.dock-icon-wrap{height:50px!important;flex:0 0 auto!important}
.dock-icon,
.dock-avatar-button{
  width:48px!important;
  height:50px!important;
  min-width:48px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#17130f url('/assets/images/ui/v13/nav-default.png') center/100% 100% no-repeat!important;
  box-shadow:none!important;
}
.dock-icon:hover,
.dock-avatar-button:hover{
  background-image:url('/assets/images/ui/v13/nav-hover.png')!important;
}
.dock-icon img{width:23px!important;height:23px!important;object-fit:contain!important}
.dock-avatar-button .dock-avatar{
  width:31px!important;
  height:31px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  padding:1px!important;
  border:1px solid #8b7044!important;
  background:radial-gradient(circle,#30281e,#090705)!important;
  box-sizing:border-box!important;
}
.dock-login{
  min-width:72px!important;
  height:50px!important;
  padding:0 12px!important;
  display:grid!important;
  place-items:center!important;
  background:#17130f url('/assets/images/ui/v13/nav-default.png') center/100% 100% no-repeat!important;
  color:#efd99f!important;
  font:bold 12px Georgia,serif!important;
}
.dock-login:hover{background-image:url('/assets/images/ui/v13/nav-hover.png')!important;color:#fff!important}
.header-drop-panel{top:49px!important}
.site-shell{
  width:min(1220px,98%)!important;
  margin:8px auto 30px!important;
}
.masthead{margin-top:0!important}

@media(max-width:1120px){
  .site-dock{width:100%!important}
  .dock-btn{min-width:84px!important;padding:0 7px!important;font-size:11px!important}
  .dock-btn.dock-ge{min-width:124px!important}
  .dock-btn.dock-create{min-width:108px!important}
  .dock-btn img{width:21px!important;height:21px!important;flex-basis:21px!important}
}
@media(max-width:860px){
  body{padding-top:48px!important}
  .site-dock,.site-dock-inner,.site-dock-links,.site-dock-account{height:48px!important}
  .dock-btn,.dock-icon,.dock-avatar-button,.dock-profile-wrap,.dock-icon-wrap,.dock-login{height:48px!important}
  .site-dock-account{display:flex!important}
  .dock-btn{min-width:80px!important}
  .dock-icon,.dock-avatar-button{width:44px!important;min-width:44px!important}
  .header-drop-panel{top:47px!important}
}

/* v19 slideshow visibility + transparent sprite fixes */
.feature-hero.slideshow{position:relative!important;overflow:hidden!important;background:#211c14!important}
.feature-hero.slideshow .slideshow-stage{position:absolute!important;inset:7px!important;z-index:1!important;background:#211c14!important;overflow:hidden!important}
.feature-hero.slideshow .slide{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0!important;visibility:hidden!important;z-index:1!important}
.feature-hero.slideshow .slide.active{opacity:1!important;visibility:visible!important;z-index:2!important}
.feature-hero.slideshow:before{z-index:4!important;background:transparent!important}
.feature-hero.slideshow:after{z-index:6!important;background-color:transparent!important;background-image:url('/assets/images/ui/v13/slideshow-frame.png?v=19')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;pointer-events:none!important}
.feature-hero.slideshow .feature-copy{z-index:5!important}
.feature-hero.slideshow .slide-dots{z-index:8!important}
.feature-hero.slideshow .slide-arrow{z-index:9!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;background-repeat:no-repeat!important;background-position:center!important;background-size:52px 52px!important}
.feature-hero.slideshow .slide-prev{background-image:url('/assets/images/ui/v13/arrow-left.png?v=19')!important}
.feature-hero.slideshow .slide-next{background-image:url('/assets/images/ui/v13/arrow-right.png?v=19')!important}


/* ================================================================
   v20 — remove legacy "Logged in as USER" dock control permanently
   ================================================================ */
.dock-user{display:none!important}
.site-dock-account>.dock-user{display:none!important}


/* v21: homepage/news/profile-control cleanup */
.feature-hero .feature-copy,
.feature-hero.slideshow .feature-copy{display:none!important}
.home-news-excerpt{
  color:#d7c9aa;
  font-size:12px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
  overflow:hidden;
  max-height:10.15em;
  white-space:normal;
}
.home-news-more{display:flex;justify-content:flex-end;margin-top:7px}
.home-news-more a{color:#e8c76f!important;font:bold 11px Georgia,serif;text-decoration:none}
.home-news-more a:hover{color:#fff0b1!important;text-decoration:underline}
/* Keep the real profile picture as the far-right account control. */
.site-dock-account .dock-profile-wrap{order:30!important}
.site-dock-account [data-dropdown="messages"]{order:10!important}
.site-dock-account [data-dropdown="notifications"]{order:20!important}
.dock-avatar-button{background:#17130f url('/assets/images/ui/v13/nav-default.png') center/100% 100% no-repeat!important}
.dock-avatar-button .dock-avatar{display:block!important;position:relative!important;z-index:2!important}
/* Kill any legacy settings/gear control left by an older cached header. */
.site-dock .dock-settings,.site-dock .settings-button,.site-dock [data-dropdown="settings"]{display:none!important}

/* =============================================================
   v22 — rank bar spacing + community wiki
   ============================================================= */
.user-rank-stack{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;margin:8px 0 10px!important;padding-top:8px!important;overflow:visible!important}
.post-ranks .user-rank-stack{margin:4px 0 8px!important;padding-top:9px!important;gap:16px!important}
.player-profile-identity .user-rank-stack{align-items:flex-start!important;margin:10px 0 12px!important;padding-top:10px!important;gap:17px!important}
.user-rankbar{height:27px!important;min-height:27px!important;flex:0 0 27px!important;margin:0!important;padding-left:34px!important;line-height:25px!important;overflow:visible!important}
.user-rankbar img{left:4px!important;top:-9px!important;width:30px!important;height:35px!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important}
.post-ranks{gap:0!important;padding-top:4px!important}

.wiki-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:13px}.wiki-sidebar{align-self:start;position:sticky;top:62px}.wiki-sidebar .panel-head img{width:25px;height:25px;margin-right:7px}.wiki-side-actions{padding:10px}.wiki-side-actions .rs-button{display:block;text-align:center}.wiki-category-nav{border-top:1px solid #4a3b27}.wiki-category-nav a{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border-bottom:1px solid #352b1d;background:#12100c;color:#d8c8a7!important;font:12px Georgia,serif}.wiki-category-nav a:hover,.wiki-category-nav a.active{background:linear-gradient(#443820,#211a10);color:#f1d27b!important}.wiki-category-nav small{color:#827765}.wiki-main{min-width:0}.wiki-welcome h1{margin:0 0 6px;color:#edcf80;font:25px Georgia,serif}.wiki-search{display:flex;gap:7px;max-width:600px;margin-top:13px}.wiki-search input{flex:1}.wiki-category-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.wiki-category-cards>a{display:flex;flex-direction:column;min-height:100px;padding:12px 13px;border:1px solid #5d492e;background:linear-gradient(#282117,#13100c);box-shadow:inset 0 0 0 1px #090705}.wiki-category-cards strong{color:#e7c774;font:16px Georgia,serif}.wiki-category-cards span{margin-top:5px;color:#ad9e83;font:11px Verdana,sans-serif;line-height:1.4}.wiki-category-cards small{margin-top:auto;padding-top:7px;color:#776e5d}.wiki-list{padding:0!important}.wiki-list article{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border-bottom:1px solid #3b2f20;background:#14110d}.wiki-list article:nth-child(even){background:#18140f}.wiki-list article:last-child{border-bottom:0}.wiki-article-title{color:#e8ca79!important;font:bold 16px Georgia,serif}.wiki-article-meta{margin:3px 0 5px;color:#807562;font:9px Verdana,sans-serif}.wiki-list p{margin:0;color:#b8aa90;font-size:11px;line-height:1.4}.wiki-list time{white-space:nowrap;color:#776e5d;font-size:10px}.wiki-editor-wrap,.wiki-review,.wiki-history{max-width:1000px;margin:0 auto}.wiki-editor-form{display:grid;gap:12px}.wiki-editor-form label{display:grid;gap:5px;color:#e0c477;font:bold 12px Georgia,serif}.wiki-editor-form input,.wiki-editor-form select,.wiki-editor-form textarea{width:100%;box-sizing:border-box}.wiki-format-note{color:#8f836e;font:10px Verdana,sans-serif}.wiki-article-shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:13px}.wiki-article-side{align-self:start;position:sticky;top:62px}.wiki-article-side .panel-body{padding:5px}.wiki-review-link b{float:right;min-width:18px;padding:1px 5px;border-radius:9px;background:#8b251d;color:#fff;text-align:center}.wiki-article h1{margin:0;color:#efd180;font:28px Georgia,serif}.wiki-byline{margin:5px 0 12px;padding-bottom:9px;border-bottom:1px solid #463821;color:#877b67;font:10px Verdana,sans-serif}.wiki-summary{margin:8px 0 16px;padding:10px 12px;border:1px solid #554329;background:#20190f;color:#ccb991;font:italic 13px Georgia,serif}.wiki-content{color:#dfd2b7;font:14px/1.55 Georgia,serif}.wiki-content img{max-width:100%;height:auto}.wiki-history{margin-top:12px}.wiki-history-row{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:9px;border-bottom:1px solid #3d3020}.wiki-history-row small{grid-column:1/-1;color:#827765}.wiki-edit-card{margin-bottom:14px;padding:13px;border:1px solid #57442c;background:#110e0a}.wiki-edit-head{display:flex;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #3e3121}.wiki-edit-note{margin:8px 0;color:#a99b82;font:11px Verdana,sans-serif}.wiki-proposed-content{max-height:500px;overflow:auto;padding:10px;border:1px solid #392d1f;background:#0b0907}.wiki-review-actions{display:flex;gap:8px;margin-top:10px}.wiki-review-actions form{margin:0}.rs-button.danger{background:linear-gradient(#713529,#351511)!important;border-color:#8d4436!important}
@media(max-width:850px){.wiki-shell,.wiki-article-shell{grid-template-columns:1fr}.wiki-sidebar,.wiki-article-side{position:relative;top:auto}.wiki-category-cards{grid-template-columns:1fr}}


/* v24 — use the approved exact-cut sprite pack where labels/states match. */
.dock-btn.dock-sprite{
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.dock-btn.dock-sprite>img,.dock-btn.dock-sprite>span{opacity:0!important;pointer-events:none!important}
.dock-sprite-home{width:112px!important;min-width:112px!important;background-image:url('/assets/images/ui/exactcuts/nav/default/home.png?v=24')!important}
.dock-sprite-home:hover{background-image:url('/assets/images/ui/exactcuts/nav/hover/home.png?v=24')!important}
.dock-sprite-home.active{background-image:url('/assets/images/ui/exactcuts/nav/active/home.png?v=24')!important}
.dock-sprite-hiscores{width:112px!important;min-width:112px!important;background-image:url('/assets/images/ui/exactcuts/nav/default/hiscores.png?v=24')!important}
.dock-sprite-hiscores:hover{background-image:url('/assets/images/ui/exactcuts/nav/hover/hiscores.png?v=24')!important}
.dock-sprite-hiscores.active{background-image:url('/assets/images/ui/exactcuts/nav/active/hiscores.png?v=24')!important}
.dock-sprite-play{width:108px!important;min-width:108px!important;background-image:url('/assets/images/ui/exactcuts/nav/default/play-now.png?v=24')!important}
.dock-sprite-play:hover{background-image:url('/assets/images/ui/exactcuts/nav/hover/play-now.png?v=24')!important}
.dock-sprite-play.active{background-image:url('/assets/images/ui/exactcuts/nav/active/play-now.png?v=24')!important}
.dock-sprite-forums{width:105px!important;min-width:105px!important;background-image:url('/assets/images/ui/exactcuts/tabs/main/forums.png?v=24')!important}
.dock-sprite-forums:hover,.dock-sprite-forums.active{filter:brightness(1.14)!important}

/* Exact-cut arrow controls from the approved sheet. */
.feature-hero.slideshow .slide-arrow{
  width:54px!important;height:56px!important;
  background-size:54px 56px!important;
  background-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
}
.feature-hero.slideshow .slide-prev{background-image:url('/assets/images/ui/exactcuts/controls/arrow-left.png?v=24')!important}
.feature-hero.slideshow .slide-next{background-image:url('/assets/images/ui/exactcuts/controls/arrow-right.png?v=24')!important}

/* The old Useful Links panel was intentionally removed in v24. */

@media(max-width:1100px){
  .dock-sprite-home,.dock-sprite-hiscores{width:104px!important;min-width:104px!important}
  .dock-sprite-play{width:100px!important;min-width:100px!important}
  .dock-sprite-forums{width:98px!important;min-width:98px!important}
}

/* v25 — apply the approved exact-cut stone sprite style to ALL remaining site buttons. */
:root{
  --sia-stone-frame:url('/assets/images/ui/exactcuts/nav/default/community.png?v=25');
  --sia-stone-frame-hover:url('/assets/images/ui/exactcuts/nav/hover/community.png?v=25');
  --sia-stone-frame-active:url('/assets/images/ui/exactcuts/nav/active/community.png?v=25');
}

/* Reusable stone surface. The border comes directly from the exact-cut sprite pack;
   only the outer beveled frame is used, so the original Community text/icon never appears. */
.dock-btn:not(.dock-sprite),
.dock-login,
.dock-icon,
.side-link,
.home-action,
.rs-button,
button.rs-button,
.mini-button,
.mini-sprite-button,
.sprite-button,
.message-player-button,
.account-links a,
.hiscore-tabs a,
.bbcode-toolbar button,
.reaction-btn,
.chat-tool,
.chat-send,
.pagination a,
.wiki-category-nav a,
.wiki-category-cards>a,
.friend-actions .rs-button{
  position:relative!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(#302b23 0%,#252119 44%,#17140f 100%)!important;
  color:#ead9ad!important;
  text-shadow:1px 2px 1px #000!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px #070604,0 2px 4px rgba(0,0,0,.45)!important;
  isolation:isolate;
}

.dock-btn:not(.dock-sprite)::before,
.dock-login::before,
.dock-icon::before,
.side-link::before,
.home-action::before,
.rs-button::before,
button.rs-button::before,
.mini-button::before,
.mini-sprite-button::before,
.sprite-button::before,
.message-player-button::before,
.account-links a::before,
.hiscore-tabs a::before,
.bbcode-toolbar button::before,
.reaction-btn::before,
.chat-tool::before,
.chat-send::before,
.pagination a::before,
.wiki-category-nav a::before,
.wiki-category-cards>a::before,
.friend-actions .rs-button::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border:10px solid transparent;
  border-image-source:var(--sia-stone-frame);
  border-image-slice:15 19 15 19;
  border-image-width:10px 13px;
  border-image-repeat:stretch;
  pointer-events:none;
}

.dock-btn:not(.dock-sprite):hover,
.dock-login:hover,
.dock-icon:hover,
.side-link:hover,
.home-action:hover,
.rs-button:hover,
button.rs-button:hover,
.mini-button:hover,
.mini-sprite-button:hover,
.sprite-button:hover,
.message-player-button:hover,
.account-links a:hover,
.hiscore-tabs a:hover,
.bbcode-toolbar button:hover,
.reaction-btn:hover,
.chat-tool:hover,
.chat-send:hover,
.pagination a:hover,
.wiki-category-nav a:hover,
.wiki-category-cards>a:hover,
.friend-actions .rs-button:hover{
  background:linear-gradient(#5d4a28 0%,#3c2e1b 48%,#20180f 100%)!important;
  color:#fff0bd!important;
  filter:none!important;
  text-decoration:none!important;
}

.dock-btn:not(.dock-sprite):hover::before,
.dock-login:hover::before,
.dock-icon:hover::before,
.side-link:hover::before,
.home-action:hover::before,
.rs-button:hover::before,
button.rs-button:hover::before,
.mini-button:hover::before,
.mini-sprite-button:hover::before,
.sprite-button:hover::before,
.message-player-button:hover::before,
.account-links a:hover::before,
.hiscore-tabs a:hover::before,
.bbcode-toolbar button:hover::before,
.reaction-btn:hover::before,
.chat-tool:hover::before,
.chat-send:hover::before,
.pagination a:hover::before,
.wiki-category-nav a:hover::before,
.wiki-category-cards>a:hover::before,
.friend-actions .rs-button:hover::before{
  border-image-source:var(--sia-stone-frame-hover);
}

.dock-btn:not(.dock-sprite).active,
.hiscore-tabs a.active,
.reaction-btn.active,
.wiki-category-nav a.active{
  background:linear-gradient(#6e5629 0%,#443118 50%,#21160b 100%)!important;
  color:#ffe7a0!important;
}
.dock-btn:not(.dock-sprite).active::before,
.hiscore-tabs a.active::before,
.reaction-btn.active::before,
.wiki-category-nav a.active::before{
  border-image-source:var(--sia-stone-frame-active);
}

/* Top bar: News, Grand Exchange, Wiki, Discord and Create Account now match the stone buttons. */
.site-dock .dock-btn:not(.dock-sprite){
  min-height:50px!important;
  padding:0 13px!important;
  gap:6px!important;
}
.site-dock .dock-btn:not(.dock-sprite)>img{position:relative;z-index:1}
.site-dock .dock-btn:not(.dock-sprite)>span{position:relative;z-index:1}
.site-dock .dock-discord{
  background:linear-gradient(#302c38,#221f28 50%,#17141c)!important;
  color:#c9c2ff!important;
}
.site-dock .dock-discord:hover{background:linear-gradient(#50466b,#332b48 52%,#1b1727)!important;color:#eeeaff!important}
.site-dock .dock-ge{min-width:140px!important}
.site-dock .dock-create{min-width:126px!important}

/* Small top-right controls use the same stone edging without changing the circular avatar itself. */
.site-dock .dock-icon{overflow:visible!important}
.site-dock .dock-avatar-button{background:radial-gradient(circle,#30281e,#0b0906)!important}
.site-dock .dock-avatar-button::before{border-radius:2px}

/* Homepage feature buttons now read as stone UI controls instead of flat gradient cards. */
.home-action{min-height:105px!important;padding:15px 11px!important}
.home-action img,.home-action strong,.home-action span{position:relative;z-index:1}

/* Account/sidebar and normal action buttons. */
.side-link{min-height:43px!important;padding:8px 13px!important}
.rs-button,button.rs-button{padding:10px 20px!important;min-height:40px!important}
.mini-button{padding:7px 12px!important}
.message-player-button{padding:8px 12px!important}

/* Preserve semantic color cues but keep the same stone frame. */
.rs-button.play{background:linear-gradient(#31482a,#1e321c 50%,#111d10)!important}
.rs-button.danger,.mini-button.danger{background:linear-gradient(#603028,#3a1c18 52%,#1f0e0b)!important;color:#ffd0c8!important}
.rs-button.danger::before,.mini-button.danger::before{border-image-source:var(--sia-stone-frame)!important}

/* BBCode, chat and reaction controls were previously plain rectangles. */
.bbcode-toolbar button{min-height:31px!important;padding:4px 10px!important}
.chat-tool,.chat-send{min-height:29px!important}
.emoji-menu button{
  border:1px solid #66543a!important;
  background:linear-gradient(#302b23,#17140f)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px #090705!important;
}
.emoji-menu button:hover{background:linear-gradient(#5b4927,#2d2114)!important}

/* Pagination and tab controls use the same family. */
.pagination a{padding:7px 12px!important;margin:0 2px!important}
.hiscore-tabs a{padding:12px!important}

/* Inputs remain readable beside the heavier stone controls. */
.admin-search .rs-button,.hiscore-search .rs-button,.wiki-search .rs-button{min-width:105px!important}

/* Avoid old button image/gradient layers leaking through from earlier versions. */
.sprite-button,.mini-sprite-button,.side-link,.home-action,.rs-button,.mini-button,.message-player-button,.account-links a,.hiscore-tabs a,.bbcode-toolbar button,.reaction-btn,.chat-tool,.chat-send,.pagination a{
  background-image:none!important;
}

@media(max-width:1120px){
  .site-dock .dock-btn:not(.dock-sprite){padding-left:9px!important;padding-right:9px!important}
  .site-dock .dock-ge{min-width:126px!important}
  .site-dock .dock-create{min-width:112px!important}
}

/* ===== Sia563 v26 — exact stone-nav sprite pack on the fixed top navigation ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-dock{height:58px!important}
.site-dock-inner{height:57px!important;align-items:center!important}
.site-dock-links.stone-nav-links{display:flex!important;align-items:center!important;gap:2px!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:0 3px!important}
.site-dock-links.stone-nav-links::-webkit-scrollbar{display:none!important}
.stone-nav-btn{display:block!important;flex:0 0 116px!important;width:116px!important;min-width:116px!important;height:52px!important;padding:0!important;margin:0!important;border:0!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:116px 52px!important;box-shadow:none!important;filter:none!important;overflow:hidden!important;text-indent:-9999px!important}
.stone-nav-btn img,.stone-nav-btn>span:not(.sr-only){display:none!important}
.stone-nav-home{background-image:url('/assets/images/ui/stone-nav/default/home.png?v=26')!important}
.stone-nav-hiscores{background-image:url('/assets/images/ui/stone-nav/default/hiscores.png?v=26')!important}
.stone-nav-forums{background-image:url('/assets/images/ui/stone-nav/default/forums.png?v=26')!important}
.stone-nav-exchange{background-image:url('/assets/images/ui/stone-nav/default/exchange.png?v=26')!important}
.stone-nav-play{background-image:url('/assets/images/ui/stone-nav/default/play-now.png?v=26')!important}
.stone-nav-wiki{background-image:url('/assets/images/ui/stone-nav/default/wiki.png?v=26')!important}
.stone-nav-discord{background-image:url('/assets/images/ui/stone-nav/default/discord.png?v=26')!important}
.stone-nav-home:hover{background-image:url('/assets/images/ui/stone-nav/hover/home.png?v=26')!important}
.stone-nav-hiscores:hover{background-image:url('/assets/images/ui/stone-nav/hover/hiscores.png?v=26')!important}
.stone-nav-forums:hover{background-image:url('/assets/images/ui/stone-nav/hover/forums.png?v=26')!important}
.stone-nav-exchange:hover{background-image:url('/assets/images/ui/stone-nav/hover/exchange.png?v=26')!important}
.stone-nav-play:hover{background-image:url('/assets/images/ui/stone-nav/hover/play-now.png?v=26')!important}
.stone-nav-wiki:hover{background-image:url('/assets/images/ui/stone-nav/hover/wiki.png?v=26')!important}
.stone-nav-discord:hover{background-image:url('/assets/images/ui/stone-nav/hover/discord.png?v=26')!important}
.stone-nav-home.active{background-image:url('/assets/images/ui/stone-nav/active/home.png?v=26')!important}
.stone-nav-hiscores.active{background-image:url('/assets/images/ui/stone-nav/active/hiscores.png?v=26')!important}
.stone-nav-forums.active{background-image:url('/assets/images/ui/stone-nav/active/forums.png?v=26')!important}
.stone-nav-exchange.active{background-image:url('/assets/images/ui/stone-nav/active/exchange.png?v=26')!important}
.stone-nav-wiki.active{background-image:url('/assets/images/ui/stone-nav/active/wiki.png?v=26')!important}
.stone-nav-btn:active{transform:translateY(1px)!important}
.site-dock-account{margin-left:auto!important;flex:0 0 auto!important}
@media(max-width:1050px){.stone-nav-btn{flex-basis:108px!important;width:108px!important;min-width:108px!important;background-size:108px 48px!important;height:48px!important}}
@media(max-width:760px){.stone-nav-btn{flex-basis:102px!important;width:102px!important;min-width:102px!important;background-size:102px 45px!important;height:45px!important}.site-dock-account{display:flex!important}}

/* ========================================================================== 
   v27 NAV FIX — use the actual Sia563 Stone Nav Sprite Pack files.
   These final rules intentionally override every older navigation rule.
   ========================================================================== */
.site-dock{height:62px!important;}
.site-dock-inner{height:61px!important;display:flex!important;align-items:center!important;}
.site-dock-links.stone-nav-links{
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  gap:2px!important;
  padding:2px 4px!important;
  min-width:0!important;
  height:61px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
}
.site-dock .stone-nav-btn{
  display:block!important;
  flex:0 0 126px!important;
  width:126px!important;
  min-width:126px!important;
  height:56px!important;
  min-height:56px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background-color:transparent!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:126px 56px!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  text-indent:-9999px!important;
  color:transparent!important;
  font-size:0!important;
}
.site-dock .stone-nav-home{background-image:url('/assets/images/ui/stone-nav/default/home.png?v=27')!important;}
.site-dock .stone-nav-hiscores{background-image:url('/assets/images/ui/stone-nav/default/hiscores.png?v=27')!important;}
.site-dock .stone-nav-forums{background-image:url('/assets/images/ui/stone-nav/default/forums.png?v=27')!important;}
.site-dock .stone-nav-exchange{background-image:url('/assets/images/ui/stone-nav/default/exchange.png?v=27')!important;}
.site-dock .stone-nav-play{background-image:url('/assets/images/ui/stone-nav/default/play-now.png?v=27')!important;}
.site-dock .stone-nav-wiki{background-image:url('/assets/images/ui/stone-nav/default/wiki.png?v=27')!important;}
.site-dock .stone-nav-discord{background-image:url('/assets/images/ui/stone-nav/default/discord.png?v=27')!important;}
.site-dock .stone-nav-home:hover{background-image:url('/assets/images/ui/stone-nav/hover/home.png?v=27')!important;}
.site-dock .stone-nav-hiscores:hover{background-image:url('/assets/images/ui/stone-nav/hover/hiscores.png?v=27')!important;}
.site-dock .stone-nav-forums:hover{background-image:url('/assets/images/ui/stone-nav/hover/forums.png?v=27')!important;}
.site-dock .stone-nav-exchange:hover{background-image:url('/assets/images/ui/stone-nav/hover/exchange.png?v=27')!important;}
.site-dock .stone-nav-play:hover{background-image:url('/assets/images/ui/stone-nav/hover/play-now.png?v=27')!important;}
.site-dock .stone-nav-wiki:hover{background-image:url('/assets/images/ui/stone-nav/hover/wiki.png?v=27')!important;}
.site-dock .stone-nav-discord:hover{background-image:url('/assets/images/ui/stone-nav/hover/discord.png?v=27')!important;}
.site-dock .stone-nav-home.active{background-image:url('/assets/images/ui/stone-nav/active/home.png?v=27')!important;}
.site-dock .stone-nav-hiscores.active{background-image:url('/assets/images/ui/stone-nav/active/hiscores.png?v=27')!important;}
.site-dock .stone-nav-forums.active{background-image:url('/assets/images/ui/stone-nav/active/forums.png?v=27')!important;}
.site-dock .stone-nav-exchange.active{background-image:url('/assets/images/ui/stone-nav/active/exchange.png?v=27')!important;}
.site-dock .stone-nav-wiki.active{background-image:url('/assets/images/ui/stone-nav/active/wiki.png?v=27')!important;}
.site-dock .stone-nav-play:active{background-image:url('/assets/images/ui/stone-nav/active/play-now.png?v=27')!important;}
.site-dock .stone-nav-discord:active{background-image:url('/assets/images/ui/stone-nav/active/discord.png?v=27')!important;}
.site-dock .stone-nav-btn:active{transform:translateY(1px)!important;}
.site-dock-account{height:61px!important;align-items:center!important;}
@media(max-width:1080px){
  .site-dock .stone-nav-btn{
    flex-basis:118px!important;width:118px!important;min-width:118px!important;
    height:52px!important;min-height:52px!important;background-size:118px 52px!important;
  }
}
@media(max-width:760px){
  .site-dock .stone-nav-btn{
    flex-basis:110px!important;width:110px!important;min-width:110px!important;
    height:49px!important;min-height:49px!important;background-size:110px 49px!important;
  }
}

/* ========================================================================== 
   v28 — remove the leftover square/backing surfaces around buttons.
   The sprite/button itself is the only visible control surface.
   ========================================================================== */
.site-dock,
.site-dock-inner,
.site-dock-links,
.site-dock-links.stone-nav-links,
.site-dock-account{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.site-dock{pointer-events:none!important;}
.site-dock-inner,.site-dock-links,.site-dock-account,
.site-dock a,.site-dock button,.site-dock .header-dropdown{pointer-events:auto!important;}

/* No rectangular backing box around the navigation sprite canvas. */
.site-dock .stone-nav-btn{
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.site-dock .stone-nav-btn::before,
.site-dock .stone-nav-btn::after{display:none!important;content:none!important;}

/* Homepage action tiles: keep the stone button, remove the visible square slab behind it. */
.home-action-grid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.home-action{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
  isolation:isolate!important;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)!important;
}
.home-action::after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  inset:2px!important;
  background:linear-gradient(#302b23 0%,#252119 44%,#17140f 100%)!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important;
}
.home-action:hover::after{background:linear-gradient(#5d4a28 0%,#3c2e1b 48%,#20180f 100%)!important;}

/* The stone-frame pseudo element should not paint a rectangular fill behind the button. */
.home-action::before{
  z-index:-1!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Remove any legacy card/container backing behind groups of clickable buttons. */
.home-actions,.quick-actions,.feature-actions,.button-grid,.feature-button-grid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* ========================================================================== 
   v29 — keep Inbox / Notifications / Profile inside the same navigation bar.
   All three utility controls are identical in size and reserve their own space
   so they can never overlap the stone nav buttons when the window gets narrow.
   ========================================================================== */
.site-dock-inner{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.site-dock-links.stone-nav-links{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 156px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
}
.site-dock-links.stone-nav-links::-webkit-scrollbar{display:none!important}

.site-dock-account{
  position:relative!important;
  z-index:50!important;
  display:flex!important;
  flex:0 0 156px!important;
  width:156px!important;
  min-width:156px!important;
  max-width:156px!important;
  height:56px!important;
  margin:0!important;
  padding:0!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.site-dock-account>.header-dropdown,
.site-dock-account>.dock-icon-wrap,
.site-dock-account>.dock-profile-wrap{
  display:flex!important;
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-dock-account .dock-icon,
.site-dock-account .dock-avatar-button,
.site-dock-account .header-drop-button{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url('/assets/images/ui/v13/nav-default.png?v=29')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:52px 52px!important;
  box-shadow:none!important;
}
.site-dock-account .dock-icon:hover,
.site-dock-account .dock-avatar-button:hover,
.site-dock-account .header-drop-button:hover{
  background-image:url('/assets/images/ui/v13/nav-hover.png?v=29')!important;
}
.site-dock-account .dock-icon>img,
.site-dock-account .header-drop-button>img{
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
  object-fit:contain!important;
}
.site-dock-account .dock-avatar-button .dock-avatar{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  padding:1px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  box-sizing:border-box!important;
}
/* The badges live inside their own 52px control and never affect layout width. */
.site-dock-account .header-badge{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  z-index:4!important;
}
/* Preserve the dropdown behavior while keeping the controls in the nav row. */
.site-dock-account .header-drop-panel{
  top:54px!important;
}

@media(max-width:760px){
  .site-dock-account{
    display:flex!important;
    flex-basis:144px!important;
    width:144px!important;
    min-width:144px!important;
    max-width:144px!important;
  }
  .site-dock-links.stone-nav-links{max-width:calc(100% - 144px)!important}
  .site-dock-account>.header-dropdown,
  .site-dock-account>.dock-icon-wrap,
  .site-dock-account>.dock-profile-wrap,
  .site-dock-account .dock-icon,
  .site-dock-account .dock-avatar-button,
  .site-dock-account .header-drop-button{
    flex-basis:48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    background-size:48px 48px!important;
  }
  .site-dock-account .dock-avatar-button .dock-avatar{width:31px!important;height:31px!important}
}


/* ==========================================================================
   v30 — homepage header cleanup + requested nav order.
   Remove the decorative diamonds from homepage panel headers and keep the
   header icon/text hard-left instead of indented.
   ========================================================================== */
.home-dashboard .panel-head::before{
  display:none!important;
  content:none!important;
}
.home-dashboard .panel-head{
  justify-content:flex-start!important;
  gap:8px!important;
  padding-left:9px!important;
  padding-right:12px!important;
}
.home-dashboard .panel-head>img{
  margin:0!important;
  flex:0 0 auto!important;
}
.home-dashboard .panel-head .panel-head-link{
  margin-left:auto!important;
}

/* ========================================================================== 
   v31 — stable top navigation sizing/alignment.
   - Each stone-nav state now uses a web-normalized 126x56 PNG so hover/active
     can never expand or crop differently from the default state.
   - The complete bar shares the same 1040px/96% left/right alignment as the
     site shell and masthead.
   - Exactly 2px between stone buttons.
   - One brown backing surface spans navigation + inbox/notification/profile.
   - Utility controls have no individual square/button backing of their own.
   ========================================================================== */
html{scroll-padding-top:62px!important}
body{padding-top:62px!important}
.site-dock{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1040px,96%)!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
  background:#1d1811!important;
  border:1px solid #6f593b!important;
  border-top:0!important;
  box-shadow:0 3px 10px rgba(0,0,0,.78)!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.site-dock-inner{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:100%!important;
  height:59px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-dock-links.stone-nav-links{
  display:flex!important;
  flex:1 1 0!important;
  align-items:center!important;
  gap:2px!important;
  height:59px!important;
  min-width:0!important;
  max-width:calc(100% - 150px)!important;
  padding:1px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
}
.site-dock-links.stone-nav-links::-webkit-scrollbar{display:none!important}
.site-dock .stone-nav-btn{
  display:block!important;
  flex:0 0 126px!important;
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background-color:transparent!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:126px 56px!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  text-indent:-9999px!important;
  color:transparent!important;
  font-size:0!important;
  transform:none!important;
}
.site-dock .stone-nav-home{background-image:url('/assets/images/ui/stone-nav-web/default/home.png?v=31')!important}
.site-dock .stone-nav-forums{background-image:url('/assets/images/ui/stone-nav-web/default/forums.png?v=31')!important}
.site-dock .stone-nav-wiki{background-image:url('/assets/images/ui/stone-nav-web/default/wiki.png?v=31')!important}
.site-dock .stone-nav-play{background-image:url('/assets/images/ui/stone-nav-web/default/play-now.png?v=31')!important}
.site-dock .stone-nav-hiscores{background-image:url('/assets/images/ui/stone-nav-web/default/hiscores.png?v=31')!important}
.site-dock .stone-nav-exchange{background-image:url('/assets/images/ui/stone-nav-web/default/exchange.png?v=31')!important}
.site-dock .stone-nav-discord{background-image:url('/assets/images/ui/stone-nav-web/default/discord.png?v=31')!important}
.site-dock .stone-nav-home:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/home.png?v=31')!important}
.site-dock .stone-nav-forums:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/forums.png?v=31')!important}
.site-dock .stone-nav-wiki:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/wiki.png?v=31')!important}
.site-dock .stone-nav-play:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/play-now.png?v=31')!important}
.site-dock .stone-nav-hiscores:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/hiscores.png?v=31')!important}
.site-dock .stone-nav-exchange:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/exchange.png?v=31')!important}
.site-dock .stone-nav-discord:hover{background-image:url('/assets/images/ui/stone-nav-web/hover/discord.png?v=31')!important}
.site-dock .stone-nav-home.active{background-image:url('/assets/images/ui/stone-nav-web/active/home.png?v=31')!important}
.site-dock .stone-nav-forums.active{background-image:url('/assets/images/ui/stone-nav-web/active/forums.png?v=31')!important}
.site-dock .stone-nav-wiki.active{background-image:url('/assets/images/ui/stone-nav-web/active/wiki.png?v=31')!important}
.site-dock .stone-nav-hiscores.active{background-image:url('/assets/images/ui/stone-nav-web/active/hiscores.png?v=31')!important}
.site-dock .stone-nav-exchange.active{background-image:url('/assets/images/ui/stone-nav-web/active/exchange.png?v=31')!important}
.site-dock .stone-nav-play:active{background-image:url('/assets/images/ui/stone-nav-web/active/play-now.png?v=31')!important}
.site-dock .stone-nav-discord:active{background-image:url('/assets/images/ui/stone-nav-web/active/discord.png?v=31')!important}
.site-dock .stone-nav-btn:hover,.site-dock .stone-nav-btn.active,.site-dock .stone-nav-btn:active{
  width:126px!important;min-width:126px!important;max-width:126px!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;
  background-size:126px 56px!important;
  transform:none!important;
}
.site-dock-account{
  position:relative!important;
  z-index:50!important;
  display:flex!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:59px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-dock-account>.header-dropdown,
.site-dock-account>.dock-icon-wrap,
.site-dock-account>.dock-profile-wrap{
  display:flex!important;
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.site-dock-account .dock-icon,
.site-dock-account .dock-avatar-button,
.site-dock-account .header-drop-button{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.site-dock-account .dock-icon:hover,
.site-dock-account .dock-avatar-button:hover,
.site-dock-account .header-drop-button:hover{
  background:rgba(255,255,255,.04)!important;
  background-image:none!important;
}
.site-dock-account .dock-icon>img,
.site-dock-account .header-drop-button>img{width:25px!important;height:25px!important;object-fit:contain!important}
.site-dock-account .dock-avatar-button .dock-avatar{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:contain!important}
.site-dock-account .header-drop-panel{top:54px!important}

@media(max-width:760px){
  .site-dock{width:100%!important}
  .site-dock-links.stone-nav-links{max-width:calc(100% - 132px)!important}
  .site-dock-account{flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important}
  .site-dock-account>.header-dropdown,
  .site-dock-account>.dock-icon-wrap,
  .site-dock-account>.dock-profile-wrap,
  .site-dock-account .dock-icon,
  .site-dock-account .dock-avatar-button,
  .site-dock-account .header-drop-button{flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
}

/* v34 — keep account utilities in the same navbar layout track.
   The left navigation may scroll when space is tight, but it can never render
   underneath Inbox / Notifications / Profile. */
.site-dock-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:59px!important;
  align-items:center!important;
  column-gap:0!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.site-dock-links.stone-nav-links{
  grid-column:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  height:59px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  position:relative!important;
  z-index:1!important;
}
.site-dock-account{
  grid-column:2!important;
  position:relative!important;
  inset:auto!important;
  z-index:20!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:150px!important;
  max-width:none!important;
  height:59px!important;
  overflow:visible!important;
  background:#1d1811!important;
  border:0!important;
  box-shadow:none!important;
}
.site-dock-account>.header-dropdown,
.site-dock-account>.dock-icon-wrap,
.site-dock-account>.dock-profile-wrap{
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
}
@media(max-width:760px){
  .site-dock-inner{grid-template-columns:minmax(0,1fr) 132px!important}
  .site-dock-links.stone-nav-links{max-width:none!important}
  .site-dock-account{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }
}

/* ========================================================================== 
   v37 — one real navbar flow: page buttons + inbox + notifications + profile.
   Nothing is pinned over the page buttons. All ten controls consume space in
   the same horizontal row; button widths contract together as the viewport
   narrows, and only at very small widths does the whole row scroll.
   ========================================================================== */
.site-dock{
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
}
.site-dock::-webkit-scrollbar{display:none!important}
.site-dock-inner{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  height:59px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.site-dock-links.stone-nav-links{
  display:flex!important;
  flex:1 1 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:59px!important;
  gap:2px!important;
  padding:1px 0!important;
  margin:0!important;
  overflow:visible!important;
  position:static!important;
  z-index:auto!important;
}
.site-dock .stone-nav-btn,
.site-dock .stone-nav-btn:hover,
.site-dock .stone-nav-btn.active,
.site-dock .stone-nav-btn:active{
  /* 7 page buttons share whatever remains after the 3 account controls. */
  flex:1 1 126px!important;
  width:auto!important;
  min-width:84px!important;
  max-width:126px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  background-size:100% 56px!important;
  background-position:center!important;
  transform:none!important;
  overflow:hidden!important;
}
.site-dock-account{
  display:flex!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:59px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  overflow:visible!important;
  background:transparent!important;
}
.site-dock-account>.header-dropdown,
.site-dock-account>.dock-icon-wrap,
.site-dock-account>.dock-profile-wrap,
.site-dock-account .dock-icon,
.site-dock-account .dock-avatar-button,
.site-dock-account .header-drop-button{
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
}

/* Contract every page button before allowing anything to collide. */
@media(max-width:980px){
  .site-dock .stone-nav-btn,
  .site-dock .stone-nav-btn:hover,
  .site-dock .stone-nav-btn.active,
  .site-dock .stone-nav-btn:active{
    min-width:76px!important;
  }
  .site-dock-account{flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important}
  .site-dock-account>.header-dropdown,
  .site-dock-account>.dock-icon-wrap,
  .site-dock-account>.dock-profile-wrap,
  .site-dock-account .dock-icon,
  .site-dock-account .dock-avatar-button,
  .site-dock-account .header-drop-button{
    flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;
  }
}

/* At genuinely narrow widths the entire navbar becomes one horizontal strip.
   Utilities remain after Discord in normal document flow, so overlap is
   impossible even when the row is wider than the viewport. */
@media(max-width:700px){
  .site-dock-inner{width:max-content!important;min-width:100%!important}
  .site-dock-links.stone-nav-links{flex:0 0 auto!important;width:auto!important;min-width:auto!important}
  .site-dock .stone-nav-btn,
  .site-dock .stone-nav-btn:hover,
  .site-dock .stone-nav-btn.active,
  .site-dock .stone-nav-btn:active{
    flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;
  }
  .site-dock-account{flex:0 0 132px!important}
}

/* ========================================================================== 
   v38 — responsive single-flow dock, rounded UI, header cleanup + themes
   ========================================================================== */

/* The account controls are now physically INSIDE the same scrolling flex row
   as Home → Discord. There is no second right-pinned layer, so overlap is not
   possible at any browser width. */
.site-dock{
  overflow:visible!important;
  background:#20170f!important;
}
.site-dock-inner{
  display:block!important;
  width:min(1040px,96%)!important;
  min-width:0!important;
  height:59px!important;
  margin:0 auto!important;
  overflow:visible!important;
}
.site-dock-links.stone-nav-links{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:59px!important;
  gap:2px!important;
  padding:1px 0!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  position:relative!important;
  white-space:nowrap!important;
}
.site-dock-links.stone-nav-links::-webkit-scrollbar{display:none!important}
.site-dock .stone-nav-btn,
.site-dock .stone-nav-btn:hover,
.site-dock .stone-nav-btn.active,
.site-dock .stone-nav-btn:active{
  flex:0 0 126px!important;
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  background-size:126px 56px!important;
  background-position:center!important;
  transform:none!important;
  overflow:hidden!important;
}
.site-dock-account{
  display:flex!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:56px!important;
  margin:0 0 0 2px!important;
  padding:0!important;
  gap:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  overflow:visible!important;
  background:transparent!important;
}
.site-dock-account>.header-dropdown,
.site-dock-account>.dock-icon-wrap,
.site-dock-account>.dock-profile-wrap,
.site-dock-account .dock-icon,
.site-dock-account .dock-avatar-button,
.site-dock-account .header-drop-button{
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
}
.site-dock-account .header-drop-panel{top:56px!important}
@media(max-width:760px){
  .site-dock-inner{width:100%!important}
  .site-dock .stone-nav-btn,
  .site-dock .stone-nav-btn:hover,
  .site-dock .stone-nav-btn.active,
  .site-dock .stone-nav-btn:active{
    flex-basis:108px!important;width:108px!important;min-width:108px!important;max-width:108px!important;
    background-size:108px 48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  }
  .site-dock-account{flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:48px!important}
  .site-dock-account>.header-dropdown,
  .site-dock-account>.dock-icon-wrap,
  .site-dock-account>.dock-profile-wrap,
  .site-dock-account .dock-icon,
  .site-dock-account .dock-avatar-button,
  .site-dock-account .header-drop-button{
    flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  }
  .site-dock-account .header-drop-panel{top:48px!important}
}

/* Remove the decorative diamond before headings site-wide. */
.panel-head::before,
.forum-category-title::before{
  display:none!important;
  content:none!important;
}

/* Wiki article Tools heading gets a real wrench icon instead. */
.tools-panel-head{justify-content:flex-start!important;gap:8px!important}
.panel-title-tool-icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  fill:#d7ad5c!important;
  filter:drop-shadow(0 1px 1px #000);
}

/* Round the square/rectangle UI throughout the site without touching circles. */
.site-shell,
.site-dock,
.panel,
.forum-category,
.classic-post,
.topic-table,
.account-card,
.header-drop-panel,
.drop-item,
.account-drop-head,
.wiki-summary,
.wiki-edit-card,
.wiki-proposed-content,
.wiki-category-nav a,
.wiki-category-cards>a,
.home-news-row,
.home-action,
.rs-button,
.mini-button,
.mini-sprite-button,
.sprite-button,
.message-player-button,
.account-links a,
.hiscore-tabs a,
.bbcode-toolbar,
.bbcode-toolbar button,
.reaction-btn,
.chat-tool,
.chat-send,
.pagination a,
.side-link,
.site-chat,
.chat-titlebar,
.chat-compose,
.emoji-menu,
.color-menu,
.cmd-menu,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
button:not(.dock-avatar-button){
  border-radius:6px!important;
}
.panel{overflow:hidden}
.site-dock .stone-nav-btn,
.site-dock-account .dock-icon,
.site-dock-account .header-drop-button{
  border-radius:5px!important;
}

/* Preserve the v36 compact/readable wiki cards and formatting toolbar. */
.wiki-category-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,240px))!important;
  justify-content:start!important;
  gap:6px!important;
}
.wiki-category-cards>a{min-height:76px!important;width:auto!important;padding:9px 11px!important}
.wiki-category-cards strong{color:#ffe19a!important;font-size:14px!important;line-height:1.15!important;text-shadow:1px 1px 1px #000!important}
.wiki-category-cards span{margin-top:4px!important;color:#d1c2a4!important;font-size:10px!important;line-height:1.3!important}
.wiki-category-cards small{padding-top:5px!important;color:#b9aa8c!important}
.bbcode-toolbar{gap:2px!important}
.bbcode-toolbar button{width:auto!important;min-width:0!important;min-height:27px!important;padding:3px 6px!important;color:#fff1bd!important;font:bold 11px Georgia,"Times New Roman",serif!important;line-height:18px!important;text-shadow:1px 1px 0 #000!important;white-space:nowrap!important}
@media(max-width:850px){.wiki-category-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}}

/* Bottom theme selector. */
.theme-selector{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
  padding:9px 10px 12px;
  border-top:1px solid #4c3b28;
  background:#120f0b;
  color:#aa9c82;
  font:11px Verdana,Arial,sans-serif;
}
.theme-selector>span{margin-right:3px;color:#d8c69f;font-weight:bold}
.theme-selector button{
  min-width:64px;
  padding:5px 9px;
  border:1px solid #665238;
  background:#201a13;
  color:#d9c7a1;
  cursor:pointer;
  font:11px Georgia,"Times New Roman",serif;
}
.theme-selector button:hover,.theme-selector button.active{
  border-color:#ad8a4c;
  background:#3c2f1d;
  color:#fff0bc;
}

/* Theme: soft dark grey. Keeps logos/screenshots/artwork unchanged. */
html[data-theme="grey"] body{background:radial-gradient(circle at 50% -120px,#3b3d40 0,#1b1d1f 330px,#0b0c0d 720px),#0b0c0d!important}
html[data-theme="grey"] .site-dock{background:#202225!important}
html[data-theme="grey"] .site-shell,
html[data-theme="grey"] .content{background:#222427!important;border-color:#55585c!important}
html[data-theme="grey"] .panel,
html[data-theme="grey"] .wiki-list article,
html[data-theme="grey"] .classic-post,
html[data-theme="grey"] .topic-row,
html[data-theme="grey"] .account-card,
html[data-theme="grey"] .home-news-row{background:#17191b!important;border-color:#484b4f!important}
html[data-theme="grey"] .panel-head,
html[data-theme="grey"] .forum-category-title,
html[data-theme="grey"] .drop-title,
html[data-theme="grey"] .chat-titlebar{background:linear-gradient(#383b3f,#222427)!important;border-color:#55585c!important;box-shadow:inset 0 1px #54575b,inset 0 -1px #101113!important}
html[data-theme="grey"] .panel-body,
html[data-theme="grey"] .wiki-summary,
html[data-theme="grey"] .wiki-edit-card,
html[data-theme="grey"] .wiki-proposed-content,
html[data-theme="grey"] .header-drop-panel,
html[data-theme="grey"] .chat-compose,
html[data-theme="grey"] .theme-selector{background:#151719!important;border-color:#484b4f!important}
html[data-theme="grey"] .wiki-category-nav a,
html[data-theme="grey"] .wiki-category-cards>a,
html[data-theme="grey"] .rs-button,
html[data-theme="grey"] .mini-button,
html[data-theme="grey"] .side-link,
html[data-theme="grey"] .theme-selector button{background:linear-gradient(#34373b,#202225)!important;border-color:#55585c!important}
html[data-theme="grey"] input,
html[data-theme="grey"] select,
html[data-theme="grey"] textarea{background:#101214!important;border-color:#55585c!important;color:#e1e2e4!important}

/* Theme: dark purple. */
html[data-theme="purple"] body{background:radial-gradient(circle at 50% -120px,#4a3551 0,#211824 330px,#0e0a10 720px),#0e0a10!important}
html[data-theme="purple"] .site-dock{background:#25192a!important}
html[data-theme="purple"] .site-shell,
html[data-theme="purple"] .content{background:#261c2b!important;border-color:#664d70!important}
html[data-theme="purple"] .panel,
html[data-theme="purple"] .wiki-list article,
html[data-theme="purple"] .classic-post,
html[data-theme="purple"] .topic-row,
html[data-theme="purple"] .account-card,
html[data-theme="purple"] .home-news-row{background:#19121d!important;border-color:#533c5c!important}
html[data-theme="purple"] .panel-head,
html[data-theme="purple"] .forum-category-title,
html[data-theme="purple"] .drop-title,
html[data-theme="purple"] .chat-titlebar{background:linear-gradient(#48344f,#291e2e)!important;border-color:#674b72!important;box-shadow:inset 0 1px #6a506f,inset 0 -1px #120d15!important}
html[data-theme="purple"] .panel-body,
html[data-theme="purple"] .wiki-summary,
html[data-theme="purple"] .wiki-edit-card,
html[data-theme="purple"] .wiki-proposed-content,
html[data-theme="purple"] .header-drop-panel,
html[data-theme="purple"] .chat-compose,
html[data-theme="purple"] .theme-selector{background:#17111a!important;border-color:#503958!important}
html[data-theme="purple"] .wiki-category-nav a,
html[data-theme="purple"] .wiki-category-cards>a,
html[data-theme="purple"] .rs-button,
html[data-theme="purple"] .mini-button,
html[data-theme="purple"] .side-link,
html[data-theme="purple"] .theme-selector button{background:linear-gradient(#3e2c46,#24192a)!important;border-color:#62476c!important}
html[data-theme="purple"] input,
html[data-theme="purple"] select,
html[data-theme="purple"] textarea{background:#110c14!important;border-color:#5b4264!important;color:#e7dceb!important}

/* ========================================================================== 
   v39 — wiki nav cleanup + explicit chat rounding + branded nav hovers
   ========================================================================== */

/* Community Chat is docked to the bottom edge, so round the visible top corners
   and the title bar itself without clipping its emoji/colour/command popovers. */
.site-chat,
.site-chat.minimized{
  border-radius:8px 8px 0 0!important;
}
.site-chat .chat-titlebar{
  border-radius:7px 7px 0 0!important;
}

/* Wiki sidebar: remove the extra CSS backing slab around the category controls.
   The category controls themselves are compact stone buttons. */
.wiki-shell{
  grid-template-columns:205px minmax(0,1fr)!important;
}
.wiki-sidebar{
  width:205px!important;
  max-width:205px!important;
}
.wiki-category-nav{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  padding:6px 7px 8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wiki-category-nav a,
html[data-theme="grey"] .wiki-category-nav a,
html[data-theme="purple"] .wiki-category-nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:184px!important;
  min-width:184px!important;
  max-width:184px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 24px!important;
  margin:0!important;
  border:0!important;
  border-radius:5px!important;
  background:linear-gradient(#302d27,#1c1a17 52%,#11100e)!important;
  color:#f1dfb0!important;
  box-shadow:none!important;
  font:bold 13px/32px Georgia,"Times New Roman",serif!important;
  text-align:center!important;
  text-shadow:1px 2px 1px #000!important;
  overflow:hidden!important;
}
.wiki-category-nav a::before{
  inset:0!important;
  border-width:8px!important;
  border-image-width:8px 10px!important;
  z-index:0!important;
  border-image-source:var(--sia-stone-frame)!important;
}
.wiki-category-nav a>span,
.wiki-category-nav a>small{
  position:relative!important;
  z-index:1!important;
}
.wiki-category-nav a>span{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.wiki-category-nav a>small{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#a99a7a!important;
  font:10px/1 Verdana,Arial,sans-serif!important;
}
.wiki-category-nav a:hover,
.wiki-category-nav a.active,
html[data-theme="grey"] .wiki-category-nav a:hover,
html[data-theme="grey"] .wiki-category-nav a.active,
html[data-theme="purple"] .wiki-category-nav a:hover,
html[data-theme="purple"] .wiki-category-nav a.active{
  background:linear-gradient(#5a4728,#342719 52%,#19120c)!important;
  color:#fff0b6!important;
  box-shadow:none!important;
  filter:none!important;
}
.wiki-category-nav a:hover::before{
  border-image-source:var(--sia-stone-frame-hover)!important;
}
.wiki-category-nav a.active::before{
  border-image-source:var(--sia-stone-frame-active)!important;
}

/* Brand-specific hover treatment while preserving the stone sprite shape. */
.site-dock .stone-nav-play:hover{
  background-image:
    linear-gradient(rgba(42,157,72,.44),rgba(18,92,43,.48)),
    url('/assets/images/ui/stone-nav-web/default/play-now.png?v=39')!important;
  background-size:100% 100%,126px 56px!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
}
.site-dock .stone-nav-discord:hover{
  background-image:
    linear-gradient(rgba(88,101,242,.52),rgba(88,101,242,.38)),
    url('/assets/images/ui/stone-nav-web/default/discord.png?v=39')!important;
  background-size:100% 100%,126px 56px!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
}
@media(max-width:760px){
  .site-dock .stone-nav-play:hover,
  .site-dock .stone-nav-discord:hover{
    background-size:100% 100%,108px 48px!important;
  }
}

/* ========================================================================== 
   v40 — restore the profile control and keep all 10 dock controls in one row.
   The profile button never disappears behind the right edge at normal desktop
   widths: the seven page buttons shrink together first, while the three account
   controls keep reserved space after Discord.
   ========================================================================== */
.site-dock{
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
}
.site-dock::-webkit-scrollbar{display:none!important}
.site-dock-inner{
  width:min(1040px,96%)!important;
  min-width:0!important;
  overflow:visible!important;
}
.site-dock-links.stone-nav-links{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  gap:2px!important;
}
.site-dock .stone-nav-btn,
.site-dock .stone-nav-btn:hover,
.site-dock .stone-nav-btn.active,
.site-dock .stone-nav-btn:active{
  flex:1 1 126px!important;
  width:auto!important;
  min-width:92px!important;
  max-width:126px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  background-size:100% 56px!important;
}
.site-dock-account{
  display:flex!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  margin-left:2px!important;
  overflow:visible!important;
}
.site-dock-account>.header-dropdown,
.site-dock-account>.dock-icon-wrap,
.site-dock-account>.dock-profile-wrap,
.site-dock-account .dock-icon,
.site-dock-account .dock-avatar-button,
.site-dock-account .header-drop-button{
  display:flex!important;
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  visibility:visible!important;
  opacity:1!important;
}
.site-dock-account .dock-profile-wrap{
  order:30!important;
}
.site-dock-account .dock-avatar-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-dock-account .dock-avatar-button .dock-avatar{
  display:block!important;
  width:34px!important;
  height:34px!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:980px){
  .site-dock .stone-nav-btn,
  .site-dock .stone-nav-btn:hover,
  .site-dock .stone-nav-btn.active,
  .site-dock .stone-nav-btn:active{
    min-width:74px!important;
  }
  .site-dock-account{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }
  .site-dock-account>.header-dropdown,
  .site-dock-account>.dock-icon-wrap,
  .site-dock-account>.dock-profile-wrap,
  .site-dock-account .dock-icon,
  .site-dock-account .dock-avatar-button,
  .site-dock-account .header-drop-button{
    flex-basis:44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }
  .site-dock-account .dock-avatar-button .dock-avatar{
    width:31px!important;
    height:31px!important;
  }
}

/* Below the width where all ten controls can physically fit, the *entire* dock
   becomes one scrollable row. Nothing is absolutely positioned and nothing can
   cover another control. */
@media(max-width:690px){
  .site-dock-inner{
    width:max-content!important;
    min-width:100%!important;
  }
  .site-dock-links.stone-nav-links{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
  }
  .site-dock .stone-nav-btn,
  .site-dock .stone-nav-btn:hover,
  .site-dock .stone-nav-btn.active,
  .site-dock .stone-nav-btn:active{
    flex:0 0 74px!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
  }
}


/* ========================================================================== 
   v42 — cumulative polish requested after v41
   ========================================================================== */

/* Rank stacks: leave a visible vertical lane between every bar so a helmet or
   crown belonging to the lower bar can never overlap the bar above it. */
.user-rank-stack{
  row-gap:28px!important;
  gap:28px!important;
  padding-top:12px!important;
  padding-bottom:8px!important;
}
.post-ranks .user-rank-stack{
  row-gap:28px!important;
  gap:28px!important;
  margin:6px 0 10px!important;
  padding-top:12px!important;
}
.player-profile-identity .user-rank-stack{
  row-gap:28px!important;
  gap:28px!important;
  margin:12px 0 14px!important;
  padding-top:12px!important;
}
.user-rankbar + .user-rankbar{margin-top:0!important}

/* Forum/profile user stats. */
.post-user-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:8px 0 4px!important;
}
.post-stat,
.profile-meta-stat{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
.post-stat-icon{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  fill:none!important;
  stroke:#d7b868!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 1px 1px #000);
}
.discord-friend-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  padding:0!important;
  border:1px solid #7680ff!important;
  border-radius:6px!important;
  background:#5865F2!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.7)!important;
  text-decoration:none!important;
}
.discord-friend-button:hover{
  background:#6975f5!important;
  border-color:#929aff!important;
  color:#fff!important;
  transform:translateY(-1px);
}
.discord-friend-icon{width:19px!important;height:19px!important;fill:#fff!important}
.profile-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 12px!important}
.profile-discord-button{width:26px!important;height:26px!important;min-width:26px!important;flex-basis:26px!important}
.profile-discord-button .discord-friend-icon{width:17px!important;height:17px!important}
/* The old textual Discord tag is intentionally no longer shown in forum post cards. */
.discord-tag{display:none!important}

/* Forum/subforum cleanup: names and useful counts only, no description clutter. */
.forum-desc,.subforum-title,.subforum-card small{display:none!important}
.subforum-box{padding:6px!important}
.subforum-card{min-height:38px!important;padding:6px 9px!important;align-items:center!important}

/* Compact matched homepage sidebar panels. */
.home-dashboard{grid-template-columns:minmax(0,1fr) 230px!important}
.home-sidebar{
  width:230px!important;
  max-width:230px!important;
}
.home-sidebar .compact-panel{
  width:230px!important;
  max-width:230px!important;
}
.home-sidebar .compact-panel .panel-body{padding:8px!important}
.home-sidebar .compact-panel .panel-head{
  min-height:36px!important;
  height:36px!important;
  padding:5px 10px!important;
  font-size:14px!important;
}
.home-sidebar .compact-panel .panel-head img{width:21px!important;height:21px!important}
.home-sidebar .account-mini{
  gap:8px!important;
  padding:2px 2px 7px!important;
}
.home-sidebar .account-mini-avatar{width:46px!important;height:46px!important}
.home-sidebar .account-mini strong{font-size:14px!important}
.home-sidebar .account-mini span{font-size:10px!important;margin-top:2px!important}
.home-sidebar .side-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  padding:3px 8px!important;
  margin:3px 0 0!important;
  font-size:11px!important;
  line-height:1!important;
  text-align:center!important;
}
.home-sidebar .world-online{font-size:16px!important;margin:0 0 6px!important}
.home-sidebar .orb{width:12px!important;height:12px!important}
.home-sidebar .world-row{padding:5px 1px!important;font-size:11px!important}
@media(max-width:1120px){
  .home-dashboard{grid-template-columns:minmax(0,1fr) 230px!important}
}
@media(max-width:860px){
  .home-dashboard{grid-template-columns:1fr!important}
  .home-sidebar,.home-sidebar .compact-panel{width:100%!important;max-width:none!important}
}

/* ========================================================================== 
   v43 — cumulative responsive/navigation/forum/play/exchange/hiscore polish
   ========================================================================== */

/* The account utilities are a sibling of the scrollable page-button strip.
   They share one navbar row but can never cover Discord/Exchange when narrow. */
.site-dock{overflow:visible!important}
.site-dock-inner{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:min(1040px,96%)!important;
  min-width:0!important;
  height:59px!important;
  overflow:visible!important;
}
.site-dock-links.stone-nav-links{
  display:flex!important;
  flex:1 1 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:59px!important;
  gap:2px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.site-dock-links.stone-nav-links::-webkit-scrollbar{display:none!important}
.site-dock-account{
  display:flex!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:59px!important;
  margin-left:2px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  position:relative!important;
  z-index:12000!important;
  background:transparent!important;
}
.site-dock-account>.header-dropdown{position:relative!important;overflow:visible!important}
.site-dock-account>.header-dropdown,
.site-dock-account .header-drop-button{
  flex:0 0 50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;
}
/* Inbox + notifications keep their stone controls, with icons centered exactly. */
.site-dock-account .dock-icon-wrap .header-drop-button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;
  border:0!important;outline:0!important;
  background:transparent url('/assets/images/ui/v13/button-stone.png') center/46px 46px no-repeat!important;
  box-shadow:none!important;
}
.site-dock-account .dock-icon-wrap .header-drop-button:hover,
.site-dock-account .dock-icon-wrap.open .header-drop-button{
  background:transparent url('/assets/images/ui/v13/button-stone.png') center/46px 46px no-repeat!important;
  filter:brightness(1.12)!important;
}
.site-dock-account .dock-icon-wrap .header-drop-button>img{
  display:block!important;position:static!important;
  width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;
  margin:0!important;object-fit:contain!important;transform:none!important;
}
/* Profile picture has NO stone button behind it. */
.site-dock-account .dock-profile-wrap .dock-avatar-button,
.site-dock-account .dock-profile-wrap .dock-avatar-button:hover,
.site-dock-account .dock-profile-wrap.open .dock-avatar-button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;border:0!important;outline:0!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;
}
.site-dock-account .dock-profile-wrap .dock-avatar{
  width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;
  margin:0!important;border-radius:50%!important;object-fit:contain!important;
}
.site-dock-account .header-drop-button::after,
.site-dock-account .header-drop-button::before{content:none!important;display:none!important}
.site-dock-account .header-drop-button:focus,
.site-dock-account .header-drop-button:active{outline:0!important;border-bottom:0!important;box-shadow:none!important}
/* Dropdowns must render over the navbar, slideshow and page panels. */
.site-dock-account .header-drop-panel{
  display:none!important;position:absolute!important;top:56px!important;right:0!important;
  z-index:30000!important;overflow:visible!important;
}
.site-dock-account .header-dropdown.open>.header-drop-panel{display:block!important}
.site-dock-account [data-dropdown="messages"] .header-drop-panel{right:-100px!important}
.site-dock-account [data-dropdown="notifications"] .header-drop-panel{right:-50px!important}
.site-dock-account [data-dropdown="account"] .header-drop-panel{right:0!important}
@media(max-width:760px){
  .site-dock-account{flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important}
  .site-dock-account>.header-dropdown,.site-dock-account .header-drop-button{flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
  .site-dock-account .dock-icon-wrap .header-drop-button{background-size:42px 42px!important}
  .site-dock-account .dock-profile-wrap .dock-avatar{width:33px!important;height:33px!important}
  .site-dock-account .header-drop-panel{position:fixed!important;top:50px!important;right:6px!important;max-width:calc(100vw - 12px)!important}
}

/* Brand hover PNGs preserve transparency, so colour never leaks outside the stone sprite. */
.site-dock .stone-nav-play:hover,
.site-dock .stone-nav-play.active{
  background-image:url('/assets/images/ui/v43/play-now-green.png?v=43')!important;
  background-size:100% 56px!important;background-position:center!important;background-repeat:no-repeat!important;
}
.site-dock .stone-nav-discord:hover,
.site-dock .stone-nav-discord.active{
  background-image:url('/assets/images/ui/v43/discord-blurple.png?v=43')!important;
  background-size:100% 56px!important;background-position:center!important;background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .site-dock .stone-nav-play:hover,.site-dock .stone-nav-play.active,
  .site-dock .stone-nav-discord:hover,.site-dock .stone-nav-discord.active{background-size:100% 48px!important}
}

/* Much darker graphite Grey theme. */
html[data-theme="grey"] body{background:radial-gradient(circle at 50% -120px,#202326 0,#101214 330px,#060708 720px),#060708!important}
html[data-theme="grey"] .site-dock{background:#090b0c!important}
html[data-theme="grey"] .site-shell,
html[data-theme="grey"] .content{background:#111315!important;border-color:#363a3e!important}
html[data-theme="grey"] .panel,
html[data-theme="grey"] .wiki-list article,
html[data-theme="grey"] .classic-post,
html[data-theme="grey"] .topic-row,
html[data-theme="grey"] .account-card{background:#0c0e10!important;border-color:#303438!important}
html[data-theme="grey"] .panel-head,
html[data-theme="grey"] .forum-category-title,
html[data-theme="grey"] .drop-title,
html[data-theme="grey"] .chat-titlebar{background:linear-gradient(#24272a,#111315)!important;border-color:#3b3f43!important;box-shadow:inset 0 1px #383c40,inset 0 -1px #050607!important}
html[data-theme="grey"] .panel-body,
html[data-theme="grey"] .wiki-summary,
html[data-theme="grey"] .wiki-edit-card,
html[data-theme="grey"] .wiki-proposed-content,
html[data-theme="grey"] .header-drop-panel,
html[data-theme="grey"] .chat-compose,
html[data-theme="grey"] .theme-selector{background:#0b0d0f!important;border-color:#2f3337!important}
html[data-theme="grey"] input,
html[data-theme="grey"] select,
html[data-theme="grey"] textarea{background:#070809!important;border-color:#3a3e42!important;color:#e1e2e4!important}

/* News: more readable preview and a distinct dark-tan paper treatment. */
.home-news-row,
html[data-theme="grey"] .home-news-row,
html[data-theme="purple"] .home-news-row{
  background:#96805c!important;
  border-color:#58462f!important;
  color:#2d1b0d!important;
  text-shadow:none!important;
}
.home-news-row h2,.home-news-row h2 a{color:#3d240d!important;text-shadow:none!important}
.home-news-row h2 a:hover{color:#1e1106!important;text-decoration:underline!important}
.home-news-meta,.home-news-meta a{color:#52371e!important;text-shadow:none!important}
.home-news-excerpt{
  color:#2b1a0d!important;text-shadow:none!important;font-size:12px!important;line-height:1.48!important;
  -webkit-line-clamp:9!important;max-height:13.32em!important;
}
.home-news-more a{color:#3b2109!important;text-shadow:none!important}
.home-news-more a:hover{color:#120a03!important}

/* Forum category counts + latest activity. */
.forum-row{grid-template-columns:52px minmax(230px,1fr) 70px 70px minmax(175px,240px)!important}
.forum-stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important}
.forum-stat strong{display:block!important;color:#e6cf96!important;font:12px Georgia,serif!important;line-height:1!important}
.forum-stat span{display:block!important;color:#b9aa90!important;font-size:10px!important;line-height:1!important;text-transform:capitalize!important}
.forum-latest{min-width:0!important;padding:4px 10px!important;border-left:1px solid #3d3020!important;font-size:10px!important;line-height:1.35!important}
.forum-latest-title{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#e6c878!important;font:bold 11px Georgia,serif!important}
.forum-latest>span{display:block!important;margin-top:3px!important;color:#9f927d!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.forum-latest>span a{color:#cdb474!important}
@media(max-width:900px){.forum-row{grid-template-columns:48px minmax(190px,1fr) 58px 58px minmax(145px,190px)!important}}
@media(max-width:680px){.forum-row{grid-template-columns:44px 1fr 54px 54px!important}.forum-latest{display:none!important}}

/* Rank bars: explicit reserved vertical lane, including protruding helmet/crown. */
.post-ranks .user-rank-stack,
.player-profile-identity .user-rank-stack{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;padding-top:12px!important}
.user-rank-stack>.user-rankbar{position:relative!important;flex:0 0 25px!important;margin:0 0 22px!important}
.user-rank-stack>.user-rankbar:last-child{margin-bottom:0!important}

/* Forum post stat/Discord layout: Discord sits BELOW post count and uses the sprite logo. */
.post-user-tools{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:8px 0 5px!important}
.discord-friend-button{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;padding:0!important}
.discord-friend-icon-img{display:block!important;width:27px!important;height:27px!important;object-fit:contain!important}

/* Wiki sidebar: slightly taller, larger centered label, and narrower controls. */
.wiki-shell{grid-template-columns:180px minmax(0,1fr)!important}
.wiki-sidebar{width:180px!important;max-width:180px!important}
.wiki-category-nav{padding:6px!important;background:transparent!important}
.wiki-category-nav a,
html[data-theme="grey"] .wiki-category-nav a,
html[data-theme="purple"] .wiki-category-nav a{
  width:164px!important;min-width:164px!important;max-width:164px!important;
  height:36px!important;min-height:36px!important;padding:0 20px!important;
  background:linear-gradient(#302d27,#1c1a17 52%,#11100e)!important;
  font:bold 14px/36px Georgia,"Times New Roman",serif!important;
  text-align:center!important;
}
.wiki-category-nav a:hover,
.wiki-category-nav a.active{background:linear-gradient(#5a4728,#342719 52%,#19120c)!important}

/* Exchange compact search + five cards per row. */
.ge-search-compact{display:flex!important;align-items:center!important;gap:5px!important;width:min(420px,100%)!important;margin:0!important}
.ge-search-compact input{flex:0 1 350px!important;width:350px!important;max-width:calc(100% - 42px)!important;height:34px!important}
.ge-search-button{display:grid!important;place-items:center!important;width:36px!important;height:34px!important;min-width:36px!important;padding:0!important;border:1px solid #6a5538!important;background:linear-gradient(#393027,#17130f)!important;color:#e9cf8e!important;cursor:pointer!important}
.ge-search-button:hover{background:linear-gradient(#5c4829,#2b2114)!important;border-color:#9a7848!important}
.ge-search-button svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important}
.ge-grid-five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
.ge-card-compact{display:block!important;min-width:0!important;padding:8px!important;border:1px solid #4c371f!important;background:#110d08!important;text-align:center!important;color:#d7c7a5!important}
.ge-card-compact:hover{background:#1b140c!important;border-color:#76582d!important;color:#fff!important}
.ge-card-compact strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}
.ge-card-compact>div{margin-top:5px!important;font-size:10px!important;color:#d2b66c!important}
@media(max-width:900px){.ge-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.ge-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:480px){.ge-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Hiscores use authentic game sprite/image sources, displayed crisply and consistently. */
.hiscore-metric-list img,.hiscore-ranking-head img{object-fit:contain!important;image-rendering:auto!important;background:transparent!important}
.hiscore-metric-list img{width:28px!important;height:28px!important}
.hiscore-ranking-head img{width:42px!important;height:42px!important}
.hiscore-tabs{grid-template-columns:repeat(4,1fr)!important}

/* Actual Play Now page. */
.play-page{margin:-14px!important;padding:0 0 16px!important;background:#0b0d0c!important;overflow:hidden!important}
.play-hero{position:relative!important;min-height:245px!important;border-bottom:1px solid #745c35!important;background:url('/assets/images/hero-scenery.jpg') center 45%/cover no-repeat!important;overflow:hidden!important}
.play-hero-shade{position:absolute!important;inset:0!important;background:linear-gradient(rgba(5,8,8,.18),rgba(6,8,8,.88))!important;box-shadow:inset 0 0 70px #000!important}
.play-hero-copy{position:relative!important;z-index:2!important;padding:88px 20px 42px!important;text-align:center!important}
.play-hero-copy h1{margin:0!important;color:#ead39a!important;font:700 48px/1 Georgia,"Times New Roman",serif!important;letter-spacing:1px!important;text-shadow:0 3px 4px #000!important}
.play-hero-copy p{margin:9px 0 0!important;color:#ddd5c3!important;font:15px Georgia,serif!important}
.play-choice-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;padding:14px!important}
.play-choice{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;padding:12px 10px 13px!important;border:1px solid #4a4d4d!important;border-radius:8px!important;background:linear-gradient(#131718,#0b0e0f)!important;box-shadow:inset 0 0 0 1px #070909,0 2px 5px #000!important;text-align:center!important}
.play-choice img{width:150px!important;height:122px!important;max-width:100%!important;object-fit:contain!important;border-radius:6px!important}
.play-choice h2{margin:5px 0 6px!important;color:#f0d79a!important;font:700 17px Georgia,serif!important}
.play-choice p{min-height:48px!important;margin:0 0 10px!important;color:#c9c4b8!important;font-size:10px!important;line-height:1.45!important}
.play-choice small{display:block!important;margin-top:7px!important;color:#817d75!important;font-size:9px!important}
.play-download{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:38px!important;padding:6px 8px!important;border:1px solid #b58b46!important;border-radius:6px!important;background:linear-gradient(#4b3b20,#1f180e)!important;color:#f2d794!important;font:bold 12px Georgia,serif!important;text-shadow:0 1px #000!important}
.play-download:hover{background:linear-gradient(#735a2c,#302314)!important;color:#fff1b7!important}
.play-download.disabled{border-color:#4a4d4f!important;background:#151819!important;color:#777b7e!important;cursor:default!important}
.play-choice-browser .play-download:not(.disabled){border-color:#52915c!important;background:linear-gradient(#285f33,#14351d)!important;color:#dff4d8!important}
.play-choice-browser .play-download:not(.disabled):hover{background:linear-gradient(#357a42,#1a4825)!important}
.play-help-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0 14px!important;padding:12px 15px!important;border:1px solid #3f4444!important;border-radius:8px!important;background:#0e1213!important}
.play-help-strip strong,.play-help-strip span{display:block!important}.play-help-strip strong{color:#e8ca82!important;font:15px Georgia,serif!important}.play-help-strip span{margin-top:3px!important;color:#999b98!important;font-size:10px!important}
.play-help-actions{display:flex!important;gap:6px!important;flex:0 0 auto!important}
@media(max-width:980px){.play-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.play-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.play-hero-copy h1{font-size:38px!important}}
@media(max-width:460px){.play-choice-grid{grid-template-columns:1fr!important}.play-help-strip{flex-direction:column!important;align-items:flex-start!important}}

/* ========================================================================== 
   v44 — footer theme dropdown + full mobile responsiveness pass
   ========================================================================== */

/* Compact theme selector, anchored to the left side of the footer area. */
footer{position:relative!important}
.theme-selector{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:min(1040px,96%)!important;
  margin:11px auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
}
.theme-selector label{
  margin:0!important;
  color:#d8c69f!important;
  font:bold 11px Verdana,Arial,sans-serif!important;
}
.theme-selector select{
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  height:30px!important;
  margin:0!important;
  padding:4px 28px 4px 9px!important;
  border:1px solid #665238!important;
  border-radius:5px!important;
  background:#17130e!important;
  color:#e7d7b1!important;
  box-shadow:inset 0 1px 3px #070604!important;
  font:11px Georgia,"Times New Roman",serif!important;
  cursor:pointer!important;
}
html[data-theme="grey"] .theme-selector,
html[data-theme="purple"] .theme-selector{background:transparent!important;border:0!important}
html[data-theme="grey"] .theme-selector select{background:#070809!important;border-color:#3a3e42!important;color:#e1e2e4!important}
html[data-theme="purple"] .theme-selector select{background:#110c14!important;border-color:#5b4264!important;color:#e7dceb!important}

/* Every hiscore icon occupies one predictable transparent canvas. */
.hiscore-metric-list img,
.hiscore-ranking-head img,
.hiscore-card img,
.profile-vertical-nav img{
  background:transparent!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
.hiscore-metric-list img{width:28px!important;height:28px!important}
.hiscore-ranking-head img{width:42px!important;height:42px!important}

/* Mobile: keep the page itself from becoming a giant desktop canvas. */
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  html{scroll-padding-top:50px!important}
  body{padding-top:50px!important}

  .site-dock{
    left:0!important;
    transform:none!important;
    width:100%!important;
    height:50px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .site-dock-inner{
    width:max-content!important;
    min-width:100%!important;
    height:49px!important;
    margin:0!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
  }
  .site-dock-links.stone-nav-links{
    width:auto!important;
    min-width:0!important;
    height:49px!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    gap:2px!important;
  }
  .site-dock .stone-nav-btn,
  .site-dock .stone-nav-btn:hover,
  .site-dock .stone-nav-btn.active,
  .site-dock .stone-nav-btn:active{
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    background-size:96px 46px!important;
  }
  .site-dock-account{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:48px!important;
    margin-left:2px!important;
  }
  .site-dock-account>.header-dropdown,
  .site-dock-account .header-drop-button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  .site-dock-account .header-drop-panel{
    position:fixed!important;
    top:50px!important;
    right:6px!important;
    left:auto!important;
    width:min(320px,calc(100vw - 12px))!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100vh - 58px)!important;
    overflow-y:auto!important;
  }
  .site-dock-account [data-dropdown="messages"] .header-drop-panel,
  .site-dock-account [data-dropdown="notifications"] .header-drop-panel,
  .site-dock-account [data-dropdown="account"] .header-drop-panel{right:6px!important}

  .site-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .content{padding:8px!important;min-width:0!important}
  .masthead{height:155px!important}
  .logo-link{width:95%!important;height:152px!important;max-width:95%!important}

  .home-dashboard{grid-template-columns:1fr!important;gap:9px!important}
  .home-sidebar{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
  .feature-hero{height:210px!important}
  .home-news-row{padding:11px!important}
  .home-news-row h2{font-size:15px!important}
  .home-news-excerpt{font-size:11px!important;line-height:1.45!important}

  .panel{min-width:0!important;margin-bottom:9px!important}
  .panel-head{min-height:38px!important;height:auto!important;padding:6px 9px!important;font-size:14px!important}
  .panel-head img{width:22px!important;height:22px!important}
  .panel-body{padding:9px!important;min-width:0!important}
  .panel-head-link{font-size:9px!important;white-space:nowrap!important}

  /* Forum index keeps Topics, Posts and Latest Post instead of hiding them. */
  .forum-row{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 58px 58px!important;
    grid-template-areas:
      "icon info topics posts"
      "icon latest latest latest"!important;
    align-items:center!important;
    row-gap:4px!important;
    min-height:74px!important;
    padding:5px 4px!important;
  }
  .forum-icon{grid-area:icon!important}
  .forum-info{grid-area:info!important;min-width:0!important}
  .forum-row>.forum-stat:nth-of-type(3){grid-area:topics!important}
  .forum-row>.forum-stat:nth-of-type(4){grid-area:posts!important}
  .forum-latest{
    grid-area:latest!important;
    display:block!important;
    min-width:0!important;
    padding:5px 8px 2px!important;
    margin-top:2px!important;
    border-left:0!important;
    border-top:1px solid #3d3020!important;
  }
  .forum-latest-title{font-size:10px!important}
  .forum-name{font-size:12px!important}
  .subforum-links{font-size:9px!important;line-height:1.45!important}
  .forum-stat strong{font-size:11px!important}
  .forum-stat span{font-size:8px!important}
  .forum-category-title{height:auto!important;min-height:34px!important;padding:6px 10px!important;font-size:14px!important}
  .forum-key{font-size:9px!important}

  .topic-row{grid-template-columns:28px minmax(0,1fr) 48px!important;padding:5px!important}
  .topic-title{font-size:12px!important}
  .topic-row .muted{font-size:9px!important}
  .classic-post{grid-template-columns:1fr!important}
  .post-user{border-right:0!important;border-bottom:1px solid #4d371f!important;padding:9px!important}
  .post-content,.post-message,.forum-post-body{min-width:0!important;overflow-wrap:anywhere!important}
  .forum-avatar{width:58px!important;height:58px!important}
  .user-rankbar{max-width:calc(100vw - 54px)!important}

  /* Profile pages become one column; tab navigation is swipeable. */
  .player-profile-hero{padding:12px!important;gap:10px!important}
  .player-profile-layout{grid-template-columns:1fr!important;display:block!important}
  .profile-vertical-nav{
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .profile-vertical-nav::-webkit-scrollbar{display:none!important}
  .profile-vertical-nav a{flex:0 0 auto!important;min-width:102px!important}
  .profile-tab-content{min-width:0!important}
  .profile-hiscore-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Hiscores: metrics stack above rankings and stay touch friendly. */
  .hiscore-search{display:flex!important;gap:5px!important;align-items:center!important}
  .hiscore-search input{min-width:0!important}
  .hiscore-search .rs-button{min-width:104px!important;padding:8px 9px!important}
  .hiscore-tabs{grid-template-columns:repeat(2,1fr)!important}
  .hiscore-browser{grid-template-columns:1fr!important;display:block!important}
  .hiscore-metric-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:none!important;
    margin-bottom:8px!important;
  }
  .hiscore-metric-list a{min-width:0!important;padding:5px!important}
  .hiscore-ranking{min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .hiscore-table{min-width:520px!important}

  /* Wiki becomes a single column with compact category controls. */
  .wiki-shell{display:block!important;grid-template-columns:1fr!important}
  .wiki-sidebar{width:100%!important;max-width:none!important;margin:0 0 8px!important}
  .wiki-category-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
  }
  .wiki-category-nav a,
  html[data-theme="grey"] .wiki-category-nav a,
  html[data-theme="purple"] .wiki-category-nav a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
  .wiki-content,.wiki-article,.wiki-list{min-width:0!important;overflow-wrap:anywhere!important}

  /* Exchange stays dense but readable on phones. */
  .ge-search-compact{width:100%!important;max-width:100%!important}
  .ge-search-compact input{width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important}
  .ge-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .ge-card-compact{padding:7px 5px!important}

  /* Play Now cards collapse cleanly. */
  .play-page{margin:-8px!important}
  .play-hero{min-height:180px!important}
  .play-hero-copy{padding:58px 14px 28px!important}
  .play-hero-copy h1{font-size:32px!important}
  .play-hero-copy p{font-size:12px!important}
  .play-choice-grid{grid-template-columns:1fr 1fr!important;padding:8px!important;gap:7px!important}
  .play-choice{padding:9px 7px!important}
  .play-choice img{height:92px!important}
  .play-choice h2{font-size:14px!important}
  .play-choice p{min-height:0!important;font-size:9px!important}
  .play-help-strip{margin:0 8px!important;padding:9px!important;flex-direction:column!important;align-items:flex-start!important}
  .play-help-actions{width:100%!important;flex-wrap:wrap!important}

  /* Generic account/messages/admin/forms/tables remain navigable. */
  .account-layout,.account-grid,.admin-layout,.admin-grid,.help-grid,.friend-grid{grid-template-columns:1fr!important}
  .account-sidebar,.admin-sidebar{width:100%!important;max-width:none!important}
  .message-thread,.message-bubble,.account-card,.help-card{min-width:0!important;overflow-wrap:anywhere!important}
  table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  input,textarea,select{max-width:100%!important;font-size:16px!important} /* prevents iOS focus zoom */
  .rs-button,button.rs-button{min-width:0!important;max-width:100%!important}

  /* Chat is always contained by the phone viewport. */
  .site-chat,
  .site-chat.minimized{
    left:6px!important;
    right:6px!important;
    width:auto!important;
    max-width:none!important;
    bottom:0!important;
  }
  .chat-body,.chat-messages,.chat-compose{max-width:100%!important}
  .chat-compose{display:flex!important}
  .chat-compose input{min-width:0!important;flex:1 1 auto!important}
  .chat-send{flex:0 0 auto!important}

  .theme-selector{width:100%!important;padding:0 10px!important;margin-top:10px!important}
  .legal{padding:0 10px!important}
}

@media(max-width:430px){
  .masthead{height:132px!important}
  .logo-link{height:129px!important}
  .feature-hero{height:180px!important}
  .forum-row{
    grid-template-columns:34px minmax(0,1fr) 50px 50px!important;
  }
  .profile-hiscore-cards{grid-template-columns:1fr 1fr!important}
  .hiscore-metric-list{grid-template-columns:1fr!important}
  .wiki-category-nav{grid-template-columns:1fr!important}
  .ge-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .play-choice-grid{grid-template-columns:1fr!important}
  .account-drop-panel{width:calc(100vw - 12px)!important}
}

/* v45 Global / private Support chat and support-ticket forum controls */
.site-chat .chat-body{height:360px!important}
.chat-tabs{display:grid;grid-template-columns:1fr 1fr;flex:0 0 32px;height:32px;border-bottom:1px solid #594528;background:#0e0b08}
.chat-tab{position:relative;margin:0;border:0;border-right:1px solid #4a3924;border-radius:0!important;background:linear-gradient(#282017,#16110c)!important;color:#a99a7f!important;font:bold 11px Georgia,"Times New Roman",serif;text-shadow:1px 1px #000;cursor:pointer;letter-spacing:.2px}
.chat-tab:last-child{border-right:0}.chat-tab:hover{color:#e8d6a7!important;background:linear-gradient(#332719,#1d160e)!important}.chat-tab.active{color:#f0d18b!important;background:linear-gradient(#3b2d1b,#21170d)!important;box-shadow:inset 0 -2px #b38a43}
.chat-tab-alert{display:none;position:absolute;top:6px;right:9px;width:7px;height:7px;border-radius:50%;background:#d7a53f;box-shadow:0 0 6px rgba(225,174,70,.9)}
.chat-tab.has-unread .chat-tab-alert{display:block}.chat-tab.has-unread{color:#f2d48f!important;box-shadow:inset 0 0 0 1px #85642f,0 0 7px rgba(191,139,49,.45)}
.chat-tab.notify-pulse{animation:supportTabPulse .65s ease 0s 3}.chat-tab.notify-close{animation:supportTabClose .55s ease 0s 4}
@keyframes supportTabPulse{0%,100%{filter:none}50%{filter:brightness(1.8);box-shadow:inset 0 0 0 1px #e1b158,0 0 10px #b57e28}}
@keyframes supportTabClose{0%,100%{filter:none}50%{filter:brightness(1.45);box-shadow:inset 0 0 0 1px #c95f4e,0 0 10px rgba(184,62,47,.85)}}
.chat-panel{min-height:0;flex:1 1 auto;position:relative}.chat-panel.active{display:flex;flex-direction:column}.chat-panel[hidden]{display:none!important}
.global-chat-panel>.chat-messages,.support-chat-panel>.chat-messages{height:auto!important;min-height:0;flex:1 1 auto}
.chat-rank-support{color:#72d6c0!important}.rank-support{--rank1:#2f6e61;--rank2:#14372f;--rankBorder:#5ca998;color:#c5f0e5}

.support-ticket-bar{flex:0 0 auto;min-height:27px;padding:6px 9px;border-bottom:1px solid #46351f;background:#17110b;color:#cbb68a;font:bold 10px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-messages{padding:7px 8px!important;background:radial-gradient(circle at 50% 0,rgba(81,67,42,.12),transparent 55%),#0b0906!important}
.support-line{margin:0 0 6px;padding:6px 7px;border:1px solid #33281a;background:#12100c;color:#ddd0b5;font:11px/1.35 Verdana,Arial,sans-serif;word-break:break-word}
.support-line:last-child{margin-bottom:1px}.support-line-head{display:flex;align-items:center;gap:8px;margin-bottom:3px;color:#d7bd75}.support-line-head span{margin-left:auto;color:#6f6759;font-size:9px}.support-line-body{white-space:pre-wrap}.support-ticket-event-title{margin:2px 0 4px;color:#a99878;font:bold 10px Georgia,serif}.support-ticket-link{display:inline-block;margin-top:5px;color:#e0bd6c;font:bold 10px Georgia,serif}.support-event-reviewing,.support-event-ticket_created,.support-event-ticket_reopened{border-color:#524327;background:#15120d}.support-event-ticket_closed{border-color:#66372f;background:#1a100d}.support-event-staff_message{border-color:#65502a;background:#17130d}
.support-prompt{flex:0 0 auto;min-height:28px;padding:6px 8px;border-top:1px solid #44341f;background:#17120c;color:#b7aa90;font:10px/1.35 Verdana,Arial,sans-serif}
.support-actions{display:flex;flex-wrap:wrap;gap:5px;padding:0 7px 6px;background:#17120c}.support-actions:empty{display:none}.support-action-button{min-height:27px;padding:4px 10px;border:1px solid #70552d!important;border-radius:2px!important;background:linear-gradient(#3a2b18,#1b1209)!important;color:#ead39a!important;font:bold 10px Georgia,serif;cursor:pointer}.support-action-button:hover{filter:brightness(1.2)}
.support-compose{display:flex;flex:0 0 57px;height:57px;margin:0;padding:5px 7px;border-top:1px solid #44341f;background:#100d09}.support-compose[hidden]{display:none!important}.support-compose textarea{min-width:0;flex:1 1 auto;resize:none;margin:0;padding:6px 8px;border:1px solid #624b2b;background:#070604;color:#eee1c3;font:11px/1.3 Verdana,Arial,sans-serif}.support-send{flex:0 0 66px;height:auto;margin-left:5px}.support-error{flex:0 0 16px}.support-guest{margin:auto;padding:22px;text-align:center;color:#a99d86;font:11px/1.5 Verdana,Arial,sans-serif}.support-guest strong{display:block;color:#e2ca91;font:16px Georgia,serif}.support-guest p{margin:8px 0 14px}

.support-topic-status{display:flex;align-items:center;gap:8px;margin:8px 0;padding:7px 9px;border:1px solid #574126;background:#17110b;color:#a9997c;font:10px Verdana,sans-serif}.support-topic-status strong{color:#e0c27c;font:12px Georgia,serif}.support-topic-status span:last-child{margin-left:auto;padding:3px 7px;border:1px solid #4d6b3c;color:#9ad879}.support-topic-status span.closed{border-color:#77433b;color:#e18d7f}.topic-lock-form{display:flex;justify-content:flex-end;margin:7px 0}.topic-lock-form .rs-button.danger{border-color:#7d4036!important;color:#f2b0a4!important}

html[data-theme="grey"] .chat-tabs,html[data-theme="grey"] .support-ticket-bar,html[data-theme="grey"] .support-prompt,html[data-theme="grey"] .support-actions{background:#0d0f10!important;border-color:#33373b!important}
html[data-theme="purple"] .chat-tabs,html[data-theme="purple"] .support-ticket-bar,html[data-theme="purple"] .support-prompt,html[data-theme="purple"] .support-actions{background:#120d14!important;border-color:#48344e!important}
@media(max-width:560px){.site-chat .chat-body{height:330px!important}.chat-tabs{flex-basis:34px;height:34px}.support-compose{flex-basis:62px;height:62px}.support-action-button{flex:1 1 30%}}