:root{--bg:#121318;--surface:#1b1c23;--surface2:#22232b;--surface3:#2b2933;--border:#3d3c46;--text:#eee9e3;--muted:#a6a3ad;--dim:#75737e;--gold:#e6b967;--gold2:#ad8148;--purple:#a57ce0;--purple2:#6d478e;--orange:#e27e31;--serif:'Cinzel',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:'';pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% -25%,#4a315436,transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 28px,#ffffff02 29px,#ffffff02 30px)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#794db1;color:white}.wrap{width:min(1220px,calc(100% - 46px));margin:auto}
    .announcement{height:30px;background:#211c29;border-bottom:1px solid #5e466e;color:#c7b7d8;display:flex;align-items:center;justify-content:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:.04em}.announcement b{background:#a17ac5;color:#130e19;padding:2px 6px;border-radius:2px;font-size:9px;letter-spacing:.08em}.announcement a{color:#f0d5a7;text-decoration:underline;text-underline-offset:3px}.header{height:79px;background:linear-gradient(#202127,#17171d);border-bottom:1px solid #49424b;box-shadow:0 6px 19px #0005}.header-inner{display:flex;align-items:center;height:100%;gap:43px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid #9c7947;background:linear-gradient(135deg,#42265d,#18141d);box-shadow:inset 0 0 0 3px #201925,0 0 15px #8b539a35;transform:rotate(45deg);border-radius:5px}.brand-mark span{transform:rotate(-45deg);font-family:var(--serif);font-size:27px;line-height:1;color:#e3c48b;text-shadow:0 2px 5px #000}.brand-words{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:.045em;color:#f4e5c9}.brand-words span{color:#b999e1}.brand-sub{font-family:var(--sans);font-size:8px;font-weight:800;letter-spacing:.23em;color:#a99caf;margin-top:-2px}.desktop-nav{display:flex;align-items:center;gap:25px;margin-right:auto;height:100%}.desktop-nav a{height:100%;display:inline-flex;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#adaab2;position:relative;transition:color .15s}.desktop-nav a.active,.desktop-nav a:hover{color:#f2ddbb}.desktop-nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#d2a45d}.header-actions{display:flex;align-items:center;gap:16px}.header-actions .login{font-size:10px;text-transform:uppercase;color:#c7bbc7;letter-spacing:.1em;font-weight:800}.join-btn{background:linear-gradient(135deg,#ac81d6,#7954a3);border:1px solid #b896e0;color:#fff;padding:11px 17px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap;box-shadow:0 3px 15px #0005}.join-btn:hover{filter:brightness(1.1)}.mobile-menu{display:none;border:1px solid #64556c;background:#24202a;color:#fff;width:41px;height:41px}.mobile-menu svg{width:21px;height:21px}.mobile-nav{display:none}
    .intro{border-bottom:1px solid #3b3941;background:radial-gradient(ellipse at 80% 30%,#422d4b4d,transparent 60%),linear-gradient(135deg,#25242a,#19191f);padding:50px 0 48px;position:relative;overflow:hidden}.intro:after{content:'◈';position:absolute;right:12%;top:-150px;font-size:440px;color:#ffffff03;font-family:Georgia;pointer-events:none}.intro-grid{display:flex;justify-content:space-between;align-items:center;gap:50px;position:relative;z-index:1}.overline{text-transform:uppercase;color:var(--gold);letter-spacing:.23em;font-size:10px;font-weight:800;display:flex;align-items:center;gap:12px}.overline:before{content:'';width:25px;height:1px;background:#ac8c5d}.intro h1{font:700 clamp(32px,3.5vw,47px)/1.19 var(--serif);letter-spacing:-.025em;margin:13px 0 13px}.intro h1 em{font-style:normal;color:var(--gold)}.intro p{color:#b8b6ba;line-height:1.8;margin:0;font-size:12px;max-width:590px}.intro-metrics{display:flex;gap:0;border:1px solid #5d4e5d;background:#151419ab;box-shadow:0 12px 32px #0003;flex:none}.metric{text-align:center;padding:20px 23px;min-width:116px;border-right:1px solid #403845}.metric:last-child{border-right:0}.metric strong{display:block;font:700 26px/1.2 var(--serif);color:#f0d19a}.metric span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#a8a1ad;font-weight:800;margin-top:8px}.preview-belt{background:#28232b;border-bottom:1px solid #433747;color:#b8a9be;padding:9px 0;font-size:10px;letter-spacing:.03em}.preview-belt .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.preview-belt b{color:#e8c17a}.preview-belt a{color:#dac3ed;text-decoration:underline}
    .content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;padding-top:30px}.maincol{min-width:0}.ad-label{display:flex;justify-content:space-between;align-items:center;color:#998d9f;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.18em;margin:0 0 9px}.ad-label span:last-child{color:#8d818e}.featured-ad{position:relative;min-height:174px;border:1px solid #a17c53;background:#10151a url('featured-catalyst.webp') center 53%/cover;overflow:hidden;display:flex;align-items:center;padding:22px 28px;box-shadow:0 0 0 3px #211c1d,0 12px 25px #0007}.featured-ad:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090d11f5 0%,#101216bc 49%,#1117197d 77%,#070b0ed9)}.featured-ad:after{content:'';position:absolute;inset:6px;border:1px solid #d7ab6540;pointer-events:none}.featured-inner{position:relative;z-index:1;display:flex;align-items:center;width:100%;gap:22px}.featured-crest{width:210px;height:auto;display:block;filter:drop-shadow(0 10px 13px #000d)}.featured-copy{flex:1;min-width:0}.sponsor-badge{color:#f0bf68;text-transform:uppercase;font-weight:800;font-size:9px;letter-spacing:.2em;margin-bottom:8px}.featured-copy h2{font:700 25px/1 var(--serif);margin:0 0 10px;color:#f5ddbc}.featured-copy p{font-size:11px;color:#d8d1ca;line-height:1.6;margin:0;max-width:335px}.ad-cta{display:inline-block;flex:none;border:1px solid #e7ae6d;background:linear-gradient(#f3b967,#cb7b2c);color:#251609;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:900;padding:15px 19px;box-shadow:inset 0 1px #fff6,0 6px 19px #0007}.ad-cta:hover{filter:brightness(1.11)}
    .ranking-box{margin-top:29px}.ranking-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.ranking-heading h2{font:700 26px var(--serif);margin:3px 0 3px;color:#eee1ca}.ranking-heading p{font-size:11px;color:#9d9aa4;margin:0}.ranking-count{font-size:10px;font-weight:800;letter-spacing:.1em;color:#a997b8;text-transform:uppercase;text-align:right}.ranking-toolbar{border:1px solid #4a434d;background:#25232b;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.category-tabs{display:flex;gap:5px;flex-wrap:wrap}.category-tabs button{background:transparent;border:1px solid transparent;color:#c3bcc7;padding:9px 12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.category-tabs button.active{background:#5b3e70;border-color:#8768a0;color:#fff}.category-tabs button:hover:not(.active){border-color:#6e5c74}.search-box{display:flex;align-items:center;gap:9px;background:#121217;border:1px solid #514a55;color:#9e9ba5;padding:0 12px;width:223px;min-width:180px}.search-box svg{width:16px;height:16px;flex:none}.search-box input{background:transparent;border:0;color:#fff;height:36px;width:100%;min-width:0;font-size:11px;outline:none}.search-box input::placeholder{color:#8e8894}.search-box:focus-within{border-color:#a47dce}.server-list{display:grid;gap:12px;margin-top:13px}.server-row{display:grid;grid-template-columns:57px 105px minmax(0,1fr) 130px;min-height:178px;border:1px solid #41404a;background:linear-gradient(110deg,#282730,#1c1d23);position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.server-row:hover{border-color:#916da7;transform:translateY(-2px)}.server-row.first{border-color:#786243;background:linear-gradient(110deg,#302a2b,#201e23)}.server-row .rank{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1c1a21;border-right:1px solid #3e3940;font-family:var(--serif)}.server-row.first .rank{background:linear-gradient(#3a3023,#1d1b20)}.rank .hash{color:#817780;font:800 9px var(--sans);letter-spacing:.1em}.rank .number{font-size:24px;color:#d6c2a3;margin-top:4px}.first .rank .number{color:var(--gold)}.rank svg{width:21px;height:21px;margin-top:9px;color:#9c7b4c}.server-logo{display:flex;align-items:center;justify-content:center;margin:22px 11px 22px 15px;border:1px solid #615268;background:radial-gradient(circle at center,#4d3264,#18151f);position:relative;overflow:hidden}.server-logo:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff16;pointer-events:none}.server-logo span{font:700 44px var(--serif);color:#ddc8e9;text-shadow:0 4px 9px #000}.server-logo.elydris{background:radial-gradient(circle,#28444c,#151c27);border-color:#477178}.server-logo.elydris span{color:#a7dbd7}.server-info{padding:20px 9px 18px;min-width:0}.server-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.server-title h3{font:700 21px/1.2 var(--serif);margin:0;color:#f0e6d5}.server-title .rank-tag{color:#2d2110;background:var(--gold);font-weight:900;font-size:9px;padding:4px 6px;letter-spacing:.05em}.server-info p{font-size:11px;line-height:1.75;color:#b2afb7;margin:12px 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:9px;padding:4px 8px;color:#d6c7e0;background:#37283f;border:1px solid #5c4667}.tag.teal{color:#b5d9d9;border-color:#3a6064;background:#20343a}.tag.gold{color:#f4d49f;border-color:#685037;background:#392e23}.server-actions{border-left:1px solid #38353d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:18px 13px}.vote-count{text-align:center}.vote-count strong{font:700 26px/1 var(--serif);color:#f0d08b;display:block}.vote-count span{font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:#9996a0;display:block;margin-top:7px}.view-btn{display:inline-block;width:100%;text-align:center;background:#cf752e;border:1px solid #eb9853;padding:11px 8px;color:#20130c;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.view-btn:hover{background:#efa356}.no-results{display:none;text-align:center;background:#222129;border:1px dashed #5e5065;padding:36px 20px;color:#c2b9c7;font-size:12px}.no-results strong{display:block;font:700 21px var(--serif);color:#e5d9e8;margin-bottom:9px}.list-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:14px 18px;border:1px solid #3a3740;background:#1c1c22;color:#aaa7ae;font-size:11px}.list-footer a{color:#e3bd7e;font-weight:800;white-space:nowrap}.list-footer a:hover{text-decoration:underline}
    .sidebar{display:grid;gap:19px}.side-ad{min-height:285px;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;padding:23px;border:1px solid #6c5250;background:linear-gradient(0deg,#130f19 0%,#18151bb9 38%,#1113194d 100%),url('featured-catalyst.webp') center/cover;box-shadow:inset 0 0 0 5px #15131a}.side-ad .tiny{font-size:9px;letter-spacing:.19em;color:#d0b08a;text-transform:uppercase;font-weight:800}.side-ad h3{font:700 26px/1.2 var(--serif);margin:10px 0;color:#f6e1c3;text-shadow:0 3px 9px #000}.side-ad p{color:#c2bac1;font-size:10px;line-height:1.7;margin:0 0 15px}.side-ad a{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;background:#d1a15d;color:#1b1311;padding:12px 15px;display:block}.side-ad a:hover{background:#f1c78a}.sidebar-panel{background:#202027;border:1px solid #46404b;padding:22px}.sidebar-panel h3{font:700 17px/1.3 var(--serif);margin:0 0 18px;color:#eadfcf}.sidebar-panel .panel-sub{font-size:9px;color:#b39cbf;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.sidebar label.control-label{display:block;color:#b7afb8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.sidebar select{width:100%;height:38px;border:1px solid #5b5360;background:#131419;color:#ddd6df;padding:0 10px;font-size:11px;margin-bottom:16px}.check-group{display:grid;grid-template-columns:1fr 1fr;gap:10px 7px;margin:12px 0 20px}.check-group label{font-size:11px;color:#bfb8c5;display:flex;align-items:center;gap:8px;cursor:pointer}.check-group input{accent-color:#a779cf;width:14px;height:14px;margin:0}.filter-actions{display:flex;gap:8px}.apply-filter{background:#794da1;border:1px solid #a67bc9;color:#fff;font-size:10px;letter-spacing:.07em;font-weight:900;text-transform:uppercase;padding:11px;flex:1}.reset-filter{border:1px solid #51485a;background:#27232c;color:#c8bacf;font-size:10px;font-weight:800;padding:10px 12px}.sidebar-panel.compact{padding:22px}.mini-list{display:grid;gap:0}.mini-item{display:flex;align-items:center;gap:11px;border-top:1px solid #38323e;padding:13px 0}.mini-item:first-child{border-top:0}.mini-avatar{height:36px;width:36px;display:grid;place-items:center;font:700 19px var(--serif);background:#493052;color:#d8b8e8;border:1px solid #74547d;flex:none}.mini-avatar.blue{background:#203943;color:#afd4d5;border-color:#557b80}.mini-item a{font-size:12px;font-weight:800;color:#eee2e9;display:block}.mini-item a:hover{color:#eac891}.mini-item span{display:block;font-size:10px;color:#8e8791;margin-top:4px}.owner-links{display:grid;gap:9px}.owner-links a{display:flex;justify-content:space-between;align-items:center;border:1px solid #3e3943;background:#27252e;padding:11px 13px;font-size:11px;font-weight:800;color:#d2c8d3}.owner-links a:hover{border-color:#986cc3;color:#f2dcff}.owner-links a span{color:#ba94df}
    .articles{padding:76px 0 77px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.section-head .overline{font-size:9px}.section-head h2{font:700 28px var(--serif);margin:9px 0 0}.section-head a{color:#dfb778;font-size:11px;font-weight:800}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article{background:#1f1f26;border:1px solid #45404b;padding:24px 25px;transition:border-color .2s,transform .2s}.article:hover{border-color:#8766a2;transform:translateY(-3px)}.article .date{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ab8ebd}.article h3{font:700 16px/1.5 var(--serif);margin:12px 0;color:#f0e6d8}.article p{font-size:11px;color:#aaa5ac;line-height:1.8;margin:0 0 18px}.article .read{font-size:10px;font-weight:800;text-transform:uppercase;color:#e0bc83;letter-spacing:.1em}
    .bottom-banner{background:linear-gradient(90deg,#332338,#201d27 55%,#302333);border-block:1px solid #5b4661;padding:28px 0}.bottom-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-banner h2{font:700 20px var(--serif);margin:0 0 7px;color:#ead7b6}.bottom-banner p{font-size:11px;color:#b9aebf;margin:0}.bottom-banner a{display:inline-block;white-space:nowrap;background:#d4a364;color:#211511;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:15px 21px}.bottom-banner a:hover{background:#ecc58f}
    .footer{background:#101116;border-top:1px solid #302e39;padding:36px 0 23px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer .brand-mark{width:39px;height:39px}.footer .brand-mark span{font-size:24px}.footer .brand-words{font-size:17px}.footer-about{font-size:11px;color:#96919c;line-height:1.8;max-width:345px;margin:16px 0 0}.footer-links{display:flex;gap:58px}.footer-links h3{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#bfa9cd;margin:0 0 12px}.footer-links a{display:block;font-size:10px;color:#a9a4ad;margin:10px 0}.footer-links a:hover{color:#e5bb7e}.footer-bottom{border-top:1px solid #2e2c35;margin-top:34px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#77727f}
    /* A softer, brighter 2026 refresh — the classic toplist structure stays intact. */
    :root{--bg:#16131e;--surface:#25212f;--surface2:#2d2737;--border:#584b63;--gold:#f1c77d;--purple:#c09df4;--purple2:#8260bd;--orange:#eca154}
    body:before{background:radial-gradient(circle at 9% 16%,#9e59cf19,transparent 26%),radial-gradient(circle at 93% 57%,#9d6fca18,transparent 31%),radial-gradient(ellipse at 50% -30%,#53356663,transparent 62%),repeating-linear-gradient(45deg,transparent,transparent 30px,#ffffff02 31px,#ffffff02 32px)}
    .announcement{background:linear-gradient(90deg,#32213e,#37274a,#30203e);border-bottom-color:#73578e}.announcement b{border-radius:100px;padding:3px 9px;background:#d3abff;color:#291539}
    .header{background:linear-gradient(115deg,#282230f5,#1b1a24f6);backdrop-filter:blur(16px);border-bottom-color:#5b4e66}.brand-mark{border-radius:11px;background:linear-gradient(135deg,#705091,#392449);box-shadow:inset 0 0 0 3px #241b30,0 5px 20px #8b5ab84b}.desktop-nav a.active:after{height:4px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#b883fa,#f1c77d)}
    .join-btn,.bottom-banner a{border-radius:999px;background:linear-gradient(135deg,#c59bf6,#875fc2);box-shadow:0 7px 20px #a06ad135}.join-btn:hover,.bottom-banner a:hover{background:linear-gradient(135deg,#d5b0ff,#9f78d1)}.bottom-banner a{color:#fff;border:1px solid #d9b6fc}
    .intro{background:radial-gradient(circle at 88% 20%,#8b5dbb44,transparent 35%),radial-gradient(circle at 9% 104%,#7452a32e,transparent 31%),linear-gradient(115deg,#302638,#211d2b);border-bottom-color:#675173}.intro:after{color:#c7a4e50b}.intro .overline{color:#e7c7fc}.intro h1 em{background:linear-gradient(90deg,#f7d18f,#e6a7e9);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-metrics{border-radius:17px;overflow:hidden;background:#191621cc;border-color:#826c90;box-shadow:0 14px 35px #1b102d70,0 0 24px #9a5eb522}.metric strong{color:#f9d99e}.preview-belt{background:#352a3c;border-bottom-color:#6e547c}
    .featured-ad{border-radius:18px;border-color:#b18a72;box-shadow:0 0 0 3px #2e2430,0 18px 38px #0b071591;transition:transform .22s,box-shadow .22s}.featured-ad:hover{transform:translateY(-2px);box-shadow:0 0 0 3px #3b2c3b,0 22px 45px #0b0715a8}.featured-ad:after{border-radius:13px}.ad-cta{border-radius:999px;background:linear-gradient(130deg,#f9cf91,#e99e58);box-shadow:0 7px 20px #0007;white-space:nowrap}
    .ranking-toolbar{border-radius:15px;background:linear-gradient(120deg,#332b3d,#262331);border-color:#5f516a;box-shadow:0 8px 24px #0c081352}.category-tabs button{border-radius:999px;padding-inline:15px;background:#211b2a;border-color:#483950}.category-tabs button.active{background:linear-gradient(135deg,#9f6cdb,#7655b5);border-color:#c4a0f1;box-shadow:0 4px 13px #a376da4a}.category-tabs button:hover:not(.active){background:#3d2d4d;border-color:#886ca2}.search-box{border-radius:999px;border-color:#6a5877;background:#1d1825}.search-box input{color:#f4edf7}
    .server-row{border-radius:17px;background:linear-gradient(120deg,#302938,#252430);border-color:#564b62;box-shadow:0 9px 23px #0b07134d}.server-row.first{background:linear-gradient(110deg,#3a3038,#29232d);border-color:#a38568;box-shadow:0 10px 28px #16101974}.server-row:hover{border-color:#bf92f4;box-shadow:0 15px 32px #0d071b91,0 0 0 1px #ae83d459}.server-row .rank{border-radius:16px 0 0 16px;background:linear-gradient(180deg,#292130,#201c27)}.server-row.first .rank{background:linear-gradient(180deg,#55402c,#302432)}.server-logo{border-radius:15px;background:radial-gradient(circle at 35% 25%,#6a4a83,#231b30);box-shadow:inset 0 0 20px #ad75e527}.server-logo.elydris{background:radial-gradient(circle at 35% 25%,#45737e,#202b3b)}.server-logo:before{border-radius:10px}.server-title .rank-tag{border-radius:999px;padding:5px 9px;background:#f5cf86}.tag{border-radius:999px;padding:5px 10px;background:#463253;border-color:#725487}.tag.teal{background:#234448;border-color:#497e7f}.tag.gold{background:#4c392b;border-color:#85633e}.server-actions{background:#ffffff03}.vote-count strong{color:#f4d594}.view-btn{border-radius:999px;background:linear-gradient(120deg,#f4bb71,#e88c46);color:#2b180f;box-shadow:0 5px 15px #0004}.view-btn:hover{background:linear-gradient(120deg,#ffce91,#f0a563)}
    .side-ad{border-radius:18px;border-color:#a47f8f;box-shadow:inset 0 0 0 5px #17121ec4,0 13px 30px #130b1d80}.side-ad a{border-radius:999px;background:linear-gradient(125deg,#f0cf90,#dba46c)}.sidebar-panel{border-radius:18px;background:linear-gradient(150deg,#2c2635,#211f2a);border-color:#5e4f69;box-shadow:0 10px 26px #0b07134d}.sidebar select{border-radius:10px;background:#201a2a;border-color:#6b5878}.check-group input{accent-color:#b484f0}.apply-filter{border-radius:999px;background:linear-gradient(135deg,#aa77db,#8057b8)}.reset-filter{border-radius:999px;background:#30273a}.mini-avatar{border-radius:12px;background:linear-gradient(135deg,#6f4388,#452e5d)}.mini-avatar.blue{background:linear-gradient(135deg,#417b84,#234c5e)}.owner-links a{border-radius:10px;background:#302a3b}.owner-links a:hover{background:#41304e}
    .list-footer{border-radius:13px;background:#24202c;border-color:#4c3f55}.article{border-radius:17px;background:linear-gradient(145deg,#2b2634,#211f2a);border-color:#594b65;box-shadow:0 8px 21px #100a1a42}.article:hover{box-shadow:0 16px 30px #11091f83}.bottom-banner{background:linear-gradient(100deg,#493057,#2d2438 55%,#473057);border-block-color:#7d5c8c}.footer{background:linear-gradient(#17141d,#100e16)}
    .week-card{display:flex;align-items:center;gap:17px;margin-top:19px;padding:19px 22px;border:1px solid #775e89;border-radius:16px;background:linear-gradient(110deg,#382844,#292434 72%,#25212e);box-shadow:0 10px 23px #100b194e;position:relative;overflow:hidden}.week-card:after{content:'✦';position:absolute;right:19%;top:-36px;font:100px var(--serif);color:#fff07a07;pointer-events:none}.week-trophy{width:61px;height:61px;display:grid;place-items:center;flex:none;font-size:29px;border-radius:15px;background:linear-gradient(135deg,#674b79,#31263e);border:1px solid #9d78ae;box-shadow:inset 0 1px #ffffff37}.week-copy{flex:1;min-width:0;position:relative;z-index:1}.week-kicker{color:#efc687;font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:900}.week-copy h3{font:700 18px var(--serif);margin:5px 0 5px;color:#f3e7e8}.week-copy p{font-size:10px;line-height:1.6;color:#b8adbd;margin:0}.week-card>a{z-index:1;position:relative;flex:none;background:#d9b3ef;color:#281332;padding:12px 18px;border-radius:999px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.week-card>a:hover{background:#f3d6ff}
    .ranking-explainer{margin-top:19px;padding:21px 23px;border-radius:16px;border:1px solid #4d4654;background:#1c1a23}.ranking-explainer h3{font:700 16px var(--serif);margin:0 0 17px;color:#e7d8e6}.explainer-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.explainer-point{border-left:2px solid #a980c4;padding-left:13px}.explainer-point strong{display:block;font-size:10px;color:#e6d2f1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.explainer-point span{display:block;font-size:10px;color:#9c95a3;line-height:1.6}
    @media(max-width:1050px){.header-inner{gap:24px}.desktop-nav{gap:15px}.brand-words{font-size:17px}.content-grid{grid-template-columns:minmax(0,1fr) 275px;gap:20px}.featured-crest{width:165px}.server-row{grid-template-columns:45px 82px minmax(0,1fr) 105px}.server-logo{margin:20px 7px}.server-info{padding:17px 6px}.server-title h3{font-size:17px}.server-info p{font-size:10px}.server-actions{padding:10px}.metric{min-width:95px;padding:17px 13px}}
    @media(max-width:830px){.wrap{width:min(100% - 32px,1220px)}.desktop-nav,.header-actions .login,.header-actions .join-btn{display:none}.header{height:68px}.header-inner{justify-content:space-between}.mobile-menu{display:grid;place-items:center}.mobile-nav{display:none;background:#211f29;border-bottom:1px solid #5e5264;padding:12px 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 7px;font-size:11px;text-transform:uppercase;font-weight:800;border-bottom:1px solid #3e3645;color:#ddcedf}.intro{padding:35px 0}.intro-grid{align-items:flex-start;gap:25px}.intro-metrics{display:none}.intro h1{font-size:34px}.content-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.side-ad{min-height:235px}.ranking-toolbar{flex-wrap:wrap}.search-box{width:100%}.featured-ad{min-height:150px}.articles{padding:56px 0}.footer-links{gap:32px}}
    @media(max-width:580px){.announcement{font-size:8px;gap:7px;padding:0 8px}.brand-mark{height:39px;width:39px}.brand-mark span{font-size:24px}.brand-words{font-size:17px}.brand-sub{font-size:7px}.intro h1{font-size:29px}.intro p{font-size:11px}.intro{padding:31px 0}.preview-belt .wrap{display:block}.preview-belt .wrap span{display:block;margin-bottom:4px}.featured-ad{padding:22px 17px}.featured-inner{gap:10px}.featured-crest{width:120px}.featured-copy h2{font-size:17px}.featured-copy p{font-size:9px}.sponsor-badge{font-size:8px}.ad-cta{font-size:9px;padding:11px 9px}.ranking-heading h2{font-size:22px}.ranking-count{display:none}.category-tabs{width:100%}.category-tabs button{padding:8px 9px;font-size:9px}.server-row{grid-template-columns:45px minmax(0,1fr) 94px;min-height:170px}.server-logo{display:none}.server-info{padding:18px 9px}.server-info p{font-size:10px;-webkit-line-clamp:3}.server-title h3{font-size:17px}.server-title .rank-tag{display:none}.vote-count strong{font-size:21px}.server-actions{padding:9px}.view-btn{font-size:8px}.rank .number{font-size:21px}.list-footer{display:block}.list-footer a{display:block;margin-top:10px}.sidebar{grid-template-columns:1fr}.side-ad{min-height:240px}.article-grid{grid-template-columns:1fr;gap:11px}.article{padding:22px}.bottom-banner .wrap{display:block}.bottom-banner a{margin-top:19px}.footer-top{display:block}.footer-links{margin-top:25px;justify-content:space-between;gap:15px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
  
/* Original approved supplementary page styles */
/* RuneSource preview page system. Keeps the compact classic toplist structure. */
.featured-ad{border-color:#b96f62}
.featured-ad:before{background:linear-gradient(90deg,#310c15f5 0%,#47131bdf 47%,#26151cba 77%,#120e14db)}
.sponsor-badge{color:#ffcf79}
#route-view[hidden],#home-view[hidden]{display:none!important}
.inner-page{padding-bottom:80px}
.route-hero{padding:47px 0 42px;border-bottom:1px solid #544c5d;background:radial-gradient(circle at 85% 10%,#674c7c4f,transparent 37%),linear-gradient(110deg,#2a252e,#1d1c24)}
.route-breadcrumb{display:flex;align-items:center;gap:10px;color:#a99dac;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:17px}
.route-breadcrumb a{color:#e2bf89}.route-breadcrumb span{color:#6d6171}
.route-title{font:700 clamp(30px,3.7vw,45px)/1.18 var(--serif);color:#f0e7db;margin:0 0 13px}.route-title em{color:#f1c77d;font-style:normal}
.route-subtitle{color:#b8b0bc;font-size:12px;line-height:1.85;max-width:700px;margin:0}
.route-area{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;padding-top:29px}
.route-main{display:grid;gap:20px;min-width:0}.route-side{display:grid;gap:18px}
.route-panel{border:1px solid #554b60;border-radius:16px;background:linear-gradient(130deg,#2c2734,#211f29);padding:27px 29px;box-shadow:0 8px 22px #08071044}
.route-panel h2{font:700 23px var(--serif);margin:0 0 12px;color:#f0e0cc}.route-panel h3{font:700 16px var(--serif);margin:0 0 10px;color:#efe1d3}
.route-panel p{font-size:12px;line-height:1.85;color:#aea7b2;margin:0 0 14px}.route-panel p:last-child{margin-bottom:0}
.route-kicker{color:#e5bb80;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;margin-bottom:9px}
.route-side .route-panel{padding:21px}.route-side .route-panel h3{font-size:15px}.route-side .route-panel p{font-size:11px}
.route-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:linear-gradient(130deg,#ecc589,#e39a55);color:#29180e;border:1px solid #f4ca84;border-radius:999px;padding:11px 20px;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900;text-align:center;cursor:pointer}
.route-button:hover{filter:brightness(1.1)}.route-button.secondary{background:#392c49;border-color:#916bb0;color:#f2d9ff}.route-button.secondary:hover{background:#513966}
.route-button.ghost{background:#27242f;color:#d6c8dd;border-color:#685b70}.route-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.route-notice{border:1px solid #79618a;border-left:3px solid #b88ce1;border-radius:12px;background:#32263c;padding:15px 18px;color:#e2cdea;font-size:11px;line-height:1.75}
.route-note-small{color:#8e8592;font-size:10px;line-height:1.6;margin-top:14px}
.simple-list{display:grid;gap:13px}.simple-row{display:flex;align-items:center;gap:16px;border:1px solid #51475b;border-radius:14px;background:#27242e;padding:17px 19px}.simple-avatar{width:60px;height:60px;flex:none;border-radius:13px;display:grid;place-items:center;font:700 30px var(--serif);color:#e7cffa;background:linear-gradient(135deg,#5c3a74,#2d223b);border:1px solid #8668a0}.simple-avatar.teal{color:#c1e9e5;border-color:#547f80;background:linear-gradient(135deg,#416b76,#243241)}
.simple-row-main{flex:1;min-width:0}.simple-row h3{font:700 18px var(--serif);color:#eee0d4;margin:0 0 6px}.simple-row p{font-size:10px;color:#a99fae;line-height:1.55;margin:0}.simple-row .route-button{flex:none}
.route-tags{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.route-tags span{font-size:9px;color:#e2c8f2;background:#493357;border:1px solid #7c5d8d;border-radius:999px;padding:5px 9px}
.empty-art{height:160px;border-radius:12px;border:1px dashed #67536d;display:grid;place-items:center;background:radial-gradient(circle,#4c355651,transparent 68%),#241f2b;color:#c6a8da;font:700 50px var(--serif);margin-bottom:23px}
.route-ad{position:relative;border-radius:16px;overflow:hidden;min-height:210px;border:1px solid #9c7564;background:linear-gradient(0deg,#1b1223ed,#1b122384),url('featured-catalyst.webp') center/cover;display:flex;align-items:end;padding:23px}
.route-ad strong{font:700 22px var(--serif);color:#f1d8b3;display:block;margin-bottom:8px}.route-ad span{font-size:9px;color:#c5a8d1;letter-spacing:.18em;text-transform:uppercase;font-weight:900}
.route-ad .route-button{margin-top:15px}
.route-linklist{list-style:none;padding:0;margin:0}.route-linklist li{border-top:1px solid #463c50}.route-linklist li:first-child{border-top:0}.route-linklist a{padding:12px 0;display:flex;justify-content:space-between;align-items:center;color:#c7b9cc;font-size:11px;font-weight:800}.route-linklist a:hover{color:#f3d0a0}.route-linklist a:after{content:'↗';color:#b78bda}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.package-card{padding:25px 20px;background:linear-gradient(145deg,#372b40,#25222c);border-radius:15px;border:1px solid #675272;display:flex;flex-direction:column;min-height:254px}.package-card.featured{border-color:#c69c69;background:linear-gradient(145deg,#4b3443,#29232b)}.package-card .package-icon{font-size:25px;margin-bottom:19px}.package-card h3{font:700 17px var(--serif);margin:0 0 9px;color:#f0ddc9}.package-card p{font-size:11px;color:#b5a8b7;line-height:1.7;margin:0 0 20px}.package-card .route-button{margin-top:auto}
.package-intro{background:radial-gradient(circle at 95% 0%,#6b45775c,transparent 50%),linear-gradient(130deg,#2c2734,#211f29)}
.package-highlights{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.package-highlights span{border:1px solid #765d7d;color:#e9d3ec;background:#3c2d43;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}
.package-grid{gap:15px}.package-card{min-height:365px;padding:22px 18px}.package-card .package-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.package-card .package-icon{margin:0;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#53395c;color:#eac3fa;font-size:22px}.package-card.featured .package-icon{background:#5b3d2f;color:#ffd397}
.package-card .package-format{font-size:9px;font-weight:900;color:#a994b1;white-space:nowrap}.package-card h3{font:700 16px/1.35 var(--serif);min-height:44px;margin:0 0 9px}
.package-price{display:flex;align-items:baseline;gap:5px;margin-bottom:11px}.package-price strong{font:900 30px var(--sans);color:#ffce84}.package-price span{font-size:10px;color:#b8aabd}.package-card p{font-size:10px;line-height:1.7;margin-bottom:14px;min-height:68px}
.package-specs{padding:11px 0;border-block:1px solid #604b66;display:grid;gap:4px}.package-specs span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#bba4c0}.package-specs strong{font-size:12px;color:#ead6ed}.package-specs small{font-size:9px;color:#a29aa6}
.package-annual{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:13px 0 16px;font-size:10px;color:#c8b7ca}.package-annual strong{font-size:14px;color:#efe6ee}.package-annual em{font-style:normal;color:#241808;background:#edbc78;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}
.package-card .route-button{width:100%;padding:12px 6px;min-height:39px;font-size:9px}
.promo-wheel-panel{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:center;background:radial-gradient(circle at 85% 45%,#70466c4d,transparent 48%),linear-gradient(130deg,#322438,#221d2c);border:1px solid #9c718b;border-radius:19px;box-shadow:0 12px 30px #120b1e77;padding:28px 23px;overflow:hidden}
.promo-wheel-copy h2{font:700 27px/1.2 var(--serif);margin:0 0 13px;color:#f0e4ed}.promo-wheel-copy h2 em{font-style:normal;color:#f6c77f}.promo-wheel-copy>p{font-size:11px;line-height:1.8;color:#c0adbe;margin:0 0 15px}.promo-wheel-copy>p strong{color:#f4dfc2}
.promo-allocations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:17px 0}.promo-allocations div{padding:11px 8px;border:1px solid #725779;background:#2d2435b3;border-radius:10px;text-align:center}.promo-allocations strong{font:800 21px var(--sans);color:#f9ca85;display:block}.promo-allocations span{display:block;color:#bba9c1;font-size:8px;line-height:1.45;margin-top:4px}
.promo-rules{padding-left:18px;margin:14px 0 14px;color:#dfd0de;font-size:10px;line-height:1.9}.promo-rules li::marker{color:#e9ac5f}.promo-wheel-copy .promo-smallprint{font-size:9px;color:#a99aa9;line-height:1.65;margin:0}
.promo-wheel-play{display:grid;justify-items:center;gap:12px;min-width:0}.promo-wheel-stage{position:relative;width:280px;height:280px;display:grid;place-items:center;filter:drop-shadow(0 15px 20px #100913a1)}.promo-wheel-dial{width:272px;height:272px;transition:transform 5.45s cubic-bezier(.12,.74,.18,1);will-change:transform}.promo-wheel-dial svg{display:block;width:100%;height:100%}.promo-pointer{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:27px solid #ffe0a0;filter:drop-shadow(0 2px 4px #000)}.promo-wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100px;height:100px;border-radius:50%;border:5px solid #e6b873;background:radial-gradient(circle at 30% 23%,#5e3e63,#221a2a 70%);box-shadow:0 7px 17px #0009,inset 0 0 0 2px #aa85aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.promo-wheel-hub span{font-size:29px;color:#ffce83}.promo-wheel-hub small{color:#f6dde7;font:800 8px var(--sans);letter-spacing:.09em}
.promo-spin-button{border:1px solid #ffdc94;border-radius:999px;background:linear-gradient(115deg,#ffd996,#ea922e);box-shadow:0 8px 20px #a7592566;color:#271709;padding:13px 27px;font:900 11px var(--sans);letter-spacing:.04em;min-width:208px;cursor:pointer}.promo-spin-button:hover:not(:disabled){filter:brightness(1.1)}.promo-spin-button:disabled{opacity:.6;cursor:wait}.promo-spin-result{min-height:43px;text-align:center;font-size:10px;line-height:1.6;color:#d9c9df;max-width:274px}.promo-spin-result.demo-win{color:#f9d59c;font-weight:800}.promo-odds{font-size:9px;color:#9f8e9f;text-align:center;max-width:274px;line-height:1.6;margin:0}
/* The wheel is a classic fairground-style spinning prize wheel, not a digital dial. */
.promo-wheel-play{gap:10px}
.promo-wheel-marquee{display:flex;align-items:center;justify-content:center;gap:13px;width:233px;min-height:37px;border:2px solid #ecc982;border-radius:17px 17px 8px 8px;background:linear-gradient(180deg,#764686,#3d2452);box-shadow:inset 0 0 0 3px #472a59,0 6px 14px #110b1888;color:#ffdfa3;font:800 15px var(--serif);letter-spacing:.12em;text-shadow:0 2px 3px #1c1027}
.promo-wheel-marquee span{font-size:15px;color:#f5d995}
.promo-wheel-stage{width:307px;height:323px;filter:drop-shadow(0 13px 16px #0b0612a6)}
.promo-wheel-dial{width:294px;height:294px;position:relative;z-index:1;filter:drop-shadow(0 6px 6px #0c0611ab)}
.promo-wheel-dial svg{overflow:visible}
.promo-wheel-dial .wheel-sector-type text{font:900 7.5px var(--sans);letter-spacing:.4px;fill:#f9e4c8;dominant-baseline:middle;text-anchor:middle;paint-order:stroke fill;stroke:#2b12378a;stroke-width:1px}
.promo-wheel-dial .wheel-sector-type.prize text{fill:#4b2711;stroke:none;font-size:8.7px}
.promo-pointer{top:1px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:37px solid #f7d185;filter:drop-shadow(0 3px 2px #150b19);z-index:4}
.promo-pointer:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;top:-39px;left:-6px;background:radial-gradient(circle at 30% 25%,#fff5d1,#aa7337);border:1px solid #8a5325;box-shadow:0 1px 3px #000}
.promo-wheel-stand{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:102px;height:72px;background:linear-gradient(90deg,#4a2b4f,#a87a87 50%,#422045);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);z-index:0;filter:drop-shadow(0 5px 5px #0008)}
.promo-wheel-stand:after{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:#d9ae68}
.promo-wheel-hub{width:102px;height:102px;border:6px double #ffe0a0;background:radial-gradient(circle at 40% 24%,#a56ab0,#56316c 52%,#2b1838);box-shadow:0 7px 17px #0009,inset 0 0 0 2px #7e4d8b;gap:1px}
.promo-wheel-hub>span{font:800 40px/1 var(--serif);color:#f9dca2;text-shadow:0 2px 5px #190f1c}
.promo-wheel-hub small{font:800 7px var(--serif);letter-spacing:.02em;color:#fff0d5}.promo-wheel-hub small span{font:inherit;color:#e8c48a;text-shadow:none}
.promo-spin-button{border-radius:10px;border:2px solid #dba956;background:linear-gradient(180deg,#f7d88e,#d99438);box-shadow:inset 0 1px #fff6,0 5px 0 #70421c,0 11px 19px #0005;letter-spacing:.1em;font-size:10px;padding:13px 24px;margin-bottom:3px}
.mock-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mock-form .full{grid-column:1/-1}.mock-form label{display:block;font-size:10px;color:#d2bdde;letter-spacing:.07em;font-weight:800;text-transform:uppercase}.mock-form input,.mock-form textarea,.mock-form select{width:100%;background:#191821;color:#f5edf5;border:1px solid #655571;border-radius:10px;padding:13px 14px;margin-top:8px;font-size:12px}.mock-form textarea{resize:vertical;min-height:105px}.mock-form input:focus,.mock-form textarea:focus,.mock-form select:focus{outline:2px solid #aa83d1;outline-offset:1px}.mock-form .route-button{width:max-content}.form-feedback{display:none;grid-column:1/-1;border:1px solid #8669a1;border-radius:10px;background:#382b43;color:#e6d4ef;padding:14px;font-size:11px;line-height:1.7}.form-feedback.visible{display:block}
.article-list{display:grid;gap:12px}.article-list a{display:block;padding:25px;border:1px solid #54465b;background:#28232f;border-radius:15px}.article-list a:hover{border-color:#a37ac5;background:#34283c}.article-list .article-date{color:#c29bd7;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.article-list h3{font:700 19px/1.4 var(--serif);color:#f1e3d0;margin:10px 0}.article-list p{font-size:11px;color:#aca3af;line-height:1.75;margin:0}.article-body p{font-size:13px;line-height:2;max-width:740px}.article-body ul{font-size:12px;line-height:2;color:#aea7b2;padding-left:20px}
.detail-hero{border:1px solid #916b6a;border-radius:16px;background:linear-gradient(90deg,#151019e8,#1d17209c),url('featured-catalyst.webp') center/cover;padding:32px;display:flex;align-items:center;gap:25px}.detail-hero .simple-avatar{width:86px;height:86px;font-size:42px}.detail-hero h2{font:700 32px var(--serif);margin:0 0 9px;color:#f7e3c4}.detail-hero p{color:#c6bdc6;font-size:12px;margin:0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-stat{text-align:center;padding:22px 10px;background:#24202c;border:1px solid #55465f;border-radius:13px}.detail-stat strong{display:block;font:700 26px var(--serif);color:#f3d09b}.detail-stat span{display:block;font-size:9px;text-transform:uppercase;color:#a69daa;letter-spacing:.1em;margin-top:7px}
.demo-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(30px);z-index:120;background:#382942;color:#f4e4fa;border:1px solid #bb91d7;border-radius:14px;box-shadow:0 14px 40px #0009;padding:15px 22px;font-size:12px;max-width:min(460px,calc(100vw - 28px));text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.demo-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* The new RULOCUS-style toplist bar structure, with RuneSource's own artwork and palette. */
#server-list{gap:16px;margin-top:17px}
#server-list .server-row{grid-template-columns:105px minmax(0,1fr) 123px;min-height:218px;border:1px solid #48404e;border-radius:14px;background:#242228;box-shadow:0 8px 22px #09071039;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
#server-list .server-row.first{background:#27232a;border-color:#755767}
#server-list .server-row.no-banner{min-height:156px}
#server-list .server-row:hover{transform:translateY(-2px);border-color:#b38ac0;box-shadow:0 15px 33px #09061075}
#server-list .rank{background:transparent!important;border:0;gap:10px;padding:18px 6px;justify-content:center;font-family:var(--sans)}
#server-list .rank .hash{color:#8d8591;font-size:9px;font-weight:700;letter-spacing:.15em}
#server-list .rank .number{font:800 30px/1 var(--sans);color:#f1ebef;margin:0}
#server-list .server-row.first .rank .number{color:#ffcf86}
#server-list .server-type{font-size:9px;color:#ddd4de;border-radius:999px;background:#151319;padding:7px 10px;border:1px solid #312b35;white-space:nowrap}
#server-list .rank-emblem{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:linear-gradient(145deg,#70479c,#3c2654);border:1px solid #8c61ad;color:#f0d7fc;font:700 21px var(--serif);box-shadow:0 4px 10px #0005}
#server-list .rank-emblem.elydris{background:linear-gradient(145deg,#38787a,#22383d);border-color:#609493;color:#c1e7df}
#server-list .server-info{padding:17px 6px 18px 11px;min-width:0}
#server-list .server-banner{width:min(360px,100%);height:56px;display:flex;justify-content:center;align-items:center;gap:8px;overflow:hidden;margin:0 0 11px;border:1px solid #745767;border-radius:7px;position:relative;background:#161319;isolation:isolate}
#server-list .server-banner.catalyst{background:linear-gradient(90deg,#08080bbc,#170f1a68,#08080bc5),url('featured-catalyst.webp') center 49%/cover;border-color:#85624d}
#server-list .server-banner.catalyst img{display:block;width:172px;max-height:50px;object-fit:contain;filter:drop-shadow(0 2px 6px #000)}
#server-list .server-banner.catalyst.animated-banner{width:min(404px,100%);height:auto;aspect-ratio:404/50;display:block;min-height:0;border-color:#86617f;background:#110d16 url('catalyst-toplist-poster.png') center/100% 100% no-repeat;line-height:0;transition:border-color .2s,box-shadow .2s}
#server-list .server-banner.catalyst.animated-banner:hover{border-color:#d4a3dd;box-shadow:0 0 0 2px #a16c9f44}
#server-list .animated-banner img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#server-list .server-title{gap:10px}#server-list .server-title h3{font:800 20px/1.15 var(--sans);color:#faf6f9}
#server-list .server-title .rank-tag{font:900 8px var(--sans);padding:5px 8px;border-radius:999px;background:#9d7240;color:#fff1d4}
#server-list .server-info p{font-size:11px;line-height:1.5;color:#a9a1af;margin:5px 0 8px;-webkit-line-clamp:2}
#server-list .tags{gap:5px}#server-list .tag,#server-list .tag.teal,#server-list .tag.gold{font:700 9px/1.2 var(--sans);padding:5px 7px;background:#3a303b;border:0;border-radius:5px;color:#dcc9dc}
#server-list .tag.gold{background:#49372c;color:#f6d2aa}#server-list .tag.teal{background:#254044;color:#aedfdf}
#server-list .server-footnote{font-size:9px;color:#8d8292;margin-top:10px}
#server-list .server-actions{border:0;gap:12px;padding:15px 15px 15px 3px;align-items:stretch}
#server-list .vote-count{display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}
#server-list .vote-count strong{font:800 24px/1 var(--sans);color:#f5f0f3}
#server-list .vote-count span{display:inline;font:700 9px var(--sans);color:#a59ba7;text-transform:none;letter-spacing:0;margin:0}
#server-list .view-btn{width:100%;border:0;border-radius:8px;background:#fa7922;box-shadow:0 4px 12px #e65e1733;color:#fff;font:900 12px var(--sans);letter-spacing:0;text-transform:none;padding:13px 10px}
#server-list .view-btn:hover{background:#ff9646}
@media(max-width:1050px){#server-list .server-row{grid-template-columns:79px minmax(0,1fr) 101px}#server-list .rank{padding-inline:3px}#server-list .server-actions{padding-right:10px}#server-list .server-info{padding-left:4px}#server-list .server-banner{width:min(340px,100%)}#server-list .vote-count strong{font-size:20px}}
@media(max-width:580px){#server-list .server-row{grid-template-columns:52px minmax(0,1fr) 68px;min-height:195px;border-radius:11px}#server-list .rank{gap:10px;justify-content:flex-start;padding-top:55px}#server-list .rank .hash{display:none}#server-list .rank .number{font-size:23px}#server-list .server-type{font-size:8px;padding:5px 3px;max-width:49px;white-space:normal}#server-list .rank-emblem{width:27px;height:27px;font-size:16px}#server-list .server-info{padding:14px 2px 14px 2px}#server-list .server-banner{height:45px;margin-bottom:10px}#server-list .server-banner.catalyst img{width:130px;max-width:90%}#server-list .server-title h3{font-size:16px}#server-list .server-title .rank-tag{display:none}#server-list .server-info p{font-size:10px;-webkit-line-clamp:3}#server-list .tag,#server-list .tag.teal,#server-list .tag.gold{font-size:8px;padding:4px}#server-list .server-footnote{font-size:8px;line-height:1.4}#server-list .server-actions{padding:55px 5px 10px 0;gap:10px;justify-content:flex-start}#server-list .vote-count strong{font-size:17px}#server-list .vote-count span{font-size:7px;text-align:center}#server-list .view-btn{font-size:9px;padding:10px 4px}}
@media(max-width:1000px){.route-area{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card{min-height:0}.promo-wheel-panel{grid-template-columns:1fr;justify-items:center}.promo-wheel-copy{width:100%}}
@media(max-width:830px){.route-area{grid-template-columns:1fr}.route-side{grid-template-columns:1fr 1fr}.route-hero{padding:36px 0}.route-title{font-size:33px}.package-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.route-side{grid-template-columns:1fr}.route-panel{padding:22px}.simple-row{flex-wrap:wrap}.simple-row .route-button{width:100%}.simple-avatar{width:52px;height:52px}.package-grid{grid-template-columns:1fr}.package-card{min-height:0}.package-card h3,.package-card p{min-height:0}.promo-wheel-panel{padding:23px 15px}.promo-wheel-copy h2{font-size:23px}.promo-wheel-stage{width:270px;height:289px}.promo-wheel-dial{width:260px;height:260px}.promo-wheel-hub{width:87px;height:87px}.promo-wheel-hub>span{font-size:34px}.promo-pointer{border-left-width:12px;border-right-width:12px;border-top-width:30px}.promo-wheel-stand{height:66px;width:88px}.promo-allocations span{font-size:7px}.mock-form{grid-template-columns:1fr}.mock-form .full{grid-column:auto}.route-actions{display:grid}.route-actions .route-button{width:100%}.detail-hero{display:block;padding:25px}.detail-hero .simple-avatar{margin-bottom:15px}.detail-hero h2{font-size:25px}.detail-stats{gap:6px}.detail-stat{padding:16px 5px}.detail-stat strong{font-size:21px}.detail-stat span{font-size:8px}.week-card{flex-wrap:wrap;padding:17px}.week-trophy{width:49px;height:49px;font-size:23px}.week-card>a{width:100%;text-align:center}.explainer-points{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){.promo-wheel-dial{transition-duration:.01ms}}

/* RuneSource Forums — custom, native frontend preview */
.forum-page{background:#17121f;min-height:75vh}
.forum-hero{background:radial-gradient(circle at 78% 20%,#68398a49,transparent 33%),linear-gradient(120deg,#32253c,#201925);padding:50px 0 45px}
.forum-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.forum-hero .route-title{margin-top:12px;margin-bottom:10px}
.forum-hero .route-subtitle{max-width:670px}
.forum-hero .route-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#dcbbe9}
.forum-create-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;background:linear-gradient(120deg,#b58adf,#8860bd);color:#20142b;padding:14px 21px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 7px 20px #0005;border:1px solid #d3aaf1}
.forum-create-btn:hover{filter:brightness(1.1)}
.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start;padding-top:30px;padding-bottom:76px}
.forum-main{min-width:0}
.forum-preview-note{display:flex;gap:15px;align-items:center;border:1px solid #6d547b;background:#352640;padding:15px 20px;border-radius:13px;color:#d6c9de;margin-bottom:22px;font-size:11px;line-height:1.55}
.forum-preview-note strong{color:#f2cb8f;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.forum-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #66526f;background:linear-gradient(130deg,#392743,#2c2337);border-radius:15px;overflow:hidden;margin-bottom:27px}
.forum-stats>div{padding:19px 22px;border-right:1px solid #5b4668}
.forum-stats>div:last-child{border-right:0}
.forum-stats strong{display:block;font:700 27px var(--serif);color:#f4d094}
.forum-stats span{display:block;color:#bfb2c8;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800;margin-top:4px}
.forum-section-title{margin:0 0 16px}
.forum-section-title h2,.forum-list-head h2{font:700 22px var(--serif);color:#f4e5db;margin:6px 0 0}
.forum-eyebrow,.forum-side-label{font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#d8b4ef}
.forum-categories{margin-bottom:28px}
.forum-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.forum-category-card{display:flex;align-items:center;gap:13px;min-height:104px;background:linear-gradient(120deg,#30263a,#24202f);border:1px solid #5d4c6c;border-radius:14px;padding:16px;transition:transform .15s,border-color .15s,background .15s}
.forum-category-card:hover{transform:translateY(-2px);border-color:#b387cf;background:#382a44}
.forum-category-icon{flex:none;width:50px;height:50px;display:grid;place-items:center;font:700 25px var(--serif);border-radius:13px;background:#644a7a;border:1px solid #956eb5;color:#efd7ff}
.forum-category-icon.gold,.forum-category-dot.gold{background:#57412e;color:#ffd88b;border-color:#927148}
.forum-category-icon.orange,.forum-category-dot.orange{background:#62402f;color:#ffd5b0;border-color:#9b684a}
.forum-category-icon.blue,.forum-category-dot.blue{background:#294653;color:#a6e2ff;border-color:#5e8ca2}
.forum-category-icon.green,.forum-category-dot.green{background:#2d524a;color:#a7ebd8;border-color:#5d9482}
.forum-category-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.forum-category-body strong{font:700 15px var(--serif);color:#f5e5d5}
.forum-category-body small{font-size:10px;line-height:1.5;color:#b5a8bc}
.forum-category-count{align-self:flex-end;color:#bc99d3;font-size:9px;white-space:nowrap}
.forum-panel{border:1px solid #584963;border-radius:15px;background:linear-gradient(145deg,#292231,#211d29);overflow:hidden;box-shadow:0 9px 25px #0a07124b}
.forum-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:23px;border-bottom:1px solid #4d4059}
.forum-search{display:flex;align-items:center;gap:8px;border:1px solid #70597d;border-radius:999px;background:#1b1722;color:#b99cd0;padding:0 12px;min-width:210px}
.forum-search input{background:none;border:0;color:#f4e9fc;outline:0;width:100%;font-size:11px;height:38px;min-width:0}
.forum-search input::placeholder{color:#95889d}
.forum-topic-row{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid #423849;min-height:86px;transition:background .15s}
.forum-topic-row:last-child{border-bottom:0}
.forum-topic-row:hover{background:#382c43}
.forum-topic-avatar{flex:none;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#8e61b4,#483456);color:#f5e6ff;border:1px solid #9675aa;font:700 19px var(--serif)}
.forum-topic-info{flex:1;min-width:0}
.forum-topic-title{font:700 14px/1.4 var(--serif);color:#f3e5d7;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.forum-topic-meta{font-size:9px;color:#ac9fb4;line-height:1.8;margin-top:5px}
.forum-topic-meta>span{margin-inline:3px}
.forum-pin,.forum-locked,.forum-local-tag,.forum-sample-tag{font:900 8px var(--sans);border-radius:5px;padding:4px 5px;letter-spacing:.05em}
.forum-pin{color:#2f210f;background:#e9be78}
.forum-locked{color:#d1c1d8;background:#47394c}
.forum-local-tag{color:#c8f0db;background:#355949}
.forum-sample-tag{color:#96899c;background:#322b39}
.forum-topic-replies{flex:none;text-align:center;min-width:45px}
.forum-topic-replies strong{display:block;font:700 17px var(--serif);color:#e2c7ed}
.forum-topic-replies span{display:block;color:#958a9c;font-size:9px}
.forum-topic-chevron{font:28px var(--serif);color:#ad91bd}
.forum-empty{padding:21px;text-align:center;font-size:11px;color:#c3b4ca}
.forum-topic-row[hidden],.forum-empty[hidden]{display:none}
.forum-side{display:grid;gap:16px}
.forum-side-panel,.forum-discord-card{border:1px solid #5b4b67;border-radius:15px;padding:21px;background:linear-gradient(145deg,#302639,#231e2e)}
.forum-side h3{font:700 18px var(--serif);color:#f6e6d9;margin:7px 0 16px}
.forum-side-panel nav{display:grid;gap:2px}
.forum-side-panel nav a{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #493a51;font-size:10px;color:#d9cadd}
.forum-side-panel nav a:hover{color:#f6ce95}
.forum-side-panel nav a:last-child{border-bottom:0}
.forum-category-dot{flex:none;width:26px;height:26px;display:grid;place-items:center;border:1px solid #765795;background:#523f68;color:#e8d1f7;border-radius:8px;font-size:14px}
.forum-side-panel nav a span:nth-child(2){flex:1}
.forum-side-panel nav a small{font-size:9px;color:#d9bbeb}
.forum-discord-card{position:relative;overflow:hidden;border-color:#9b6eaa;background:radial-gradient(circle at 100% 0,#78489992,transparent 55%),linear-gradient(145deg,#4c2f61,#30223d)}
.forum-discord-spark{position:absolute;right:8px;top:0;font-size:93px;color:#fff1;pointer-events:none}
.forum-discord-card p,.forum-guidelines p{font-size:11px;line-height:1.7;color:#c7b7ce}
.forum-discord-card a{display:inline-block;background:#d7b3f4;color:#25162d;border-radius:999px;padding:11px 16px;font-size:10px;font-weight:900;margin-top:9px}
.forum-discord-card a:hover{background:#ead2fc}
.forum-category-intro{display:flex;align-items:center;gap:16px;padding:19px 20px;border:1px solid #684f76;background:#33263d;border-radius:14px;margin-bottom:18px}
.forum-category-intro>div{flex:1}
.forum-category-intro h2{font:700 20px var(--serif);color:#f4e3d9;margin:0 0 7px}
.forum-category-intro p{font-size:11px;color:#b7a9bd;margin:0}
.forum-category-intro>a{font-size:10px;font-weight:900;color:#ebc6ff;white-space:nowrap}
.forum-staff-only{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#ddbd8b;white-space:nowrap}
.forum-back{margin-bottom:16px;color:#d9b4ef;font-size:11px}
.forum-back a:hover{text-decoration:underline}
.forum-thread-heading{padding:22px 24px;background:linear-gradient(120deg,#392945,#2b2335);border:1px solid #654d77;border-radius:14px;margin-bottom:14px}
.forum-thread-heading h2{font:700 25px/1.3 var(--serif);color:#f3e5da;margin:10px 0}
.forum-thread-heading>span{font-size:10px;color:#b8aabd}
.forum-post-stack{display:grid;gap:12px;margin-bottom:20px}
.forum-post{display:grid;grid-template-columns:176px minmax(0,1fr);border:1px solid #554861;background:#26212d;border-radius:13px;overflow:hidden}
.forum-post-person{display:flex;align-items:flex-start;gap:10px;padding:24px 15px;background:#2f2737;border-right:1px solid #50425c}
.forum-avatar{width:39px;height:39px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#8661a6,#483555);border-radius:50%;font:700 20px var(--serif);color:#f4e8fa}
.forum-post-person strong{display:block;color:#f3deee;font-size:11px;margin:4px 0 5px}
.forum-post-person span:last-child{display:block;color:#a89ab0;font-size:9px}
.forum-post-body{min-width:0;padding:22px 24px}
.forum-post-meta{font-size:9px;letter-spacing:.1em;color:#ab96b9;font-weight:800}
.forum-post-meta span{padding:0 5px}
.forum-post-body p{white-space:pre-line;line-height:1.85;color:#ded4e0;font-size:12px;margin:18px 0 5px;overflow-wrap:anywhere}
.forum-locked-reply{padding:18px;text-align:center;background:#302735;border:1px solid #5c4a68;border-radius:12px;color:#c4b7cb;font-size:11px}
.forum-form-panel,.forum-reply-panel{padding:28px}
.forum-form-panel h2,.forum-reply-panel h2{font:700 24px var(--serif);color:#f4e6df;margin:10px 0}
.forum-form-panel>p{font-size:12px;color:#bfaec5;line-height:1.7;margin-bottom:27px}
.forum-form-panel form,.forum-reply-panel form{display:grid;gap:17px}
.forum-form-panel label,.forum-reply-panel label{display:grid;gap:9px;color:#d9c6e0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.forum-form-panel input,.forum-form-panel textarea,.forum-form-panel select,.forum-reply-panel input,.forum-reply-panel textarea{display:block;width:100%;border:1px solid #6b5579;border-radius:10px;background:#1c1723;color:#f5e9f8;padding:13px 14px;font:500 12px var(--sans);resize:vertical;outline:none}
.forum-form-panel input:focus,.forum-form-panel textarea:focus,.forum-form-panel select:focus,.forum-reply-panel input:focus,.forum-reply-panel textarea:focus{border-color:#c39aef;box-shadow:0 0 0 2px #b08adb35}
.forum-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}
.forum-form-footer p{max-width:340px;font-size:10px;line-height:1.6;color:#a89cb0;margin:0}
.forum-form-footer button{border:1px solid #d4aceb;color:#24162c;background:linear-gradient(135deg,#d3acf0,#a477d2);border-radius:999px;padding:13px 21px;font-size:10px;text-transform:uppercase;font-weight:900;white-space:nowrap}
.forum-form-footer button:hover{filter:brightness(1.12)}
.forum-form-feedback{display:none;color:#f4cb8c;font-size:11px}
.forum-form-feedback.visible{display:block}
@media(max-width:1120px){.forum-layout{grid-template-columns:minmax(0,1fr) 250px}.forum-category-card{padding:13px}.forum-category-count{display:none}}
/* A seventh desktop nav item needs the mobile menu slightly sooner. */
@media(min-width:831px) and (max-width:1120px){.desktop-nav,.header-actions .login,.header-actions .join-btn{display:none}.header{height:68px}.header-inner{justify-content:space-between}.mobile-menu{display:grid;place-items:center}.mobile-nav{display:none;background:#211f29;border-bottom:1px solid #5e5264;padding:12px 18px}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 7px;font-size:11px;text-transform:uppercase;font-weight:800;border-bottom:1px solid #3e3645;color:#ddcedf}}
@media(max-width:830px){.forum-layout{grid-template-columns:1fr;padding-top:20px}.forum-side{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-guidelines{display:none}.forum-hero{padding:32px 0}.forum-hero-row{align-items:flex-start}.forum-hero-row .forum-create-btn{margin-top:20px}}
@media(max-width:620px){.forum-hero-row{display:block}.forum-hero-row .forum-create-btn{margin-top:20px}.forum-stats strong{font-size:21px}.forum-stats>div{padding:16px 10px}.forum-stats span{font-size:8px}.forum-category-grid{grid-template-columns:1fr}.forum-category-card{min-height:86px}.forum-side{grid-template-columns:1fr}.forum-preview-note{display:block}.forum-preview-note strong{display:block;margin-bottom:6px}.forum-list-head{display:block;padding:20px}.forum-search{margin-top:15px}.forum-topic-row{padding:15px 12px;gap:9px}.forum-topic-avatar{width:36px;height:36px}.forum-topic-title{font-size:12px}.forum-topic-replies{min-width:32px}.forum-topic-meta{font-size:8px}.forum-topic-chevron{display:none}.forum-category-intro{flex-wrap:wrap}.forum-category-intro>a{width:100%;padding-left:64px}.forum-post{grid-template-columns:1fr}.forum-post-person{padding:12px 15px;border-bottom:1px solid #50425c;border-right:0;align-items:center}.forum-post-body{padding:16px}.forum-form-panel,.forum-reply-panel{padding:20px}.forum-form-footer{display:block}.forum-form-footer button{margin-top:14px;width:100%}.forum-thread-heading h2{font-size:21px}}

/* RuneSource resource library — native directory styling */
.resources-page{background:#17131e;min-height:70vh}
.resources-hero{position:relative;overflow:hidden;padding:49px 0 44px;background:radial-gradient(ellipse at 77% 11%,#75479758,transparent 34%),linear-gradient(115deg,#32253d,#211b2c)}
.resources-hero:after{content:'◇';position:absolute;right:11%;top:-155px;font:460px Georgia,serif;color:#fff2;pointer-events:none;opacity:.13}
.resources-hero-content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.resources-hero .route-kicker{font-size:10px;letter-spacing:.2em;color:#e2b6e6;font-weight:900}
.resources-hero .route-title{margin-top:15px}
.resources-hero .route-subtitle{max-width:650px}
.resources-submit-cta,.resources-primary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5b0ed;background:linear-gradient(130deg,#d8adef,#a77bd6);color:#2c1636;border-radius:999px;padding:14px 21px;text-align:center;font-size:10px;white-space:nowrap;text-transform:uppercase;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 20px #100b1955}
.resources-submit-cta:hover,.resources-primary-btn:hover{filter:brightness(1.08)}
.resources-content{padding-top:29px;padding-bottom:76px}
.resources-disclaimer{display:flex;align-items:center;gap:20px;border:1px solid #63516d;background:#302538;border-radius:13px;padding:15px 19px;color:#c6b6cd;font-size:10px;line-height:1.6;margin-bottom:22px}
.resources-disclaimer strong{color:#e9c88c;text-transform:uppercase;font-size:9px;letter-spacing:.1em;white-space:nowrap}
.resources-stats{display:flex;align-items:center;gap:0;border:1px solid #5a4863;border-radius:15px;background:linear-gradient(110deg,#352840,#241f2d);overflow:hidden;margin-bottom:29px}
.resources-stats>div{flex:1;padding:20px 27px;border-right:1px solid #584660}
.resources-stats>div:last-child{border-right:0}
.resources-stats strong{display:block;font:700 28px var(--serif);color:#f6d698}
.resources-stats span{display:block;margin-top:5px;color:#aa9daf;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.resources-section-eyebrow{color:#d4afe7;text-transform:uppercase;font-size:9px;letter-spacing:.19em;font-weight:900}
.resources-categories{margin:0 0 29px}
.resources-categories h2,.resources-listing h2{font:700 25px var(--serif);margin:8px 0 18px;color:#f3e5d9}
.resources-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.resources-category{display:flex;align-items:center;gap:12px;min-height:99px;padding:16px;background:linear-gradient(120deg,#32283e,#24212e);border:1px solid #594d66;border-radius:15px;transition:border-color .15s,transform .15s}
.resources-category:hover{border-color:#bf93e5;transform:translateY(-2px)}
.resources-category-symbol{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#5d4375;color:#e9ccff;border:1px solid #8c68aa;font:700 25px var(--serif)}
.resources-category-symbol.gold,.resources-card-monogram.gold{background:linear-gradient(130deg,#7d593a,#4b342d);color:#ffdb9e;border-color:#ae875c}
.resources-category-symbol.blue,.resources-card-monogram.blue{background:linear-gradient(130deg,#3c5674,#25384b);color:#abd9ff;border-color:#6086a7}
.resources-category-symbol.green,.resources-card-monogram.green{background:linear-gradient(130deg,#396659,#294538);color:#b4eed8;border-color:#588f79}
.resources-category-copy{flex:1;min-width:0}
.resources-category-copy strong{display:block;font:700 12px/1.4 var(--serif);color:#f1e4dc}
.resources-category-copy small{display:block;margin-top:6px;color:#a9a1ac;font-size:9px}
.resources-category-count{color:#cbb0e3;font-size:10px;align-self:flex-end}
.resources-featured{display:grid;grid-template-columns:1fr 250px;min-height:226px;margin:3px 0 32px;overflow:hidden;border-radius:18px;border:1px solid #946b7f;background:radial-gradient(circle at 88% 50%,#8054aa8a,transparent 38%),linear-gradient(110deg,#382844,#231d31);box-shadow:0 12px 29px #0d09145c}
.resources-featured-copy{padding:26px 35px;position:relative;z-index:1}
.resources-featured-kicker{display:block;font-size:9px;letter-spacing:.11em;color:#c1a7cc;margin-top:18px}
.resources-featured h2{font:700 30px var(--serif);color:#f9dfaa;margin:6px 0 10px}
.resources-featured p{font-size:11px;line-height:1.8;color:#cfbfd5;max-width:620px;margin:0 0 14px}
.resources-featured a{display:inline-flex;gap:10px;align-items:center;color:#f3c98b;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.resources-featured a:hover{color:#fbe4ae}
.resources-featured-emblem{position:relative;display:grid;place-items:center;overflow:hidden}
.resources-featured-emblem:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #a67ad875;border-radius:20px;transform:rotate(45deg);background:linear-gradient(135deg,#673e854b,#24132c55)}
.resources-diamond{z-index:1;width:109px;height:109px;transform:rotate(45deg);display:grid;place-items:center;border:3px solid #e5b877;border-radius:18px;background:linear-gradient(130deg,#7b4db9,#3e1d64);color:#ffdfa1;font:700 76px var(--serif);box-shadow:0 0 25px #b071d37a}
.resources-diamond b{display:inline-block;transform:rotate(-45deg)}
.resources-featured-emblem small{position:absolute;bottom:25px;color:#ddc4e5;letter-spacing:.35em;font-size:10px}
.resources-listing{margin:0 0 32px}
.resources-listing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.resources-listing h2{margin:8px 0 5px}
.resources-listing-head p{margin:0;font-size:10px;color:#a99eae}
.resources-list-tools{display:flex;gap:10px}
.resources-search{display:flex;align-items:center;gap:10px;border:1px solid #675171;background:#211b28;border-radius:999px;padding:0 12px;color:#c4a8de;min-width:205px}
.resources-search input{font-size:10px;color:#f4eaf5;background:none;border:0;outline:none;height:39px;width:100%;min-width:0}
.resources-search input::placeholder{color:#9f91a7}
.resources-list-tools select{border:1px solid #685673;background:#241d2e;color:#d7c4df;border-radius:999px;padding:0 14px;font-size:10px;min-width:153px}
.resources-filter-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}
.resources-filter-tabs a{padding:10px 14px;border:1px solid #54445e;background:#241f2e;color:#c7b6ce;font-size:10px;font-weight:800;border-radius:999px}
.resources-filter-tabs a span{color:#a58fb0;margin-left:5px}
.resources-filter-tabs a:hover{border-color:#a479bf}
.resources-filter-tabs a.active{color:#2a1b30;background:linear-gradient(135deg,#d7b3f1,#ae83d7);border-color:#dbb8f4}
.resources-filter-tabs a.active span{color:#654978}
.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.resources-card{min-width:0;display:flex;flex-direction:column;min-height:272px;border:1px solid #5c4a67;border-radius:16px;background:linear-gradient(150deg,#312737,#241f2c);padding:20px;box-shadow:0 8px 21px #0b08123b;transition:transform .17s,border-color .17s}
.resources-card:hover{transform:translateY(-3px);border-color:#ba8be0}
.resources-card[hidden]{display:none}
.resources-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.resources-card-monogram{width:48px;height:48px;border:1px solid #9370b3;border-radius:12px;background:linear-gradient(130deg,#765295,#47345c);display:grid;place-items:center;font:700 22px var(--serif);color:#ead0f7}
.resources-card-kind{color:#bd9bd1;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.07em}
.resources-card h3{margin:17px 0 7px;color:#f3e3d8;font:700 17px var(--serif)}
.resources-card p{color:#b7aabc;line-height:1.65;font-size:10px;margin:0 0 13px;flex:1}
.resources-card-tags,.resources-detail-tags{display:flex;flex-wrap:wrap;gap:5px}
.resources-card-tags span,.resources-detail-tags span{font-size:8px;font-weight:700;color:#d1b7de;border:1px solid #6f547b;border-radius:999px;padding:5px 8px;background:#3c2f47}
.resources-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #4b3d54;padding-top:15px;margin-top:17px}
.resources-card-footer span{color:#97899f;font-size:9px}
.resources-card-footer strong{font-size:9px;color:#eac28c;text-transform:uppercase;white-space:nowrap}
.resources-empty{padding:35px;text-align:center;border:1px dashed #695675;border-radius:15px;background:#251e2d}
.resources-empty[hidden]{display:none}
.resources-empty-symbol{font-size:42px;color:#b89acb}
.resources-empty h3{font:700 20px var(--serif);color:#f3dfe8;margin:5px}
.resources-empty p{font-size:11px;color:#b3a5bc}
.resources-empty a{display:inline-block;color:#eed0a0;font-size:11px;font-weight:800;margin-top:10px}
.resources-contribute{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 33px;border:1px solid #8b6396;border-radius:16px;background:linear-gradient(110deg,#482c55,#2f243a)}
.resources-contribute span{font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.16em;color:#e8c18b}
.resources-contribute h2{font:700 23px var(--serif);color:#f1ddeb;margin:8px 0}
.resources-contribute p{color:#c1afc9;font-size:11px;margin:0}
.resources-contribute>a{background:#ddbbf4;color:#24172e;border-radius:999px;padding:13px 20px;font-size:10px;text-transform:uppercase;font-weight:900;white-space:nowrap}
.resources-back{margin-bottom:17px;color:#dcb8f0;font-size:11px}
.resources-back a:hover{text-decoration:underline}
.resources-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.resources-detail-main,.resources-detail-side,.resources-form-panel,.resources-submit-side{border:1px solid #65516d;border-radius:16px;background:linear-gradient(150deg,#302637,#231e2b);padding:28px;min-width:0}
.resources-detail-badge{display:flex;gap:18px;align-items:center}
.resources-detail-badge .resources-card-monogram{width:75px;height:75px;font-size:30px}
.resources-detail-badge span:not(.resources-card-monogram){color:#d3afe4;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.resources-detail-badge h2{font:700 28px var(--serif);color:#f5e7dc;margin:5px 0}
.resources-detail-badge small{color:#a99aad}
.resources-detail-intro{font-size:13px;color:#d8cddd;line-height:1.8;margin:22px 0}
.resources-detail-tags{margin-bottom:22px}
.resources-detail-main hr{border:0;border-top:1px solid #65536c;margin:25px 0}
.resources-detail-main h3{font:700 18px var(--serif);color:#f5e0cd;margin:22px 0 8px}
.resources-detail-main>p:not(.resources-detail-intro){font-size:12px;color:#bdafc5;line-height:1.85}
.resources-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.resources-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #806690;color:#d9c0e9;border-radius:999px;padding:13px 19px;text-transform:uppercase;font-size:10px;font-weight:900}
.resources-detail-side h3{font:700 20px var(--serif);color:#f3e2d7;margin:7px 0 19px}
.resources-detail-side dl{margin:0}
.resources-detail-side dl>div{border-bottom:1px solid #54465b;padding:13px 0}
.resources-detail-side dt{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ab97b3}
.resources-detail-side dd{font-size:11px;color:#e4d5e9;margin:6px 0 0}
.resources-detail-warning{font-size:10px;line-height:1.7;color:#d4b88f;padding:14px;margin-top:20px;border:1px solid #816740;border-radius:10px;background:#4b392c63}
.resources-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;align-items:start}
.resources-form-panel .resources-disclaimer{margin-bottom:22px}
.resources-form-panel h2{font:700 24px var(--serif);color:#f5e6dd;margin:7px 0 9px}
.resources-form-intro{color:#b7a9be;font-size:12px;line-height:1.75;margin-bottom:23px}
.resources-form-panel form{display:grid;gap:18px}
.resources-form-panel label{display:grid;gap:8px;font-size:10px;font-weight:900;color:#e0cee4;text-transform:uppercase;letter-spacing:.08em}
.resources-form-panel input,.resources-form-panel select,.resources-form-panel textarea{width:100%;background:#1e1926;color:#f4e9f6;border:1px solid #725c7e;border-radius:10px;padding:13px 14px;font:500 12px var(--sans);outline:0}
.resources-form-panel textarea{resize:vertical}
.resources-form-panel input:focus,.resources-form-panel textarea:focus,.resources-form-panel select:focus{border-color:#c9a1ec;box-shadow:0 0 0 2px #b281d733}
.resources-form-end{display:flex;align-items:center;justify-content:space-between;gap:20px}
.resources-form-end p{margin:0;color:#a599ad;line-height:1.5;font-size:10px}
.resources-form-end button{border:1px solid #d5b2ed;background:linear-gradient(120deg,#d7b0f0,#aa78d4);color:#24112f;border-radius:999px;padding:13px 18px;white-space:nowrap;text-transform:uppercase;font-size:10px;font-weight:900}
.resources-form-feedback{display:none;color:#efd498;font-size:11px}
.resources-form-feedback.visible{display:block}
.resources-drafts{margin-top:25px;border-top:1px solid #604b69;padding-top:20px}
.resources-drafts h3,.resources-submit-side h3{font:700 19px var(--serif);color:#f4e4da}
.resources-drafts p,.resources-submit-side p{color:#beafc5;font-size:11px;line-height:1.75}
.resources-drafts>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #5a465e;padding:11px 0;color:#d9cadf;font-size:11px}
.resources-drafts>div span{color:#a996b4;font-size:9px}
.resources-submit-side ul{padding-left:19px;color:#d2bbd9;font-size:11px;line-height:2}
.resources-submit-side>a{display:inline-block;color:#eac18e;font-size:11px;font-weight:800;margin-top:10px}
.resources-teaser{padding:32px 0;background:linear-gradient(100deg,#32263b,#26202f);border-top:1px solid #5d4970;border-bottom:1px solid #5d4970}
.resources-teaser .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.resources-teaser span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#edc688}
.resources-teaser h2{font:700 23px var(--serif);margin:7px 0;color:#f2e0de}
.resources-teaser p{font-size:11px;color:#bcaec4;margin:0}
.resources-teaser a{display:inline-block;white-space:nowrap;border-radius:999px;background:#d7b0f4;color:#26172c;padding:13px 20px;font-size:10px;font-weight:900;text-transform:uppercase}
@media(max-width:1120px){.resources-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-listing-head{align-items:start}.resources-list-tools{flex-direction:column}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:830px){.resources-hero{padding:34px 0}.resources-hero-content{align-items:start;flex-direction:column;gap:18px}.resources-list-tools{flex-direction:row}.resources-detail-grid,.resources-form-grid{grid-template-columns:1fr}.resources-featured{grid-template-columns:1fr 160px}.resources-featured-copy{padding:22px}.resources-featured-emblem:before{width:140px;height:140px}.resources-diamond{width:78px;height:78px;font-size:50px}.resources-teaser .wrap{align-items:flex-start}}
@media(max-width:600px){.resources-content{padding-top:20px}.resources-disclaimer{display:block}.resources-disclaimer strong{display:block;margin-bottom:7px}.resources-stats>div{padding:15px 10px}.resources-stats strong{font-size:22px}.resources-stats span{font-size:8px}.resources-category-grid{grid-template-columns:1fr}.resources-category{min-height:75px}.resources-featured{grid-template-columns:1fr}.resources-featured-emblem{display:none}.resources-listing-head{display:block}.resources-list-tools{margin-top:18px;flex-direction:column}.resources-grid{grid-template-columns:1fr}.resources-card{min-height:240px}.resources-filter-tabs a{font-size:9px;padding:9px 11px}.resources-contribute{display:block;padding:22px}.resources-contribute h2{font-size:20px}.resources-contribute>a{display:inline-block;margin-top:17px}.resources-detail-main,.resources-detail-side,.resources-form-panel,.resources-submit-side{padding:20px}.resources-detail-badge h2{font-size:20px}.resources-detail-badge .resources-card-monogram{width:55px;height:55px;font-size:22px}.resources-form-end{display:block}.resources-form-end button{width:100%;margin-top:17px}.resources-teaser .wrap{display:block}.resources-teaser a{margin-top:17px}}

/* RuneSource support portal — visual frontend of the existing ticket system */
.support-page{background:#17131e;min-height:70vh}
.support-hero{background:radial-gradient(circle at 84% 22%,#744d9b4d,transparent 30%),linear-gradient(115deg,#30243b,#211b2b);padding:48px 0}
.support-hero-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.support-hero .route-kicker{color:#dcb8e7;font-weight:900;letter-spacing:.17em}
.support-hero .route-title{margin-top:14px}
.support-hero .route-subtitle{max-width:610px}
.support-hero-emblem{display:grid;place-items:center;flex:none;width:105px;height:105px;border-radius:25px;border:1px solid #9f75c7;background:linear-gradient(130deg,#74518e,#352641);box-shadow:0 0 45px #b06cc638, inset 0 1px #fff4;font-size:72px;color:#eccbaa}
.support-content{padding-top:28px;padding-bottom:75px}
.support-preview-note{display:flex;align-items:center;gap:16px;background:#33253d;border:1px solid #755c82;border-radius:13px;padding:15px 18px;margin-bottom:25px;color:#c9b8d0;font-size:10px;line-height:1.55}
.support-preview-note strong{white-space:nowrap;color:#efc58c;text-transform:uppercase;font-weight:900;font-size:9px;letter-spacing:.1em}
.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:25px;align-items:start}
.support-main{min-width:0}
.support-main-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:27px}
.support-main-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;border:1px solid #d7aced;background:linear-gradient(125deg,#d5b2f0,#9e77d0);color:#271432;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.support-main-actions a:nth-child(2){background:#30283a;color:#e1c2f3;border-color:#7b5e8e}
.support-main-actions a:hover{filter:brightness(1.12)}
.support-eyebrow{color:#dbb1e8;font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.support-topic-section,.support-steps,.support-helpful,.support-faq{margin-bottom:28px}
.support-topic-section h2,.support-steps h2,.support-helpful h2,.support-faq h2{font:700 23px var(--serif);color:#f5e5df;margin:8px 0 17px}
.support-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.support-topic-card{display:flex;align-items:center;gap:13px;min-height:106px;padding:17px;border:1px solid #624e6d;background:linear-gradient(125deg,#32283b,#25212f);border-radius:15px;transition:transform .15s,border-color .15s}
.support-topic-card:hover{transform:translateY(-2px);border-color:#bc92d9}
.support-topic-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid #946eab;background:#583d6d;color:#ebd3f9;border-radius:12px;font-size:25px}
.support-topic-icon.gold{color:#ffe1a7;background:#5a4532;border-color:#9e794d}
.support-topic-icon.blue{color:#b9ddf3;background:#314a66;border-color:#6287a7}
.support-topic-icon.green{color:#a6e4c3;background:#304c49;border-color:#6b947f}
.support-topic-icon.orange{color:#f8d0b0;background:#5f4038;border-color:#946451}
.support-topic-icon.red{color:#f5bdcc;background:#653b4c;border-color:#9f6479}
.support-topic-card>span:nth-child(2){min-width:0;flex:1}
.support-topic-card strong{display:block;font:700 13px var(--serif);color:#f3e4dc}
.support-topic-card small{display:block;color:#b6a9bd;font-size:10px;line-height:1.55;margin-top:7px}
.support-topic-card em{color:#bda0cc;align-self:flex-start;font-style:normal}
.support-steps{padding:25px;border:1px solid #594b67;border-radius:16px;background:linear-gradient(145deg,#2f263a,#231e2d)}
.support-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px}
.support-steps-grid>div{border-left:2px solid #a279c4;padding-left:13px}
.support-steps-grid span{font:700 23px var(--serif);color:#e9bd7d}
.support-steps-grid h3{font:700 13px var(--serif);color:#ecdce3;margin:8px 0}
.support-steps-grid p{font-size:10px;line-height:1.7;color:#b5a8bd;margin:0}
.support-helpful{border:1px solid #604f6a;border-radius:15px;padding:24px;background:#2a2331}
.support-helpful ul{padding-left:20px;margin:0;color:#c9bad0;font-size:11px;line-height:1.95}
.support-helpful li{padding-left:5px}
.support-faq{border:1px solid #5b4a67;border-radius:15px;padding:24px;background:linear-gradient(135deg,#302637,#231f2b)}
.support-faq details{border-bottom:1px solid #52445c;padding:15px 0}
.support-faq details:last-child{border-bottom:0}
.support-faq summary{color:#f0e2e9;font-size:11px;font-weight:800;cursor:pointer}
.support-faq details[open] summary{color:#edc999}
.support-faq p{font-size:11px;line-height:1.8;color:#b9aabf;margin:12px 0}
.support-faq p a{color:#e8bfcf;text-decoration:underline}
.support-side{display:grid;gap:18px}
.support-side-card,.support-side-callout{border:1px solid #735980;border-radius:16px;background:linear-gradient(145deg,#342740,#241e2e);padding:23px}
.support-side h3{font:700 20px var(--serif);color:#f3e2df;margin:10px 0 12px}
.support-side p{font-size:11px;color:#bfaec8;line-height:1.75}
.support-side-links{margin-top:18px}
.support-side-links a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #5f4a69;padding:12px 0;color:#dcc0e9;font-size:11px}
.support-side-links a:hover{color:#eec991}
.support-side-callout{border-color:#916d9d;background:radial-gradient(circle at 90% 0,#8656a169,transparent 45%),linear-gradient(145deg,#4b2d5b,#302439)}
.support-side-callout span{font-size:9px;font-weight:900;color:#eac18c;letter-spacing:.12em}
.support-form-panel,.support-history-panel{border:1px solid #665171;border-radius:16px;background:linear-gradient(150deg,#31283b,#24202e);padding:28px}
.support-form-panel h2,.support-history-panel h2{font:700 25px var(--serif);color:#f5e4de;margin:9px 0}
.support-form-panel>p,.support-history-panel>p{font-size:12px;line-height:1.8;color:#bfb0c5;margin-bottom:23px}
.support-form-panel form{display:grid;gap:18px}
.support-form-panel label{display:grid;gap:9px;color:#dcc7e4;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.support-form-panel input,.support-form-panel select,.support-form-panel textarea{display:block;width:100%;border:1px solid #715a7b;background:#1e1925;color:#f5e9f7;border-radius:10px;padding:13px 14px;font:500 12px var(--sans);outline:0}
.support-form-panel textarea{resize:vertical}
.support-form-panel input:focus,.support-form-panel select:focus,.support-form-panel textarea:focus{border-color:#c599e5;box-shadow:0 0 0 2px #b48bd533}
.support-attachment-note{border:1px dashed #6e5878;border-radius:10px;color:#beaaca;font-size:10px;padding:14px;background:#241e2b}
.support-form-end{display:flex;gap:20px;align-items:center;justify-content:space-between}
.support-form-end p{font-size:10px;color:#a596ac}
.support-form-end button{padding:13px 18px;border:1px solid #d6b0ec;border-radius:999px;background:linear-gradient(130deg,#d8b4f3,#9e73cf);color:#24132d;font-size:10px;text-transform:uppercase;font-weight:900;white-space:nowrap}
.support-feedback{display:none;color:#efd09c;font-size:11px}
.support-feedback.visible{display:block}
.support-history-panel{text-align:center;padding:48px 30px}
.support-history-icon{display:inline-grid;place-items:center;width:78px;height:78px;border-radius:20px;background:#563c6d;color:#e3c0e8;font:50px var(--serif);margin-bottom:17px;border:1px solid #976db6}
.support-history-panel>p{max-width:550px;margin:0 auto 28px}
.support-history-panel .support-main-actions{justify-content:center;margin:0}
@media(max-width:1000px){.support-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.support-topic-card{padding:13px}.support-side-card,.support-side-callout{padding:18px}}
@media(max-width:830px){.support-layout{grid-template-columns:1fr}.support-side{grid-template-columns:repeat(2,minmax(0,1fr))}.support-hero{padding:32px 0}.support-hero-emblem{width:74px;height:74px;font-size:47px}}
@media(max-width:620px){.support-topic-grid{grid-template-columns:1fr}.support-topic-card{min-height:84px}.support-preview-note{display:block}.support-preview-note strong{display:block;margin-bottom:7px}.support-steps-grid{grid-template-columns:1fr}.support-side{grid-template-columns:1fr}.support-main-actions{display:grid}.support-main-actions a{width:100%}.support-hero-emblem{display:none}.support-form-panel,.support-history-panel{padding:20px}.support-form-end{display:block}.support-form-end button{width:100%;margin-top:10px}.support-history-panel{padding:30px 20px}}