@charset "UTF-8";
:root{--bg:#100b0d;--bg2:#170f12;--panel:#231619;--panel2:#2e1b1f;--accent:#b83e47;--copper:#c79972;--cream:#f5dfc9;--muted:#b49d96;--teal:#51cfb9;--border:#65443d80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:14px Inter,system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.wrap{max-width:1220px;margin:auto;padding:0 24px}.topline{height:32px;display:flex;align-items:center;justify-content:center;background:#241419;color:#c8a394;border-bottom:1px solid var(--border);letter-spacing:2px;text-transform:uppercase;font-size:10px}.site-header{position:sticky;top:0;z-index:90;background:#140d11f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.navrow{min-height:78px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;min-width:180px;gap:10px}.brand img{height:51px;width:51px;object-fit:contain}.brand b{font:700 22px Cinzel,serif}.brand small{display:block;letter-spacing:1.9px;color:var(--copper);font-size:8px}.navlinks{display:flex;align-items:center;gap:17px;flex:1;justify-content:center;flex-wrap:wrap}.navlinks a{font-size:11px;font-weight:700;white-space:nowrap;color:#d3bbb1}.navlinks a:hover,.navlinks a.active{color:var(--teal)}.rightnav{display:flex;gap:8px}.btn{border:1px solid #b17b67;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 19px;background:#24171a;color:#f9e3d1;letter-spacing:.7px;font-weight:700;font-size:12px;transition:.2s}.btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.btn.primary{background:linear-gradient(125deg,#b3434a,#6d1d2c);border-color:#df695d;color:white;box-shadow:0 8px 28px #21090c9c}.btn.outline{background:#120c10d9}.hamb{display:none}.hero{position:relative;min-height:710px;background:linear-gradient(0deg,#100b0d 0%,#100b0d22 45%,#100b0d35),linear-gradient(90deg,#150b10a0,#150b100f,#150b1080),url('assets/hero.webp') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}.hero-inner{position:relative;z-index:2;width:100%;padding:48px 24px 140px}.hero-logo{width:min(650px,86vw);max-height:295px;object-fit:contain;filter:drop-shadow(0 9px 20px #000c)}.overline{color:#ffbb98;letter-spacing:4px;font-size:11px;font-weight:800}.hero h1{font:600 clamp(24px,3.1vw,41px) Cinzel,serif;text-shadow:0 3px 12px black;margin:10px 0 15px}.hero p{max-width:630px;margin:0 auto 23px;line-height:1.8;color:#f7e6d9;text-shadow:0 2px 8px black}.hero-actions{position:relative;z-index:10;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-actions .btn{min-width:170px}.hero-stats{position:absolute;bottom:0;left:0;right:0;z-index:1;background:#140c10eb;border-top:1px solid var(--border);padding:19px 0}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}.statrow>div{border-left:2px solid #755047;padding-left:17px}.statrow small{font-size:10px;color:#b29c92;text-transform:uppercase;letter-spacing:1.2px;display:block}.statrow strong{font-size:19px;display:block;margin-top:7px;color:var(--cream)}.label{display:inline-flex;gap:8px;align-items:center;color:var(--teal);font-size:11px;font-weight:700}.section{padding:68px 0}.section.alt{background:#1c1115;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.head{text-align:center;margin-bottom:29px}.head h2,.pagehero h1{font:600 clamp(27px,3vw,43px) Cinzel,serif;margin:10px 0 12px}.head p,.pagehero p{color:var(--muted);line-height:1.8;max-width:700px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.panel{background:linear-gradient(135deg,#2b191e,#160f12);border:1px solid var(--border);padding:22px;min-width:0}.card:hover{border-color:#a36b60}.card a{color:var(--teal)}.card h3,.panel h3{font:600 19px Cinzel;color:#f0d5bb;margin:4px 0 12px}.card p{line-height:1.8;color:var(--muted);font-size:13px}.card .glyph{font-size:25px;color:var(--teal);margin-bottom:13px}.pill{background:#44292b;color:#f4b6a0;border:1px solid #7a4a48;padding:5px 9px;font-size:10px;letter-spacing:.7px;display:inline-flex}.pill.teal{background:#10302d;color:#7ce1d0;border-color:#336c62}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pagehero{background:linear-gradient(#140a10df,#160d12e8),url('assets/hero.webp') center 40%/cover;padding:70px 0 65px;border-bottom:1px solid var(--border);text-align:center}.pagehero h1{margin-top:14px}.content{padding:35px 0 75px}.toolbar{display:flex;gap:10px;margin:0 0 17px;flex-wrap:wrap;align-items:center}.field{background:#140d11;border:1px solid #755248;color:white;padding:12px 13px;min-height:43px;min-width:160px;flex:1}.field::placeholder{color:#8d7470}.field:focus{outline:1px solid var(--teal)}select.field{flex:0 1 200px}.notice{background:#2a1c1c;border-left:3px solid #b37c67;padding:14px 18px;color:#cbb2a6;line-height:1.7;margin:15px 0}.notice strong{color:#ffdfc8}.tablewrap{overflow-x:auto}.data{width:100%;border-collapse:collapse;text-align:left;min-width:550px}.data th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#c59783;background:#201317;padding:16px}.data td{border-bottom:1px solid #60483d55;padding:17px 16px;color:#ecd9ce}.data tbody tr:hover{background:#ffffff07}.empty{text-align:center;padding:45px 16px;color:#b6a09a}.empty .ico{font-size:35px;margin-bottom:12px;color:var(--teal)}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.rate{border:1px solid var(--border);padding:19px;background:#211317;text-align:center}.rate small{display:block;color:#c9a898;margin-bottom:12px}.rate strong{font:600 28px Cinzel;color:#5ed2bd}.statusgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.statusbox{padding:22px;border:1px solid var(--border);background:#28171b}.statusbox small{color:#bca096;display:block}.statusbox b{display:block;font:600 30px Cinzel;margin-top:11px;color:var(--teal)}.chart{height:215px;border:1px solid var(--border);background:linear-gradient(0deg,#1624202b 1px,transparent 1px),linear-gradient(90deg,#1624202b 1px,transparent 1px),#1a1114;background-size:100% 42px,60px 100%;display:flex;justify-content:center;align-items:center;color:#ab8f86}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.tab{background:#251419;border:1px solid var(--border);padding:11px 15px;color:#c8a499;cursor:pointer}.tab.active{background:#792c39;border-color:#c9635a;color:white}.linksgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.linkcard{background:#25151a;padding:20px;border:1px solid var(--border);display:block}.linkcard:hover{border-color:var(--teal)}.linkcard strong{display:block;font:600 17px Cinzel;margin:13px 0 8px}.linkcard small{color:var(--muted);line-height:1.65}.linkcard span{font-size:25px;color:var(--teal)}.footer{background:#0c080a;border-top:1px solid var(--border);padding:36px 0;color:#b39990}.footrow{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footrow a{color:var(--teal)}.modal-back{position:fixed;inset:0;z-index:110;background:#000b;display:none;align-items:center;justify-content:center;padding:18px}.modal-back.open{display:flex}.modal{max-width:450px;width:100%;padding:27px;background:#28191d;border:1px solid #a26c5e}.modal h2{font:600 24px Cinzel}.modal p{color:#ceb3a6;line-height:1.7}.modal .field{width:100%;margin:7px 0}.modal .btn{width:100%;margin-top:14px}.close{float:right;background:none;color:white;font-size:24px;border:0}.hide{display:none!important}
@media(max-width:1100px){.navlinks{gap:10px}.navlinks a{font-size:10px}.brand{min-width:145px}.brand b{font-size:18px}.rightnav .btn{padding:10px}}
@media(max-width:850px){.hamb{display:block;background:transparent;color:white;border:1px solid var(--border);font-size:23px;padding:7px 12px;margin-left:auto}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#1d1116;border-bottom:1px solid var(--border);padding:20px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{font-size:13px;padding:9px}.rightnav{margin-left:auto}.cards,.rates{grid-template-columns:repeat(2,minmax(0,1fr))}.linksgrid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.hero{min-height:660px}.hero-inner{padding-bottom:160px}.statusgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.wrap{padding:0 16px}.rightnav .btn:first-child{display:none}.topline{font-size:8px;letter-spacing:.6px}.navrow{gap:9px}.hero{min-height:690px;background-position:58% center}.hero-inner{padding:20px 16px 220px}.hero-logo{max-height:200px}.hero h1{font-size:24px}.hero p{font-size:12px}.hero-actions .btn{min-width:140px;padding:13px 10px}.hero-stats{padding:11px 0}.statrow{grid-template-columns:repeat(2,1fr);gap:11px}.statrow strong{font-size:15px}.statrow>div{padding-left:9px}.cards,.rates,.linksgrid{grid-template-columns:1fr}.section{padding:47px 0}.pagehero{padding:49px 0}.statusgrid{grid-template-columns:repeat(2,1fr)}.statusbox{padding:13px}.statusbox b{font-size:22px}}

/* Account portal */
.rightnav form{margin:0}
.auth-shell{min-height:calc(100vh - 205px);padding:58px 18px 76px;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at 50% 15%,#3b2026 0%,#100b0d 58%)}
.auth-card{width:min(100%,510px);padding:36px;background:linear-gradient(145deg,#2b191e,#160f12);border:1px solid #8b5a4d88;box-shadow:0 24px 70px #0008}
.auth-card h1{font:600 clamp(27px,4vw,39px) Cinzel,serif;margin:12px 0;color:var(--cream)}
.auth-intro{color:var(--muted);line-height:1.75;margin:0 0 25px}
.auth-card form label{display:block;color:#e9d1c1;font-size:12px;font-weight:700;margin:17px 0 7px}
.auth-field{width:100%;min-height:48px;flex:none}
.field-hint{display:block;color:#a99289;font-size:11px;margin-top:7px}
.auth-submit{width:100%;margin-top:22px;min-height:48px}
.auth-switch{text-align:center;color:var(--muted);margin:22px 0 0}
.auth-switch a{color:var(--teal);font-weight:700}
.auth-footnote{font-size:11px;line-height:1.7;color:#a99289;margin:20px 0 0}
.form-alert{padding:13px 15px;margin:0 0 18px;line-height:1.55;border:1px solid}
.form-alert.error{color:#ffd9d0;background:#481c23;border-color:#a74b4b}
.form-alert.success{color:#b7f0d0;background:#12382e;border-color:#3b9570}
.account-info{display:grid;grid-template-columns:1fr;gap:8px;padding:17px;background:#130d10;border:1px solid var(--border);margin:24px 0}
.account-info span{color:#a99289;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.account-info strong{overflow-wrap:anywhere;color:#f4dfcf;font-size:14px;margin-bottom:10px}
@media(max-width:550px){.auth-shell{padding:36px 14px 56px}.auth-card{padding:25px 20px}.auth-card h1{font-size:27px}}

/* Live character profiles */
.profile-content{min-height:70vh;background:radial-gradient(ellipse at 48% 0%,#321b2055,transparent 54%)}
.profile-back{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;color:#bb9b8e;font-size:11px;letter-spacing:1.4px}.profile-back a{color:var(--teal);letter-spacing:0;font-size:13px}
.profile-loading,.profile-error{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.profile-loading p,.profile-error p{color:var(--muted);line-height:1.7;margin:0}.profile-error h2{font:600 25px Cinzel;margin:2px}.profile-spinner{width:32px;height:32px;border:3px solid #6a4240;border-top-color:var(--teal);border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}
.profile-loading[hidden],.profile-error[hidden]{display:none!important}
.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:26px 30px;background:linear-gradient(120deg,#321b20,#171013)}.profile-heading h1{font:600 clamp(27px,4vw,42px) Cinzel;margin:7px 0}.profile-heading p{color:var(--muted);margin:0}.profile-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:18px;align-items:stretch}.profile-viewer-panel{padding:23px}.profile-viewer-panel h2,.profile-equipment-panel h2,.mastery-panel h2,.profile-side h2{font:600 21px Cinzel;margin:7px 0 0}.profile-viewer-wrap{position:relative;margin-top:18px;height:465px;overflow:hidden;border:1px solid #765044;background:radial-gradient(ellipse at 50% 42%,#61473544,transparent 62%),linear-gradient(180deg,#171115,#090708)}.profile-viewer-wrap iframe{display:block;width:100%;height:100%;border:0}.viewer-status{position:absolute;inset:auto 12px 12px;max-width:calc(100% - 24px);padding:10px 13px;background:#100b0de8;border:1px solid #60433e;color:#d8c1b2;text-align:center;font-size:12px;line-height:1.5;pointer-events:none}.viewer-status[hidden]{display:none}.profile-viewer-note,.profile-muted{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 0 0}.profile-side{display:grid;grid-template-rows:auto 1fr;gap:18px}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.profile-stat-grid>div{padding:12px;background:#130d10;border:1px solid #60443b66}.profile-stat-grid small{display:block;color:#b79e91;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.profile-stat-grid b{display:block;margin-top:6px;color:#f4dfcf;font:600 20px Cinzel}.profile-guild-panel{display:flex;flex-direction:column;justify-content:center}.profile-guild{font:600 21px Cinzel;color:#f5d8b8;margin:13px 0 5px;overflow-wrap:anywhere}.profile-guild-panel p{color:var(--muted);line-height:1.6;margin:5px 0}.profile-equipment-panel,.mastery-panel{margin-top:18px;padding:25px}.equipment-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;margin-top:21px}.equipment-columns h3{font:600 16px Cinzel;color:#e4bea0;margin:0 0 12px}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.equipment-item{min-width:0;min-height:82px;padding:12px;background:linear-gradient(135deg,#2b191e,#171013);border:1px solid #76504466;display:flex;flex-direction:column;justify-content:center;gap:5px}.equipment-item.is-empty{opacity:.56}.equipment-slot{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#c4947b}.equipment-item strong{font-size:12px;line-height:1.5;color:#f5dfcc;overflow-wrap:anywhere}.equipment-item small{color:#ae9489;font-size:9px;overflow-wrap:anywhere}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mastery-panel{margin-bottom:22px}.mastery-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:18px}.mastery-row{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#140e11;border:1px solid #62453c66;color:#d5b9a9}.mastery-row strong{color:var(--teal)}
@media(max-width:850px){.profile-layout{grid-template-columns:1fr}.profile-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.profile-viewer-wrap{height:410px}.equipment-columns{grid-template-columns:1fr}}
@media(max-width:550px){.profile-heading{padding:20px;align-items:flex-start}.profile-back{align-items:flex-start;gap:10px;flex-direction:column}.profile-viewer-panel,.profile-equipment-panel,.mastery-panel{padding:17px}.profile-viewer-wrap{height:350px}.profile-side{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.character-profile-link{color:var(--teal);font-weight:700}.character-profile-link:hover{text-decoration:underline;text-underline-offset:3px}.character-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:-5px 0 16px}.character-suggestions[hidden]{display:none}.character-suggestions>a,.suggestion-empty{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#211317;border:1px solid var(--border)}.character-suggestions>a:hover{border-color:var(--teal)}.character-suggestions strong{color:#f3ddc9}.character-suggestions span,.suggestion-empty{font-size:11px;color:var(--muted)}
.firsts-grid{margin-top:18px}.public-data-list{display:grid;gap:7px;margin-top:13px}.public-data-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:#160f12;border:1px solid #60443b55;flex-wrap:wrap}.public-data-list article div{display:flex;flex-direction:column;gap:4px}.public-data-list strong,.public-data-list article>span{color:#f0d8c4;font-size:12px}.public-data-list a{color:var(--teal);font-size:12px}.public-data-list small{color:#a99289;font-size:10px}.rule-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:9px;margin-top:15px}.rule-list article{padding:14px;background:#160f12;border:1px solid #60443b66}.rule-list article strong{text-transform:capitalize;font-size:11px;color:#e8ccb8}.rule-list article p{color:#f2dfcf;line-height:1.6;font-size:12px;margin:10px 0}.rule-list article small{color:#a99289;line-height:1.6;font-size:10px}

.equipment-icon{width:58px;height:58px;object-fit:contain;align-self:flex-start;background:#100b0d;border:1px solid #79564b66;padding:4px}.equipment-details{width:100%;margin-top:4px;color:var(--teal);font-size:10px}.equipment-details summary{cursor:pointer}.equipment-tooltip{max-height:210px;overflow:auto;margin-top:8px;padding:8px;background:#100b0d;border:1px solid #60443b66}.equipment-tooltip p{margin:3px 0;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.db-result{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px;margin:9px 0;background:linear-gradient(135deg,#2b191e,#171013);border:1px solid #76504466}.db-result-image{width:76px;height:76px;object-fit:contain;padding:5px;background:#100b0d;border:1px solid #67473f66}.db-result-image.portrait{object-fit:cover}.db-result-body{min-width:0}.db-result h3{margin:3px 0 7px}.db-result p{margin:5px 0;color:var(--muted);line-height:1.65;font-size:12px;overflow-wrap:anywhere}.db-result small{color:#b89c8e;font-size:10px;overflow-wrap:anywhere}.db-tooltip{display:grid;gap:3px;margin:9px 0;padding:9px;background:#100b0d;border:1px solid #60443b55}.db-tooltip span{font-size:11px;line-height:1.45;overflow-wrap:anywhere}.drop-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;margin-top:8px}.drop-list>div{display:flex;align-items:center;gap:8px;padding:7px;background:#130d10;border:1px solid #60443b55;font-size:10px}.drop-list img{width:32px;height:32px;object-fit:contain;background:#0b0809}.drop-list span{min-width:0;line-height:1.45}.db-result details{margin-top:9px}.db-result details summary{cursor:pointer;color:var(--teal);font-size:11px}.db-meta{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.db-meta .pill{font-size:9px}.unique-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;align-items:center}.unique-portrait{width:100px;height:100px;object-fit:cover;background:#100b0d;border:1px solid #755248}.unique-card h3{margin:5px 0 7px}.guild-open{border:0;background:none;padding:0;color:var(--teal);font-weight:700;text-align:left}.guild-open:hover{text-decoration:underline;text-underline-offset:3px}.guild-detail-panel{margin-top:18px}.guild-detail-panel[hidden]{display:none}.guild-member-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;margin-top:13px}.guild-member-list a,.guild-member-list span{padding:10px 12px;background:#160f12;border:1px solid #60443b66;display:flex;justify-content:space-between;gap:8px}.guild-member-list small{color:var(--muted)}

/* Silkroad-style character inventory and doll composition */
.profile-layout.profile-game-layout{grid-template-columns:minmax(240px,.62fr) minmax(0,1.7fr);align-items:stretch;gap:16px}
.profile-game-layout .profile-side{grid-template-rows:1fr auto;gap:12px;align-content:start}
.profile-character-panel{position:relative;padding:19px 17px;background:linear-gradient(150deg,#2a191d,#120d10);border-color:#80584a80}
.profile-name-row{display:flex;align-items:center;gap:12px;min-width:0}
.profile-level-seal{flex:0 0 56px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b48a5b;background:linear-gradient(145deg,#533622,#1b1411);box-shadow:inset 0 0 0 3px #261b15;color:#f1d29f}
.profile-level-seal small{font-size:8px;letter-spacing:1px;color:#c8a67d}.profile-level-seal strong{font:700 25px Cinzel,serif;line-height:1.15}
.profile-name-block{min-width:0}.profile-name-block .overline{font-size:8px;letter-spacing:2px}.profile-name-block h1{font:600 clamp(20px,2.2vw,27px) Cinzel,serif;overflow-wrap:anywhere;margin:4px 0}.profile-name-block p{font-size:11px;color:var(--muted);margin:0}
.profile-online{margin:14px 0 2px}
.profile-exp-block{margin:15px 0 0;padding:12px 11px;background:#120c0f;border:1px solid #68473f66}.profile-exp-block .row{font-size:9px;letter-spacing:1px;color:#c7a392}.profile-exp-block .row strong{color:#f1d4b6;font-size:11px;letter-spacing:0}.profile-exp-track{height:8px;margin:9px 0 6px;border:1px solid #62413b;background:#090708;overflow:hidden}.profile-exp-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8f672d,#e8c27a);box-shadow:0 0 9px #d2a34d66;transition:width .35s ease}.profile-exp-block>small{color:#9e8880;font-size:9px;line-height:1.45}
.profile-stat-grid.profile-primary-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:11px}.profile-primary-stats>div{padding:9px 10px;background:#191113;border-color:#694a4066}.profile-primary-stats small{font-size:9px;letter-spacing:.8px}.profile-primary-stats b{font-size:18px;margin-top:4px}
.profile-guild-panel{padding:16px 17px;display:block}.profile-job-card{display:flex;align-items:center;gap:11px;margin:12px 0;padding:11px;background:#140e11;border:1px solid #65473d66}.profile-job-emblem{width:38px;height:38px;display:grid;place-items:center;background:#392321;border:1px solid #8b5c43;color:#e2bd7d;font-size:20px}.profile-job-card small{display:block;color:#ac9184;font-size:8px;letter-spacing:1px}.profile-job-card strong{display:block;margin-top:3px;color:#f1d8c2;font:600 13px Cinzel,serif}.profile-guild-divider{border-top:1px solid #61433d66;margin:11px 0}.profile-guild-panel>.row{font-size:10px}.profile-guild-panel .profile-guild{font-size:17px;margin:6px 0 2px}.profile-guild-panel p{font-size:10px}
.profile-inventory-panel{padding:17px 17px 13px;min-width:0;overflow:visible;background:linear-gradient(145deg,#241619,#100b0d);border-color:#8b5d4c99}.profile-inventory-heading{margin:0 2px 13px}.profile-inventory-heading h2{font:600 20px Cinzel,serif;margin:4px 0 0}.profile-inventory-heading .overline{font-size:8px;letter-spacing:2.7px}.profile-inventory-heading .pill{font-size:8px;letter-spacing:.2px}
.profile-gear-note{margin:0 0 10px;padding:9px 12px;font-size:10px}
.inventory-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:78px minmax(0,1fr) 78px;gap:8px;height:552px;padding:9px 10px;border:1px solid #8a674d;background:radial-gradient(ellipse at 50% 44%,#77553438 0%,#30201b20 40%,transparent 67%),linear-gradient(145deg,#100c0d,#191113 52%,#0c090a);box-shadow:inset 0 0 0 3px #33241b,inset 0 0 0 4px #76543d,inset 0 0 30px #000b}
.inventory-stage:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #9b79514d;z-index:0}
.inventory-stage-corner{position:absolute;z-index:8;bottom:6px;color:#c39a5d;font-size:13px;line-height:1;pointer-events:none}.inventory-stage-corner-left{left:8px}.inventory-stage-corner-right{right:8px}
.inventory-doll-wrap{position:relative;z-index:1;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#bf87401a,transparent 56%)}.inventory-doll-wrap iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}.inventory-doll-wrap .viewer-status{z-index:4;inset:auto 4px 6px;max-width:calc(100% - 8px);padding:7px 9px;font-size:9px;background:#100b0dea}
.inventory-rail{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:5px;min-width:0;min-height:0;padding:2px 0}.inventory-item{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 70px;width:74px;height:70px;padding:13px 5px 4px;border:1px solid #806249;background:linear-gradient(145deg,#241b16,#0b0909 72%);box-shadow:inset 0 0 0 2px #17110f,0 2px 5px #0009;cursor:help;outline:none;transition:filter .15s,border-color .15s,transform .15s}.inventory-item:before{content:"";position:absolute;inset:3px;border:1px solid #74533b70;pointer-events:none}.inventory-item:hover,.inventory-item:focus-visible{z-index:12;border-color:#edc27d;filter:brightness(1.22);transform:scale(1.04)}.inventory-item.is-empty{opacity:.48;cursor:default}.inventory-slot-label{position:absolute;top:4px;left:4px;right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#d1a67c;font-size:6.4px;line-height:1.1;letter-spacing:.4px;text-transform:uppercase}.inventory-item-icon{display:block;width:44px;height:44px;object-fit:contain;background:#080708;border:1px solid #9a785566;padding:3px;image-rendering:auto}.inventory-item-icon-empty{display:grid;place-items:center;color:#7f6c60;font:14px Cinzel,serif}.inventory-item-plus{position:absolute;right:4px;bottom:4px;color:#f0ca7a;font-size:8px;font-weight:800;text-shadow:0 1px 3px #000}.inventory-empty-icon{font:17px Cinzel,serif;color:#8a776a}.inventory-tooltip{position:absolute;top:50%;z-index:20;display:none;width:min(228px,48vw);max-height:300px;overflow:auto;transform:translateY(-50%);padding:11px 12px;border:1px solid #b79663;background:linear-gradient(145deg,#201815f7,#0c0909fa);box-shadow:0 8px 28px #000e;color:#f1ddc7;pointer-events:none;text-align:left}.inventory-item-left .inventory-tooltip{left:calc(100% + 9px)}.inventory-item-right .inventory-tooltip{right:calc(100% + 9px)}.inventory-item:hover .inventory-tooltip,.inventory-item:focus-visible .inventory-tooltip{display:block}.inventory-tooltip strong{display:block;color:#f5dba9;font:600 12px Cinzel,serif;line-height:1.45}.inventory-tooltip small{display:block;margin:4px 0 7px;color:#b89983;font-size:8px;overflow-wrap:anywhere}.inventory-tooltip-lines{display:grid;gap:3px;padding-top:6px;border-top:1px solid #75514199}.inventory-tooltip-lines span,.inventory-tooltip-missing{display:block;color:#dbcabb;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.inventory-tooltip-missing{color:#b69c8d}
.inventory-footer{display:flex;align-items:center;gap:10px;min-height:49px;padding:9px 1px 0}.inventory-clothes-button{display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:5px 11px;border:1px solid #b3935e;background:linear-gradient(135deg,#45311d,#1c1511);color:#f0d19a;font-size:10px;letter-spacing:.25px;box-shadow:inset 0 0 0 2px #211814}.inventory-clothes-button:hover,.inventory-clothes-button[aria-pressed="true"]{border-color:#eed091;background:linear-gradient(135deg,#735326,#2d2115);color:#fff0c6}.inventory-clothes-button span{font:17px serif}.inventory-footer>.pill{margin-left:auto;font-size:8px}.inventory-help{color:#987f73;font-size:8px;line-height:1.3}
@media(max-width:780px){.profile-layout.profile-game-layout{grid-template-columns:1fr}.profile-game-layout .profile-side{grid-template-columns:1fr;grid-template-rows:auto auto}.profile-character-panel,.profile-guild-panel{min-height:0}.inventory-stage{height:540px}}
@media(max-width:560px){.profile-game-layout .profile-side{grid-template-columns:1fr}.profile-inventory-panel{padding:12px 10px 9px}.profile-inventory-heading{align-items:flex-start}.profile-inventory-heading .pill{max-width:125px;white-space:normal;text-align:center;line-height:1.35}.inventory-stage{grid-template-columns:57px minmax(0,1fr) 57px;gap:3px;height:475px;padding:7px 5px}.inventory-rail{gap:3px}.inventory-item{flex-basis:61px;width:55px;height:61px;padding-top:12px}.inventory-item-icon{width:37px;height:37px;padding:2px}.inventory-slot-label{font-size:5.5px}.inventory-item-plus{font-size:7px}.inventory-tooltip{width:min(205px,60vw);max-height:260px;padding:8px}.inventory-item-left .inventory-tooltip{left:calc(100% + 5px)}.inventory-item-right .inventory-tooltip{right:calc(100% + 5px)}.inventory-footer{gap:6px;flex-wrap:wrap}.inventory-help{flex-basis:100%;margin-left:2px}.inventory-footer>.pill{margin-left:auto}.profile-name-block h1{font-size:22px}}
@media(max-width:900px){.profile-game-layout .profile-side{grid-template-columns:1fr;grid-template-rows:auto auto}}
/* Item tooltips keep their full description visible without an inner scrollbar. */
.inventory-tooltip{width:min(300px,calc(100vw - 36px));max-height:none;overflow:visible;padding:9px 11px}.inventory-tooltip-lines{gap:2px}.inventory-tooltip-lines span,.inventory-tooltip-missing{font-size:8px;line-height:1.32}
@media(max-width:560px){.inventory-tooltip{width:min(240px,calc(100vw - 24px));max-height:none;overflow:visible;padding:8px 9px}.inventory-tooltip-lines span,.inventory-tooltip-missing{font-size:7.6px;line-height:1.3}}

@media(max-width:550px){.db-result{grid-template-columns:54px minmax(0,1fr);gap:9px;padding:10px}.db-result-image{width:54px;height:54px}.unique-card{grid-template-columns:72px minmax(0,1fr);gap:10px}.unique-portrait{width:72px;height:72px}.drop-list{grid-template-columns:1fr}}

/* Mobile polish and item-tier visuals */
@keyframes item-sun-aura{0%,100%{box-shadow:inset 0 0 0 1px #f6d26a55,0 0 7px #f3b64266}50%{box-shadow:inset 0 0 0 1px #fff0a6aa,0 0 15px #f3b642bb}}
@keyframes item-moon-aura{0%,100%{box-shadow:inset 0 0 0 1px #a7dcff55,0 0 7px #459bde55}50%{box-shadow:inset 0 0 0 1px #d7f1ffaa,0 0 15px #459bdeaa}}
@keyframes item-star-aura{0%,100%{box-shadow:inset 0 0 0 1px #e5aaff55,0 0 7px #a85bd866}50%{box-shadow:inset 0 0 0 1px #f1d3ffaa,0 0 15px #a85bd8aa}}
@keyframes item-plus-glow{0%,100%{text-shadow:0 0 3px #ffcf4455}50%{text-shadow:0 0 6px #ffcf44,0 0 13px #ff9f2e}}
.inventory-item.rarity-sun{border-color:#eac35c;color:#ffe7a1;animation:item-sun-aura 2.2s ease-in-out infinite}
.inventory-item.rarity-moon{border-color:#79bce9;color:#cceaff;animation:item-moon-aura 2.6s ease-in-out infinite}
.inventory-item.rarity-star{border-color:#bc81df;color:#f1d4ff;animation:item-star-aura 2.4s ease-in-out infinite}
.inventory-item.upgrade-7 .inventory-item-plus{color:#77e3c6}
.inventory-item.upgrade-10 .inventory-item-plus{color:#83caff;text-shadow:0 0 7px #53b9ff}
.inventory-item.upgrade-14 .inventory-item-plus{color:#ffe27a;text-shadow:0 0 5px #ffcf44,0 0 11px #ff9f2e;animation:item-plus-glow 1.7s ease-in-out infinite}
.db-result.rarity-sun{border-color:#d7ad4d;box-shadow:inset 0 0 0 1px #dfbb5940,0 0 14px #d69e3333}
.db-result.rarity-moon{border-color:#629dca;box-shadow:inset 0 0 0 1px #65b7ed40,0 0 14px #397db533}
.db-result.rarity-star{border-color:#a96dce;box-shadow:inset 0 0 0 1px #c186e740,0 0 14px #9043b333}
.db-result.rarity-sun .db-result-image{border-color:#e6c363;box-shadow:0 0 10px #efbd4d77;animation:item-sun-aura 2.2s ease-in-out infinite}
.db-result.rarity-moon .db-result-image{border-color:#80c8f5;box-shadow:0 0 10px #54adf077;animation:item-moon-aura 2.6s ease-in-out infinite}
.db-result.rarity-star .db-result-image{border-color:#ca91ec;box-shadow:0 0 10px #b460db77;animation:item-star-aura 2.4s ease-in-out infinite}
.drop-list>div.rarity-sun img{outline:1px solid #e6c363;box-shadow:0 0 8px #efbd4d66}
.drop-list>div.rarity-moon img{outline:1px solid #80c8f5;box-shadow:0 0 8px #54adf066}
.drop-list>div.rarity-star img{outline:1px solid #ca91ec;box-shadow:0 0 8px #b460db66}
img,video,canvas{max-width:100%}
.db-result-body,.db-result,.profile-side,.profile-inventory-panel{min-width:0}

@media(max-width:850px){
  .navrow{position:relative;min-height:70px}
  .navlinks{top:70px;max-height:calc(100svh - 70px);overflow-y:auto;overscroll-behavior:contain}
  .rightnav .btn.primary{display:none}
  .rightnav form .btn.primary{display:inline-flex}
  .rightnav .btn.outline:nth-child(2){display:none}
  .content{padding-top:27px}
}
@media(max-width:550px){
  body{overflow-x:clip}
  .wrap{padding-inline:12px}
  .navrow{min-height:64px;gap:7px}
  .brand{min-width:0;gap:7px}
  .brand img{width:42px;height:42px}
  .brand b{font-size:17px}
  .brand small{font-size:7px;letter-spacing:1.3px}
  .navlinks{top:64px;padding:12px 16px}
  .hamb{padding:6px 10px;font-size:21px}
  .rightnav{margin-left:auto;gap:5px}
  .rightnav .btn.outline:first-child{display:inline-flex}
  .rightnav form .btn.primary{min-height:37px;padding:8px 10px;font-size:10px}
  .content{padding:22px 0 48px}
  .pagehero{padding:40px 0 37px}
  .pagehero h1{font-size:clamp(25px,8vw,34px)}
  .pagehero p,.head p{font-size:12px;line-height:1.65}
  .section{padding:40px 0}
  .panel,.card{padding:15px}
  .toolbar .field{min-width:0;flex-basis:100%;width:100%}
  .toolbar>.btn{width:100%}
  .footrow{align-items:flex-start;flex-direction:column;gap:12px}
  .modal-back{padding:10px}
  .modal{max-height:calc(100svh - 20px);overflow-y:auto;padding:20px}
  .db-result{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:9px}
  .db-result-image{width:48px;height:48px;padding:3px}
  .db-result h3{font-size:14px;line-height:1.35}
  .db-result p{font-size:11px}
  .db-meta .pill{max-width:100%;overflow-wrap:anywhere}
  .profile-game-layout{grid-template-columns:minmax(0,1fr);gap:12px}
  .profile-game-layout>.profile-inventory-panel{order:-1}
  .profile-game-layout .profile-side{grid-template-columns:minmax(0,1fr);gap:10px}
  .profile-character-panel,.profile-guild-panel{padding:14px}
  .profile-inventory-panel{padding:11px 9px 8px}
  .profile-inventory-heading{gap:8px;margin-bottom:9px}
  .profile-inventory-heading h2{font-size:17px}
  .profile-inventory-heading .pill{max-width:112px;font-size:7px}
  .inventory-stage{grid-template-columns:47px minmax(0,1fr) 47px;gap:2px;height:410px;padding:6px 4px}
  .inventory-rail{gap:2px;padding:0}
  .inventory-item{flex-basis:49px;width:45px;height:49px;padding:9px 2px 2px}
  .inventory-item-icon{width:31px;height:31px;padding:1px}
  .inventory-slot-label{top:3px;left:2px;right:2px;font-size:5px;letter-spacing:0}
  .inventory-item-plus{right:2px;bottom:2px;font-size:7px}
  .inventory-doll-wrap{position:absolute;inset:7px 22px;width:auto;justify-self:initial}
  .inventory-doll-wrap iframe{transform:scale(.86)}
  .inventory-rail-left{grid-column:1}
  .inventory-rail-right{grid-column:3}
  .inventory-tooltip{width:min(220px,calc(100vw - 20px));padding:7px 8px}
  .inventory-tooltip strong{font-size:10px}
  .inventory-tooltip-lines span,.inventory-tooltip-missing{font-size:7.4px;line-height:1.25}
  .inventory-footer{gap:5px;flex-wrap:wrap;padding-top:7px}
  .inventory-clothes-button{min-height:33px;padding:4px 8px;font-size:9px}
  .inventory-footer>.pill{font-size:7px}
  .inventory-help{flex-basis:100%;margin-left:1px}
}
@media(prefers-reduced-motion:reduce){
  .inventory-item.rarity-sun,.inventory-item.rarity-moon,.inventory-item.rarity-star,.inventory-item.upgrade-14 .inventory-item-plus,.db-result.rarity-sun .db-result-image,.db-result.rarity-moon .db-result-image,.db-result.rarity-star .db-result-image{animation:none}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Silkroad-inspired brass frames, parchment lettering, and cool stone panels. */
:root{
  color-scheme:dark;
  --bg:#111923;
  --bg2:#182330;
  --panel:#202d39;
  --panel2:#2b3945;
  --accent:#b99a58;
  --copper:#d1b878;
  --cream:#eee1bd;
  --muted:#b8ad91;
  --teal:#8ac9bc;
  --border:#92784e88;
}
body{
  background:radial-gradient(ellipse at 50% -20%,#344452 0%,#182330 42%,#101720 82%);
  color:var(--cream);
}
.topline{background:#17212a;color:#d0bd89;border-color:#92784e66}
.site-header{background:#131d27f5;border-color:#a18a5b80;box-shadow:0 4px 18px #05090d99}
.navlinks a{color:#d9d0b8}
.navlinks a:hover,.navlinks a.active,.card a,.linkcard:hover,.footrow a{color:#b7d6c7}
.brand small,.overline,.label,.card .glyph,.empty .ico,.linkcard span{color:#d1b878}
.btn{border-color:#a58c59;background:linear-gradient(145deg,#34414a,#1d2831);color:#f0e4c8;box-shadow:inset 0 0 0 1px #e0c7791c}
.btn.primary{background:linear-gradient(145deg,#b99a58,#76603a);border-color:#ead18e;color:#191a19;box-shadow:inset 0 1px #f6e5ad80,0 5px 16px #080d1299}
.btn.outline{background:#1c2832}
.hero{background:linear-gradient(0deg,#101923 0%,#10192344 54%,#10192355),linear-gradient(90deg,#101923b0,#10192324,#101923a6),url('assets/hero.webp') center/cover no-repeat}
.overline{color:#e0c478}
.hero p{color:#f2e8d1}
.hero-stats{background:#141f29ed;border-color:#a58c5966}
.statrow>div{border-color:#b79a5b}
.statrow small{color:#b9ad8f}
.section.alt{background:#17232d;border-color:#92784e66}
.card,.panel,.statusbox,.rate,.linkcard,.modal{
  background:linear-gradient(145deg,#2b3943,#1a2530 72%);
  border-color:#8f7955a6;
  box-shadow:inset 0 1px #e7d49a12,0 8px 22px #070c1190;
}
.card:hover,.linkcard:hover{border-color:#d2b66f}
.card h3,.panel h3,.modal h2{color:#f0e3c3}
.card p,.modal p,.notice{color:#d0c5a8}
.pill{background:#34404a;color:#e1c681;border-color:#9c8356}
.pill.teal{background:#243b3b;color:#a6d8cb;border-color:#648b7d}
.pagehero{background:linear-gradient(#121d27df,#17232de8),url('assets/hero-v3.webp') center 40%/cover;border-color:#92784e66}
.pagehero p,.head p{color:#c4baa0}
.field{background:#151f28;border-color:#8b7855;color:#f1e8d2}
.field::placeholder,.empty,.chart{color:#b9ae95}
.field:focus{outline-color:#d7bc74}
.notice{background:#27343d;border-left-color:#c3a45e}
.notice strong,.data th{color:#ead394}
.data th{background:#26333c}
.data td{border-color:#a18b5b44;color:#e8dfc8}
.data tbody tr:hover{background:#e0d09a0c}
.rate{background:#202d37}
.rate small,.statusbox small{color:#c5b995}
.rate strong,.statusbox b{color:#b7d8c4}
.chart{background:linear-gradient(0deg,#d6c4880b 1px,transparent 1px),linear-gradient(90deg,#d6c4880b 1px,transparent 1px),#17232d;background-size:100% 42px,60px 100%}
.tab{background:#25323b;border-color:#8f7955;color:#d9cda9}
.tab.active{background:linear-gradient(145deg,#b99a58,#74603d);border-color:#ead18e;color:#171a1b}
.footer{background:#0e171f;border-color:#92784e66;color:#bcb294}
.modal-back{background:#050a0dcc}
.close{color:#eadfca}
.profile-content{background:radial-gradient(ellipse at 50% 0%,#3a4b5744,transparent 58%)}
.profile-back{color:#c8bd9f}
.profile-back a,.character-profile-link{color:#b7d6c7}
.profile-spinner{border-color:#887650;border-top-color:#b7d6c7}
.profile-heading,.profile-character-panel,.profile-inventory-panel{
  background:linear-gradient(145deg,#2b3943,#1b2630);
  border-color:#a38c5da6;
}
.profile-viewer-wrap,.inventory-stage{
  background:radial-gradient(ellipse at 50% 44%,#74818b2b 0%,#34424b20 45%,transparent 70%),linear-gradient(145deg,#111a22,#1b2832 52%,#101820);
  border-color:#b3985f;
  box-shadow:inset 0 0 0 3px #202a30,inset 0 0 0 4px #8e754c,inset 0 0 30px #03070a99;
}
.inventory-stage:before{border-color:#d4bb7955}
.profile-stat-grid>div,.profile-exp-block,.profile-primary-stats>div,.profile-job-card,.mastery-row{
  background:#192630;
  border-color:#92784e77;
}
.profile-stat-grid small,.profile-exp-block .row,.profile-job-card small{color:#c7bc9f}
.profile-stat-grid b,.profile-exp-block .row strong,.profile-job-card strong,.profile-guild{color:#f0e2bf}
.profile-level-seal{border-color:#d0b56e;background:linear-gradient(145deg,#625331,#263039);box-shadow:inset 0 0 0 3px #263039}
.profile-level-seal small,.profile-level-seal strong{color:#f2dda3}
.profile-exp-block{background:#17232c}
.profile-exp-track{background:#0c151c;border-color:#92784e}
.profile-job-emblem{background:#384148;border-color:#b0935a;color:#e0c77e}
.profile-guild-divider{border-color:#92784e66}
.inventory-item{background:linear-gradient(145deg,#39434a,#172129 75%);border-color:#a38a59;box-shadow:inset 0 0 0 2px #1d272c,0 2px 5px #0009}
.inventory-item:before{border-color:#c2a86a70}
.inventory-slot-label{color:#ddc486}
.inventory-item-icon{background:#111a20;border-color:#a58d5b}
.inventory-tooltip,.equipment-tooltip,.db-tooltip{background:linear-gradient(145deg,#2b3943f7,#131d26fa);border-color:#c0a567;color:#eee3c8}
.inventory-tooltip strong{color:#f1d99b}
.inventory-tooltip small{color:#d0bd8e}
.inventory-tooltip-lines{border-color:#a08a5c99}
.inventory-tooltip-lines span,.inventory-tooltip-missing{color:#e1d7c0}
.inventory-clothes-button{border-color:#c1a765;background:linear-gradient(135deg,#5c5035,#25313a);color:#f1d992;box-shadow:inset 0 0 0 2px #253039}
.inventory-clothes-button:hover,.inventory-clothes-button[aria-pressed="true"]{border-color:#f0d98f;background:linear-gradient(135deg,#897142,#34414a);color:#fff2c6}
.mastery-row{color:#dfd4b8}
.profile-online,.equipment-count{color:#b7d6c7}
.auth-shell{background:radial-gradient(ellipse at 50% 15%,#394954 0%,#17232d 58%)}
.auth-card{background:linear-gradient(145deg,#2b3943,#1a2530);border-color:#a38c5da6;box-shadow:inset 0 1px #e7d49a12,0 24px 70px #05090dbb}
.auth-card form label{color:#e7dcc1}
.auth-footnote,.account-info span{color:#bdb395}
.form-alert.error{color:#f1dfbe;background:#3b352b;border-color:#b28e51}
.db-result{background:linear-gradient(145deg,#2b3943,#1a2530);border-color:#8f7955a6}
.db-result-image,.unique-portrait{background:#131e27;border-color:#a38b5b}
.db-result small{color:#c7bb9c}
.guild-open{color:#b7d6c7}
.guild-member-list a,.guild-member-list span{background:#192630;border-color:#92784e77}
.guild-member-list small{color:#c1b796}

/* Animated Silkroad hero and the character's unique hunting record. */
.hero{overflow:hidden;background:linear-gradient(0deg,#101923 0%,#10192344 54%,#10192355),linear-gradient(90deg,#101923b0,#10192324,#101923a6)}
.hero::before{content:"";position:absolute;z-index:-1;inset:-5%;background:url('assets/hero-v3.webp') center 46%/cover no-repeat;transform:scale(1.02);transform-origin:center;animation:hero-scene-drift 38s ease-in-out infinite alternate;will-change:transform}
.hero::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 28%,#0b141c33 100%),linear-gradient(115deg,transparent 20%,#ecd4970a 49%,transparent 72%);background-size:100% 100%,220% 100%;animation:hero-light-sweep 18s ease-in-out infinite alternate}
.hero-inner,.hero-stats{z-index:1}
@keyframes hero-scene-drift{0%{transform:scale(1.02) translate3d(-1.2%,.2%,0)}100%{transform:scale(1.12) translate3d(1.3%,-.5%,0)}}
@keyframes hero-light-sweep{0%{background-position:center,left center}100%{background-position:center,right center}}
.profile-unique-panel{margin:16px 0;padding:20px 22px;background:linear-gradient(145deg,#2b3943,#1a2530 72%);border-color:#a38b5b;box-shadow:inset 0 1px #e7d49a12,0 8px 22px #070c1190}
.profile-unique-heading{align-items:flex-start;margin-bottom:16px}
.profile-unique-heading h2{margin:5px 0 4px;font:600 21px Cinzel,serif;color:#f0e3c3}
.profile-unique-heading p{margin:0;color:#c4baa0;font-size:12px}
.profile-unique-heading>.pill{white-space:nowrap}
.profile-unique-grid{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);gap:12px}
.profile-unique-total,.profile-unique-feed{min-width:0;border:1px solid #92784e77;background:linear-gradient(145deg,#192630,#151f28);padding:16px}
.profile-unique-total{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.profile-unique-emblem{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border:1px solid #c4a35e;color:#ead394;background:#34404a;font-size:20px}
.profile-unique-total small{color:#c7bc9f;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.profile-unique-total strong{color:#f1d99b;font:700 34px Cinzel,serif;line-height:1.1}
.profile-unique-total>span:last-child{color:#aeb5b1;font-size:10px}
.profile-unique-feed>.row{margin-bottom:8px;align-items:center}
.profile-unique-feed h3{margin:0;color:#e9d8ae;font:600 14px Cinzel,serif}
.profile-unique-feed>.row>small{color:#bdb395;font-size:9px}
.profile-unique-feed>div>p{margin:8px 0 0}
.profile-unique-kill{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 2px;border-top:1px solid #92784e44}
.profile-unique-kill-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #8d754d;color:#e5c66f;background:#26343d}
.profile-unique-kill>div{display:grid;gap:2px;min-width:0}
.profile-unique-kill strong{color:#eee3c8;font-size:12px;overflow-wrap:anywhere}
.profile-unique-kill small{color:#bdb395;font-size:10px}
.profile-unique-kill time{color:#c7bc9f;font-size:10px;text-align:right}
@media(max-width:680px){.profile-unique-panel{padding:15px 12px}.profile-unique-grid{grid-template-columns:1fr}.profile-unique-total{display:grid;grid-template-columns:34px 1fr auto;align-items:center;column-gap:10px;padding:11px}.profile-unique-emblem{grid-row:span 2;margin:0}.profile-unique-total small{align-self:end}.profile-unique-total strong{grid-column:3;grid-row:1 / span 2;font-size:29px}.profile-unique-total>span:last-child{align-self:start}.profile-unique-kill{grid-template-columns:26px minmax(0,1fr)}.profile-unique-kill time{grid-column:2;text-align:left}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none}.hero::before{transform:scale(1.06)}}

/* Silkroad hero motion and game-style item cards v3. */
.hero::before{inset:-5%;background:url('assets/hero-v3.webp') center 46%/cover no-repeat;transform:scale(1.02);animation:none;will-change:auto}
.hero-atmosphere{position:absolute;z-index:0;inset:-5%;overflow:hidden;pointer-events:none;isolation:isolate}
.hero-motion-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.88}
.hero-flags{filter:drop-shadow(0 2px 5px #16080566)}
.hero-banner-cloth{fill:url(#hero-flag-cloth);stroke:#e4a65a;stroke-opacity:.3;stroke-width:1.2;transform-box:fill-box;transform-origin:0 0;animation:hero-banner-flutter 3.2s ease-in-out infinite alternate}
.hero-banner-fold{fill:url(#hero-flag-shine);opacity:.64;transform-box:fill-box;transform-origin:0 0;animation:hero-banner-fold 3.2s ease-in-out infinite alternate}.hero-banner-mark{fill:#f0ce7a;fill-opacity:.72;stroke:#36170f;stroke-width:1;opacity:.78;transform-box:fill-box;transform-origin:0 0;animation:hero-banner-flutter 3.2s ease-in-out infinite alternate}
.hero-dust{opacity:1}
.hero-cloud-plane{position:absolute;z-index:0;inset:0;pointer-events:none;mix-blend-mode:screen;filter:blur(16px);mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 64%);background-repeat:repeat-x}
.hero-cloud-plane-one{opacity:.3;background-image:radial-gradient(ellipse 230px 50px at 14% 25%,#ffe9c454 0%,#e8d1b01c 43%,transparent 75%),radial-gradient(ellipse 310px 48px at 48% 16%,#fff0d143 0%,#ecdcb21c 48%,transparent 77%),radial-gradient(ellipse 270px 53px at 83% 31%,#ffdeb648 0%,#f4dcbd17 47%,transparent 78%);background-size:155% 100%;animation:hero-cloud-drift-one 62s linear infinite}
.hero-cloud-plane-two{opacity:.2;filter:blur(23px);background-image:radial-gradient(ellipse 320px 64px at 25% 33%,#fff2dc52 0%,transparent 73%),radial-gradient(ellipse 370px 57px at 70% 20%,#fff0d247 0%,transparent 75%);background-size:175% 100%;animation:hero-cloud-drift-two 88s linear infinite reverse}
.hero-cloud-plane-three{opacity:.14;filter:blur(11px);background-image:radial-gradient(ellipse 210px 34px at 62% 39%,#f9e7d246 0%,transparent 76%);background-size:180% 100%;animation:hero-cloud-drift-one 74s linear infinite reverse}
@keyframes hero-banner-flutter{0%{transform:skewX(-12deg) translateX(-2px)}100%{transform:skewX(13deg) translateX(2px)}}@keyframes hero-banner-fold{0%{transform:skewX(8deg)}100%{transform:skewX(-9deg)}}@keyframes hero-cloud-drift-one{from{background-position:0 0}to{background-position:100% 0}}
@keyframes hero-cloud-drift-two{from{background-position:100% 0}to{background-position:0 0}}

.inventory-item:hover,.inventory-item:focus-visible{z-index:30}
.inventory-tooltip{z-index:40;width:min(360px,calc(100vw - 100px));max-width:none;max-height:none;overflow:visible;transform:translateY(-50%);padding:12px 13px;border:1px solid #b7a36d;border-radius:3px;background:linear-gradient(145deg,#1e2333f7,#141a28fa 76%);box-shadow:0 12px 34px #02050bd9,inset 0 0 0 1px #d8c17b24;color:#f4eee0;text-align:left;white-space:normal}
.inventory-item-left .inventory-tooltip{left:calc(100% + 9px);right:auto}
.inventory-item-right .inventory-tooltip{right:calc(100% + 9px);left:auto}
.inventory-tooltip-heading{display:flex;align-items:center;gap:11px;min-height:51px;padding-bottom:9px;border-bottom:1px solid #b39b604f}
.inventory-tooltip-heading>img{flex:0 0 47px;width:47px;height:47px;object-fit:contain;padding:3px;border:1px solid #b7a36d;background:linear-gradient(145deg,#101622,#242a39);box-shadow:inset 0 0 0 2px #0b1119}
.inventory-tooltip-heading>div{display:grid;gap:4px;min-width:0}
.inventory-tooltip strong{display:block;color:#ffe45c;font:700 14px/1.3 Arial,sans-serif;text-shadow:0 1px 3px #000;overflow-wrap:anywhere}
.inventory-tooltip-heading small{display:block;margin:0;color:#c9c5b7;font-size:9px;line-height:1.35;letter-spacing:.25px}
.inventory-tooltip-quality{display:flex;align-items:center;gap:6px;margin:8px 0;color:#f0d54f;font-size:12px;font-weight:800;text-shadow:0 1px 3px #000}
.inventory-tooltip-quality>span{color:#f5cf43;font-size:14px}
.inventory-tooltip-meta{display:grid;gap:3px;padding:8px 0;border-top:1px solid #8f815344;border-bottom:1px solid #8f815344}
.inventory-tooltip-meta-line{display:block;color:#e3d7bd;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.inventory-tooltip-lines{display:grid;gap:3px;padding:8px 0 2px;border:0}
.inventory-tooltip-lines-line,.inventory-tooltip-missing{display:block;color:#f1eee7;font-size:10px;line-height:1.37;overflow-wrap:anywhere}
.inventory-tooltip-lines-line.is-magic,.inventory-tooltip-live .is-magic{color:#45e6dc;font-weight:700;text-shadow:0 0 8px #00cbb533}
.inventory-tooltip-live{display:grid;gap:3px;margin-top:6px;padding:7px 0 2px;border-top:1px solid #8f815344}
.inventory-tooltip-live span{color:#f1eee7;font-size:10px;line-height:1.37;overflow-wrap:anywhere}
.inventory-tooltip-requirements{display:grid;gap:2px;margin-top:7px;padding-top:7px;border-top:1px solid #8f815344}
.inventory-tooltip-requirements-line{display:block;color:#c6c8c9;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.inventory-tooltip.rarity-sun{border-color:#e4c44e;box-shadow:0 12px 34px #02050bd9,inset 0 0 0 1px #e4c44e33}
.inventory-tooltip.rarity-moon{border-color:#83c8ee;box-shadow:0 12px 34px #02050bd9,inset 0 0 0 1px #83c8ee33}
.inventory-tooltip.rarity-star{border-color:#d096ef;box-shadow:0 12px 34px #02050bd9,inset 0 0 0 1px #d096ef33}
.inventory-tooltip.rarity-sun .inventory-tooltip-quality{color:#ffd858}
.inventory-tooltip.rarity-moon .inventory-tooltip-quality{color:#9de4ff}
.inventory-tooltip.rarity-star .inventory-tooltip-quality{color:#e7b8ff}
@media(max-width:560px){.inventory-tooltip{width:min(320px,calc(100vw - 100px));padding:10px 11px}.inventory-tooltip-heading>img{flex-basis:41px;width:41px;height:41px}.inventory-tooltip strong{font-size:12px}.inventory-tooltip-quality{font-size:11px}.inventory-tooltip-meta-line,.inventory-tooltip-lines-line,.inventory-tooltip-live span{font-size:9px;line-height:1.32}.inventory-tooltip-requirements-line,.inventory-tooltip-heading small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none;transform:scale(1.02)}.hero-cloud-plane,.hero-banner-cloth,.hero-banner-fold,.hero-banner-mark{animation:none!important}.hero-cloud-plane,.hero-dust{opacity:0}.hero-atmosphere animate{display:none}}.hero-dust-haze{position:absolute;z-index:0;left:0;bottom:10%;width:clamp(250px,24vw,480px);height:22%;pointer-events:none;opacity:.34;filter:blur(11px);mix-blend-mode:screen;mask-image:linear-gradient(to top,transparent 0%,#000 25%,#000 78%,transparent 100%);background:radial-gradient(ellipse 31% 38% at 10% 80%,#f1cd93a8 0%,transparent 75%),radial-gradient(ellipse 40% 46% at 43% 65%,#e4b97586 0%,transparent 76%),radial-gradient(ellipse 28% 34% at 78% 86%,#f5d6a15c 0%,transparent 77%);animation:hero-caravan-dust 7s ease-in-out infinite alternate}
@keyframes hero-caravan-dust{0%{transform:translate3d(-9px,7px,0) scale(.94);opacity:.25}55%{transform:translate3d(8px,-5px,0) scale(1.05);opacity:.4}100%{transform:translate3d(22px,-13px,0) scale(1.1);opacity:.3}}
@media(max-width:900px){.hero-dust-haze{display:none}}
@media(prefers-reduced-motion:reduce){.hero-dust-haze{animation:none;opacity:0}}
/* Living panorama layers: individually aligned cloth banners and drifting cloud banks. */
.hero-atmosphere{z-index:0}
.hero-cloud-svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.9;mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 59%)}
.hero-cloud-bank{will-change:transform}
.hero-motion-svg{opacity:.97}
.hero-flags{filter:drop-shadow(0 2px 5px #16080566)}
.hero-banner-cloth{fill:url(#hero-flag-cloth);fill-opacity:.97;stroke:#e8b36b;stroke-opacity:.46;stroke-width:1.35;stroke-linejoin:round;animation:none;transform:none}
.hero-banner-fold{fill:none;stroke:#35120e;stroke-opacity:.24;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:hero-banner-fold-light 3.6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left center}
.hero-banner-hem{fill:none;stroke:#e4b86f;stroke-opacity:.58;stroke-width:1.4;stroke-linecap:round;animation:hero-banner-hem-shift 4.4s ease-in-out infinite alternate}
@keyframes hero-banner-fold-light{0%{opacity:.5;transform:skewX(3deg)}100%{opacity:.82;transform:skewX(-4deg)}}
@keyframes hero-banner-hem-shift{0%{opacity:.56}100%{opacity:.9}}
@media(max-width:900px){.hero-cloud-svg{opacity:.68}.hero-flags{opacity:.86}}
@media(prefers-reduced-motion:reduce){.hero-cloud-bank,.hero-banner-cloth,.hero-banner-fold,.hero-banner-hem{animation:none!important}.hero-cloud-svg,.hero-dust{opacity:0}.hero-atmosphere animate,.hero-atmosphere animateTransform{display:none}}.hero-cloud-bank{transform-box:view-box;transform-origin:0 0;will-change:transform}
.hero-cloud-bank.cloud-bank-one{animation:hero-cloud-glide-one 74s ease-in-out infinite}
.hero-cloud-bank.cloud-bank-two{animation:hero-cloud-glide-two 96s ease-in-out infinite}
.hero-cloud-bank.cloud-bank-three{animation:hero-cloud-glide-three 83s ease-in-out infinite}
.hero-cloud-bank.cloud-bank-four{animation:hero-cloud-glide-four 108s ease-in-out infinite}
@keyframes hero-cloud-glide-one{0%,100%{transform:translate3d(-18px,0,0)}50%{transform:translate3d(42px,-4px,0)}}
@keyframes hero-cloud-glide-two{0%,100%{transform:translate3d(38px,2px,0)}50%{transform:translate3d(-32px,-5px,0)}}
@keyframes hero-cloud-glide-three{0%,100%{transform:translate3d(-26px,-2px,0)}50%{transform:translate3d(30px,-6px,0)}}
@keyframes hero-cloud-glide-four{0%,100%{transform:translate3d(18px,1px,0)}50%{transform:translate3d(-24px,-3px,0)}}
@media(prefers-reduced-motion:reduce){.hero-cloud-bank{animation:none!important;transform:none!important}}.hero-banner-cloth{transform-box:fill-box;transform-origin:left top;animation:hero-banner-cloth-wave 3.8s ease-in-out infinite alternate}
.hero-banner:nth-child(2) .hero-banner-cloth{animation-delay:-1.1s}
.hero-banner:nth-child(3) .hero-banner-cloth{animation-delay:-2.3s}
.hero-banner:nth-child(4) .hero-banner-cloth{animation-delay:-.7s}
.hero-banner:nth-child(5) .hero-banner-cloth{animation-delay:-1.8s}
@keyframes hero-banner-cloth-wave{0%{transform:skewX(5deg)}100%{transform:skewX(-5deg)}}
/* Visible Silkroad cloth banners aligned to each banner painted into hero-v2.png. */
.hero-motion-svg{opacity:1}
.hero-flags{filter:drop-shadow(0 2px 5px #16080577)}
.hero-banner-fabric{transform-box:fill-box;transform-origin:left top;animation:hero-banner-fabric-wave 3.6s ease-in-out infinite alternate;will-change:transform}
.hero-banner:nth-child(2) .hero-banner-fabric{animation-delay:-1.2s}
.hero-banner:nth-child(3) .hero-banner-fabric{animation-delay:-2.1s}
.hero-banner:nth-child(4) .hero-banner-fabric{animation-delay:-.65s}
.hero-banner:nth-child(5) .hero-banner-fabric{animation-delay:-1.7s}
.hero-banner:nth-child(6) .hero-banner-fabric{animation-delay:-2.6s}
.hero-banner:nth-child(7) .hero-banner-fabric{animation-delay:-.95s}
.hero-banner-cloth{fill:#9e291f;fill:url(#hero-flag-cloth) #9e291f;fill-opacity:1;stroke:#e8bd70;stroke-opacity:.84;stroke-width:1.5;stroke-linejoin:round;transform:none;animation:none}
.hero-banner-fold{fill:none;stroke:#42120e;stroke-opacity:.42;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:none;transform:none}
.hero-banner-hem{fill:none;stroke:#f2c66f;stroke-opacity:.88;stroke-width:1.8;stroke-linecap:round;animation:none}
.hero-banner-crest{fill:#e2b458;fill-opacity:.78;stroke:#57251c;stroke-width:1.15;stroke-linejoin:round}
@keyframes hero-banner-fabric-wave{0%{transform:skewX(8deg) scaleX(.98)}50%{transform:skewX(-6deg) scaleX(1.02)}100%{transform:skewX(7deg) scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hero-banner-fabric{animation:none!important;transform:none!important}}
/* New Silk Road panorama: soft cloud drift and a dense moving caravan dust field. */
.hero-atmosphere{z-index:1;overflow:hidden}
.hero-cloud-svg{opacity:.36;filter:blur(7px);mask-image:linear-gradient(to bottom,#000 0%,#000 44%,transparent 74%)}
.hero-cloud-bank.cloud-bank-one{animation:hero-cloud-glide-one 58s ease-in-out infinite}
.hero-cloud-bank.cloud-bank-two{animation:hero-cloud-glide-two 76s ease-in-out infinite}
.hero-cloud-bank.cloud-bank-three{animation:hero-cloud-glide-three 68s ease-in-out infinite}
.hero-cloud-bank.cloud-bank-four{animation:hero-cloud-glide-four 88s ease-in-out infinite}
@keyframes hero-cloud-glide-one{0%,100%{transform:translate3d(-38px,0,0)}50%{transform:translate3d(74px,-7px,0)}}
@keyframes hero-cloud-glide-two{0%,100%{transform:translate3d(58px,3px,0)}50%{transform:translate3d(-68px,-8px,0)}}
@keyframes hero-cloud-glide-three{0%,100%{transform:translate3d(-62px,-3px,0)}50%{transform:translate3d(54px,-10px,0)}}
@keyframes hero-cloud-glide-four{0%,100%{transform:translate3d(44px,2px,0)}50%{transform:translate3d(-52px,-5px,0)}}
.hero-cloud-sheet{position:absolute;top:0;left:-35%;width:170%;height:61%;pointer-events:none;mix-blend-mode:screen;filter:blur(28px);mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 93%);background-repeat:no-repeat;will-change:background-position,transform}
.hero-cloud-sheet-one{opacity:.18;background-image:radial-gradient(ellipse 18% 24% at 12% 39%,#ffe9d45c 0%,#f3dcc027 42%,transparent 76%),radial-gradient(ellipse 22% 30% at 39% 24%,#fff0d34a 0%,#f0d5b522 44%,transparent 78%),radial-gradient(ellipse 20% 25% at 67% 36%,#ffe5ca4d 0%,#efd2b41d 45%,transparent 79%),radial-gradient(ellipse 17% 24% at 91% 20%,#fff1dc42 0%,transparent 79%);background-size:190% 100%;animation:hero-cloud-sheet-drift 72s linear infinite}
.hero-cloud-sheet-two{top:8%;height:48%;opacity:.12;filter:blur(34px);background-image:radial-gradient(ellipse 23% 25% at 26% 35%,#fff0d24f 0%,transparent 78%),radial-gradient(ellipse 18% 22% at 56% 24%,#ffe9ce4a 0%,transparent 78%),radial-gradient(ellipse 24% 25% at 82% 40%,#ffe7ce45 0%,transparent 80%);background-size:215% 100%;animation:hero-cloud-sheet-drift 104s linear infinite reverse}
@keyframes hero-cloud-sheet-drift{from{background-position:0 0;transform:translate3d(-2%,0,0)}to{background-position:100% 0;transform:translate3d(2%,0,0)}}
.hero-dust-haze{left:-3%;bottom:7%;width:clamp(430px,57vw,980px);height:39%;opacity:.45;filter:blur(17px);background:radial-gradient(ellipse 34% 44% at 12% 79%,#f4d39cbb 0%,#e1b67853 40%,transparent 77%),radial-gradient(ellipse 41% 53% at 38% 70%,#e8bd806e 0%,#deb77836 45%,transparent 78%),radial-gradient(ellipse 34% 43% at 67% 85%,#f2d39a77 0%,#ddb7752b 43%,transparent 79%),radial-gradient(ellipse 27% 37% at 89% 73%,#eecb9154 0%,transparent 78%)}
.hero-dust-haze::before,.hero-dust-haze::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background-repeat:no-repeat}
.hero-dust-haze::before{opacity:.72;background:radial-gradient(ellipse 24% 38% at 24% 84%,#f6d9a34a 0%,transparent 78%),radial-gradient(ellipse 28% 42% at 60% 78%,#efd19a45 0%,transparent 80%);animation:hero-caravan-dust 9s ease-in-out infinite alternate-reverse}
.hero-dust-haze::after{opacity:.55;background:radial-gradient(ellipse 28% 35% at 45% 93%,#ffe4b850 0%,transparent 77%),radial-gradient(ellipse 19% 30% at 81% 88%,#f4d09a42 0%,transparent 80%);animation:hero-caravan-dust 11s ease-in-out infinite alternate}
.hero-dust-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;pointer-events:none;mix-blend-mode:screen}
@media(max-width:900px){.hero-cloud-sheet{opacity:.1}.hero-dust-haze{display:block;width:88vw;height:31%;opacity:.36}.hero-cloud-svg{opacity:.25}}
@media(prefers-reduced-motion:reduce){.hero-cloud-svg,.hero-cloud-sheet,.hero-dust-haze,.hero-dust-canvas{animation:none!important;display:none!important}}
.hero-fire-canvas{position:absolute;z-index:3;inset:0;width:100%;height:100%;display:block;pointer-events:none;mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.hero-fire-canvas{display:none!important}}

.hero-caravan-dust-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;pointer-events:none;mix-blend-mode:screen;opacity:.92;filter:blur(5px)}
.hero-logo-wrap{position:relative;display:block;width:min(650px,86vw);margin:0 auto;line-height:0}
.hero-logo-wrap .hero-logo{display:block;width:100%;max-height:295px;object-fit:contain;animation:hero-logo-warmth 6.4s ease-in-out infinite}
.hero-logo-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(108deg,transparent 41%,#fff0b200 46%,#fff1b98c 50%,#fff9d95c 52%,transparent 58%);background-size:250% 100%;background-repeat:no-repeat;mask-image:url('assets/logo.webp');mask-size:contain;mask-position:center;mask-repeat:no-repeat;opacity:0;animation:hero-logo-glint 6.4s ease-in-out infinite}
@keyframes hero-logo-glint{0%,55%,100%{background-position:-160% 0;opacity:0}63%{opacity:.24}70%{background-position:150% 0;opacity:.62}76%{opacity:0}}
@keyframes hero-logo-warmth{0%,56%,100%{filter:drop-shadow(0 9px 20px #000c) brightness(1)}65%{filter:drop-shadow(0 9px 24px #ff8c3060) brightness(1.08)}71%{filter:drop-shadow(0 8px 28px #ffb64d9a) brightness(1.17)}77%{filter:drop-shadow(0 9px 20px #000c) brightness(1)}}
@media(max-width:550px){.hero-logo-wrap{width:min(650px,86vw)}.hero-logo-wrap .hero-logo{max-height:200px}}
@media(prefers-reduced-motion:reduce){.hero-caravan-dust-canvas{display:none!important}.hero-logo-wrap::after,.hero-logo-wrap .hero-logo{animation:none!important}}

/* Softer dust clouds and a brief, shaped flame that makes one full circuit. */
.hero-caravan-dust-canvas{filter:blur(1.5px);opacity:1}.hero-logo-wrap .hero-logo{animation:hero-logo-warmth 7s ease-in-out infinite}.hero-logo-wrap::after{animation:hero-logo-glint 7s ease-in-out infinite}
@keyframes hero-logo-glint{0%,68%,100%{background-position:-160% 0;opacity:0}74%{opacity:.24}80%{background-position:150% 0;opacity:.68}87%{opacity:0}}
@keyframes hero-logo-warmth{0%,68%,100%{filter:drop-shadow(0 9px 20px #000c) brightness(1)}75%{filter:drop-shadow(0 9px 24px #ff8c3060) brightness(1.08)}81%{filter:drop-shadow(0 8px 28px #ffb64d9a) brightness(1.17)}87%{filter:drop-shadow(0 9px 20px #000c) brightness(1)}}

.hero-fire-canvas{mix-blend-mode:normal}.hero-dust-haze{opacity:.29}
@media(max-width:900px){.hero-dust-haze{opacity:.24}}

.hero-fire-canvas{display:none!important}.hero-logo-wrap .hero-logo{position:relative;z-index:1}.hero-logo-particle-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;pointer-events:none;mix-blend-mode:screen}.hero-caravan-dust-canvas{filter:blur(2.2px);opacity:1}.hero-dust-haze{opacity:.42}
@media(max-width:900px){.hero-dust-haze{opacity:.32}}
@media(prefers-reduced-motion:reduce){.hero-logo-particle-canvas{display:none!important}}

.hero-dust-haze{opacity:.24;background:radial-gradient(ellipse 34% 44% at 12% 79%,#d6a66c78 0%,#bf8e5636 40%,transparent 77%),radial-gradient(ellipse 41% 53% at 38% 70%,#cca06a50 0%,#b7824c2a 45%,transparent 78%),radial-gradient(ellipse 34% 43% at 67% 85%,#d4a66a55 0%,#ba87482a 43%,transparent 79%),radial-gradient(ellipse 27% 37% at 89% 73%,#d1a06440 0%,transparent 78%)}.hero-dust-haze::before{opacity:.5}.hero-dust-haze::after{opacity:.38}
@media(max-width:900px){.hero-dust-haze{opacity:.2}}

.hero-logo-particle-canvas{z-index:4}.hero-dust-haze{opacity:.31}
@media(max-width:900px){.hero-dust-haze{opacity:.26}}

/* Homepage refresh: higher contrast, an ornate Silkroad-style play button, and catalogue art. */
.hero .overline{display:inline-flex;align-items:center;padding:8px 15px;color:#fff0bf;font-weight:700;letter-spacing:.19em;text-shadow:0 2px 5px #090d11,0 0 14px #160d05;background:linear-gradient(180deg,#14202ba8,#10171db8);border:1px solid #e6c57299;box-shadow:inset 0 1px #fff1c522,0 4px 14px #090c10a6}
.hero-actions .btn.primary{position:relative;min-width:190px;min-height:52px;padding:13px 24px;border:1px solid #ffe6a3;border-radius:3px;background:linear-gradient(180deg,#f4dc91 0%,#d1a54f 27%,#a7742d 66%,#80541f 100%);color:#231708;font-weight:800;letter-spacing:.09em;text-shadow:0 1px #fff1c0;box-shadow:inset 0 1px 0 #fff8d4,inset 0 -4px 8px #59361188,0 0 0 2px #5d401c,0 0 0 3px #d7b96d99,0 5px 0 #3e2b16,0 10px 24px #05080dcc,0 0 22px #e4b75d77;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;animation:silkroad-cta-glow 4.8s ease-in-out infinite}
.hero-actions .btn.primary:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:inset 0 1px 0 #fff8d4,inset 0 -4px 8px #59361188,0 0 0 2px #5d401c,0 0 0 3px #f0d58e,0 6px 0 #3e2b16,0 13px 28px #05080dcc,0 0 30px #ffdc83bb}
.hero-actions .btn.primary:active{transform:translateY(2px);box-shadow:inset 0 2px 8px #59361188,0 0 0 2px #5d401c,0 2px 0 #3e2b16,0 4px 12px #05080dcc}
@keyframes silkroad-cta-glow{0%,100%{filter:brightness(1);box-shadow:inset 0 1px 0 #fff8d4,inset 0 -4px 8px #59361188,0 0 0 2px #5d401c,0 0 0 3px #d7b96d99,0 5px 0 #3e2b16,0 10px 24px #05080dcc,0 0 18px #e4b75d55}50%{filter:brightness(1.06);box-shadow:inset 0 1px 0 #fff8d4,inset 0 -4px 8px #59361188,0 0 0 2px #5d401c,0 0 0 3px #f0d58e,0 5px 0 #3e2b16,0 10px 24px #05080dcc,0 0 27px #e4b75d99}}
.linksgrid .linkcard{position:relative;isolation:isolate;overflow:hidden;min-height:126px;padding-right:24px}
.linksgrid .linkcard-art{position:absolute;z-index:-1;right:-8px;bottom:-18px;width:clamp(100px,42%,150px);height:clamp(100px,42%,150px);object-fit:contain;opacity:.25;pointer-events:none;filter:drop-shadow(0 0 15px #d4ac5a66);transition:opacity .25s ease,transform .3s ease}
.linksgrid .linkcard-art.is-item{right:8px;bottom:9px;width:76px;height:76px;opacity:.5;image-rendering:pixelated;filter:drop-shadow(0 0 10px #e4bd6366) saturate(1.08)}
.linksgrid .linkcard-art.is-mob{opacity:.23}
.linksgrid .linkcard>span,.linksgrid .linkcard>strong,.linksgrid .linkcard>small{position:relative;z-index:1}
.linksgrid .linkcard>small{display:block;max-width:78%}
.linksgrid .linkcard:hover .linkcard-art.is-mob{opacity:.4;transform:translate(-3px,-3px) scale(1.045)}
.linksgrid .linkcard:hover .linkcard-art.is-item{opacity:.68;transform:translate(-2px,-2px) scale(1.09)}
@media(max-width:550px){.hero-actions .btn.primary{min-width:170px;min-height:48px;padding:11px 18px}.linksgrid .linkcard{min-height:112px}.linksgrid .linkcard-art.is-mob{width:104px;height:104px;right:-5px;bottom:-12px}.linksgrid .linkcard-art.is-item{width:62px;height:62px;right:7px;bottom:6px}.linksgrid .linkcard>small{max-width:80%}}
@media(prefers-reduced-motion:reduce){.hero-actions .btn.primary{animation:none;transition:none}}
/* Silkroad gear inside the homepage actions: Yarkan art, a Sun staff and sparkling equipment. */
.hero-actions .silkroad-cta-play,.hero-actions .silkroad-cta-explore{display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:visible;min-height:58px;padding:7px 16px}
.hero-actions .silkroad-cta-play{min-width:226px}
.hero-actions .silkroad-cta-explore{min-width:190px;position:relative;border:1px solid #e8c66f;border-radius:3px;background:linear-gradient(180deg,#26343a,#18252d 55%,#111c23);color:#f0dfb2;box-shadow:inset 0 1px #fff1c533,inset 0 -3px 9px #080d12aa,0 0 0 2px #4e3b1c,0 0 0 3px #b9934b88,0 5px 0 #0c1319,0 9px 20px #05080dcc;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.hero-actions .silkroad-cta-explore:hover{transform:translateY(-2px);filter:brightness(1.18);color:#fff1c7;box-shadow:inset 0 1px #fff1c555,inset 0 -3px 9px #080d12aa,0 0 0 2px #4e3b1c,0 0 0 3px #efcf7e,0 6px 0 #0c1319,0 13px 26px #05080dcc,0 0 22px #edc26477}
.hero-cta-label{position:relative;z-index:2;white-space:nowrap;font-weight:800;letter-spacing:.06em}
.hero-cta-art{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;isolation:isolate}
.hero-cta-art::before{content:"";position:absolute;z-index:-1;inset:4px;border-radius:50%;background:radial-gradient(circle,#ffe9a888 0%,#e3aa3a44 42%,transparent 74%);filter:blur(5px);animation:cta-art-aura 2.6s ease-in-out infinite}
.hero-cta-art::after{content:"\2726";position:absolute;z-index:2;top:0;right:0;color:#fff0b4;font-size:11px;text-shadow:0 0 8px #ffcf61;animation:cta-art-spark 2s ease-in-out infinite}
.hero-cta-art img{position:relative;z-index:1;display:block;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 6px #e4b85a88);animation:cta-art-float 3.2s ease-in-out infinite}
.hero-cta-art.is-lord img{width:48px;height:50px;object-position:center;filter:drop-shadow(0 0 8px #ffd17a99) drop-shadow(0 0 3px #31180c);animation:cta-art-float 3.8s ease-in-out infinite}
.hero-cta-art.is-staff img{width:39px;height:39px;image-rendering:pixelated;filter:drop-shadow(0 0 5px #ffe179) drop-shadow(0 0 10px #d78e28);animation:cta-staff-shine 2.5s ease-in-out infinite}


.linksgrid .linkcard-art.is-item{opacity:.62;filter:drop-shadow(0 0 10px #ffdc73) drop-shadow(0 0 18px #d88c26aa) saturate(1.2)}
@keyframes cta-art-float{0%,100%{transform:translateY(1px);filter:drop-shadow(0 0 5px #e4b85a77)}50%{transform:translateY(-3px);filter:drop-shadow(0 0 11px #ffe39a) drop-shadow(0 0 16px #d9892e99)}}
@keyframes cta-staff-shine{0%,100%{transform:translateY(1px) rotate(-5deg);filter:drop-shadow(0 0 5px #e4b85a)}50%{transform:translateY(-3px) rotate(4deg);filter:drop-shadow(0 0 10px #fff0a2) drop-shadow(0 0 17px #efa52d)}}
@keyframes cta-art-aura{0%,100%{opacity:.48;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}
@keyframes cta-art-spark{0%,100%{opacity:.12;transform:scale(.65) rotate(0)}35%,67%{opacity:1;transform:scale(1.15) rotate(28deg)}}
50%{filter:brightness(1.24);box-shadow:0 0 13px #ffe37b99}}
@media(max-width:550px){.hero-actions .silkroad-cta-play{min-width:208px}.hero-actions .silkroad-cta-explore{min-width:176px}.hero-actions .silkroad-cta-play,.hero-actions .silkroad-cta-explore{min-height:54px;padding:6px 11px;gap:7px}.hero-cta-art{flex-basis:40px;width:40px;height:42px}.hero-cta-art.is-lord img{width:43px;height:44px}.hero-cta-art.is-staff img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.hero-cta-art::before,.hero-cta-art::after,.hero-cta-art img,}
/* Bring monster portraits closer while keeping card text clear and separate. */
.linksgrid .linkcard.has-mob-art>small{max-width:64%}
.linksgrid .linkcard-art.is-mob{right:-14px;bottom:-27px;width:clamp(164px,52%,196px);height:clamp(164px,52%,196px);opacity:.39;filter:brightness(1.18) contrast(1.16) saturate(1.13) drop-shadow(0 0 14px #d2aa6b88);transform-origin:bottom right}
.linksgrid .linkcard:hover .linkcard-art.is-mob{opacity:.53;transform:translate(-4px,-3px) scale(1.06)}
.hero-cta-art.is-lord{flex-basis:55px;width:55px;height:55px}
.hero-cta-art.is-lord img{width:65px;height:65px;filter:brightness(1.18) contrast(1.16) saturate(1.12) drop-shadow(0 0 9px #ffd17a) drop-shadow(0 0 4px #31180c)}
@media(max-width:550px){.linksgrid .linkcard.has-mob-art>small{max-width:63%}.linksgrid .linkcard-art.is-mob{right:-10px;bottom:-20px;width:clamp(142px,47%,176px);height:clamp(142px,47%,176px);opacity:.37}.hero-cta-art.is-lord{flex-basis:49px;width:49px;height:50px}.hero-cta-art.is-lord img{width:58px;height:58px}}
/* Larger Lord Yarkan artwork with clear separation from the call-to-action text. */
.hero-actions .silkroad-cta-play{min-width:244px;min-height:70px;gap:10px;padding:7px 17px}
.hero-cta-art.is-lord{flex-basis:69px;width:69px;height:68px}
.hero-cta-art.is-lord img{width:78px;height:78px;filter:brightness(1.2) contrast(1.18) saturate(1.14) drop-shadow(0 0 10px #ffd17a) drop-shadow(0 0 5px #31180c)}
@media(max-width:550px){.hero-actions .silkroad-cta-play{min-width:230px;min-height:64px;padding:6px 13px;gap:8px}.hero-cta-art.is-lord{flex-basis:62px;width:62px;height:62px}.hero-cta-art.is-lord img{width:70px;height:70px}}
/* Keep only the two hero actions compact; boost text contrast over the bright scene. */
.hero-actions .btn.primary.silkroad-cta-play{min-width:232px;min-height:62px;padding:4px 12px;gap:8px}
.hero-actions a.btn.outline.silkroad-cta-explore{min-width:180px;min-height:58px;padding:4px 12px;gap:8px}
.hero-cta-art.is-lord{flex-basis:56px;width:56px;height:56px}
.hero-cta-art.is-lord img{width:64px;height:64px}
.hero h1{color:#fff0d6;text-shadow:0 2px 3px #120b05,0 3px 13px #070a0edb,0 0 24px #0a0e12cc;-webkit-text-stroke:.35px #523c25}
.hero p{color:#fff8e8;text-shadow:0 1px 3px #090b0d,0 2px 9px #080b0f,0 0 22px #070b10}
@media(max-width:550px){.hero-actions .btn.primary.silkroad-cta-play{min-width:216px;min-height:58px;padding:3px 10px;gap:7px}.hero-actions a.btn.outline.silkroad-cta-explore{min-width:170px;min-height:54px;padding:3px 9px;gap:7px}.hero-cta-art.is-lord{flex-basis:53px;width:53px;height:53px}.hero-cta-art.is-lord img{width:60px;height:60px}}
/* Registration CTA with a second classic unique, placed between Play and Discover. */
.hero-actions a.btn.silkroad-cta-register{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:190px;min-height:58px;padding:4px 12px;position:relative;border:1px solid #e6bd76;border-radius:3px;background:linear-gradient(180deg,#80513a 0%,#633528 36%,#47221e 72%,#32191a 100%);color:#ffedcf;text-shadow:0 1px 2px #160b08;box-shadow:inset 0 1px #fff1cf55,inset 0 -4px 9px #25100dbb,0 0 0 2px #422a1d,0 0 0 3px #bd945b99,0 4px 0 #271815,0 8px 18px #05080dcc;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.hero-actions a.btn.silkroad-cta-register:hover{transform:translateY(-2px);filter:brightness(1.16);color:#fff5dd;box-shadow:inset 0 1px #fff1cf77,inset 0 -4px 9px #25100dbb,0 0 0 2px #422a1d,0 0 0 3px #f1d18b,0 5px 0 #271815,0 12px 24px #05080dcc,0 0 20px #e7af5f77}
.hero-cta-art.is-unique img{width:57px;height:57px;filter:brightness(1.18) contrast(1.18) saturate(1.22) drop-shadow(0 0 8px #ffc85f) drop-shadow(0 0 4px #36140e);animation:cta-art-float 3.1s ease-in-out infinite}
.hero-cta-art.is-unique::before{background:radial-gradient(circle,#ffcc665c 0%,#bb503933 46%,transparent 75%)}
@media(max-width:550px){.hero-actions a.btn.silkroad-cta-register{min-width:175px;min-height:54px;padding:3px 9px;gap:7px}.hero-cta-art.is-unique img{width:51px;height:51px}}
/* Large unique portraits frame the registration form without reducing its contrast. */
.register-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 24%,#394954 0%,#1b2832 48%,#121d26 100%)}
.register-shell::before,.register-shell::after{content:"";position:absolute;z-index:0;top:52%;width:clamp(245px,31vw,445px);height:min(70vh,620px);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;opacity:.47;filter:brightness(1.18) contrast(1.15) saturate(1.22) drop-shadow(0 0 24px #d6a95166);mask-image:radial-gradient(ellipse at center,#000 38%,#000b 60%,transparent 79%);transform:translateY(-50%)}
.register-shell::before{left:clamp(-20px,3.2vw,62px);background-image:url('assets/data/catalogue/1.150/portraits/1954.webp')}
.register-shell::after{right:clamp(-20px,3.2vw,62px);background-image:url('assets/data/catalogue/1.150/portraits/5871.webp')}
.register-shell .auth-card{position:relative;z-index:1}
@media(max-width:1100px){.register-shell::before,.register-shell::after{width:clamp(210px,33vw,330px);height:min(62vh,540px);opacity:.34}}
@media(max-width:650px){.register-shell::before,.register-shell::after{opacity:.19;width:235px;height:390px}.register-shell::before{left:-120px}.register-shell::after{right:-120px}}
@media(prefers-reduced-motion:reduce){.register-shell::before,.register-shell::after{animation:none}}
/* Full-page Silkroad dusk backdrop and a softly breathing Lord Yarkan. */
body.register-page{min-height:100vh;background-color:#111a24;background-image:linear-gradient(90deg,#0b141d9c 0%,#1019223d 21%,#10192210 50%,#1019223d 79%,#0b141d9c 100%),linear-gradient(0deg,#101923bd 0%,#111a2440 23%,#1019232c 72%,#10192377 100%),url('assets/register-bg-generated.webp');background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body.register-page .topline{background:#101923a8;backdrop-filter:blur(7px)}
body.register-page .site-header{background:#111c26c9;backdrop-filter:blur(10px)}
body.register-page .register-shell{position:relative;z-index:1;isolation:isolate;overflow:hidden;background:transparent}
body.register-page .register-shell::before{content:"";position:absolute;z-index:0;top:51%;right:clamp(-100px,7vw,130px);left:auto;width:clamp(360px,42vw,680px);height:min(86vh,820px);background:url('assets/data/catalogue/1.150/portraits/3810.webp') center/contain no-repeat;pointer-events:none;opacity:.44;filter:brightness(1.18) contrast(1.17) saturate(1.15) drop-shadow(0 0 24px #e0ad5c77);mask-image:radial-gradient(ellipse at center,#000 38%,#000b 60%,transparent 80%);transform:translateY(-50%);animation:register-yarkan-idle 6.8s ease-in-out infinite}
body.register-page .register-shell::after{content:none}
body.register-page .register-shell .auth-card{position:relative;z-index:2}
body.register-page .footer{background:#101923bf;backdrop-filter:blur(8px)}
@keyframes register-yarkan-idle{0%,100%{transform:translateY(-50%) translateY(0) scale(1);filter:brightness(1.14) contrast(1.16) saturate(1.12) drop-shadow(0 0 20px #e0ad5c66)}50%{transform:translateY(-50%) translateY(-7px) scale(1.012);filter:brightness(1.22) contrast(1.2) saturate(1.17) drop-shadow(0 0 29px #f0be6d99)}}
@media(max-width:1100px){body.register-page .register-shell::before{right:-40px;width:clamp(300px,42vw,430px);height:min(74vh,620px);opacity:.36}}
@media(max-width:650px){body.register-page .register-shell::before{right:-95px;width:310px;height:500px;opacity:.22}}
@media(prefers-reduced-motion:reduce){body.register-page .register-shell::before{animation:none}}
/* Cinematic register scene: the unique belongs to the world, with the form kept clear. */
body.register-page{position:relative;isolation:isolate;min-height:100vh;background:#101720}
body.register-page::before{content:"";position:fixed;inset:-3%;z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#0a1019e8 0%,#0c141dc9 24%,#10192355 48%,#1019230d 74%,#10192312 100%),linear-gradient(0deg,#090e16d9 0%,#0b111a38 25%,#10192300 58%,#10192324 100%),url('assets/register-bg-generated.webp');background-position:center 38%;background-size:cover;background-repeat:no-repeat;transform:scale(1.025);animation:register-scene-idle 30s ease-in-out infinite alternate;will-change:transform}
body.register-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.14;mix-blend-mode:screen;background:radial-gradient(ellipse 34% 22% at 72% 82%,#f5a34655 0%,transparent 78%),radial-gradient(ellipse 28% 16% at 87% 71%,#ffe0a033 0%,transparent 80%);animation:register-dust-idle 17s ease-in-out infinite alternate}
body.register-page .topline{position:relative;z-index:2;background:#101923c9;backdrop-filter:blur(7px)}
body.register-page .site-header{background:#111c26d9;backdrop-filter:blur(9px)}
body.register-page .register-shell{position:relative;z-index:1;isolation:isolate;overflow:visible;display:flex;align-items:center;justify-content:flex-start;min-height:calc(100vh - 205px);padding:38px clamp(28px,10vw,205px);background:transparent}
body.register-page .register-shell::before,body.register-page .register-shell::after{content:none!important;background-image:none!important;animation:none!important}
body.register-page .register-shell .auth-card{position:relative;z-index:2;width:min(100%,510px);background:linear-gradient(145deg,#172531ed,#111b26ed);border-color:#d0a75caa;box-shadow:inset 0 1px #fff1cf20,0 22px 70px #03070dc9;backdrop-filter:blur(7px)}
body.register-page .auth-card h1{color:#fff0d3;text-shadow:0 2px 16px #050a10}
body.register-page .auth-intro,body.register-page .auth-footnote{color:#e7ddcd;text-shadow:0 1px 5px #080c12}
body.register-page .auth-card form label{color:#fff0d3}
body.register-page .footer{position:relative;z-index:1;background:#101923db;backdrop-filter:blur(8px)}
@keyframes register-scene-idle{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-.35%,.2%,0)}}
@keyframes register-dust-idle{0%{transform:translate3d(-1.5%,0,0);opacity:.08}100%{transform:translate3d(1.5%,-1%,0);opacity:.2}}
@media(max-width:1100px){body.register-page .register-shell{padding-left:5vw;padding-right:5vw}body.register-page .register-shell .auth-card{width:min(100%,490px)}}
@media(max-width:760px){body.register-page::before{inset:-2%;background-position:76% 38%;background-size:cover;transform:scale(1.03)}body.register-page .register-shell{justify-content:center;min-height:calc(100vh - 190px);padding:34px 16px 48px}body.register-page .register-shell .auth-card{width:min(100%,510px);padding:28px 24px;background:linear-gradient(145deg,#111d29f2,#0d1721f2);border-color:#d0a75c99}body.register-page::after{opacity:.1}}
@media(max-width:420px){body.register-page .register-shell{padding:26px 12px 38px}body.register-page .register-shell .auth-card{padding:24px 19px}body.register-page::before{background-position:78% 38%}}
@media(prefers-reduced-motion:reduce){body.register-page::before,body.register-page::after{animation:none!important;transform:none!important}}

/* Shared login scene and subtle drifting dust and ember particles. */
body.login-page{position:relative;isolation:isolate;min-height:100vh;background:#101720}
body.login-page::before{content:"";position:fixed;inset:-3%;z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#0a1019e8 0%,#0c141dc9 24%,#10192355 48%,#1019230d 74%,#10192312 100%),linear-gradient(0deg,#090e16d9 0%,#0b111a38 25%,#10192300 58%,#10192324 100%),url('assets/register-bg-generated.webp');background-position:center 38%;background-size:cover;background-repeat:no-repeat;transform:scale(1.025);animation:register-scene-idle 30s ease-in-out infinite alternate;will-change:transform}
body.register-page::after,body.login-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;mix-blend-mode:screen;background-image:radial-gradient(circle at 8% 19%,#ffe6ad 0 1px,transparent 2px),radial-gradient(circle at 16% 73%,#edbd79 0 1.2px,transparent 2.2px),radial-gradient(circle at 24% 39%,#ffe8ba 0 1px,transparent 2px),radial-gradient(circle at 32% 87%,#ffd796 0 1.2px,transparent 2.2px),radial-gradient(circle at 41% 16%,#fff0ce 0 1px,transparent 2px),radial-gradient(circle at 49% 61%,#eab56c 0 1.2px,transparent 2.2px),radial-gradient(circle at 57% 29%,#ffdfa2 0 1px,transparent 2px),radial-gradient(circle at 64% 78%,#fff0d0 0 1px,transparent 2px),radial-gradient(circle at 72% 46%,#f5c276 0 1.3px,transparent 2.3px),radial-gradient(circle at 81% 15%,#ffeac2 0 1px,transparent 2px),radial-gradient(circle at 89% 67%,#efbd73 0 1.2px,transparent 2.2px),radial-gradient(circle at 95% 34%,#fff0ce 0 1px,transparent 2px),radial-gradient(ellipse 34% 22% at 72% 82%,#f5a34636 0%,transparent 78%),radial-gradient(ellipse 28% 16% at 87% 71%,#ffe0a022 0%,transparent 80%);animation:register-dust-idle 17s ease-in-out infinite alternate}
body.login-page .topline{position:relative;z-index:2;background:#101923c9;backdrop-filter:blur(7px)}
body.login-page .site-header{background:#111c26d9;backdrop-filter:blur(9px)}
body.login-page .auth-shell{position:relative;z-index:1;isolation:isolate;overflow:visible;display:flex;align-items:center;justify-content:flex-start;min-height:calc(100vh - 205px);padding:38px clamp(28px,10vw,205px);background:transparent}
body.login-page .auth-card{position:relative;z-index:2;width:min(100%,510px);background:linear-gradient(145deg,#172531ed,#111b26ed);border-color:#d0a75caa;box-shadow:inset 0 1px #fff1cf20,0 22px 70px #03070dc9;backdrop-filter:blur(7px)}
body.login-page .auth-card h1{color:#fff0d3;text-shadow:0 2px 16px #050a10}
body.login-page .auth-intro{color:#e7ddcd;text-shadow:0 1px 5px #080c12}
body.login-page .auth-card form label{color:#fff0d3}
body.login-page .footer{position:relative;z-index:1;background:#101923db;backdrop-filter:blur(8px)}
@media(max-width:1100px){body.login-page .auth-shell{padding-left:5vw;padding-right:5vw}body.login-page .auth-card{width:min(100%,490px)}}
@media(max-width:760px){body.login-page::before{inset:-2%;background-position:76% 38%;background-size:cover;transform:scale(1.03)}body.login-page .auth-shell{justify-content:center;min-height:calc(100vh - 190px);padding:34px 16px 48px}body.login-page .auth-card{width:min(100%,510px);padding:28px 24px;background:linear-gradient(145deg,#111d29f2,#0d1721f2);border-color:#d0a75c99}}
@media(max-width:420px){body.login-page .auth-shell{padding:26px 12px 38px}body.login-page .auth-card{padding:24px 19px}body.login-page::before{background-position:78% 38%}}
@media(prefers-reduced-motion:reduce){body.login-page::before,body.register-page::before,body.login-page::after,body.register-page::after{animation:none!important;transform:none!important}}

/* Make the scene's slow camera drift and the ambient particles clearly perceptible. */
body.register-page::before,body.login-page::before{animation:register-scene-idle 22s ease-in-out infinite alternate}
body.register-page::after,body.login-page::after{opacity:.27}
.auth-scene-particles{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;display:block;pointer-events:none;opacity:.76;mix-blend-mode:screen}
body.register-page .register-shell .auth-scene-particles,body.login-page .auth-shell .auth-scene-particles{z-index:1}
@keyframes register-scene-idle{0%{transform:scale(1.025) translate3d(-.35%,0,0)}100%{transform:scale(1.055) translate3d(.35%,-.2%,0)}}
@media(prefers-reduced-motion:reduce){body.register-page::before,body.login-page::before{animation:none!important}}

/* Strengthened atmosphere: visible embers and a gentle cinematic camera move. */
body.register-page::before,body.login-page::before{animation:register-scene-idle 18s ease-in-out infinite alternate}
.auth-scene-particles{opacity:.72;filter:none;mix-blend-mode:normal}
@keyframes register-scene-idle{0%{transform:scale(1.025) translate3d(-.6%,.1%,0)}100%{transform:scale(1.07) translate3d(.6%,-.3%,0)}}

/* Editable homepage news, announcements and media strip. */
.home-updates{position:relative;z-index:3;padding:24px 0 26px;background:linear-gradient(180deg,#111b25,#15212b);border-bottom:1px solid #b8945266;box-shadow:0 8px 26px #050a1080}
.home-announcements{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:center;padding:12px 15px;margin-bottom:17px;background:linear-gradient(100deg,#30271a,#1b2229 55%,#171f27);border:1px solid #aa874e77;box-shadow:inset 0 1px #ffe9b41c}
.updates-heading{display:flex;align-items:baseline;gap:12px;min-width:0;margin-bottom:12px}.updates-heading strong{font:600 18px Cinzel,Georgia,serif;color:#f1d79d}.updates-heading>a{margin-left:auto;color:#78dbc9;font-size:12px}.updates-kicker{font-size:9px;letter-spacing:.18em;color:#efc66c;white-space:nowrap}
.home-announcements .updates-heading{display:block;margin:0}.home-announcements .updates-heading strong{display:block;margin-top:6px;font-size:15px}.announcement-track{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#947444 #17212a}.announcement-track article{flex:1;min-width:190px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;padding:5px 9px;border-left:1px solid #d6b26c55}.announcement-track article>span{grid-row:span 2;color:#efcb73;font-size:8px;letter-spacing:.1em}.announcement-track article b{color:#fff0d0;font-size:12px}.announcement-track article small{color:#c8c2b7;font-size:10px;line-height:1.4;white-space:normal}
.home-editorial{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:26px}.home-news,.home-media{min-width:0}.news-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.news-card{display:flex;min-height:118px;overflow:hidden;background:#101a23;border:1px solid #b28c4f50;box-shadow:inset 0 1px #fff2d00a}.news-card>img{width:110px;min-height:100%;object-fit:cover}.news-card>div{padding:11px 13px;min-width:0}.news-card>div>small{color:#d5b46d;font-size:9px}.news-card h3{margin:5px 0;font-size:14px;color:#f7e5bd}.news-card p{margin:0;color:#c9c2b5;font-size:11px;line-height:1.5}.news-card details{margin-top:6px;color:#71ddcc;font-size:10px}.news-card details summary{cursor:pointer}.cms-rich-content{color:#e5dcc8;font-size:11px;line-height:1.55}.cms-rich-content h2,.cms-rich-content h3{font-size:14px}.cms-rich-content a{color:#7ce4d2}
.media-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.media-card{position:relative;display:flex;min-height:148px;flex-direction:column;overflow:hidden;padding:0 10px 10px;background:#101a23;border:1px solid #b28c4f50;color:#eee1c5}.media-card>img{width:calc(100% + 20px);height:96px;margin:0 -10px 8px;object-fit:cover;filter:brightness(.82)}.media-card>b{font-size:11px;line-height:1.35}.media-card>small{margin-top:4px;color:#c4beb2;font-size:9px;line-height:1.35}.media-play{position:absolute;top:30px;left:50%;display:grid;width:34px;height:34px;place-items:center;border:1px solid #f3d78d;border-radius:50%;background:#111a23c9;color:#ffdc82;transform:translateX(-50%)}
.cms-header-banner{height:clamp(54px,9vw,125px);overflow:hidden;background:#111923;border-bottom:1px solid #b8945266}.cms-header-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cms-footer{padding:35px 0 14px}.cms-footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:36px;padding-bottom:26px}.cms-footer-brand{display:grid;grid-template-columns:54px 1fr;gap:0 12px;align-content:start}.cms-footer-brand>img{grid-row:span 2;width:54px;height:54px;object-fit:contain}.cms-footer-brand strong,.cms-footer-links>b,.cms-footer-community>b{display:block;color:#efd28f;font:600 16px Cinzel,Georgia,serif}.cms-footer-brand small{display:block;margin-top:3px;color:#aab2b5;font-size:9px;letter-spacing:.12em}.cms-footer-brand p{grid-column:1/-1;max-width:440px;color:#c3c3c0;line-height:1.6;font-size:12px}.cms-footer-links{display:flex;flex-direction:column;gap:9px}.cms-footer-links>a{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 10px;border:1px solid #b5945255;border-radius:3px;background:#11192377;color:#c6c7c3;font-size:12px;text-decoration:none}.cms-footer-links>a:hover{color:#ffe4a5;border-color:#d7b76a}.cms-footer-community p{color:#c3c3c0;font-size:12px;line-height:1.6}.cms-footer-community .btn{min-height:40px;padding:9px 15px}.cms-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;border-top:1px solid #b5945266;color:#b8b7b1;font-size:10px}.cms-footer-bottom>a{color:#74d7c6}.cms-footer-sponsors{padding:20px 0 25px;border-top:1px solid #b5945266}.cms-footer-sponsors h2{margin:0 0 14px;color:#efd28f;font:600 16px Cinzel,Georgia,serif}.cms-footer-sponsor-list{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.cms-footer-sponsor-card{text-align:center;min-width:120px;max-width:220px}.cms-footer-sponsor-card>a{display:flex;flex-direction:column;align-items:center;gap:7px;color:#c6c7c3}.cms-footer-sponsor-card img{display:block;max-width:180px;max-height:58px;width:auto;height:auto;object-fit:contain}.cms-footer-sponsor-card span{font-size:11px}.cms-footer-custom{padding:18px 0 24px;border-top:1px solid #b5945266}.cms-footer-custom img{display:block;max-width:100%;height:auto;margin-inline:auto}.cms-footer-sponsor-html{display:flex;flex:1 1 100%;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.cms-footer-sponsor-html>div,.cms-footer-sponsor-html>a{display:flex;flex:0 1 220px;align-items:center;justify-content:center;max-width:100%;margin:0!important}.cms-footer-sponsor-html img{display:block;width:auto!important;height:auto!important;max-width:min(100%,220px)!important;max-height:90px!important;object-fit:contain}.cms-footer-custom a{color:#efd28f}.cms-footer-custom p{color:#c3c3c0;line-height:1.6}
.home-join{text-align:center}.home-join h2{font:600 36px Cinzel,Georgia,serif;color:#f3dfb4}.home-join p{color:var(--muted)}

/* Responsive administration console. */
.cms-admin-page{min-height:100vh;background:#0d151d;color:#e9e4d8}.cms-login{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 20%,#203342,#0c141c 75%)}.cms-login .cms-card{width:min(100%,440px)}.cms-card{padding:22px;background:linear-gradient(145deg,#192630,#131d26);border:1px solid #b794576b;box-shadow:inset 0 1px #fff2d00c,0 18px 50px #02060955}.cms-login h1,.cms-top h1{margin:9px 0 8px;color:#f1d99f;font:600 30px Cinzel,Georgia,serif}.cms-login p,.cms-card>p{color:#c6c2b8;font-size:13px;line-height:1.6}.cms-login label,.cms-form label{display:flex;flex-direction:column;gap:7px;margin:13px 0;color:#f0dfbd;font-size:12px;font-weight:700}.cms-login input,.cms-form input:not([type=checkbox]),.cms-form textarea,.cms-inline input{width:100%;min-height:40px;padding:10px 12px;border:1px solid #8d784f;background:#0c151d;color:#fff3d5;font:inherit}.cms-form textarea{min-height:68px;resize:vertical}.cms-login .btn{width:100%;margin-top:12px}.cms-back{display:block;margin-top:20px;text-align:center;color:#87dfd1;font-size:12px}.cms-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.cms-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 13px;background:#111b24;border-right:1px solid #9b794a55}.cms-brand{display:flex;align-items:center;gap:11px;padding:4px 9px 22px;border-bottom:1px solid #a889514d;color:#f1dfb7}.cms-brand img{width:44px;height:44px;object-fit:contain}.cms-brand b{display:block;font:600 19px Cinzel,Georgia,serif}.cms-brand small{font-size:8px;letter-spacing:.15em;color:#d0b372}.cms-side nav{display:grid;gap:5px;padding-top:20px}.cms-side nav a{padding:11px 12px;border:1px solid transparent;color:#c9c5bb;font-size:12px}.cms-side nav a:hover,.cms-side nav a.active{border-color:#b9985c66;background:#b18d4d18;color:#ffe3a2}.cms-admin-user{display:flex;justify-content:space-between;gap:6px;margin-top:auto;padding:13px 7px 0;border-top:1px solid #a889514d;font-size:11px}.cms-admin-user a{color:#80daca}.cms-main{min-width:0;padding:28px clamp(16px,3vw,46px) 55px}.cms-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.cms-top small{color:#d9b65e;letter-spacing:.17em;font-size:9px}.cms-top h1{font-size:28px}.cms-top>a{color:#80daca;font-size:12px}.cms-alert{margin:12px 0;padding:12px 15px;border:1px solid #76c7a477;background:#142b28;color:#aff5d3;font-size:12px}.cms-alert.error{border-color:#cf6d6499;background:#321d20;color:#ffd3c8}.cms-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.cms-stats article{display:grid;gap:10px;padding:17px;background:#17232d;border:1px solid #ad8c4e55}.cms-stats small{font-size:10px;color:#bdc3c2}.cms-stats strong{color:#f3d184;font-size:25px}.cms-main .cms-card{margin:0 0 16px}.cms-main h2{margin:0 0 15px;color:#f0d99f;font:600 18px Cinzel,Georgia,serif}.cms-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.cms-fields .wide{grid-column:1/-1}.cms-form small{color:#aeb8b9;font-weight:400}.cms-form>.btn{margin-top:12px}.cms-content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px;align-items:start}.wys-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#0e171f;border:1px solid #796744}.wys-toolbar button{padding:6px 10px;border:1px solid #736443;background:#1b2832;color:#efdbab;cursor:pointer;font-size:11px}.wys-editor{min-height:210px;max-height:460px;overflow:auto;padding:12px;background:#0e171f;border:1px solid #796744;color:#ede4d2;line-height:1.6;outline:none}.wys-editor:focus{border-color:#d4b76e}.cms-check{flex-direction:row!important;align-items:center}.cms-check input{accent-color:#d4ae5b}.cms-list{display:grid;gap:8px}.cms-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;background:#101a23;border:1px solid #806b484b}.cms-list article strong,.cms-list article small{display:block}.cms-list article small{font-size:9px;color:#d3b771}.cms-list article strong{margin-top:4px;font-size:12px}.cms-list article p{margin:4px 0 0;color:#b9b9b2;font-size:10px}.cms-list article>a{color:#75dbca;font-size:11px}.cms-danger{border:0;background:none;color:#f29c89;cursor:pointer}.cms-inline{display:flex;gap:9px;max-width:570px}.cms-inline input{flex:1}.cms-member-result{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding:14px;background:#0f1921;border:1px solid #9a7b4c}.cms-member-result form{margin-left:auto}.btn.danger{background:linear-gradient(#913e34,#56231f);color:#fff}.cms-table-wrap{overflow:auto}.cms-table{width:100%;border-collapse:collapse;font-size:12px}.cms-table th,.cms-table td{padding:11px 9px;border-bottom:1px solid #8e774855;text-align:left}.cms-table th{color:#d8ba74}.cms-table a{color:#77ddcd}.cms-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px;margin:13px 0}.cms-item-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #8d774b55;background:#15212a;color:#eee4cd}.cms-item-row img{width:42px;height:42px;object-fit:contain;background:#0b1118}.cms-item-row b,.cms-item-row small{display:block}.cms-item-row b{font-size:11px}.cms-item-row small{margin-top:4px;color:#b2b8b8;font-size:9px}.cms-item-grid+.cms-card{max-width:650px}
@media(max-width:1000px){.cms-layout{grid-template-columns:205px minmax(0,1fr)}.cms-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-content-grid{grid-template-columns:1fr}.home-editorial{grid-template-columns:1fr}.cms-footer-grid{gap:22px}}
@media(max-width:700px){.home-announcements{grid-template-columns:1fr;gap:9px}.announcement-track article{min-width:235px}.home-editorial{gap:18px}.news-cards{grid-template-columns:1fr}.media-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-layout{display:block}.cms-side{position:relative;width:100%;height:auto;padding:12px}.cms-brand{padding:4px 8px 12px}.cms-side nav{display:flex;overflow:auto;padding:11px 0 4px}.cms-side nav a{white-space:nowrap;padding:9px}.cms-admin-user{margin-top:8px}.cms-main{padding:20px 12px 40px}.cms-fields{grid-template-columns:1fr}.cms-fields .wide{grid-column:auto}.cms-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-footer-grid{grid-template-columns:1fr;gap:15px}.cms-footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}.cms-top h1{font-size:23px}.cms-list article{grid-template-columns:1fr auto auto}}
@media(max-width:430px){.media-cards{grid-template-columns:1fr 1fr}.media-card{min-height:130px}.media-card>img{height:80px}.cms-stats{gap:7px}.cms-stats article{padding:12px}.cms-inline{flex-wrap:wrap}.cms-inline input{flex-basis:100%}}
.updates-empty{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;min-width:190px;padding:5px 9px;border-left:1px solid #d6b26c55;color:#e9d7ab}.updates-empty>span{grid-row:span 2;color:#efcb73}.updates-empty>b{font-size:12px}.updates-empty>small,.updates-empty-card{color:#bfc1bd;font-size:10px}.updates-empty-card{display:grid;min-height:105px;place-items:center;padding:14px;border:1px dashed #8a754e77;background:#111a22;text-align:center}.hero[style*="--cms-hero-bg"]::before{background-image:var(--cms-hero-bg);background-position:center 46%;background-size:cover;background-repeat:no-repeat}.cms-logout{padding:0;border:0;background:none;color:#80daca;cursor:pointer;font:inherit;font-size:11px}
/* Gold Silkroad-style cursor for the portal and its controls. */
/* Homepage: live server, server rules, and guild rank panels in a Silkroad gold frame. */
.home-world.section{position:relative;overflow:hidden;padding:58px 0 64px;background:radial-gradient(ellipse at 50% 0%,#3b2c184d,transparent 62%),linear-gradient(180deg,#10161b,#11100d 55%,#10161b);border-top:1px solid #c6a65b88;border-bottom:1px solid #c6a65b88}
.home-world.section::before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,#d4a94d08 50%,transparent 100%)}
.home-world .wrap{position:relative;z-index:1}
.home-world .head h2{color:#f4d17b;text-shadow:0 2px 12px #d393363d}
.home-world .head p{color:#c7c0b2}
.home-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.world-panel{position:relative;min-width:0;min-height:310px;padding:19px 18px 15px;overflow:hidden;background:linear-gradient(145deg,#1e1a12f2,#0c0d0df5 60%,#17140ff2);border:1px solid #a38343;box-shadow:inset 0 0 0 3px #0b0b09,inset 0 0 0 4px #493819,0 14px 34px #0009}
.world-panel::before{position:absolute;inset:6px;content:"";pointer-events:none;border:1px solid #d8b95722;background:linear-gradient(#f5d782,#f5d782) left top/25px 1px no-repeat,linear-gradient(#f5d782,#f5d782) left top/1px 20px no-repeat,linear-gradient(#f5d782,#f5d782) right top/25px 1px no-repeat,linear-gradient(#f5d782,#f5d782) right top/1px 20px no-repeat,linear-gradient(#f5d782,#f5d782) left bottom/25px 1px no-repeat,linear-gradient(#f5d782,#f5d782) left bottom/1px 20px no-repeat,linear-gradient(#f5d782,#f5d782) right bottom/25px 1px no-repeat,linear-gradient(#f5d782,#f5d782) right bottom/1px 20px no-repeat}
.world-panel-heading{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-height:43px;padding-bottom:13px;border-bottom:1px solid #bb994a4f}
.world-heading-mark{display:grid;width:29px;height:29px;place-items:center;border:1px solid #c6a34d88;color:#f5d17a;text-shadow:0 0 9px #eab23f77;font-size:17px}
.world-panel-heading>div{min-width:0;flex:1}
.world-panel-heading small{display:block;color:#d9b65e;font-size:8px;font-weight:800;letter-spacing:.19em}
.world-panel-heading h3{margin:4px 0 0;color:#fff0c9;font:600 16px Cinzel,Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-state{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #77603a;color:#d2c4a0;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.world-state i{width:7px;height:7px;border-radius:50%;background:#d2a841;box-shadow:0 0 8px currentColor}
.world-state.is-online{color:#90ec67;border-color:#43872c;background:#1b3919}
.world-state.is-online i{background:#70e447;animation:world-online-pulse 1.6s ease-in-out infinite}
.world-state.is-offline{color:#f09476;border-color:#934b38;background:#3a1d18}
.world-state.is-offline i{background:#ed6e51}
@keyframes world-online-pulse{50%{opacity:.55;box-shadow:0 0 2px currentColor}}
.world-online-block{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 5px 18px}
.world-online-block small{display:block;color:#c9bfa7;font-size:9px;letter-spacing:.11em}
.world-online-block strong{display:block;margin-top:3px;color:#f5d577;font:700 42px Cinzel,Georgia,serif;text-shadow:0 0 18px #d9a83e42}
.world-player-icon{display:grid;width:51px;height:51px;place-items:center;border:1px solid #a6813a66;border-radius:50%;color:#e2c16a;background:radial-gradient(circle,#d0a64026,transparent 70%);font-size:25px}
.world-divider{height:1px;background:linear-gradient(90deg,transparent,#c1a05388,transparent)}
.world-status-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 4px 15px;color:#b9b2a4;font-size:10px}
.world-status-meta span{display:grid;gap:5px}
.world-status-meta b{color:#f1dfb5;font-size:12px}
.world-more-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border:1px solid #92733d66;color:#edce7b;font-size:9px;font-weight:800;letter-spacing:.1em;transition:.2s}
.world-more-link:hover{border-color:#e1be62;background:#dbaf3b0d;color:#fff0be}
.world-info-rows{position:relative;z-index:1;padding:5px 2px 0}
.world-row{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #9c824333;color:#d6cdb9;font-size:11px}
.world-row:last-child{border-bottom:0}
.world-row b{color:#f3cf63;text-align:right;font-size:11px;white-space:nowrap}
.world-info-note{margin:6px 2px 0;color:#9f998e;font-size:9px;line-height:1.45}
.world-guild-list{position:relative;z-index:1;display:grid;min-height:194px;align-content:start;padding:3px 0 10px}
.world-guild-row{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #9c824333}
.world-guild-row:last-child{border-bottom:0}
.world-guild-medal{display:grid;width:31px;height:31px;place-items:center;border:1px solid #877344;color:#eee0b8;background:#17150f;font:700 12px Cinzel,Georgia,serif;clip-path:polygon(50% 0,92% 21%,92% 78%,50% 100%,8% 78%,8% 21%)}
.world-guild-medal.medal-1{border-color:#edc44d;color:#ffdb70;background:#47370d}
.world-guild-medal.medal-2{border-color:#9ba9b7;color:#d7e2ed;background:#26313b}
.world-guild-medal.medal-3{border-color:#ad7556;color:#e9a47e;background:#3c261c}
.world-guild-details{display:grid;gap:4px;min-width:0}
.world-guild-details b{overflow:hidden;color:#f3ead7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.world-guild-details small{overflow:hidden;color:#b2aa98;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.world-guild-metric{display:grid;justify-items:end;gap:2px;min-width:30px}
.world-guild-score{color:#f0ca61;font-size:15px}
.world-guild-score-label{color:#bba873;font-size:8px;font-weight:700;letter-spacing:.08em}
.world-empty{display:grid;min-height:120px;place-items:center;padding:14px;color:#b8ae99;text-align:center;font-size:11px;line-height:1.5}
@media(max-width:960px){.home-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-guild-panel{grid-column:1/-1;min-height:0}.world-guild-list{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.world-guild-row{border:0;border-right:1px solid #9c824333;padding:12px 7px}.world-guild-row:last-child{border-right:0}}
@media(max-width:620px){.home-world.section{padding:44px 0}.home-world-grid{grid-template-columns:1fr;gap:12px}.world-panel{min-height:0;padding:17px 15px 13px}.world-guild-panel{grid-column:auto}.world-guild-list{grid-template-columns:1fr}.world-guild-row{border:0;border-bottom:1px solid #9c824333;padding:10px 2px}.world-guild-row:last-child{border-bottom:0}.world-online-block{padding:18px 5px 15px}.world-online-block strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.world-state.is-online i{animation:none}}

/* Homepage Fortress War panel. */
.world-fortress-panel{min-height:0;margin-top:15px;padding:17px 18px 14px}
.world-fortress-panel .world-panel-heading{padding-bottom:11px}
.world-fortress-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #98804a66;color:#efd58e;font-size:8px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.world-fortress-link:hover{border-color:#e2c46d;background:#d5ae4d13;color:#fff0bd}
.world-fortress-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px}
.world-fortress-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:65px;padding:9px 11px;border:1px solid #a98a5245;background:linear-gradient(130deg,#111c25c9,#182630cc)}
.world-fortress-crest{display:grid;width:32px;height:32px;place-items:center;border:1px solid #c8a856;background:linear-gradient(145deg,#352b18,#111920);color:#f0d480;font:700 14px Cinzel,Georgia,serif;box-shadow:inset 0 0 0 2px #111820}
.world-fortress-copy{display:grid;gap:5px;min-width:0}
.world-fortress-copy b{overflow:hidden;color:#f3e5c5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.world-fortress-copy small{color:#b8b4a8;font-size:9px}
.world-fortress-tax{display:grid;justify-items:end;gap:3px;color:#acaa9f;font-size:7px;font-weight:800;letter-spacing:.11em}
.world-fortress-tax b{color:#f1d276;font-size:12px;letter-spacing:0}
@media(max-width:620px){.world-fortress-panel{margin-top:12px}.world-fortress-list{grid-template-columns:1fr}.world-fortress-link{padding:7px;font-size:7px}.world-fortress-row{min-height:59px}}

/* Live world cards: WebSRO's navy-and-gold frame with a live capacity meter. */
.home-world.section{background:radial-gradient(ellipse at 50% 0%,#b78d3221,transparent 45%),linear-gradient(180deg,#111c26,#17242e 48%,#101a23);border-color:#b8945270}
.home-world.section::before{background:linear-gradient(115deg,transparent 9%,#82a0aa08 48%,transparent 85%)}
.home-world .head h2{color:#f1d69a;text-shadow:0 2px 12px #d1a54b38}
.home-world .head p{color:#c5c9c7}
.world-panel{background:linear-gradient(145deg,#1b2933f5,#14202af7 62%,#17242df5);border-color:#a98a527a;box-shadow:inset 0 0 0 3px #101922,inset 0 0 0 4px #46391f,0 16px 34px #03080d66}
.world-panel::before{border-color:#e0c57823;background:linear-gradient(#e3c979,#e3c979) left top/25px 1px no-repeat,linear-gradient(#e3c979,#e3c979) left top/1px 20px no-repeat,linear-gradient(#e3c979,#e3c979) right top/25px 1px no-repeat,linear-gradient(#e3c979,#e3c979) right top/1px 20px no-repeat,linear-gradient(#e3c979,#e3c979) left bottom/25px 1px no-repeat,linear-gradient(#e3c979,#e3c979) left bottom/1px 20px no-repeat,linear-gradient(#e3c979,#e3c979) right bottom/25px 1px no-repeat,linear-gradient(#e3c979,#e3c979) right bottom/1px 20px no-repeat}
.world-panel-heading{border-bottom-color:#b69b604a}
.world-heading-mark{border-color:#b89b587d;color:#f0d58d;background:linear-gradient(145deg,#1f3039,#111b23)}
.world-panel-heading small{color:#d8bb75}
.world-panel-heading h3{color:#f4e6c4}
.world-state{border-color:#5d6c68;background:#14201f;color:#c7d4c9}
.world-state.is-online{color:#85ed88;border-color:#3d8751;background:linear-gradient(90deg,#183323,#172921)}
.world-state.is-online i{background:#63dc72}
.world-state.is-offline{border-color:#965548;background:#321f21}
.world-capacity-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:21px 5px 12px}
.world-capacity-head small{display:block;color:#d2c9b5;font-size:9px;letter-spacing:.13em}
.world-player-count{display:flex;align-items:baseline;gap:7px;margin-top:1px}
.world-player-count strong{color:#f6d780;font:700 38px Cinzel,Georgia,serif;text-shadow:0 0 16px #d8a94736}
.world-player-count>span{color:#9faeaa;font:600 17px Cinzel,Georgia,serif}
.world-player-count>span b{color:#c6d1ca;font-weight:600}
.world-player-icon{border-color:#b3955570;color:#e8cf91;background:radial-gradient(circle,#d0aa4a1c,transparent 70%);box-shadow:inset 0 0 12px #d8b75a12}
.world-capacity-track{position:relative;height:13px;margin:1px 4px 0;overflow:hidden;border:1px solid #546249;border-radius:99px;background:linear-gradient(180deg,#08120e,#101b17);box-shadow:inset 0 2px 5px #000b,0 0 0 1px #d1b15412}
.world-capacity-fill{position:relative;display:block;width:0;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#268b31 0%,#46c63f 54%,#8be76a 100%);box-shadow:0 0 13px #58e252a1;transition:width 1.2s cubic-bezier(.2,.75,.25,1)}
.world-capacity-fill::after{position:absolute;inset:-1px auto -1px -30%;width:28%;content:"";transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#e6ffd999,transparent);animation:capacity-glint 2.7s ease-in-out infinite}
@keyframes capacity-glint{0%{left:-32%}75%,100%{left:112%}}
.world-capacity-meta{display:flex;justify-content:space-between;gap:9px;padding:10px 4px 12px;color:#9da9a6;font-size:8px;font-weight:800;letter-spacing:.07em}
.world-capacity-meta b{color:#80e875;font-size:9px}
.world-capacity-meta b.is-busy{color:#f0c864}
.world-capacity-meta b.is-full{color:#ff9776;text-shadow:0 0 9px #ff704455}
.world-status-meta{padding-top:12px;color:#b8c2bf}
.world-status-meta b{color:#f0e4c8}
.world-divider{background:linear-gradient(90deg,transparent,#a7905c88,transparent)}
.world-more-link{border-color:#93825480;color:#efd58e;background:#101b24a6}
.world-more-link:hover{border-color:#dfc477;background:#d5ae4d13;color:#fff0bd}
.world-row{border-bottom-color:#a6a28b25;color:#d4d8d3}
.world-row b{color:#f0d274}
.world-info-note{color:#aab3b0}
.world-guild-list{min-height:214px}
.world-guild-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px 3px;border-bottom-color:#a6a28b25}
.world-guild-medal{position:relative;z-index:0;width:34px;height:34px;overflow:visible;clip-path:none;border:1px solid #c39c50;border-radius:50%;color:#ffe7a0;background:radial-gradient(circle at 35% 28%,#574620,#182029 72%);box-shadow:0 0 0 2px #0f1820,0 0 12px #dab75236;font:700 13px Cinzel,Georgia,serif}
.world-guild-medal::before,.world-guild-medal::after{position:absolute;z-index:-1;bottom:-8px;width:11px;height:14px;content:"";background:#95733a;clip-path:polygon(0 0,100% 0,78% 100%,50% 72%,20% 100%)}
.world-guild-medal::before{left:4px;transform:rotate(-12deg)}
.world-guild-medal::after{right:4px;transform:rotate(12deg)}
.world-guild-medal.medal-1{border-color:#ffe073;color:#fff1a8;background:radial-gradient(circle at 35% 25%,#b68d2c,#4c3b18 68%,#1c2930);box-shadow:0 0 0 2px #0f1820,0 0 16px #e1b63c75}
.world-guild-medal.medal-1::before,.world-guild-medal.medal-1::after{background:linear-gradient(90deg,#a51f24,#f0c34a)}
.world-guild-medal.medal-2{border-color:#d9e4e9;color:#f1f5f6;background:radial-gradient(circle at 35% 25%,#8798a5,#33434e 68%,#1a252d);box-shadow:0 0 0 2px #0f1820,0 0 13px #becbd544}
.world-guild-medal.medal-2::before,.world-guild-medal.medal-2::after{background:linear-gradient(90deg,#778c9e,#d9e5ec)}
.world-guild-medal.medal-3{border-color:#efa47a;color:#ffe0ca;background:radial-gradient(circle at 35% 25%,#a35c38,#4a3027 68%,#1c252b);box-shadow:0 0 0 2px #0f1820,0 0 13px #c16c424b}
.world-guild-medal.medal-3::before,.world-guild-medal.medal-3::after{background:linear-gradient(90deg,#84402e,#e9a074)}
.world-guild-details{gap:5px}
.world-guild-details>b{line-height:1.2}
.world-guild-name{color:#f5e5bc;text-decoration:none;text-shadow:0 0 9px #e8bc5b55;transition:color .18s ease,text-shadow .18s ease}
.world-guild-name:hover{color:#fff3bb;text-shadow:0 0 5px #fff0a5,0 0 15px #edc448c9}
.rank-1 .world-guild-name{color:#ffdf7c;text-shadow:0 0 11px #d6a83a8c}
.rank-2 .world-guild-name{color:#e2e9ec;text-shadow:0 0 9px #b4cad66b}
.rank-3 .world-guild-name{color:#f0b18d;text-shadow:0 0 9px #d1784b70}
.world-guild-leader{width:max-content;max-width:100%;overflow:hidden;color:#8de1d2;font-size:9px;font-weight:800;letter-spacing:.07em;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}
.world-guild-leader:hover{color:#c3fff3;text-shadow:0 0 10px #47d4bfaa}
.world-guild-details small{color:#b8c1bf}
.world-guild-score{color:#f0cf72;text-shadow:0 0 8px #d4ae5266}
@media(max-width:960px){.world-guild-row{border:0;border-right:1px solid #a6a28b25}.world-guild-row:last-child{border-right:0}}
@media(max-width:620px){.world-guild-row{border:0;border-bottom:1px solid #a6a28b25}.world-guild-row:last-child{border-bottom:0}.world-capacity-head{padding-top:17px}.world-player-count strong{font-size:35px}.world-capacity-meta{font-size:7px}}
@media(prefers-reduced-motion:reduce){.world-capacity-fill,.world-capacity-fill::after{transition:none;animation:none}.world-guild-name{transition:none}}

/* Rotating cropped in-game character portraits replace the chess-pawn mark. */
.world-player-avatar{position:relative;display:block;flex:0 0 60px;width:60px;height:60px;overflow:hidden;border:1px solid #d0b56e;border-radius:50%;background:#111a20;box-shadow:0 0 0 3px #111923,0 0 0 4px #8d7545,0 0 18px #e2b64b48,inset 0 0 0 3px #101923}
.world-player-avatar::before{position:absolute;z-index:2;inset:3px;content:"";pointer-events:none;border:1px solid #f3d68b90;border-radius:50%;box-shadow:inset 0 0 9px #05090c77}
.world-player-avatar img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;transition:opacity .24s ease,filter .35s ease;filter:contrast(1.08) saturate(1.13)}
.world-player-avatar img.is-switching{opacity:.18;filter:brightness(1.5) saturate(.7)}
.world-avatar-rune{position:absolute;z-index:3;right:1px;bottom:2px;display:grid;width:15px;height:15px;place-items:center;border:1px solid #f5dda1;border-radius:50%;background:linear-gradient(145deg,#725326,#171f25);color:#ffe9a8;font-size:8px;box-shadow:0 0 8px #f3cb6577}
@media(prefers-reduced-motion:reduce){.world-player-avatar img{transition:none}}

/* News cards use a shared image frame, and each story opens as a full page. */
.home-editorial{display:block}
.news-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.news-card{height:204px;min-height:204px}
.news-card-image{display:block;flex:0 0 132px;width:132px;height:204px;overflow:hidden;background:radial-gradient(ellipse,#293741,#101a23)}
.news-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .35s ease}
.news-card-image:hover img{transform:scale(1.045)}
.news-card-image.is-empty{background:linear-gradient(145deg,#1c2a32,#101a23)}
.news-card>div{display:flex;flex:1;min-width:0;flex-direction:column;overflow:hidden;padding:12px 14px}
.news-card h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-card h3 a{color:inherit;text-decoration:none}
.news-card h3 a:hover{color:#ffe29a}
.news-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.news-read-more{margin-top:auto;padding-top:7px;color:#76e2d0;font-size:10px;text-decoration:none}
.news-read-more:hover{color:#c1fff3}
.home-media-bottom{padding-top:34px;padding-bottom:42px;border-top:1px solid #b8945248;background:linear-gradient(180deg,#121d27,#101922)}
.news-detail-page{min-height:55vh;padding:38px 0 58px;background:radial-gradient(ellipse at 50% 0%,#b58a3217,transparent 56%),linear-gradient(180deg,#14212b,#101922)}
.news-detail{max-width:940px;margin:0 auto;overflow:hidden;border:1px solid #b8945277;background:linear-gradient(145deg,#1a2832,#111b24);box-shadow:inset 0 0 0 3px #101922,0 18px 45px #03080d75}
.news-detail-back{display:inline-block;margin:19px 24px 15px;color:#e9ca78;font-size:12px;text-decoration:none}
.news-detail-back:hover{color:#fff0bf}
.news-detail-image{display:block;width:100%;max-height:430px;object-fit:cover;object-position:center 32%;border-top:1px solid #b8945255;border-bottom:1px solid #b8945255}
.news-detail-copy{padding:27px clamp(20px,5vw,56px) 42px}
.news-detail-copy time{display:block;margin-top:16px;color:#dfbd6c;font-size:11px}
.news-detail-copy h1,.news-detail-missing h1{margin:8px 0 12px;color:#f5e4bf;font:600 clamp(27px,4vw,42px) Cinzel,Georgia,serif;line-height:1.15}
.news-detail-summary{margin:0 0 24px;color:#d7d1c4;font-size:16px;line-height:1.65}
.news-detail-body{color:#e5dcc8;font-size:15px;line-height:1.8}
.news-detail-body h2,.news-detail-body h3{margin:26px 0 12px;color:#f1d69a;font:600 23px Cinzel,Georgia,serif}
.news-detail-body p{margin:0 0 17px}
.news-detail-body ul,.news-detail-body ol{padding-left:24px}
.news-detail-missing{padding:42px clamp(20px,5vw,56px);color:#d7d1c4}
.news-detail-missing p{margin-bottom:22px}
@media(max-width:700px){.news-cards{grid-template-columns:1fr}.news-card{height:184px;min-height:184px}.news-card-image{flex-basis:112px;width:112px;height:184px}.news-card>div{padding:10px 11px}.news-card h3{font-size:13px}.news-card p{-webkit-line-clamp:3}.home-media-bottom{padding-top:27px;padding-bottom:32px}.news-detail-page{padding:22px 0 38px}.news-detail-back{margin:15px 17px}.news-detail-copy{padding:21px 19px 30px}.news-detail-summary{font-size:14px}.news-detail-body{font-size:14px}}
@media(prefers-reduced-motion:reduce){.news-card-image img{transition:none}}

/* Polished Silkroad news cards, archive listing, and pagination. */
.home-news .updates-heading{align-items:center;gap:12px;margin-bottom:14px}
.news-heading-link{color:#f1d79d;text-decoration:none;transition:color .18s ease,text-shadow .18s ease}
.news-heading-link:hover{color:#ffe9a9;text-shadow:0 0 12px #e4bd5a85}
.news-all-link{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:7px 11px;border:1px solid #d2ae5d7d;background:linear-gradient(180deg,#293640,#151f27);color:#f0d58d;font-size:10px;font-weight:800;letter-spacing:.05em;text-decoration:none;box-shadow:inset 0 0 0 2px #111923;transition:.2s ease}
.news-all-link:hover{border-color:#ffe28a;background:linear-gradient(180deg,#57431d,#252016);color:#fff1bf;box-shadow:0 0 14px #e5bd5540,inset 0 0 0 2px #111923}
.news-card{position:relative;isolation:isolate;border:1px solid transparent;background:linear-gradient(145deg,#1b2932,#101a23 70%) padding-box,linear-gradient(135deg,#e5c36e,#4d3d21 36%,#9c7940 68%,#27333a) border-box;box-shadow:inset 0 0 0 3px #101923,inset 0 0 0 4px #d1ad5430,0 7px 20px #02060a70;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.news-card::before{position:absolute;z-index:0;inset:4px;pointer-events:none;content:"";border:1px solid #dbbd6d2a;background:linear-gradient(#e7c76e,#e7c76e) left top/23px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) left top/1px 17px no-repeat,linear-gradient(#e7c76e,#e7c76e) right top/23px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) right top/1px 17px no-repeat,linear-gradient(#e7c76e,#e7c76e) left bottom/23px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) left bottom/1px 17px no-repeat,linear-gradient(#e7c76e,#e7c76e) right bottom/23px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) right bottom/1px 17px no-repeat}
.news-card::after{position:absolute;z-index:2;top:7px;right:9px;pointer-events:none;content:"\2726";color:#e5c778;font-size:10px;text-shadow:0 0 8px #e8b83c88}
.news-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #101923,inset 0 0 0 4px #eed27c62,0 12px 26px #02060aa8,0 0 18px #c99b3b24}
.news-card-image{position:relative;z-index:1;border-right:1px solid #ad8b4a88;box-shadow:inset -1px 0 #f6dda22c}
.news-card>div{position:relative;z-index:1}
.news-card>div>small{color:#f0cf73;font-size:9px;font-weight:800;letter-spacing:.07em}
.news-card h3{padding-right:7px;color:#ffedc8;font:600 15px Cinzel,Georgia,serif;text-shadow:0 1px 5px #000}
.news-card p{color:#d8d1c3;font-size:11px;line-height:1.55}
.news-read-more{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border:1px solid #e0be68;background:linear-gradient(180deg,#8b7039,#4b391e);box-shadow:inset 0 1px #fff0b43d,0 3px 8px #02060966;color:#fff0c4;font-size:10px;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 2px #15100a;transition:.2s ease}
.news-read-more:hover{border-color:#ffe994;background:linear-gradient(180deg,#c39a4d,#6f4a1c);color:#fff8dc;box-shadow:0 0 14px #e8bd5970,inset 0 1px #fff6d177}
.news-list-page{min-height:60vh;padding:40px 0 58px;background:radial-gradient(ellipse at 50% 0%,#b78d321c,transparent 52%),linear-gradient(180deg,#14212b,#101922)}
.news-list-heading{max-width:840px;margin:0 auto 23px;padding:0 0 19px;border-bottom:1px solid #ba97534a}
.news-list-heading .news-detail-back{margin:0 0 25px}
.news-list-heading h1{margin:6px 0;color:#f2d99e;font:600 clamp(30px,4vw,43px) Cinzel,Georgia,serif;text-shadow:0 2px 12px #d1a54b38}
.news-list-heading p{margin:0;color:#c5c9c7;font-size:13px}
.news-list-items{display:grid;max-width:840px;gap:14px;margin:0 auto}
.news-list-card{position:relative;isolation:isolate;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:156px;overflow:hidden;border:1px solid transparent;background:linear-gradient(145deg,#1b2932,#101a23 72%) padding-box,linear-gradient(135deg,#e5c36e,#51401f 38%,#a17b3e 72%,#27333a) border-box;box-shadow:inset 0 0 0 3px #101923,inset 0 0 0 4px #d1ad5430,0 8px 23px #02060a70;transition:transform .2s ease,box-shadow .2s ease}
.news-list-card::before{position:absolute;z-index:0;inset:4px;pointer-events:none;content:"";border:1px solid #dbbd6d2a;background:linear-gradient(#e7c76e,#e7c76e) left top/27px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) left top/1px 21px no-repeat,linear-gradient(#e7c76e,#e7c76e) right top/27px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) right top/1px 21px no-repeat,linear-gradient(#e7c76e,#e7c76e) left bottom/27px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) left bottom/1px 21px no-repeat,linear-gradient(#e7c76e,#e7c76e) right bottom/27px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) right bottom/1px 21px no-repeat}
.news-list-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #101923,inset 0 0 0 4px #eed27c62,0 13px 28px #02060aa8,0 0 20px #c99b3b24}
.news-list-image{position:relative;z-index:1;display:grid;min-height:156px;place-items:center;overflow:hidden;border-right:1px solid #ad8b4a88;background:#121d26}
.news-list-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 30%;transition:transform .35s ease}
.news-list-card:hover .news-list-image img{transform:scale(1.04)}
.news-list-image.is-empty{color:#ddbc68;font-size:25px}
.news-list-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:17px 21px}
.news-list-copy time{color:#dfbd6c;font-size:9px;font-weight:800;letter-spacing:.08em}
.news-list-copy h2{margin:6px 0 7px;font:600 19px Cinzel,Georgia,serif;line-height:1.25}
.news-list-copy h2 a{color:#ffedc8;text-decoration:none}
.news-list-copy h2 a:hover{color:#ffe29a}
.news-list-copy p{display:-webkit-box;overflow:hidden;margin:0 0 10px;color:#d3cbbc;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-list-copy .news-read-more{margin-top:auto}
.news-pagination{display:flex;max-width:840px;align-items:center;justify-content:space-between;gap:12px;margin:22px auto 0;padding:12px;border:1px solid #9c7a4166;background:linear-gradient(120deg,#1a2831,#101922);box-shadow:inset 0 0 0 2px #101923}
.news-pagination>a,.news-pagination>span,.news-pagination>div>a,.news-pagination>div>span{display:grid;min-width:34px;height:34px;place-items:center;padding:0 10px;border:1px solid #96764468;color:#ead8ae;font-size:11px;text-decoration:none}
.news-pagination>a,.news-pagination>div>a{background:#17232c;transition:.18s ease}
.news-pagination>a:hover,.news-pagination>div>a:hover{border-color:#e6c873;color:#fff0b8}
.news-pagination>div{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.news-pagination>div>.is-current{border-color:#e3bf64;background:linear-gradient(#725a2c,#352819);color:#fff0bc;font-weight:800;box-shadow:0 0 11px #d6ad5050}
.news-pagination>.is-disabled{color:#716b5f;border-color:#5c503a66}
@media(max-width:700px){.home-news .updates-heading{flex-wrap:wrap}.news-all-link{margin-left:auto}.news-card::after{right:7px}.news-card h3{font-size:13px}.news-read-more{padding:7px 9px;font-size:9px}.news-list-page{padding:27px 0 40px}.news-list-heading{margin-bottom:17px}.news-list-heading .news-detail-back{margin-bottom:18px}.news-list-card{grid-template-columns:112px minmax(0,1fr);min-height:148px}.news-list-image{min-height:148px}.news-list-copy{padding:14px 13px}.news-list-copy h2{font-size:15px}.news-list-copy p{-webkit-line-clamp:2}.news-pagination{gap:6px;padding:8px}.news-pagination>a,.news-pagination>span{min-width:31px;padding:0 6px;font-size:9px}.news-pagination>div{gap:3px}.news-pagination>div>a,.news-pagination>div>span{min-width:29px;height:31px;padding:0 6px}}
@media(max-width:390px){.news-card{height:174px;min-height:174px}.news-card-image{flex-basis:96px;width:96px;height:174px}.news-card>div{padding:9px}.news-card p{-webkit-line-clamp:2}.news-list-card{grid-template-columns:94px minmax(0,1fr)}.news-list-copy{padding:12px 10px}.news-pagination>div{gap:2px}.news-pagination>div>a,.news-pagination>div>span{min-width:25px;padding:0 4px}}
@media(prefers-reduced-motion:reduce){.news-heading-link,.news-all-link,.news-card,.news-list-card,.news-list-image img,.news-read-more{transition:none}}

/* Show full news covers while using a soft version of each image to fill the frame. */
.news-card-image,.news-list-image{position:relative;display:block;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#26343d 0,#121d26 72%)}
.news-card-image{height:204px}
.news-list-image{height:auto;min-height:156px}
.news-cover-backdrop{position:absolute;z-index:0;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;object-position:center;filter:blur(13px) brightness(.48) saturate(.82);transform:scale(1.04);transition:filter .25s ease,transform .25s ease}
.news-cover-foreground{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:5px;filter:drop-shadow(0 2px 8px #000b);transition:filter .25s ease}
.news-card-image .news-cover-backdrop,.news-list-image .news-cover-backdrop{inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;object-position:center;padding:0}
.news-card-image .news-cover-foreground,.news-list-image .news-cover-foreground{object-fit:contain;object-position:center;padding:5px}
.news-card-image:hover .news-cover-backdrop,.news-list-card:hover .news-list-image .news-cover-backdrop{filter:blur(13px) brightness(.58) saturate(.92);transform:scale(1.08)}
.news-card-image:hover .news-cover-foreground,.news-list-card:hover .news-list-image .news-cover-foreground{filter:drop-shadow(0 3px 11px #000e) brightness(1.07)}
.news-card-image.is-empty{background:linear-gradient(145deg,#1c2a32,#101a23)}
.world-player-avatar img{right:auto;bottom:auto;width:145%;height:145%;max-width:none;object-fit:cover;object-position:left center}

/* Silkroad player portraits in the public ranking table. */
.rank-table{min-width:640px}
.rank-table tbody tr{height:76px}
.rank-place-badge{display:grid;width:36px;height:36px;place-items:center;border:1px solid #a38b5b66;background:linear-gradient(145deg,#1b2630,#10171d);color:#c4cbd0;font-weight:700;font-variant-numeric:tabular-nums}
.rank-result-row.rank-place-1 .rank-place-badge{border-color:#f1c953;background:linear-gradient(145deg,#5e481a,#17140c);color:#ffda67;box-shadow:0 0 15px #e7b93a28}
.rank-result-row.rank-place-2 .rank-place-badge{border-color:#a9b7c2;background:linear-gradient(145deg,#39434d,#161b20);color:#dce6ed}
.rank-result-row.rank-place-3 .rank-place-badge{border-color:#b87a4b;background:linear-gradient(145deg,#573120,#1c1512);color:#e6a176}
.rank-character-link{display:inline-flex;align-items:center;gap:13px;min-width:190px;color:inherit;text-decoration:none}
.rank-avatar-frame{position:relative;display:block;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border:1px solid #b99b56;border-radius:10px;background:radial-gradient(ellipse at 50% 28%,#33414a,#111820 74%);box-shadow:0 0 0 2px #111820,0 0 0 3px #735e36,0 0 14px #c69d3d20}
.rank-avatar-frame::after{position:absolute;inset:3px;pointer-events:none;content:"";border:1px solid #eed48b66;border-radius:7px}
.rank-avatar-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#f2d77e;font-family:var(--serif);font-size:21px;text-shadow:0 1px 5px #000;transition:opacity .2s ease}
.rank-avatar-frame img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(1.07) contrast(1.04);transition:filter .2s ease,opacity .2s ease}
.rank-avatar-frame.has-static-portrait .rank-avatar-placeholder{opacity:0}
.rank-avatar-frame img.is-static-portrait{opacity:1}
.rank-avatar-frame img.is-static-portrait{left:0;top:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 30%;filter:contrast(1.06) saturate(1.1)}
.rank-character-copy{display:grid;gap:5px;min-width:0}
.rank-character-copy strong{color:#f2d77e;line-height:1.25;overflow-wrap:anywhere}
.rank-character-link:hover .rank-character-copy strong{color:#ffe9a1;text-shadow:0 0 12px #e5b84c55}
.rank-character-copy small,.rank-guild-leader{color:var(--muted);font-size:10px;line-height:1.35}
.rank-guild-cell{display:grid;gap:5px;justify-items:start}
.rank-guild-link{display:inline-flex;align-items:center;gap:11px;color:#f2d77e;text-decoration:none;font-weight:700}
.rank-guild-link:hover{color:#ffe9a1;text-shadow:0 0 12px #e5b84c55}
.rank-guild-crest{display:grid;width:40px;height:40px;place-items:center;border:1px solid #a38b5b;background:linear-gradient(145deg,#473719,#16140e);color:#f3d370;font:600 11px Cinzel,serif;clip-path:polygon(50% 0,93% 21%,88% 76%,50% 100%,12% 76%,7% 21%)}
.rank-guild-leader{color:#c3aa80;text-decoration:none}
.rank-guild-leader:hover{color:#ffe9a1;text-decoration:underline;text-underline-offset:3px}
.rank-score-cell{color:#f1ce65!important;font-weight:700;font-variant-numeric:tabular-nums}
.rank-loading strong{color:#edcf70}
@media(max-width:600px){.rank-character-link{min-width:155px;gap:9px}.rank-avatar-frame{flex-basis:42px;width:42px;height:42px}.rank-table tbody tr{height:68px}}
.news-detail-art{position:relative;display:grid;aspect-ratio:16/9;max-height:650px;place-items:center;isolation:isolate;overflow:hidden;border-top:1px solid #b8945255;border-bottom:1px solid #b8945255;background:radial-gradient(ellipse at center,#26343d 0,#101922 74%)}
.news-detail-backdrop{position:absolute;z-index:0;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;object-position:center;filter:blur(18px) brightness(.45) saturate(.85);transform:scale(1.04)}
.news-detail-image{position:relative;z-index:1;display:block;width:100%;height:100%;max-height:650px;object-fit:contain;object-position:center;padding:8px;filter:drop-shadow(0 5px 16px #000c)}
@media(max-width:700px){.news-list-image{min-height:148px}.news-detail-art{aspect-ratio:4/3}.news-detail-image{padding:5px}}

/* Live account and character inventory. */
.account-page{min-height:70vh;padding:34px 0 64px;background:radial-gradient(ellipse at 50% 0%,#b58a3215,transparent 55%),linear-gradient(180deg,#14212b,#101922)}
.account-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 25px;padding:0 0 18px;border-bottom:1px solid #c19b4d55}
.account-page-heading h1{margin:8px 0 7px;color:#f4dfb5;font:600 clamp(30px,4vw,43px) Cinzel,Georgia,serif}
.account-page-heading p{margin:0;color:#c7ccc8;line-height:1.7}
.account-page-heading p strong{color:#ffe49b}
.account-alert{margin:0 0 18px;padding:12px 15px;border:1px solid #c1a05266;background:#17232a;color:#e5dcc7}
.account-alert.is-error{border-color:#b75a4d;color:#ffd4c5;background:#2a1719}
.account-alert.is-success{border-color:#4b9276;color:#a7efcb;background:#12251f}
.account-wallet{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;border-color:#b8945266;background:linear-gradient(135deg,#1e2d36,#121b23);box-shadow:inset 0 0 0 3px #101922,0 12px 30px #02060955}
.account-wallet>div:first-child{display:flex;align-items:center;gap:13px}
.account-wallet-mark{display:grid;width:43px;height:43px;place-items:center;border:1px solid #d6b35d;background:linear-gradient(145deg,#3d321b,#121b21);color:#ffe38e;font-size:19px;box-shadow:0 0 14px #ddb65329}
.account-wallet small{display:block;color:#e9c971;font-size:9px;font-weight:800;letter-spacing:.15em}
.account-wallet h2,.account-security h2{margin:5px 0 0;color:#f2e1bd;font:600 21px Cinzel,Georgia,serif}
.account-wallet-values{display:flex;gap:24px}
.account-wallet-values>span{min-width:90px;padding-left:15px;border-left:1px solid #d4b55b44}
.account-wallet-values b{display:block;margin-top:5px;color:#ffe191;font:600 21px Cinzel,Georgia,serif}
.account-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.account-section-heading h2{margin:6px 0 0;color:#f2e1bd;font:600 clamp(22px,2.8vw,29px) Cinzel,Georgia,serif}
.account-character-list{display:grid;gap:17px}
.account-character-card{position:relative;isolation:isolate;overflow:hidden;padding:19px;border:1px solid transparent;background:linear-gradient(145deg,#1b2932,#101a23 72%) padding-box,linear-gradient(135deg,#e5c36e,#51401f 38%,#a17b3e 72%,#27333a) border-box;box-shadow:inset 0 0 0 3px #101923,inset 0 0 0 4px #d1ad5430,0 8px 23px #02060a70}
.account-character-card::before{position:absolute;z-index:-1;inset:5px;pointer-events:none;content:"";border:1px solid #dbbd6d2a;background:linear-gradient(#e7c76e,#e7c76e) left top/28px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) left top/1px 20px no-repeat,linear-gradient(#e7c76e,#e7c76e) right top/28px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) right top/1px 20px no-repeat,linear-gradient(#e7c76e,#e7c76e) left bottom/28px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) left bottom/1px 20px no-repeat,linear-gradient(#e7c76e,#e7c76e) right bottom/28px 1px no-repeat,linear-gradient(#e7c76e,#e7c76e) right bottom/1px 20px no-repeat}
.account-character-top{display:flex;align-items:center;gap:13px;padding:0 0 15px;border-bottom:1px solid #c5a35542}
.account-character-level{display:flex;flex:0 0 55px;height:55px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c4a04d;background:linear-gradient(145deg,#3f351e,#151d23);box-shadow:inset 0 0 0 3px #111922}
.account-character-level small{color:#f1d07a;font-size:7px;font-weight:800;letter-spacing:.12em}
.account-character-level strong{color:#ffe7a4;font:600 23px Cinzel,Georgia,serif}
.account-character-title{min-width:0;flex:1}
.account-character-title .overline{font-size:8px;letter-spacing:.18em}
.account-character-title h3{margin:3px 0;color:#f7e9ca;font:600 21px Cinzel,Georgia,serif}
.account-character-title p{margin:0;color:#bfc9c7;font-size:11px}
.account-character-layout{display:grid;grid-template-columns:minmax(250px,38%) minmax(0,1fr);gap:18px;padding-top:16px}
.account-character-model{position:relative;min-height:330px;overflow:hidden;border:1px solid #b8945277;background:radial-gradient(ellipse at 50% 38%,#2a3c47,#111b23 75%);box-shadow:inset 0 0 0 4px #101922}
.account-character-model iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.account-viewer-status{position:absolute;inset:auto 10px 10px;z-index:2;padding:7px 9px;border:1px solid #ad8b4a66;background:#101923cf;color:#e3cc93;font-size:9px;text-align:center;pointer-events:none}
.account-viewer-status[hidden]{display:none}
.account-character-details{display:flex;min-width:0;flex-direction:column}
.account-character-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.account-character-stats>span{min-width:0;padding:10px;border:1px solid #b8945244;background:#101a22}
.account-character-stats small{display:block;margin-bottom:5px;color:#c7b17e;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.account-character-stats b{display:block;overflow:hidden;color:#f2e5c9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.account-equipment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#f0d58d;font:600 14px Cinzel,Georgia,serif}
.account-gear-toggle{padding:6px 9px;border:1px solid #8b774a;background:#14222a;color:#c8d8d2;font-size:9px}
.account-gear-toggle:hover,.account-gear-toggle[aria-pressed=true]{border-color:#e7c56a;color:#ffe9a1}
.account-equipment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-content:start;min-height:96px;padding:8px;border:1px solid #aa884744;background:#101922}
.account-equipment-item{position:relative;display:flex;min-width:0;min-height:62px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid #8f774799;background:linear-gradient(145deg,#25323a,#121b22);color:#e4d5b5;text-align:center}
.account-equipment-item img{width:32px;height:32px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 4px #000)}
.account-equipment-item b{display:-webkit-box;max-width:100%;overflow:hidden;font-size:8px;font-weight:600;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.account-equipment-item>small{position:absolute;top:2px;right:4px;color:#ffdf7e;font-size:8px;font-weight:800;text-shadow:0 1px 3px #000}
.account-equipment-unknown{color:#ffe59d;font-size:18px}
.account-character-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:15px}
.account-character-actions form{margin:0}
.account-character-actions .btn{min-height:35px;padding:8px 11px;font-size:9px}
.account-delete-button{border-color:#9a5949;background:linear-gradient(145deg,#482523,#20191a);color:#ffcec1}
.account-delete-button:hover{border-color:#e18b6f;color:#fff0e7}
.account-delete-pending{padding:7px 10px;border:1px solid #bb9651;background:#2b2418;color:#ffe29b;font-size:9px;font-weight:800}
.account-public-hidden{padding:7px 10px;border:1px solid #668997;background:#14222a;color:#a7c3cd;font-size:9px;font-weight:800}
.account-data-empty{display:flex;align-items:center;gap:16px;padding:22px 24px;border-color:#b8945266;background:linear-gradient(145deg,#1c2a33,#111a22)}
.account-data-empty>span{display:grid;flex:0 0 45px;height:45px;place-items:center;border:1px solid #c5a04d;color:#f5d989;font-size:20px}
.account-data-empty strong{color:#f4e2bd}
.account-data-empty p{max-width:700px;margin:6px 0 0;color:#bfc7c4;font-size:12px;line-height:1.65}
.account-data-empty .btn{margin-top:14px}
.account-characters-section{margin-bottom:32px}
.account-security{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.5fr);gap:26px;align-items:start;margin-top:33px;border-color:#b8945266;background:linear-gradient(145deg,#1b2932,#101a23);box-shadow:inset 0 0 0 3px #101923}
.account-security>div>p{max-width:360px;color:#bbc4c1;font-size:12px;line-height:1.65}
.account-password-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.account-password-form label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#e1cfaa;font-size:10px;font-weight:700}
.account-password-form label:first-child{grid-column:1/-1}
.account-password-form .field{width:100%;min-width:0;min-height:40px;border-color:#9c8350;background:#111b23}
.account-password-form label>small{color:#9ba9a7;font-size:9px;font-weight:400}
.account-password-form button{grid-column:1/-1;justify-self:start;min-height:39px}
.account-bottom-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.account-bottom-actions form{margin:0}
.account-bottom-actions .btn{min-height:36px;padding:8px 12px;font-size:9px}
@media(max-width:800px){.account-character-layout{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}.account-character-model{min-height:300px}.account-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-security{grid-template-columns:1fr;gap:10px}}
@media(max-width:600px){.account-page{padding:24px 0 45px}.account-page-heading{align-items:flex-start;flex-direction:column}.account-wallet{align-items:flex-start;flex-direction:column;padding:17px}.account-wallet-values{width:100%;justify-content:space-between;gap:9px}.account-wallet-values>span{min-width:0;padding-left:9px}.account-wallet-values b{font-size:17px}.account-section-heading{align-items:flex-start;flex-direction:column}.account-character-card{padding:13px}.account-character-layout{grid-template-columns:1fr}.account-character-model{min-height:290px}.account-character-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.account-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-password-form{grid-template-columns:1fr}.account-password-form label:first-child,.account-password-form button{grid-column:auto}.account-data-empty{align-items:flex-start;padding:17px}.account-bottom-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.account-character-card,.account-equipment-item{transition:none}}

/* Account equipment shares the character profile's item artwork and tooltip. */
.account-character-card{overflow:visible;transition:z-index .15s}
.account-character-card:hover,.account-character-card:focus-within{z-index:8}
.account-character-details{position:relative;z-index:2}
.account-character-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.account-equipment-grid{position:relative;z-index:3;overflow:visible}
.account-equipment-item{overflow:visible;z-index:1;cursor:help;transition:transform .15s,border-color .15s,filter .15s}
.account-equipment-item:hover,.account-equipment-item:focus-visible{z-index:60;transform:translateY(-1px);border-color:#e3c66a;filter:brightness(1.13);outline:none}
.account-equipment-item .inventory-tooltip{top:50%;left:calc(100% + 9px);right:auto;transform:translateY(-50%)}
.account-equipment-item:nth-child(5n),.account-equipment-item:nth-child(5n - 1){z-index:1}
.account-equipment-item:nth-child(5n):hover,.account-equipment-item:nth-child(5n):focus-visible,.account-equipment-item:nth-child(5n - 1):hover,.account-equipment-item:nth-child(5n - 1):focus-visible{z-index:60}
.account-equipment-item:nth-child(5n) .inventory-tooltip,.account-equipment-item:nth-child(5n - 1) .inventory-tooltip{left:auto;right:calc(100% + 9px)}
.account-equipment-item:hover .inventory-tooltip,.account-equipment-item:focus-visible .inventory-tooltip{display:block}
.account-equipment-item.rarity-sun{border-color:#e4c44e;box-shadow:inset 0 0 0 1px #e4c44e33,0 0 12px #e4c44e1c}
.account-equipment-item.rarity-moon{border-color:#83c8ee;box-shadow:inset 0 0 0 1px #83c8ee33,0 0 12px #83c8ee1c}
.account-equipment-item.rarity-star{border-color:#d096ef;box-shadow:inset 0 0 0 1px #d096ef33,0 0 12px #d096ef1c}
.account-equipment-item.upgrade-7 b{color:#ffe78c}
.account-equipment-item.upgrade-10 b{color:#ffcc74}
.account-equipment-item.upgrade-14 b{color:#ff9b77}
@media(max-width:800px){.account-character-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-equipment-item:nth-child(4n) .inventory-tooltip,.account-equipment-item:nth-child(4n - 1) .inventory-tooltip{left:auto;right:calc(100% + 9px)}.account-equipment-item:nth-child(4n - 2) .inventory-tooltip,.account-equipment-item:nth-child(4n - 3) .inventory-tooltip{left:calc(100% + 9px);right:auto}}
@media(max-width:600px){.account-character-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-equipment-item .inventory-tooltip{width:min(290px,calc(100vw - 32px));max-height:65vh;overflow:auto}}

/* Static Silkroad character portraits in player and guild lists. */
.site-player-name,.site-player-identity{display:inline-flex;align-items:center;gap:9px;min-width:0}
.site-player-portrait{position:relative;display:inline-flex;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #b99b56;border-radius:8px;background:radial-gradient(ellipse at 50% 28%,#33414a,#111820 74%);box-shadow:0 0 0 2px #111820,0 0 0 3px #735e36}
.site-player-portrait::after{position:absolute;inset:2px;pointer-events:none;content:"";border:1px solid #eed48b66;border-radius:5px}
.site-player-portrait-fallback{color:#f2d77e;font:600 16px Cinzel,Georgia,serif;text-shadow:0 1px 5px #000}
.site-player-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;filter:contrast(1.06) saturate(1.1);transition:opacity .2s ease}
.site-player-portrait.has-portrait img{opacity:1}
.site-player-portrait.has-portrait .site-player-portrait-fallback{opacity:0}
.site-player-name>span:last-child,.site-player-identity b{min-width:0;overflow-wrap:anywhere}
.guild-member-list a,.guild-member-list>span{align-items:center}
.guild-member-list .site-player-identity{gap:9px}
.guild-member-list .site-player-identity,.guild-member-list .site-player-portrait-fallback{padding:0;border:0;background:none}
.guild-member-list .site-player-identity{justify-content:flex-start}
.guild-member-list .site-player-portrait-fallback{display:grid;place-items:center}
.guild-member-list .site-player-portrait{padding:0;background:radial-gradient(ellipse at 50% 28%,#33414a,#111820 74%)}
.guild-member-list .site-player-portrait{flex-basis:38px;width:38px;height:38px}
@media(max-width:600px){.site-player-portrait{flex-basis:32px;width:32px;height:32px}}
.world-player-avatar img.is-character-portrait{left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.account-cache-notice{margin:0 0 18px;border-color:#bb985c;color:#f3dfb4;background:linear-gradient(110deg,#3a2c16c9,#17232edb)}

.account-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}
.btn.account-play-button{min-height:48px;padding:13px 23px;color:#241709;font-weight:900;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 #ffe8a2;background:linear-gradient(180deg,#ffe7a1 0%,#e7bc58 42%,#ad762c 100%);border:1px solid #ffe29a;box-shadow:inset 0 0 0 2px #80551e,0 5px 18px #0009,0 0 13px #e6b54b55}
.btn.account-play-button:hover{filter:brightness(1.12);box-shadow:inset 0 0 0 2px #80551e,0 7px 22px #000b,0 0 20px #ffd15a99}
@media(max-width:600px){.account-page-actions{width:100%;justify-content:flex-start}.account-page-actions .btn{flex:1 1 auto}}
/* Silkroad announcement proclamation carousel */
.home-announcements.announcement-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(225px,270px) minmax(0,1fr);gap:18px;align-items:stretch;padding:12px 14px 12px 16px;margin-bottom:18px;overflow:hidden;background:radial-gradient(ellipse at 22% 0%,#49331b 0%,transparent 42%),linear-gradient(105deg,#211b15 0%,#17212a 38%,#101a23 100%);border:1px solid #c39a52;box-shadow:0 8px 22px #0008,inset 0 0 0 1px #ffe5aa33,inset 0 0 24px #b17a2926}
.home-announcements.announcement-banner::before{position:absolute;z-index:-1;content:"";inset:4px;border:1px solid #dab96c4d;pointer-events:none}
.announcement-brand{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding-right:15px;border-right:1px solid #dbb96d66}
.announcement-emblem{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid #dcb363;border-radius:50%;background:radial-gradient(circle,#58401e 0%,#1c1b18 70%);box-shadow:0 0 0 3px #151b20,0 0 0 4px #94723c,inset 0 0 12px #d6a24b38}
.announcement-emblem svg{width:43px;height:43px;filter:drop-shadow(0 2px 2px #000c)}
.announcement-emblem>span{position:absolute;top:-5px;right:-4px;color:#ffe39a;font-size:13px;text-shadow:0 0 8px #ffcf55}
.announcement-brand-copy{min-width:0}.announcement-brand-copy .updates-kicker{font-size:9px;letter-spacing:.17em;color:#ffd77c}.announcement-brand-copy strong{display:block;margin-top:5px;color:#fff0c8;font:700 15px/1.14 Cinzel,Georgia,serif;text-shadow:0 1px 3px #000}.announcement-brand-copy small{display:block;margin-top:5px;color:#dfd1b5;font-size:10px;line-height:1.3}
.announcement-carousel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
.announcement-viewport{display:flex;align-items:stretch;min-width:0;min-height:79px}
.announcement-slide{box-sizing:border-box;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-width:0;min-height:79px;padding:9px 13px;color:inherit;text-decoration:none;background:linear-gradient(105deg,#202a32dd,#141d25ef 70%);border:1px solid #d0ad6555;box-shadow:inset 0 1px #ffeac022,inset 0 0 18px #c58c3020;animation:announcement-enter .36s ease-out both}
.announcement-slide[hidden]{display:none}
.announcement-slide:hover,.announcement-slide:focus-visible{background:linear-gradient(105deg,#29343c,#18232c);border-color:#f0ca78;box-shadow:inset 0 1px #fff1c044,0 0 13px #e4b64d33;outline:none}
.announcement-slide-seal{display:grid;place-items:center;width:31px;height:31px;color:#ffe294;font-size:17px;border:1px solid #d1a957;border-radius:50%;background:radial-gradient(circle,#5e421b,#151a1c 72%);box-shadow:0 0 0 3px #121920,0 0 0 4px #81653a}
.announcement-slide-copy{display:grid;gap:4px;min-width:0}.announcement-meta{display:flex;align-items:center;gap:7px;color:#f3ca70;font-size:9px;font-weight:800;letter-spacing:.12em}.announcement-meta i{width:3px;height:3px;border-radius:50%;background:#ffe29b}.announcement-slide-copy strong{overflow:hidden;color:#fff0c9;font:700 15px/1.25 Cinzel,Georgia,serif;text-overflow:ellipsis;text-shadow:0 1px 3px #000}.announcement-summary{display:-webkit-box;overflow:hidden;color:#f0e7d6;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.announcement-open{align-self:center;padding:8px 10px;color:#ffdf91;font-size:10px;font-weight:800;white-space:nowrap;border:1px solid #c09a50;background:linear-gradient(180deg,#49351d,#251e17);box-shadow:inset 0 1px #ffefb533}.announcement-open b{padding-left:4px;color:#fff0b3}
.announcement-navigation{display:grid;justify-items:center;gap:9px;min-width:51px}.announcement-count{display:flex;align-items:center;gap:5px;color:#c9b994;font-size:10px;font-variant-numeric:tabular-nums}.announcement-count b{color:#ffe39b;font-size:12px}.announcement-count i{font-style:normal;color:#897753}.announcement-arrows{display:flex;gap:5px}.announcement-arrows button{display:grid;place-items:center;width:28px;height:28px;padding:0;color:#ffdf91;font:700 23px/1 Georgia,serif;border:1px solid #c29a50;background:linear-gradient(180deg,#3c3020,#17202a);box-shadow:inset 0 1px #fff0be33;cursor:pointer}.announcement-arrows button:hover,.announcement-arrows button:focus-visible{color:#fff5d5;border-color:#ffe092;box-shadow:0 0 11px #e7b55255;outline:none}
.announcement-empty{display:flex;align-items:center;gap:13px;min-height:79px;padding:8px 13px;color:#fff0c9;border:1px solid #d0ad6555;background:linear-gradient(105deg,#202a32dd,#141d25ef)}.announcement-empty strong,.announcement-empty small{display:block}.announcement-empty strong{font:700 15px Cinzel,Georgia,serif}.announcement-empty small{margin-top:4px;color:#e4d9c7;font-size:12px}
.announcement-detail .news-detail-copy>.overline{color:#ffd477}
@keyframes announcement-enter{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.home-announcements.announcement-banner{grid-template-columns:minmax(0,1fr);gap:9px;padding:11px 12px}.announcement-brand{grid-template-columns:46px minmax(0,1fr);gap:10px;min-height:0;padding:0 0 9px;border-right:0;border-bottom:1px solid #dbb96d55}.announcement-emblem{width:45px;height:45px}.announcement-emblem svg{width:35px;height:35px}.announcement-brand-copy strong{font-size:14px}.announcement-brand-copy small{margin-top:3px}.announcement-carousel{gap:8px}.announcement-viewport,.announcement-slide{min-height:77px}.announcement-slide{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:8px 10px}.announcement-slide-seal{width:27px;height:27px;font-size:14px}.announcement-open{grid-column:2;justify-self:start;padding:5px 8px;font-size:9px}.announcement-navigation{min-width:45px}.announcement-arrows{gap:4px}.announcement-arrows button{width:26px;height:26px}}
@media(max-width:430px){.announcement-slide-copy strong{font-size:13px}.announcement-summary{font-size:11px}.announcement-meta{font-size:8px}.announcement-open{font-size:8px}.announcement-navigation{min-width:39px}.announcement-count{gap:3px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.announcement-slide{animation:none!important}}
/* Refined silkroad frame and controls for the homepage announcement plaque */
.home-announcements.announcement-banner{padding:13px 17px;margin-bottom:19px;gap:17px;border:1px solid #a9874c;background:radial-gradient(ellipse at 16% 50%,#3a2b1b 0%,transparent 37%),linear-gradient(100deg,#1c1b18 0%,#18232b 42%,#111a22 100%);box-shadow:0 7px 20px #0007,inset 0 1px #fff1c022,inset 0 -1px #0009}
.home-announcements.announcement-banner::before{z-index:0;inset:4px;border:1px solid #c8a45e45;background:linear-gradient(90deg,#d5b36e 0 17px,transparent 17px) left top/22px 1px no-repeat,linear-gradient(#d5b36e 0 17px,transparent 17px) left top/1px 22px no-repeat,linear-gradient(270deg,#d5b36e 0 17px,transparent 17px) right top/22px 1px no-repeat,linear-gradient(#d5b36e 0 17px,transparent 17px) right top/1px 22px no-repeat,linear-gradient(90deg,#d5b36e 0 17px,transparent 17px) left bottom/22px 1px no-repeat,linear-gradient(0deg,#d5b36e 0 17px,transparent 17px) left bottom/1px 22px no-repeat,linear-gradient(270deg,#d5b36e 0 17px,transparent 17px) right bottom/22px 1px no-repeat,linear-gradient(0deg,#d5b36e 0 17px,transparent 17px) right bottom/1px 22px no-repeat;pointer-events:none}
.home-announcements.announcement-banner::after{position:absolute;z-index:2;top:-6px;left:50%;content:"\2726";padding:0 8px;color:#e7c474;font-size:12px;line-height:12px;background:#17212a;text-shadow:0 0 8px #e7bd5c77}
.announcement-brand{position:relative;z-index:1;grid-template-columns:53px minmax(0,1fr);gap:12px;padding-right:17px;border-right:1px solid #b9985b55}
.announcement-emblem{width:51px;height:51px;border:1px solid #9e7c43;background:radial-gradient(circle,#3a3021 0%,#191c1d 72%);box-shadow:0 0 0 2px #171c20,0 0 0 3px #745c36,inset 0 0 10px #d6a24b22}
.announcement-emblem svg{width:39px;height:39px}
.announcement-brand-copy .updates-kicker{color:#e3c276;letter-spacing:.2em}
.announcement-brand-copy strong{color:#f6e5bb;font-size:14px;line-height:1.2;text-shadow:0 1px 2px #000}
.announcement-brand-copy small{color:#c9c0ae;font-size:10px}
.announcement-carousel{position:relative;z-index:1;gap:13px}
.announcement-viewport,.announcement-slide{min-height:76px}
.announcement-slide{grid-template-columns:35px minmax(0,1fr) auto;gap:12px;padding:8px 12px 8px 17px;border:0;border-left:1px solid #b9985b55;background:linear-gradient(90deg,#b38a3b12,transparent 32%);box-shadow:none;transition:background .18s ease,color .18s ease}
.announcement-slide:hover,.announcement-slide:focus-visible{border-color:#d2b46f;background:linear-gradient(90deg,#d0a54a22,transparent 44%);box-shadow:none;transform:translateY(-1px)}
.announcement-slide-seal{width:30px;height:30px;border:1px solid #a9874c;background:radial-gradient(circle,#45361f 0%,#172027 75%);box-shadow:0 0 0 2px #172027,0 0 0 3px #80663a,inset 0 1px #fff1c022}
.announcement-meta{color:#dfbd70;font-size:8px;letter-spacing:.16em}
.announcement-slide-copy strong{color:#f5e5bf;font-size:15px;text-shadow:0 1px 2px #000}
.announcement-summary{color:#ddd7cb;font-size:12px;line-height:1.5}
.announcement-open{padding:8px 12px;color:#f0d38e;font-size:9px;letter-spacing:.04em;border:1px solid #94733d;background:linear-gradient(180deg,#332a1d,#1c1e1e);box-shadow:inset 0 0 0 1px #d7b86535,inset 0 1px #fff0c022,0 2px 5px #0005;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.announcement-slide:hover .announcement-open,.announcement-slide:focus-visible .announcement-open{color:#fff1c3;border-color:#e1c16e;background:linear-gradient(180deg,#6a4e24,#34281a);transform:translateY(-1px)}
.announcement-navigation{min-width:53px;gap:8px}
.announcement-count{gap:4px;color:#ab9d80;font-size:9px;letter-spacing:.08em}
.announcement-count b{color:#edd18e;font-size:12px}
.announcement-arrows{gap:6px}
.announcement-arrows button{position:relative;width:31px;height:31px;border-radius:50%;color:#e8ca83;font-size:21px;border:1px solid #9d7d47;background:radial-gradient(circle at 35% 25%,#514029,#25231f 68%,#171c20);box-shadow:0 0 0 2px #172027,0 0 0 3px #725b35,inset 0 1px #fff2ce33,0 2px 4px #0007;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.announcement-arrows button:hover,.announcement-arrows button:focus-visible{color:#fff0b8;border-color:#e6c574;transform:translateY(-1px);box-shadow:0 0 0 2px #172027,0 0 0 3px #ab8849,0 0 12px #e4b65355,inset 0 1px #fff8df55;outline:none}
.announcement-empty{position:relative;z-index:1;min-height:76px;border:0;border-left:1px solid #b9985b55;background:linear-gradient(90deg,#b38a3b12,transparent 32%)}
.announcement-empty .announcement-slide-seal{flex:0 0 auto}
.announcement-empty strong{color:#f5e5bf;font-size:15px}.announcement-empty small{color:#ddd7cb;font-size:12px}
@media(max-width:700px){.home-announcements.announcement-banner{gap:9px;padding:12px}.announcement-brand{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:0 0 9px;border-right:0;border-bottom:1px solid #b9985b55}.announcement-emblem{width:42px;height:42px}.announcement-emblem svg{width:33px;height:33px}.announcement-brand-copy strong{font-size:13px}.announcement-carousel{gap:8px}.announcement-slide{grid-template-columns:29px minmax(0,1fr);gap:9px;padding:8px 7px 8px 11px;border-left:0;border-top:1px solid #b9985b55;background:linear-gradient(180deg,#b38a3b0d,transparent 55%)}.announcement-slide:hover,.announcement-slide:focus-visible{background:linear-gradient(180deg,#d0a54a18,transparent 65%)}.announcement-slide-seal{width:27px;height:27px}.announcement-open{padding:6px 10px}.announcement-navigation{min-width:45px}.announcement-arrows button{width:29px;height:29px}.announcement-empty{border-left:0;border-top:1px solid #b9985b55}}
@media(max-width:430px){.announcement-slide-copy strong{font-size:12px}.announcement-summary{font-size:10px}.announcement-open{font-size:8px;letter-spacing:0}.announcement-count{font-size:8px}.announcement-navigation{min-width:38px}.announcement-arrows button{width:26px;height:26px;font-size:19px}}
/* Classic Silkroad item frame and beveled in-game button skin */
.home-announcements.announcement-banner::after{content:""}
.announcement-emblem{width:48px;height:48px;border-radius:5px;border:1px solid #c5a75e;background:linear-gradient(145deg,#111719,#05090b);box-shadow:0 0 0 2px #181e21,0 0 0 3px #8e713e,inset 0 1px #f5d98a33}
.announcement-emblem img{display:block;width:41px;height:41px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #000)}
.announcement-slide-seal{width:34px;height:34px;border:0;border-radius:0;background:transparent;box-shadow:none}
.announcement-slide-seal img{display:block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #000)}
.announcement-open{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 11px;color:#21170a;font:700 9px/1.1 Cinzel,Georgia,serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #f0d486;border-radius:0;background:linear-gradient(180deg,#efd17c 0%,#c39543 45%,#8c6029 100%);box-shadow:inset 0 0 0 1px #68481d,inset 0 1px #fff2bcaa,0 2px 5px #0008;transition:filter .16s ease,box-shadow .16s ease}
.announcement-slide:hover .announcement-open,.announcement-slide:focus-visible .announcement-open{color:#171006;border-color:#fff0b5;background:linear-gradient(180deg,#ffe9a0 0%,#e2b95d 48%,#a87932 100%);filter:brightness(1.05);transform:none;box-shadow:inset 0 0 0 1px #75521e,inset 0 1px #fff9d6,0 0 9px #efc55a55}
.announcement-navigation{grid-template-columns:auto auto;justify-items:end;align-items:center;min-width:129px;gap:9px}
.announcement-arrows{display:flex;gap:5px}
.announcement-arrows button{width:auto;min-width:51px;height:26px;padding:3px 7px;border-radius:0;color:#f0d387;font:700 8px/1 Cinzel,Georgia,serif;letter-spacing:.04em;text-transform:uppercase;border:1px solid #c7a45d;background:linear-gradient(180deg,#35414a 0%,#202b32 48%,#11191e 100%);box-shadow:inset 0 0 0 1px #080d10,inset 0 1px #f8dda344,0 2px 4px #0008;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.announcement-arrows button:hover,.announcement-arrows button:focus-visible{color:#fff1bd;border-color:#f1d182;background:linear-gradient(180deg,#66502c 0%,#3a2d1b 48%,#20190f 100%);transform:none;box-shadow:inset 0 0 0 1px #171006,inset 0 1px #fff2c866,0 0 9px #e6bd5a44;outline:none}
.announcement-empty .announcement-slide-seal{flex:0 0 34px}
@media(max-width:700px){.announcement-emblem{width:42px;height:42px}.announcement-emblem img{width:36px;height:36px}.announcement-slide-seal{width:29px;height:29px}.announcement-slide-seal img{width:28px;height:28px}.announcement-open{grid-column:2;justify-self:start;min-height:26px;padding:4px 9px;font-size:8px}.announcement-navigation{grid-template-columns:1fr;justify-items:center;min-width:88px;gap:5px}.announcement-arrows{gap:4px}.announcement-arrows button{min-width:40px;height:24px;padding:3px 5px;font-size:7px}}
@media(max-width:430px){.announcement-navigation{min-width:76px}.announcement-arrows button{min-width:34px;padding:2px 4px;font-size:6px}.announcement-count{font-size:8px}.announcement-open{min-height:24px;padding:4px 7px;font-size:7px}}

/* Status history values and timestamps */
.chart{display:block;padding:12px 14px;overflow:hidden;color:#d7c9a7}
.chart-bars{height:100%;width:100%;display:grid;grid-template-columns:repeat(var(--chart-count),minmax(0,1fr));gap:8px;align-items:stretch}
.chart-bar{min-width:0;display:grid;grid-template-rows:18px minmax(0,1fr) 18px;gap:3px;text-align:center}
.chart-bar-value{align-self:end;color:#f1d589;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.chart-bar-track{display:flex;min-height:0;align-items:flex-end;justify-content:center;border-bottom:1px solid #9e855155;background:linear-gradient(180deg,#0b111733,#0b111777)}
.chart-bar-fill{display:block;width:min(100%,42px);min-height:2px;background:linear-gradient(180deg,#77e1c9,#3d9584 70%,#72504c);box-shadow:0 0 9px #59cdb955}
.chart-bar-time{align-self:start;color:#a99c81;font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:clip;font-variant-numeric:tabular-nums}

/* Character mastery catalogue */
.mastery-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}
.mastery-icon{display:block;width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px #0008)}

/* Centered unique summary with rotating in-game monster art */
.profile-unique-panel{position:relative;isolation:isolate;overflow:hidden;max-width:1060px;margin:24px auto;padding:25px 28px;background:linear-gradient(145deg,#263641f2,#17222cf5 74%);}
.profile-unique-panel::before{content:"";position:absolute;z-index:0;inset:0;background-image:var(--unique-art);background-repeat:no-repeat;background-position:right 9% center;background-size:auto 122%;opacity:.19;filter:saturate(.85);pointer-events:none;transition:opacity .65s ease}
.profile-unique-panel.is-changing-art::before{opacity:0}
.profile-unique-heading,.profile-unique-grid{position:relative;z-index:1}
.profile-unique-heading{justify-content:center;flex-direction:column;align-items:center;text-align:center;gap:9px;margin-bottom:19px}
.profile-unique-heading h2{font-size:24px}
.profile-unique-grid{grid-template-columns:minmax(0,1fr);width:min(100%,820px);margin:0 auto;gap:12px}
.profile-unique-total{align-items:center;text-align:center;min-height:128px;background:#111c25c9;backdrop-filter:blur(2px)}
.profile-unique-feed{background:#111c25df;backdrop-filter:blur(2px)}
.profile-unique-feed>.row{justify-content:center}
.profile-unique-kill{grid-template-columns:28px minmax(0,1fr) minmax(95px,auto);text-align:left}
@media(max-width:680px){.chart{padding:10px 8px}.chart-bars{gap:4px}.chart-bar-value{font-size:9px}.chart-bar-time{font-size:8px}.profile-unique-panel{padding:18px 12px}.profile-unique-panel::before{background-position:center;background-size:auto 90%;opacity:.12}.profile-unique-total{display:flex;grid-template-columns:none}.profile-unique-emblem{grid-row:auto;margin:0 0 4px}.profile-unique-total strong{grid-column:auto;grid-row:auto}.profile-unique-kill{grid-template-columns:26px minmax(0,1fr)}.profile-unique-kill time{grid-column:2;text-align:left}}

/* Silkroad Seal of Star glints travel around the actual item icon frame. */
.inventory-item-art{position:relative;isolation:isolate;display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center}
.account-equipment-art{position:relative;isolation:isolate;display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center}
.account-equipment-art img{width:32px;height:32px}
.inventory-item.rarity-star .inventory-item-art,.account-equipment-item.rarity-star .account-equipment-art{outline:1px solid #d6b04d;outline-offset:1px;box-shadow:0 0 6px #ffc83866;animation:seal-star-icon-halo 1.8s ease-in-out infinite}
.inventory-item.rarity-star .inventory-item-art::before,.inventory-item.rarity-star .inventory-item-art::after,.account-equipment-item.rarity-star .account-equipment-art::before,.account-equipment-item.rarity-star .account-equipment-art::after{content:"\2726";position:absolute;z-index:5;top:-4px;left:-4px;display:grid;width:9px;height:9px;place-items:center;color:#fff6b4;font:700 10px/1 Georgia,serif;text-shadow:0 0 3px #fff8c3,0 0 8px #ffdc59,0 0 14px #ff9c30;pointer-events:none;animation:seal-icon-star-flight 2.8s linear infinite}
.inventory-item.rarity-star .inventory-item-art::after,.account-equipment-item.rarity-star .account-equipment-art::after{font-size:8px;animation-delay:-1.4s;animation-duration:2.8s}
.inventory-item.rarity-star{border-color:#e7c65c;color:#ffe7a1;animation:item-sun-aura 2.2s ease-in-out infinite}
.account-equipment-item.rarity-star{border-color:#e7c65c;box-shadow:inset 0 0 0 1px #e7c65c33,0 0 12px #e4bc4d33}
.inventory-item.upgrade-7:not(.rarity-star),.account-equipment-item.upgrade-7:not(.rarity-star){border-color:#e6c766;box-shadow:inset 0 0 0 1px #ffe78c40,0 0 11px #f0cf6c44}
.inventory-item.upgrade-7:not(.rarity-star)::after,.account-equipment-item.upgrade-7:not(.rarity-star)::after{content:"\2726";position:absolute;z-index:6;top:-5px;left:-5px;display:grid;place-items:center;width:11px;height:11px;color:#fff5b0;font:700 11px/1 Georgia,serif;text-shadow:0 0 3px #fff4b0,0 0 8px #ffd84a,0 0 14px #ff9f2e;pointer-events:none;animation:item-star-trail 3.1s linear infinite}
.inventory-tooltip.rarity-star .inventory-tooltip-quality{position:relative;isolation:isolate;display:inline-flex;width:max-content;max-width:100%;margin:9px 0 7px;padding:5px 13px 5px 8px;border:1px solid #d6b85d;background:linear-gradient(110deg,#332b17dd,#191b20e8);box-shadow:inset 0 0 0 1px #ffe9a122,0 0 10px #edcc6555;color:#ffe68b}
.inventory-tooltip.rarity-star .inventory-tooltip-quality::before{content:"";position:absolute;z-index:-1;inset:-3px;border:1px solid #f3d77855;box-shadow:0 0 8px #f1ca5b44;pointer-events:none;animation:seal-star-halo 1.8s ease-in-out infinite}
.inventory-tooltip.rarity-star .inventory-tooltip-quality::after{content:"\2726";position:absolute;z-index:2;top:-7px;left:-6px;color:#fff6bd;font:700 12px/1 Georgia,serif;text-shadow:0 0 4px #fff3aa,0 0 9px #ffd94e,0 0 16px #f7962b;pointer-events:none;animation:seal-star-trail 2.8s linear infinite}
@keyframes item-star-trail{0%{top:-5px;left:-5px;opacity:0;transform:scale(.55) rotate(0)}8%{opacity:1}25%{top:-5px;left:calc(100% - 6px);opacity:1;transform:scale(1) rotate(90deg)}50%{top:calc(100% - 6px);left:calc(100% - 6px);opacity:.95;transform:scale(.8) rotate(180deg)}75%{top:calc(100% - 6px);left:-5px;opacity:1;transform:scale(1.05) rotate(270deg)}94%{top:-5px;left:-5px;opacity:.9;transform:scale(.75) rotate(340deg)}100%{top:-5px;left:-5px;opacity:0;transform:scale(.55) rotate(360deg)}}
@keyframes seal-star-trail{0%{top:-7px;left:-6px;opacity:0;transform:scale(.55) rotate(0)}8%{opacity:1}25%{top:-7px;left:calc(100% - 5px);opacity:1;transform:scale(1) rotate(90deg)}50%{top:calc(100% - 5px);left:calc(100% - 5px);opacity:1;transform:scale(.8) rotate(180deg)}75%{top:calc(100% - 5px);left:-6px;opacity:1;transform:scale(1.05) rotate(270deg)}94%{top:-7px;left:-6px;opacity:.9;transform:scale(.75) rotate(340deg)}100%{top:-7px;left:-6px;opacity:0;transform:scale(.55) rotate(360deg)}}
@keyframes seal-star-halo{0%,100%{opacity:.28;box-shadow:0 0 4px #f1ca5b33}50%{opacity:.8;box-shadow:0 0 11px #f1ca5b88}}
@keyframes seal-icon-star-flight{0%{top:-4px;left:-4px;opacity:0;transform:scale(.55) rotate(0)}8%{opacity:1}25%{top:-4px;left:calc(100% - 5px);opacity:1;transform:scale(1) rotate(90deg)}50%{top:calc(100% - 5px);left:calc(100% - 5px);opacity:.95;transform:scale(.82) rotate(180deg)}75%{top:calc(100% - 5px);left:-4px;opacity:1;transform:scale(1.05) rotate(270deg)}94%{top:-4px;left:-4px;opacity:.9;transform:scale(.75) rotate(340deg)}100%{top:-4px;left:-4px;opacity:0;transform:scale(.55) rotate(360deg)}}
@keyframes seal-star-icon-halo{0%,100%{box-shadow:0 0 4px #e6bd4b44}50%{box-shadow:0 0 11px #ffdc6c99}}
@media(prefers-reduced-motion:reduce){.inventory-item.upgrade-7::after,.account-equipment-item.upgrade-7::after,.inventory-item.rarity-star .inventory-item-art,.account-equipment-item.rarity-star .account-equipment-art,.inventory-item.rarity-star .inventory-item-art::before,.inventory-item.rarity-star .inventory-item-art::after,.account-equipment-item.rarity-star .account-equipment-art::before,.account-equipment-item.rarity-star .account-equipment-art::after,.inventory-tooltip.rarity-star .inventory-tooltip-quality::before,.inventory-tooltip.rarity-star .inventory-tooltip-quality::after{animation:none}}


/* Complete game item catalogue and item detail pages */
.database-sections .linkcard{width:100%;text-align:left;color:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.database-sections .linkcard.is-active{border-color:var(--teal);background:linear-gradient(135deg,#14302e,#172126);box-shadow:inset 0 0 0 1px #51cfb922}
.database-sections .linkcard:hover{transform:translateY(-2px)}
.database-browser{margin-top:24px;padding:24px}
.db-browser-heading{align-items:flex-start;margin-bottom:18px}
.db-browser-heading h2{font:600 25px Cinzel,serif;margin:5px 0 6px;color:var(--cream)}
.db-browser-heading p{margin:0;color:var(--muted);line-height:1.65}
.db-search{margin-bottom:18px}
.db-category-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 12px;margin:0 0 14px;border-bottom:1px solid var(--border);scrollbar-color:#735047 #160f12;scrollbar-width:thin}
.db-category-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;background:#160f12;border:1px solid #65443d80;color:#d8c2b2;font-size:11px;white-space:nowrap}
.db-category-tabs button span{color:#9e8277;font-size:10px}
.db-category-tabs button:hover,.db-category-tabs button.active{background:#17302e;border-color:var(--teal);color:#a7f1e3}
.db-category-tabs button.active span{color:#d2fff5}
.db-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin:0 0 16px}
.db-filters label{display:grid;gap:5px;min-width:0}
.db-filters label>span{color:#bd9e8f;font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.db-filters .field{min-width:0;width:100%;flex:none;padding:10px 11px}
.db-reset{min-height:41px;padding:9px 13px;white-space:nowrap}
.db-result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;color:var(--muted);font-size:11px}
.db-result-bar span:first-child{font-weight:700;color:#e6d5c5}
.db-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.db-item-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 14px;gap:11px;align-items:center;min-width:0;min-height:82px;padding:9px;background:linear-gradient(135deg,#26181b,#171013);border:1px solid #76504466;color:var(--cream);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.db-item-card:hover{border-color:var(--teal);background:linear-gradient(135deg,#20302f,#17191a);transform:translateY(-1px)}
.db-item-card-icon{display:grid;place-items:center;width:58px;height:58px;background:#0d0b0c;border:1px solid #8b695066}
.db-item-card .db-result-image{width:52px;height:52px;padding:3px;border:0;background:transparent;object-fit:contain}
.db-item-card-copy{display:grid;gap:4px;min-width:0}
.db-item-card-copy strong{overflow:hidden;font:600 13px/1.3 Cinzel,serif;color:#f2dfc8;text-overflow:ellipsis;white-space:nowrap}
.db-item-card-copy small{overflow:hidden;color:#b49d96;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.db-item-card-meta{display:flex;gap:5px;flex-wrap:wrap}
.db-item-card-meta em{padding:2px 5px;border:1px solid #75524877;color:#d3b69f;font-size:9px;font-style:normal}
.db-item-card-arrow{color:var(--teal);font-size:22px;text-align:center}
.db-item-card.rarity-star{border-color:#98d9c566;box-shadow:inset 0 0 0 1px #74d7c51b}
.db-item-card.rarity-moon{border-color:#7d9bd277;box-shadow:inset 0 0 0 1px #7aa8ef22}
.db-item-card.rarity-sun{border-color:#d7ad4d99;box-shadow:inset 0 0 0 1px #dfbb5940,0 0 12px #d19c3b22}
.db-pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 2px}
.db-pagination button{min-width:36px;min-height:35px;padding:6px 10px;background:#160f12;border:1px solid #65443d80;color:#d8c2b2;font-size:11px}
.db-pagination button:hover:not(:disabled),.db-pagination button.active{background:#17302e;border-color:var(--teal);color:#c8fff3}
.db-pagination button:disabled{opacity:.4}
.db-page-gap{padding:0 3px;color:var(--muted)}
.db-other-results .db-result{grid-template-columns:76px minmax(0,1fr)}
.db-back{margin:0 0 17px}
.db-detail-shell{padding:25px}
.db-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.db-detail-heading h2,.db-detail-heading h3{margin:5px 0 0;color:var(--cream);font:600 24px Cinzel,serif}
.db-detail-heading h3{font-size:20px}
.db-item-status{padding:7px 10px;border:1px solid #617c6a;background:#17241d;color:#8ce2a3;font-size:10px;letter-spacing:.5px;text-transform:uppercase}
.db-item-status.unverified{border-color:#84704e;background:#282016;color:#eac67c}
.db-item-status.missing{border-color:#78504c;background:#271516;color:#e69b93}
.db-detail-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:22px;align-items:start}
.db-item-identity{display:grid;gap:12px;min-width:0}
.db-item-icon-frame{display:grid;place-items:center;width:112px;height:112px;padding:8px;background:#0b090a;border:1px solid #a2835680;box-shadow:inset 0 0 0 3px #171013,inset 0 0 0 4px #a2835633}
.db-item-icon-frame img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.db-item-icon-frame>span{color:#9c897b;font:32px Cinzel,serif}
.db-item-icon-frame.rarity-star{border-color:#62cab4;box-shadow:0 0 14px #43d0b466,inset 0 0 0 3px #171013,inset 0 0 0 4px #a2835633}
.db-item-icon-frame.rarity-moon{border-color:#8fb8ff;box-shadow:0 0 14px #729cf077,inset 0 0 0 3px #171013,inset 0 0 0 4px #a2835633}
.db-item-icon-frame.rarity-sun{border-color:#f0c45b;box-shadow:0 0 16px #e6a92799,inset 0 0 0 3px #171013,inset 0 0 0 4px #a2835633}
.db-item-tooltip{min-height:100px;padding:13px;background:#08090b;border:1px solid #69564c;color:#f2dfc8;box-shadow:0 10px 25px #0005}
.db-item-tooltip div{min-height:14px;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.db-item-tooltip .lead{margin-bottom:6px;font-size:13px;font-weight:800}
.db-item-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border)}
.db-item-facts>div{display:flex;justify-content:space-between;gap:12px;min-width:0;padding:12px 3px;border-bottom:1px solid var(--border)}
.db-item-facts>div.wide{grid-column:1/-1}
.db-item-facts span{color:#c1a594;font-size:12px}
.db-item-facts strong{color:#f0dfcd;font:600 13px Cinzel,serif;text-align:right;overflow-wrap:anywhere}
.db-dropped-by{margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}
.db-dropped-by .db-detail-heading{margin-bottom:12px}
.db-drop-table{min-width:650px}
.db-drop-table th,.db-drop-table td{padding:11px 12px}
.db-drop-empty{padding:14px;background:#160f12;border-left:2px solid #ad8d58;color:var(--muted);line-height:1.65}
.db-drop-extra{margin-top:12px;padding:11px 13px;background:#160f12;border:1px solid #65443d80}
.db-drop-extra summary{color:var(--teal);cursor:pointer;font-size:12px}
.db-drop-extra p{margin:9px 0 0;color:#d3bbb1;font-size:11px;line-height:1.6}
.db-item-missing{margin-top:15px}
@media(max-width:950px){.db-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.db-reset{width:100%}}
@media(max-width:620px){.database-browser{padding:15px}.db-browser-heading{align-items:flex-start}.db-browser-heading .pill{display:none}.db-catalog-grid{grid-template-columns:1fr}.db-item-card{min-height:75px}.db-detail-shell{padding:15px}.db-detail-grid{grid-template-columns:1fr}.db-item-identity{grid-template-columns:84px minmax(0,1fr);align-items:start}.db-item-icon-frame{width:84px;height:84px}.db-item-tooltip{max-height:220px;overflow:auto;padding:9px}.db-item-tooltip div{font-size:10px}.db-item-facts{grid-template-columns:1fr}.db-item-facts>div.wide{grid-column:auto}.db-item-facts>div{padding:10px 2px}.db-item-facts strong{max-width:58%}.db-detail-heading h2{font-size:20px}.db-result-bar span:last-child{display:none}}

/* OpenSRO-inspired catalogue: parchment filters, degree groups and framed game icons. */
.database-page .database-sections{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.database-page .database-sections .linkcard{min-height:94px;padding:13px 14px;background:linear-gradient(145deg,#1b2a34,#131e27);border:1px solid #8b744d77;box-shadow:inset 0 0 0 1px #d9bc7510}
.database-page .database-sections .linkcard>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #aa8a51;background:linear-gradient(145deg,#49381e,#17191a);color:#f3d88e;font:700 15px Cinzel,serif}
.database-page .database-sections .linkcard strong{margin-top:8px;color:#f2dfb4;font:600 14px Cinzel,serif}
.database-page .database-sections .linkcard small{color:#bfc0b6;font-size:10px;line-height:1.45}
.database-page .database-sections .linkcard.is-active{border-color:#e4c579;background:linear-gradient(145deg,#29333a,#18252b);box-shadow:inset 0 0 0 1px #e5c77a33,0 4px 15px #0003}
.database-page .database-sections .linkcard:hover{border-color:#edce7c;transform:translateY(-2px)}
.database-page .database-browser{padding:25px;background:radial-gradient(ellipse at 17% 8%,#fff8dc77,transparent 44%),radial-gradient(ellipse at 86% 90%,#c7a86424,transparent 45%),repeating-linear-gradient(0deg,#faf1d20a 0 1px,transparent 1px 4px),linear-gradient(135deg,#eee2ba,#f7efcf 48%,#e8d8aa);border:1px solid #9a7d46;box-shadow:inset 0 0 0 3px #fff1ce,inset 0 0 0 4px #8f733d88,0 12px 35px #0005;color:#2e2619}
.database-page .db-browser-heading{align-items:center;padding-bottom:17px;border-bottom:1px solid #8c75464d}
.database-page .db-browser-heading .overline{color:#755b2a}
.database-page .db-browser-heading h2{color:#312718;text-shadow:0 1px #fff8da}
.database-page .db-browser-heading p{color:#65583d}
.database-page #dbSource{border-color:#967a43;background:#f4e7bf;color:#4c3a1d}
.database-page .db-search{gap:9px}
.database-page .db-search .field{min-height:42px;border:1px solid #a38a53;background:#fff8e6;color:#322816;box-shadow:inset 0 1px 3px #57442425}
.database-page .db-search .field::placeholder{color:#827455}
.database-page .db-search .btn.primary{border-color:#80662d;background:linear-gradient(#e4c778,#b58c37);color:#251b0e;text-shadow:0 1px #f8e8b2;box-shadow:inset 0 1px #fff5ce,0 2px 5px #503a171e}
.database-page .db-category-tabs{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding:13px 0;margin:0;border-top:1px solid #8c754633;border-bottom:1px solid #8c754633;scrollbar-width:none}
.database-page .db-category-tabs button{gap:7px;padding:7px 11px;border:1px solid #aa8c4d;border-radius:18px;background:linear-gradient(#fff7dc,#e9d9a9);color:#514020;font:600 11px Georgia,serif;box-shadow:inset 0 1px #fff9dc}
.database-page .db-category-tabs button span{color:#856a32;font-size:10px}
.database-page .db-category-tabs button:hover,.database-page .db-category-tabs button.active{border-color:#543e18;background:linear-gradient(#3a2b14,#21190e);color:#f5df9d;box-shadow:inset 0 0 0 1px #d3ad5a66,0 2px 5px #5a441733}
.database-page .db-category-tabs button.active span{color:#e9ca76}
.database-page .db-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center;margin:0 0 14px;padding:2px 0 11px;border-bottom:1px solid #8c75464d}
.database-page .db-filter-chips{display:grid;grid-column:1/-1;gap:0}
.database-page .db-filter-placeholder{display:flex;gap:5px;flex-wrap:wrap;padding:8px 0}
.database-page .db-filter-placeholder span{width:62px;height:24px;border:1px solid #aa8d5077;border-radius:14px;background:linear-gradient(100deg,#e9d9aa 20%,#fff5d5 42%,#e9d9aa 64%);background-size:220% 100%;animation:db-skeleton-shimmer 1.5s ease-in-out infinite}
.database-page .db-filter-group{display:grid;grid-template-columns:87px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid #91784732}
.database-page .db-filter-group h3,.database-page .db-filter-group>summary{margin:0;padding:5px 0;color:#715a2d;font:500 10px Georgia,serif;letter-spacing:.6px;text-transform:uppercase}
.database-page .db-filter-group>summary{grid-column:1;display:flex;gap:5px;align-items:center;cursor:pointer}
.database-page .db-filter-group>summary span{display:none}
.database-page .db-filter-options{grid-column:2;display:flex;flex-wrap:wrap;gap:5px}
.database-page .db-filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:3px 9px;border:1px solid #aa8d50;border-radius:14px;background:linear-gradient(#fff8e0,#ecddb2);color:#4c3c1f;font:11px Georgia,serif;white-space:nowrap;box-shadow:inset 0 1px #fff9e5}
.database-page .db-filter-chip small{color:#80672f;font:10px Georgia,serif}
.database-page .db-filter-chip:hover,.database-page .db-filter-chip.active{border-color:#4b3818;background:linear-gradient(#493614,#271d0d);color:#ffebaa;box-shadow:inset 0 0 0 1px #d4b35d55}
.database-page .db-filter-chip.active small{color:#e6c776}
.database-page .db-filter-type[open]>.db-filter-options{max-height:118px;overflow:auto;padding-right:4px;scrollbar-color:#a2874e #e7d8ae;scrollbar-width:thin}
.database-page .db-reset{justify-self:end;min-height:31px;padding:5px 10px;border:1px solid #9c8049;background:linear-gradient(#fff5d3,#dfcb91);color:#53401e;font-size:10px;white-space:nowrap}
.database-page .db-result-bar{color:#756543}
.database-page .db-result-bar span:first-child{color:#382b16}
.database-page .db-catalog-grid{display:block}
.database-page .db-degree-section{margin:0 0 18px}
.database-page .db-degree-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:6px 0 8px;border-bottom:1px solid #8b734733}
.database-page .db-degree-heading>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.database-page .db-degree-heading h3{margin:0;color:#3d2f19;font:600 16px Cinzel,Georgia,serif;text-transform:uppercase}
.database-page .db-degree-heading span{color:#786541;font:11px Georgia,serif}
.database-page .db-degree-heading button{border:0;background:none;color:#725a26;font:11px Georgia,serif;text-transform:uppercase;cursor:pointer}
.database-page .db-degree-heading button:hover{color:#261b0b;text-decoration:underline;text-underline-offset:3px}
.database-page .db-degree-heading button b{color:#a57d28;font-size:16px}
.database-page .db-degree-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:7px}
.database-page .db-item-card{grid-template-columns:46px minmax(0,1fr);gap:8px;min-height:57px;padding:5px;background:linear-gradient(135deg,#fff7dd,#e9d9aa);border:1px solid #b49a5e;color:#302718;box-shadow:inset 0 0 0 1px #fff9df,0 1px 2px #674e1a1a}
.database-page .db-item-card:hover{border-color:#775b24;background:linear-gradient(135deg,#fffbe9,#f0e2b7);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff9df,0 3px 8px #674e1a2a}
.database-page .db-item-card-icon{position:relative;width:42px;height:42px;border:2px solid #807044;background:linear-gradient(145deg,#101923,#1c2932);box-shadow:inset 0 0 0 2px #071018,inset 0 0 0 3px #b99a53}
.database-page .db-item-card .db-result-image{width:34px;height:34px;padding:0;border:0;background:transparent;object-fit:contain;image-rendering:auto}
.database-page .db-item-card-copy{gap:2px}
.database-page .db-item-card-copy strong{color:#302718;font:600 13px/1.15 Georgia,serif}
.database-page .db-item-card-copy small{color:#766443;font:10px/1.2 Georgia,serif}
.database-page .db-item-card-meta{gap:3px}
.database-page .db-item-card-meta em{padding:1px 4px;border-color:#a7915b66;color:#755d2e;font:9px Georgia,serif}
.database-page .db-item-card-arrow{display:none}
.database-page .db-item-card.rarity-star{border-color:#bd9846;box-shadow:inset 0 0 0 1px #d5b55a66,0 0 6px #d2a84233}
.database-page .db-item-card.rarity-moon{border-color:#8199b4;box-shadow:inset 0 0 0 1px #8aabcf66,0 0 6px #6787ad33}
.database-page .db-item-card.rarity-sun{border-color:#c38c29;box-shadow:inset 0 0 0 1px #dbb65088,0 0 8px #cb9a3733}
.database-page .database-sections{grid-template-columns:repeat(4,minmax(0,1fr))}
.database-page .db-catalog-entry{display:grid;gap:5px;min-width:0;align-content:start}
.database-page .db-filters[hidden]{display:none}
.database-page .db-catalog-card{grid-template-columns:46px minmax(0,1fr);align-items:center;min-height:67px}
.database-page .db-catalog-card .db-item-card-icon{overflow:hidden}
.database-page .db-catalog-card .db-result-image{width:34px;height:34px;object-fit:contain}
.database-page .db-catalog-card .db-result-image.portrait{width:100%;height:100%;object-fit:cover;object-position:center 24%;}
.database-page .db-catalog-fallback{display:grid;place-items:center;width:34px;height:34px;color:#efd68f;font:700 21px Cinzel,Georgia,serif;text-shadow:0 1px #171013}
.database-page .db-catalog-more{min-width:0;padding:0 8px;border:1px solid #b49a5e;background:linear-gradient(135deg,#fff7dd,#e9d9aa);color:#4b3b20}
.database-page .db-catalog-more>summary{padding:6px 0;color:#765922;font:600 10px Georgia,serif;cursor:pointer;list-style-position:inside}
.database-page .db-catalog-more[open]{padding:0 8px 8px}
.database-page .db-catalog-more[open]>summary{border-bottom:1px solid #a68a4b55}
.database-page .db-catalog-more p{margin:7px 0 0;color:#4d402a;font-size:10px;line-height:1.5}
.database-page .db-catalog-more h4{margin:8px 0 4px;color:#59431d;font:600 11px Georgia,serif}
.database-page .db-catalog-more .db-tooltip{display:grid;gap:2px;padding:8px;background:#151a1d;color:#e9d9aa}
.database-page .db-catalog-more .drop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.database-page .db-catalog-more .drop-list>div{display:flex;align-items:center;gap:5px;min-width:0;padding:4px;border:1px solid #a68a4b44;background:#f8edca;color:#514125;font-size:9px}
.database-page .db-catalog-more .drop-list .db-result-image{flex:0 0 25px;width:25px;height:25px;object-fit:contain}
.database-page .db-drop-group{min-width:0;margin:6px 0 0;padding:0 7px;border:1px solid #b49a5e88;background:linear-gradient(135deg,#fff4d5,#f2e4bd);color:#4b3b20}
.database-page .db-drop-group>summary{padding:6px 0;color:#765922;font:600 10px Georgia,serif;cursor:pointer;list-style-position:inside}
.database-page .db-drop-group>summary span{color:#8a744a;font-weight:400}
.database-page .db-drop-group[open]{padding-bottom:7px}
.database-page .db-drop-group[open]>summary{border-bottom:1px solid #a68a4b55}
.database-page .db-drop-group .drop-list{margin-top:6px}
.database-page .db-drop-group .drop-list>div{background:#f8edca}
.database-page .db-catalog-more .drop-list span{min-width:0;overflow-wrap:anywhere}
.db-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:7px}
.db-skeleton-grid span{height:57px;border:1px solid #b59b6077;background:linear-gradient(100deg,#e6d6a7 20%,#fff6d8 42%,#e6d6a7 64%);background-size:220% 100%;animation:db-skeleton-shimmer 1.5s ease-in-out infinite}
@keyframes db-skeleton-shimmer{to{background-position-x:-220%}}
.database-page .db-pagination{margin-top:18px}
.database-page .db-pagination button{border-color:#ab8d4e;background:linear-gradient(#fff6d9,#e7d6a5);color:#4d3b1d}
.database-page .db-pagination button:hover:not(:disabled),.database-page .db-pagination button.active{border-color:#59421b;background:linear-gradient(#493614,#271d0d);color:#f5dd91}
.database-page .db-pagination button:disabled{opacity:.45}
@media(max-width:1050px){.database-page .database-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.database-page .db-degree-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.database-page .database-sections{grid-template-columns:1fr 1fr}.database-page .database-sections .linkcard{min-height:82px;padding:10px}.database-page .database-sections .linkcard small{font-size:9px}.database-page .database-browser{padding:15px}.database-page .db-filter-group{grid-template-columns:68px minmax(0,1fr);gap:6px}.database-page .db-filter-chip{gap:4px;padding:3px 7px;font-size:10px}.database-page .db-filter-chip small{font-size:9px}.database-page .db-degree-items,.db-skeleton-grid{grid-template-columns:1fr}.database-page .db-degree-heading h3{font-size:14px}.database-page .db-item-card{min-height:56px}.database-page .db-item-card-copy strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.db-skeleton-grid span,.db-filter-placeholder span{animation:none}}

/* Daily Unique hunt banners and lifetime hunter ranking. */
.unique-rank-panels{align-items:start}
.unique-rank-panels>.panel{min-width:0;padding:20px}
.unique-rank-panels .row{align-items:center;gap:12px}
.unique-rank-panels .row h3{margin:5px 0 0;font:600 18px Cinzel,Georgia,serif;color:#f0e2bf}
.unique-rank-panels .row .overline{font-size:9px;letter-spacing:2px;color:#d6b75d}
.unique-daily-feed,.unique-killer-ranking{display:grid;gap:8px;margin-top:16px}
.unique-kill-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(142px,auto);align-items:center;gap:12px;min-height:142px;overflow:hidden;padding:9px 12px;border:1px solid #9f814c88;background:linear-gradient(110deg,#17222a,#111820 75%);box-shadow:inset 0 0 0 2px #0d1319}
.unique-kill-banner::before{position:absolute;z-index:-2;inset:-12px;content:"";background-image:var(--unique-event-art);background-repeat:no-repeat;background-size:cover;background-position:center;filter:blur(14px) brightness(.68);opacity:.95}
.unique-kill-banner::after{position:absolute;z-index:-1;inset:0;content:"";background-image:linear-gradient(90deg,#101820b8 0%,#10182072 44%,#10182018 72%,#10182048 100%),var(--unique-event-art);background-repeat:no-repeat;background-size:100% 100%,cover;background-position:center,72% center;opacity:.95;pointer-events:none}
.unique-kill-banner-art{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid #d0b76e;background:#0b1015;box-shadow:0 0 0 2px #0d1319,0 0 12px #dbb95129}
.unique-kill-banner-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.unique-kill-banner-copy{display:grid;gap:3px;min-width:0}
.unique-kill-banner-copy>small,.unique-kill-player-copy>small:first-child{color:#dfc375;font-size:8px;font-weight:700;letter-spacing:1.2px}
.unique-kill-banner-copy>strong{color:#f4e4be;font:600 15px Cinzel,Georgia,serif;overflow-wrap:anywhere}
.unique-kill-banner-copy time{color:#c7c5b5;font-size:10px}
.unique-kill-player{position:relative;z-index:1;display:flex;align-items:center;gap:9px;justify-self:end;min-width:154px;max-width:100%;padding:7px 9px;border:1px solid #c9ab62;outline:1px solid #070c11;background:linear-gradient(135deg,#070c11f5,#18232bf5);box-shadow:inset 0 0 0 2px #26333a,0 3px 12px #000b;backdrop-filter:blur(6px);color:inherit;text-decoration:none}
.unique-kill-player:hover .unique-kill-player-copy>strong,.unique-killer-player:hover strong,.guild-leader-profile-link:hover{color:#ffe18b;text-decoration:underline;text-underline-offset:3px}
.unique-kill-player-portrait{display:flex;flex:0 0 auto}
.unique-kill-player-copy{display:grid;gap:2px;min-width:0}
.unique-kill-player-copy>strong{overflow:hidden;color:#f3ead7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.unique-kill-player-copy>small:last-child{overflow:hidden;color:#b6b19e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.unique-killer-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #92784e55;background:linear-gradient(110deg,#1a2730,#121a21)}
.unique-killer-place{display:grid;width:27px;height:27px;place-items:center;border:1px solid #967c49;color:#f0d581;background:#171b1b;font:600 12px Cinzel,Georgia,serif}
.unique-killer-row:nth-child(1) .unique-killer-place{border-color:#e9c653;color:#fff0a0;background:#4d3c18}
.unique-killer-row:nth-child(2) .unique-killer-place{border-color:#b9c3c4;color:#eff3e9;background:#34404a}
.unique-killer-row:nth-child(3) .unique-killer-place{border-color:#bb8060;color:#f4c7a7;background:#432b22}
.unique-killer-player{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.unique-killer-player>span:last-child{display:grid;gap:3px;min-width:0}
.unique-killer-player strong{overflow:hidden;color:#f0e6cf;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.unique-killer-player small{overflow:hidden;color:#b3aa95;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.unique-killer-count{display:grid;justify-items:end;color:#f1d074;font:600 16px Cinzel,Georgia,serif}
.unique-killer-count small{margin-top:2px;color:#b7a879;font:700 8px Arial,sans-serif;letter-spacing:1px}
.guild-leader-profile-link{color:inherit;text-decoration:none}
.unique-kill-feed .unique-kill-banner{min-height:142px}
@media(max-width:900px){.unique-kill-banner{grid-template-columns:55px minmax(0,1fr);gap:10px}.unique-kill-banner-art{width:50px;height:50px}.unique-kill-player{grid-column:2;justify-self:start;padding:7px 9px}.unique-kill-feed .unique-last-killer{grid-column:2;justify-self:start}.unique-kill-banner::after{background-position:center,right 35px center}}
@media(max-width:600px){.unique-rank-panels>.panel{padding:15px 12px}.unique-rank-panels .row{align-items:flex-start;flex-direction:column}.unique-rank-panels .row h3{font-size:16px}.unique-kill-banner{grid-template-columns:48px minmax(0,1fr);min-height:160px;padding:8px}.unique-kill-banner-art{width:44px;height:44px}.unique-kill-banner-copy>strong{font-size:13px}.unique-kill-banner::after{background-size:100% 100%,cover;background-position:center,72% center}.unique-kill-feed .unique-kill-banner{min-height:160px}.unique-killer-row{grid-template-columns:27px minmax(0,1fr) auto;gap:7px;padding:8px 7px}}
.unique-history-panel{padding:22px}
.unique-kill-feed{display:grid;gap:9px;margin-top:15px}
.unique-card-copy{min-width:0}
.unique-card-copy .row{align-items:center}
.unique-last-killer{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:10px;color:inherit;text-decoration:none}
.unique-kill-feed .unique-last-killer{position:relative;z-index:1;grid-column:3;justify-self:end;display:flex;align-items:center;gap:9px;min-width:154px;max-width:100%;margin:0;padding:7px 9px;border:1px solid #c9ab62;outline:1px solid #070c11;background:linear-gradient(135deg,#070c11f5,#18232bf5);box-shadow:inset 0 0 0 2px #26333a,0 3px 12px #000b;backdrop-filter:blur(6px);text-decoration:none}
.unique-last-killer .site-player-portrait{flex-basis:35px;width:35px;height:35px}
.unique-last-killer .unique-kill-player-copy{display:grid;gap:2px;min-width:0}
.unique-last-killer .unique-kill-player-copy strong{overflow:hidden;color:#f1e5c8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.unique-last-killer .unique-kill-player-copy small:last-child{overflow:hidden;color:#b9b19b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.unique-last-killer:hover .unique-kill-player-copy strong{color:#ffe18b;text-decoration:underline;text-underline-offset:3px}
.unique-no-killer{margin:10px 0 0;color:#aaa188;font-size:10px}
.unique-last-kill-time{margin:9px 0 0;color:#bdb59e;font-size:10px}
.unique-last-kill-time b{color:#eee2c3;font-weight:600}
@media(max-width:600px){.unique-history-panel{padding:16px 12px}.unique-history-panel>.row{align-items:flex-start;flex-direction:column}}

/* Ana sayfa ve Header Discord butonu (Silkroad Karanlık Altın/Bronz Teması) */
.silkroad-cta-discord{position:relative;isolation:isolate;overflow:hidden;gap:10px;cursor:pointer;color:#ffedcf;background:linear-gradient(180deg,#341a1e 0%,#261216 42%,#190d11 78%,#11080b 100%);border:1px solid #c89b58;border-radius:3px;text-shadow:0 1px 2px #160b08;box-shadow:inset 0 1px #fff1cf38,inset 0 -4px 9px #100608cc,0 0 0 2px #3c231a,0 0 0 3px #a67c4588,0 4px 0 #1b0e0c,0 8px 18px #05080dcc;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;animation:discord-glow 3s ease-in-out infinite}
.silkroad-cta-discord::before{content:"";position:absolute;inset:-30% auto -30% -45%;z-index:0;width:36%;background:linear-gradient(100deg,transparent,rgba(243,207,99,0.22),transparent);transform:skewX(-22deg);animation:discord-sheen 3.6s ease-in-out infinite}
.silkroad-cta-discord .discord-mark,.silkroad-cta-discord .hero-cta-label{position:relative;z-index:1}
.silkroad-cta-discord .discord-mark{width:23px;height:23px;flex:0 0 auto;color:#e5c064}
.silkroad-cta-discord:hover{color:#fff5dd;border-color:#f1d18b;transform:translateY(-2px);filter:brightness(1.15);box-shadow:inset 0 1px #fff1cf66,inset 0 -4px 9px #100608cc,0 0 0 2px #3c231a,0 0 0 3px #f1d18b,0 5px 0 #1b0e0c,0 12px 24px #05080dcc,0 0 20px rgba(229,192,100,0.45)}
.silkroad-cta-discord:focus-visible{outline:3px solid #f3cf63;outline-offset:3px}
@keyframes discord-sheen{0%,18%{left:-45%}70%,100%{left:125%}}
@keyframes discord-glow{0%,100%{box-shadow:inset 0 1px #fff1cf38,inset 0 -4px 9px #100608cc,0 0 0 2px #3c231a,0 0 0 3px #a67c4588,0 4px 0 #1b0e0c,0 8px 18px #05080dcc,0 0 12px rgba(229,192,100,0.18)}50%{box-shadow:inset 0 1px #fff1cf55,inset 0 -4px 9px #100608cc,0 0 0 2px #3c231a,0 0 0 3px #f1d18b,0 4px 0 #1b0e0c,0 8px 18px #05080dcc,0 0 24px rgba(229,192,100,0.4)}}
@media(prefers-reduced-motion:reduce){.silkroad-cta-discord,.silkroad-cta-discord::before{animation:none}}

/* SILK satış sayfası ve ana sayfa mağaza düğmesi */
.silkroad-cta-silk{gap:11px;color:#17130c;background:linear-gradient(135deg,#ffe49a,#d9a840 52%,#8d6422);border-color:#fff0b7;box-shadow:0 6px 24px #0009,inset 0 1px #fff9,inset 0 -2px #78541d66}
.silkroad-cta-silk:hover{color:#17130c;filter:brightness(1.1);box-shadow:0 0 24px #f5cd6d99,0 8px 24px #000b,inset 0 1px #fff}
.silk-shop-hero{position:relative;display:flex;align-items:center;min-height:345px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 42%,#c4963a23,transparent 43%),linear-gradient(90deg,#0d1721e8,#101923a8,#0d1721ed),url('assets/hero.webp') center 43%/cover no-repeat;border-bottom:1px solid #9c7b45}
.silk-shop-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 16%,#07101870 100%);pointer-events:none}
.silk-shop-hero-content{position:relative;z-index:1;padding-top:44px;padding-bottom:44px}
.silk-shop-eyebrow{color:#e8c778;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.silk-shop-hero h1{margin:6px 0 10px;color:#fff1cf;font:600 clamp(29px,4vw,44px) Cinzel,serif;text-shadow:0 3px 14px #000}
.silk-shop-hero p{max-width:710px;margin:0 auto;color:#d7d7cd;font-size:14px;line-height:1.8}
.silk-shop-trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:20px;color:#e6d8b8;font-size:11px}
.silk-shop-content{padding-top:40px}
.silk-shop-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}
.silk-shop-heading h2,.silk-checkout-panel h2,.silk-order-history h2{margin:6px 0;color:#f5e8cf;font:600 clamp(21px,2.4vw,29px) Cinzel,serif}
.silk-shop-heading p,.silk-checkout-panel>p{margin:7px 0 0;color:#adbac0;line-height:1.7}
.silk-account-link{display:inline-flex;gap:10px;align-items:center;padding:10px 13px;border:1px solid #506473;background:#12202a;color:#e1c578;font-size:12px;font-weight:700;white-space:nowrap}
.silk-account-link span{font-size:16px}
.silk-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:15px}
.silk-package-card{position:relative;display:flex;min-width:0;min-height:250px;flex-direction:column;padding:21px;border:1px solid #485967;background:linear-gradient(145deg,#1a2a35,#101922 70%);box-shadow:0 10px 25px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}
.silk-package-card:hover,.silk-package-card.is-selected{transform:translateY(-3px);border-color:#d4b363;box-shadow:0 12px 30px #0006,0 0 18px #d4b36318}
.silk-package-top{display:flex;align-items:center;gap:11px}
.silk-package-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ddbd69;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff1bb,#d6a43b 52%,#79501c);color:#4a330f;font:700 24px Cinzel,serif;box-shadow:0 0 13px #d6a43b45}
.silk-package-kicker{color:#d7c99f;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.silk-package-amount{margin:23px 0 2px;color:#fff0bf;font:600 clamp(31px,3.2vw,39px) Cinzel,serif}
.silk-package-amount small{color:#d8ba67;font:700 12px Inter,system-ui,sans-serif;letter-spacing:1px}
.silk-package-price{margin:3px 0 22px;color:#f2e8d2;font-size:20px;font-weight:750}
.silk-package-action{width:100%;margin-top:auto;gap:9px}
.silk-package-action.is-disabled{border-color:#50606a;background:#17232c;color:#91a0a7;cursor:not-allowed}
.silk-empty-packages{padding:42px 24px;border:1px dashed #596771;background:#111d26;text-align:center}
.silk-empty-packages>span{color:#d7b761;font-size:27px}
.silk-empty-packages h3{margin:8px 0;color:#f2e3c1;font:600 20px Cinzel,serif}
.silk-empty-packages p{max-width:620px;margin:0 auto;color:#adbac0;line-height:1.75}
.silk-checkout-panel{max-width:760px;margin:28px auto 0;padding:25px;border:1px solid #b49553;background:linear-gradient(140deg,#1b2a34,#111a22);box-shadow:0 15px 38px #0005;scroll-margin-top:100px}
.silk-checkout-price{color:#d4bd82!important}
.silk-checkout-price strong{color:#fff0bf;font-size:21px}
.silk-checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}
.silk-checkout-form label{display:grid;gap:8px;color:#d9dfdc;font-size:12px;font-weight:700}
.silk-checkout-form input,.silk-checkout-form select{width:100%;min-height:45px;padding:11px 12px;border:1px solid #5b6b73;background:#0d161d;color:#f5ead5}
.silk-checkout-form input:focus,.silk-checkout-form select:focus{outline:2px solid #c6a451;outline-offset:1px}
.silk-pay-button{grid-column:1/-1;min-height:48px;gap:12px;background:linear-gradient(125deg,#e4c576,#a87c2d);border-color:#f1d992;color:#18140d}
.silk-checkout-form>small{grid-column:1/-1;color:#98a6ac}
.silk-paytr-frame{display:block;width:100%;min-height:670px;margin-top:18px;border:0;background:#fff}
.silk-payment-result{display:flex;align-items:center;gap:15px;margin:0 0 24px;padding:17px 19px;border:1px solid #b8954d;background:#171f24}
.silk-payment-result.is-success{border-color:#55b994;background:#11241f}
.silk-result-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid #c4a153;border-radius:50%;color:#f0d17a;font-size:22px}
.silk-payment-result.is-success .silk-result-icon{border-color:#55b994;color:#71e0b5}
.silk-payment-result h2{margin:0;color:#f4e6c8;font:600 17px Cinzel,serif}
.silk-payment-result p{margin:5px 0 0;color:#b5c0c2;font-size:12px}
.silk-shop-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.silk-shop-steps article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #344550;background:#121e27}
.silk-shop-steps article>span{color:#dabc70;font:600 23px Cinzel,serif}
.silk-shop-steps b,.silk-shop-steps small{display:block}
.silk-shop-steps b{color:#e8e1d2;font-size:12px}
.silk-shop-steps small{margin-top:4px;color:#9cabb0;font-size:10px;line-height:1.5}
.silk-order-history{margin-top:35px}
.silk-order-list{border:1px solid #344550;background:#121c24}
.silk-order-list article{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,auto) auto;align-items:center;gap:15px;padding:13px 16px;border-bottom:1px solid #344550}
.silk-order-list article:last-child{border-bottom:0}
.silk-order-list article strong,.silk-order-list article small{display:block}
.silk-order-list article strong{color:#f3e5c5}
.silk-order-list article small{margin-top:3px;color:#aab6b9;font-size:10px}
.silk-order-list article>b{color:#e4ca83;font-size:13px}
.silk-order-status{color:#d9c990;font-size:11px}
.silk-order-status.status-fulfilled{color:#72d9ae}
.silk-order-status.status-delivering,.silk-order-status.status-paid{color:#f0d17a}
.silk-order-status.status-failed,.silk-order-status.status-review,.silk-order-status.status-delivery_failed{color:#ff9c80}
.silk-public-redemption-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.silk-public-redemption{display:flex;min-width:0;align-items:center;gap:12px;padding:12px 14px;border:1px solid #344550;background:linear-gradient(115deg,#172630,#111a22);box-shadow:inset 0 1px #ffffff08}
.silk-public-redemption .site-player-portrait{flex-basis:42px;width:42px;height:42px}
.silk-public-redemption>strong{overflow:hidden;color:#f0e4cb;text-overflow:ellipsis;white-space:nowrap}
.silk-public-redemption>b{margin-left:auto;color:#f0cf72;font-size:13px;white-space:nowrap}
.silk-shop-footnote{display:flex;gap:12px;align-items:flex-start;margin-top:28px;padding:15px;border:1px solid #344550;background:#101a21;color:#aeb9b8}
.silk-shop-footnote>span{color:#dbbc6b}
.silk-shop-footnote p{margin:0;font-size:11px;line-height:1.7}
.silk-shop-alert a{color:#f3d477;text-decoration:underline}
@media(max-width:650px){.silk-shop-hero{min-height:320px}.silk-shop-hero-content{padding-top:32px;padding-bottom:32px}.silk-shop-trust{gap:9px;flex-direction:column;align-items:center}.silk-shop-content{padding-top:28px}.silk-shop-heading{align-items:flex-start;flex-direction:column}.silk-checkout-panel{padding:18px 14px}.silk-checkout-form{grid-template-columns:1fr}.silk-checkout-form .silk-pay-button,.silk-checkout-form>small{grid-column:1}.silk-paytr-frame{min-height:700px}.silk-shop-steps{grid-template-columns:1fr}.silk-order-list article{grid-template-columns:minmax(0,1fr) auto;gap:6px}.silk-order-list article>b{grid-column:2;grid-row:1}.silk-order-status{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.silk-package-card{transition:none}}

/* Jade SILK button and Silkroad-themed package storefront */
.hero-actions a.btn.silkroad-cta-silk{display:inline-flex;min-width:190px;min-height:58px;align-items:center;justify-content:center;gap:11px;padding:4px 13px;border:1px solid #b4d2a0;border-radius:3px;background:linear-gradient(180deg,#31594d,#1c4239 54%,#102b2b);color:#ecf3db;text-shadow:0 1px 2px #04100d;box-shadow:inset 0 1px #ffffff48,inset 0 -3px 8px #071c18aa,0 0 0 2px #1b3025,0 0 0 3px #8aaf7b99,0 5px 0 #0b1b17,0 9px 20px #05080dcc;}
.hero-actions a.btn.silkroad-cta-silk:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:#d7e2b5;color:#fff8dc;box-shadow:inset 0 1px #ffffff70,inset 0 -3px 8px #071c18aa,0 0 0 2px #1b3025,0 0 0 3px #c0d6a0,0 6px 0 #0b1b17,0 13px 25px #05080dcc,0 0 22px #65bd9688;}
.silk-shop-hero{background:linear-gradient(90deg,#07110de8 0%,#0d1b18a8 48%,#09120fe0 100%),linear-gradient(0deg,#08100f8c,transparent 62%),url('assets/silk-shop-art-v3.webp') center 44%/cover no-repeat;border-bottom-color:#73957d;}
.silk-shop-hero-glow{background:radial-gradient(ellipse at 53% 44%,transparent 5%,#06110e56 100%);}
.silk-package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:15px;}
.silk-package-card{display:flex;min-height:0;flex-direction:column;padding:0;overflow:hidden;border-color:#3c514f;border-radius:13px;background:linear-gradient(150deg,#1c2629,#12191d 72%);box-shadow:0 12px 30px #0005;}
.silk-package-card:hover,.silk-package-card.is-selected{transform:translateY(-3px);border-color:#85bd8b;box-shadow:0 14px 34px #0007,0 0 20px #70bf7925;}
.silk-package-art{position:relative;display:flex;min-height:178px;align-items:flex-end;justify-content:center;overflow:hidden;background-image:linear-gradient(0deg,#08100ff2 0%,#08100f63 43%,#07110b05 100%),var(--silk-package-art,url('assets/silk-shop-art-v3.webp'));background-position:center,right 46%;background-size:cover;background-repeat:no-repeat;isolation:isolate;}
.silk-package-art::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#0b17172b,#5e834017 50%,#07110d5c);content:"";}
.silk-package-art-copy{display:flex;flex-direction:column;align-items:center;padding:0 12px 13px;color:#fff9e7;text-align:center;text-shadow:0 2px 8px #000,0 0 14px #000c;}
.silk-package-art-copy strong{font:600 clamp(29px,3.2vw,37px)/1.08 Cinzel,Georgia,serif;letter-spacing:-.6px;}
.silk-package-art-copy strong i{font-style:normal;color:#f0d78d;}
.silk-package-art-copy span{margin-top:3px;color:#f2e9d0;font:600 13px Cinzel,Georgia,serif;letter-spacing:2px;}
.silk-package-body{display:flex;flex:1;flex-direction:column;padding:12px 13px 13px;}
.silk-package-heading h3{margin:0;color:#f4eee0;font-size:15px;font-weight:750;line-height:1.35;}
.silk-package-heading small{display:block;margin-top:3px;color:#a7b5b5;font-size:11px;}
.silk-package-seller{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px 0;border-top:1px solid #394445;border-bottom:1px solid #394445;}
.silk-vendor-seal{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #8bb6a0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cde3c4,#4d806e 55%,#19372f);box-shadow:0 0 9px #7fc89d45;}
.silk-vendor-seal img{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 1px 2px #06100c);}
.silk-vendor-copy{min-width:0;}
.silk-vendor-copy strong,.silk-vendor-copy small{display:block;}
.silk-vendor-copy strong{color:#e6eee0;font-size:11px;}
.silk-vendor-copy strong i{display:inline-grid;width:13px;height:13px;margin-left:2px;place-items:center;border-radius:50%;background:#52a9d6;color:#fff;font-size:9px;font-style:normal;}
.silk-vendor-copy small{margin-top:2px;color:#9eaeaa;font-size:9px;}
.silk-delivery-chip{display:flex;align-items:center;gap:4px;margin-left:auto;color:#c7d2cb;font-size:9px;white-space:nowrap;}
.silk-delivery-chip>span{font-size:15px;}
.silk-delivery-chip i{width:7px;height:7px;border-radius:50%;background:#48d278;box-shadow:0 0 7px #48d278;}
.silk-package-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;}
.silk-package-price{margin:0;color:#fff5df;font-size:19px;font-weight:800;white-space:nowrap;}
.silk-package-buy .btn.silk-package-action{width:auto;min-height:36px;margin:0;padding:8px 10px;gap:6px;border:1px solid #84c59c;border-radius:5px;background:linear-gradient(135deg,#376552,#1b463b);color:#eff5df;font-size:10px;white-space:nowrap;box-shadow:inset 0 1px #ffffff3b,0 3px 9px #0006;}
.silk-package-buy .btn.silk-package-action:hover{border-color:#c7e2aa;background:linear-gradient(135deg,#478264,#245a49);color:#fff8df;}
.silk-package-action.is-disabled{border-color:#465651;background:#1a2927;color:#9caeaa;}
.silk-checkout-form .btn.silk-pay-button{background:linear-gradient(125deg,#41785a,#1a4a3b);border-color:#a4d39d;color:#f4f2dc;}
.silk-checkout-form input:focus,.silk-checkout-form select:focus{outline-color:#82bf8c;}
@media(max-width:650px){.silk-package-art{min-height:195px}.silk-package-art-copy strong{font-size:34px}.silk-package-grid{grid-template-columns:1fr}.silk-package-buy{gap:8px}.silk-package-price{font-size:18px}}
@media(max-width:550px){.hero-actions a.btn.silkroad-cta-silk{min-width:170px;min-height:54px;padding:3px 9px;gap:8px}}

/* Homepage SILK button: sun-item glow with the SILK coin artwork */
.hero-actions a.btn.silkroad-cta-silk{position:relative;isolation:isolate;overflow:hidden;min-width:210px;min-height:62px;gap:0;padding:5px 11px;border:1px solid #ffe39a;border-radius:4px;background-image:linear-gradient(90deg,#0b0d0c55 0%,#0b0d0c12 45%,#070a0ba8 75%,#07090be8 100%),url('assets/silk-home-cta-art.webp');background-position:center,65% 53%;background-size:cover,320% auto;background-repeat:no-repeat;color:#fff0b8;text-shadow:0 2px 7px #000;box-shadow:inset 0 1px #fff8d9aa,inset 0 -3px 8px #281704b0,0 0 0 2px #382a16,0 0 0 3px #d4ad55c9,0 5px 0 #281d10,0 8px 22px #000c,0 0 24px #ffca5570;animation:silk-home-sun-glow 3.1s ease-in-out infinite;}
.hero-actions a.btn.silkroad-cta-silk::before{position:absolute;z-index:1;top:-45%;bottom:-45%;left:-45%;width:34%;background:linear-gradient(100deg,transparent,#fff8d5b8 48%,transparent);content:"";transform:skewX(-23deg);animation:silk-home-sun-sheen 3.8s ease-in-out infinite;pointer-events:none;}
.hero-actions a.btn.silkroad-cta-silk::after{position:absolute;z-index:1;top:4px;left:10px;color:#fff3bd;content:"\2726";font-size:11px;text-shadow:0 0 6px #ffd15e,0 0 13px #fff0a5;animation:silk-home-star 2.2s ease-in-out infinite;pointer-events:none;}
.hero-actions a.btn.silkroad-cta-silk .silk-home-token{position:absolute;z-index:2;top:50%;left:31px;display:block;width:44px;height:44px;overflow:hidden;border:1px solid #ffe093;border-radius:50%;background:#17100a;box-shadow:0 0 11px #ffd15e,0 0 24px #ffbf4d88,inset 0 0 0 2px #754c19;transform:translateY(-50%);}
.hero-actions a.btn.silkroad-cta-silk .silk-home-token img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;}
.hero-actions a.btn.silkroad-cta-silk .hero-cta-label{position:relative;z-index:3;margin:0 auto;padding:7px 13px;border:1px solid #f1d27b9c;background:linear-gradient(180deg,#070b0d82,#070a0ba8);color:#ffedb0;font:800 14px Cinzel,Georgia,serif;letter-spacing:2px;text-shadow:0 1px 3px #000;box-shadow:inset 0 1px #fff3cd40,0 2px 7px #0008;}
.hero-actions a.btn.silkroad-cta-silk:hover{transform:translateY(-2px);filter:brightness(1.14) saturate(1.08);border-color:#fff2c3;color:#fff7d8;}
.hero-actions a.btn.silkroad-cta-silk:focus-visible{outline:3px solid #fff1bd;outline-offset:4px;}
@keyframes silk-home-sun-sheen{0%,12%{left:-45%;opacity:0}24%{opacity:1}60%,100%{left:125%;opacity:0}}
@keyframes silk-home-sun-glow{0%,100%{box-shadow:inset 0 1px #fff8d9aa,inset 0 -3px 8px #281704b0,0 0 0 2px #382a16,0 0 0 3px #d4ad55b0,0 5px 0 #281d10,0 8px 22px #000c,0 0 20px #ffca555c}50%{box-shadow:inset 0 1px #fff8d9cc,inset 0 -3px 8px #281704b0,0 0 0 2px #382a16,0 0 0 3px #ffe28a,0 5px 0 #281d10,0 8px 24px #000c,0 0 31px #ffd76a9c}}
@keyframes silk-home-star{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(24deg)}}
@media(max-width:550px){.hero-actions a.btn.silkroad-cta-silk{min-width:170px;min-height:54px;padding:4px 8px;background-position:center,67% 53%;background-size:cover,300% auto}.hero-actions a.btn.silkroad-cta-silk .silk-home-token{left:18px;width:40px;height:40px}.hero-actions a.btn.silkroad-cta-silk .hero-cta-label{padding:6px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-actions a.btn.silkroad-cta-silk,.hero-actions a.btn.silkroad-cta-silk::before,.hero-actions a.btn.silkroad-cta-silk::after{animation:none}}

/* Discord davet düğmesi ana sayfadaki üç aksiyonun altında kalır. */
.hero-discord-row{display:flex;justify-content:center;margin-top:14px}
.hero-discord-row .silkroad-cta-discord{min-width:210px;min-height:45px}
.hero-discord-row .silkroad-cta-discord.is-unconfigured{opacity:.9;cursor:default}
.hero-discord-row .silkroad-cta-discord.is-unconfigured:hover{transform:none;filter:none}
@media(max-width:550px){.hero-discord-row{margin-top:11px}.hero-discord-row .silkroad-cta-discord{min-width:180px;min-height:43px;padding:10px 15px}}
/* Center Discord precisely and frame it like the other hero actions. */
.hero-discord-row{position:relative;left:50%;display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:14px 0 0;transform:translateX(-50%)}
.hero-discord-row .silkroad-cta-discord{display:inline-flex;align-items:center;justify-content:center;min-width:210px;min-height:48px;padding:9px 18px;gap:10px;border:1px solid #e6bd76;border-radius:3px;background:linear-gradient(135deg,#5865f2,#3943b8 58%,#252b70);color:#fff;box-shadow:inset 0 1px #fff1cf55,inset 0 -4px 9px #25100d66,0 0 0 2px #422a1d,0 0 0 3px #bd945b99,0 4px 0 #271815,0 8px 18px #05080dcc,0 0 15px #5865f260;animation:discord-frame-glow 2.8s ease-in-out infinite}
.hero-discord-row .silkroad-cta-discord:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:#f1d18b;color:#fff;box-shadow:inset 0 1px #fff1cf77,inset 0 -4px 9px #25100d66,0 0 0 2px #422a1d,0 0 0 3px #f1d18b,0 5px 0 #271815,0 12px 24px #05080dcc,0 0 22px #5865f299}
.hero-discord-row .silkroad-cta-discord.is-unconfigured{opacity:.9;cursor:default}
.hero-discord-row .silkroad-cta-discord.is-unconfigured:hover{transform:none;filter:none}
@keyframes discord-frame-glow{0%,100%{box-shadow:inset 0 1px #fff1cf55,inset 0 -4px 9px #25100d66,0 0 0 2px #422a1d,0 0 0 3px #bd945b99,0 4px 0 #271815,0 8px 18px #05080dcc,0 0 13px #5865f250}50%{box-shadow:inset 0 1px #fff1cf77,inset 0 -4px 9px #25100d66,0 0 0 2px #422a1d,0 0 0 3px #f1d18b,0 4px 0 #271815,0 8px 20px #05080dcc,0 0 22px #7882ff99}}
@media(max-width:550px){.hero-discord-row{margin-top:11px}.hero-discord-row .silkroad-cta-discord{min-width:190px;min-height:45px;padding:8px 15px}}

/* The Play CTA gets a clear sun-item pulse contained inside its own frame. */
.hero-actions .btn.primary.silkroad-cta-play{position:relative;isolation:isolate;overflow:hidden;border-color:#ffe39a;background-image:linear-gradient(125deg,#d89b38,#9d5422 52%,#61331e);box-shadow:inset 0 1px #fff9d7,inset 0 0 0 2px #f6d37855,inset 0 -5px 12px #48240dbb,0 0 0 2px #49321b,0 0 0 3px #f2cd78,0 5px 0 #3e2b16,0 9px 20px #05080dcc,0 0 27px 3px #ffbd4d99;animation:play-button-power 1.8s ease-in-out infinite}
.hero-actions .btn.primary.silkroad-cta-play::before{content:"";position:absolute;z-index:0;inset:3px;border:1px solid #fff3bd99;border-radius:inherit;background:radial-gradient(ellipse at 50% 55%,#fff7cfb8 0%,#ffd46b66 34%,#ffb82b20 67%,transparent 83%);opacity:.55;transform:scale(.88);transform-origin:center;animation:play-button-aura 1.8s ease-in-out infinite;pointer-events:none}
.hero-actions .btn.primary.silkroad-cta-play::after{content:"\2726";position:absolute;z-index:2;top:7px;right:12px;color:#fff4c1;font-size:14px;line-height:1;text-shadow:0 0 5px #fff,0 0 12px #ffdc73,0 0 21px #ffb62f;animation:play-button-spark 1.35s ease-in-out infinite;pointer-events:none}
.hero-actions .btn.primary.silkroad-cta-play .hero-cta-art,.hero-actions .btn.primary.silkroad-cta-play .hero-cta-label{position:relative;z-index:1}
.hero-actions .btn.primary.silkroad-cta-play:focus-visible{outline:3px solid #fff1bd;outline-offset:4px}
@keyframes play-button-aura{0%,100%{opacity:.48;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}
@keyframes play-button-spark{0%,100%{opacity:.45;transform:scale(.78) rotate(0)}50%{opacity:1;transform:scale(1.35) rotate(24deg)}}
@keyframes play-button-power{0%,100%{filter:brightness(1);box-shadow:inset 0 1px #fff9d7,inset 0 0 0 2px #f6d37855,inset 0 -5px 12px #48240dbb,0 0 0 2px #49321b,0 0 0 3px #f2cd78,0 5px 0 #3e2b16,0 9px 20px #05080dcc,0 0 27px 3px #ffbd4d99}50%{filter:brightness(1.2);box-shadow:inset 0 1px #fff,inset 0 0 0 2px #fff0a899,inset 0 -5px 12px #48240dbb,0 0 0 2px #49321b,0 0 0 3px #fff5c6,0 5px 0 #3e2b16,0 9px 22px #05080dcc,0 0 38px 6px #ffdc83e6,0 0 58px 12px #ffb83ecc}}
@media(prefers-reduced-motion:reduce){.hero-discord-row .silkroad-cta-discord,.hero-discord-row .silkroad-cta-discord::before,.hero-actions .btn.primary.silkroad-cta-play,.hero-actions .btn.primary.silkroad-cta-play::before,.hero-actions .btn.primary.silkroad-cta-play::after{animation:none;transform:none;opacity:1}}/* The hero invite shares the registration CTA width; Discord also sits in the desktop account actions. */
.hero-discord-row .silkroad-cta-discord{width:190px;min-width:190px}
.header-discord-btn{min-height:43px;padding:9px 12px;gap:7px;font-size:10px;letter-spacing:.45px;white-space:nowrap}
.header-discord-btn .discord-mark{width:19px;height:19px}
.header-discord-btn.is-unconfigured{opacity:.9;cursor:default}
.header-discord-btn.is-unconfigured:hover{transform:none;filter:none}
@media(max-width:1100px){.header-discord-btn{display:none}}
@media(max-width:550px){.hero-discord-row .silkroad-cta-discord{width:175px;min-width:175px;min-height:45px;padding:8px 9px;gap:7px;font-size:11px}.hero-discord-row .silkroad-cta-discord .discord-mark{width:21px;height:21px}}
/* Keep the Discord action directly below Register with identical outer edges. */
.hero-register-stack{display:flex;flex:0 0 190px;flex-direction:column;align-items:stretch;gap:10px;width:190px;min-width:0}
.hero-register-stack>a.silkroad-cta-register{width:100%;min-width:0}
.hero-register-stack>.hero-discord-row{position:static;left:auto;display:flex;align-self:stretch;width:100%;max-width:none;margin:0;transform:none}
.hero-register-stack .hero-discord-row .silkroad-cta-discord{width:100%;min-width:0;max-width:100%}
@media(max-width:550px){.hero-register-stack{flex-basis:175px;width:175px;gap:8px}.hero-register-stack>a.silkroad-cta-register{width:100%;min-width:0}}
.hero-actions{align-items:center;justify-content:center}
.hero-actions.hero-actions-dual{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin:20px auto 0;width:100%;max-width:580px;flex-wrap:wrap}
.hero-actions.hero-actions-dual>a.btn{flex:1 1 210px;min-width:200px;max-width:260px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Cinzel',serif;font-weight:700;font-size:14px;letter-spacing:1px;text-decoration:none;border-radius:3px}
@media(max-width:550px){.hero-actions.hero-actions-dual{gap:10px}.hero-actions.hero-actions-dual>a.btn{min-width:165px;min-height:50px;font-size:12px;padding:4px 12px}}

/* Tanıtım Afişi & Video Sekme Butonları (Özel Silkroad Teması) */
.tanitim-tab-btn{min-width:220px;min-height:52px;padding:10px 28px;font-size:14px;font-family:'Cinzel',serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all .22s ease-in-out;background:linear-gradient(180deg,#2c1a1e 0%,#1c1014 55%,#10080b 100%);color:#e2d1be;border:1px solid rgba(201,162,88,0.45);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 4px 14px rgba(0,0,0,0.7)}
.tanitim-tab-btn:hover{color:#fff;border-color:#f3cf63;filter:brightness(1.15);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 0 18px rgba(229,192,100,0.35),0 6px 18px rgba(0,0,0,0.85)}
.tanitim-tab-btn.active{background:linear-gradient(180deg,#825239 0%,#5e3324 45%,#42201b 100%);color:#fff6e0;border:1px solid #f1d18b;text-shadow:0 1px 3px #180906;box-shadow:inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -3px 8px rgba(0,0,0,0.5),0 0 22px rgba(229,192,100,0.45),0 6px 20px rgba(0,0,0,0.9)}
@media(max-width:550px){.tanitim-tab-btn{min-width:160px;min-height:46px;font-size:12px;padding:8px 16px;gap:8px}}

/* SILK admin package editor and coupon tracking. */
.cms-silk-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px}
.cms-silk-package{min-width:0;margin:0;padding:14px;border:1px solid #a8895155;background:#0f1921}
.cms-silk-package legend{padding:0 8px;color:#f1d99f;font:600 13px Cinzel,Georgia,serif}
.cms-silk-package .cms-fields{gap:0 12px}
.cms-silk-package .cms-fields label{min-width:0}
.cms-silk-package .cms-check{margin-top:2px}
.cms-help{color:#aeb8b9;font-size:11px;line-height:1.6}
.cms-silk-package input[type=file]{font-size:11px}
.silk-coupon-panel{margin-top:30px}
.silk-coupon-panel .silk-checkout-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.silk-coupon-panel .silk-pay-button{grid-column:1/-1}
.silk-coupon-panel .notice a{color:#f1d99f;text-decoration:underline}
.silk-package-art{background-position:center,center;background-size:cover,cover}
@media(max-width:700px){.cms-silk-package-grid{grid-template-columns:1fr}.silk-coupon-panel .silk-checkout-form{grid-template-columns:1fr}.silk-coupon-panel .silk-pay-button{grid-column:1}}

/* Player support area, event announcements, voting page and optional winter mode. */
.account-support{margin-top:22px;padding:22px;border:1px solid #6e85924f;background:linear-gradient(145deg,#17242e,#101a22)}
.account-support-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.account-support-heading h2,.vote-board-heading h2,.site-events-board h2{margin:5px 0 7px;color:#f0d99f;font:600 23px Cinzel,Georgia,serif}
.account-support-heading p,.vote-board-heading p{max-width:670px;margin:0;color:#aeb8be;font-size:12px;line-height:1.65}
.account-support-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;border:1px solid #8b794d55;background:#0d171e}
.account-support-create label{display:grid;gap:6px;color:#e5d6b7;font-size:11px;font-weight:700}
.account-support-create .wide{grid-column:1/-1}
.account-support-create input,.account-support-create select,.account-support-create textarea,.account-support-reply textarea{width:100%;min-height:39px;padding:10px 11px;border:1px solid #52606a;background:#101a21;color:#f0eadb;font:inherit}
.account-support-create textarea,.account-support-reply textarea{resize:vertical}
.account-support-create .btn{justify-self:start}
.account-support-open-notice{margin:0 0 16px;padding:13px 15px;border:1px solid #c39a4a66;background:#2a2418;color:#f0d68f;font-size:12px;line-height:1.6}
.support-message-field{display:grid;gap:7px;color:#e5d6b7;font-size:11px;font-weight:700}
.support-rich-editor{display:grid;gap:0;min-width:0}
.support-rich-editor .wys-toolbar{border-color:#52606a;background:#101a21}
.support-rich-editor .wys-toolbar button{border-color:#52606a;border-radius:3px;background:#1a2933;color:#e9d49b}
.support-rich-content{min-height:132px;max-height:360px;overflow:auto;resize:vertical;border-top:0!important;white-space:normal;overflow-wrap:anywhere}
.support-rich-content:empty::before{content:attr(data-placeholder);color:#778891;pointer-events:none}
.support-rich-content img,.support-message-body img{display:block;max-width:min(100%,640px);height:auto;margin:8px 0;border:1px solid #485963;border-radius:4px}
.support-rich-editor>small{margin-top:6px;color:#96a5aa;font-size:10px;font-weight:400;line-height:1.5}
.support-rich-editor [data-support-note]:not(:empty){min-height:14px}
.support-message-body{color:#d0d7e2;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.support-message-body p{margin:6px 0}
.support-message-body ul,.support-message-body ol{padding-left:22px}
.support-message-body blockquote{margin:8px 0;padding:7px 11px;border-left:2px solid #c5a85d;background:#ffffff08}
.account-support-list{margin-top:20px}
.account-support-list h3{color:#eee4ce;font-size:14px}
.account-support-ticket{margin-top:10px;padding:15px;border:1px solid #6d7c834b;background:#111b23}
.account-support-ticket>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;border-bottom:1px solid #6d7c8333}
.account-support-ticket>header>div{display:grid;gap:4px}
.account-support-ticket>header small{color:#d2b66e;font-size:9px;text-transform:uppercase}
.account-support-ticket>header strong{color:#f2e9d9;font-size:14px}
.account-support-ticket>header span:not(.pill){color:#9daab1;font-size:10px}
.account-support-reply{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-items:start;margin-top:12px}
.account-support-reply>.btn{justify-self:start;min-width:150px}
.account-support-ticket-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-top:12px}
.account-support-ticket-actions .account-support-reply{margin-top:0}
.account-support-close{margin:0 0 1px}
.account-support-close .btn{border-color:#8c6557;color:#e4ad96}
.account-support-closed-list h3{display:flex;align-items:center;gap:9px}
.account-support-closed-list h3 small{color:#8f9ca3;font:500 10px Arial,sans-serif}
.account-support-ticket.is-closed{border-color:#556a7045;background:#0e171d}
.support-close-dialog{width:min(420px,calc(100% - 32px));padding:0;border:1px solid #b99b56;border-radius:8px;background:linear-gradient(145deg,#1c2b32,#10191f);color:#f1eadc;box-shadow:0 24px 90px #000b}
.support-close-dialog::backdrop{background:#020609c9;backdrop-filter:blur(3px)}
.support-close-dialog form{display:grid;justify-items:center;padding:25px;text-align:center}
.support-close-dialog-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #b99b56;border-radius:50%;background:#b99b561c;color:#e8cd82;font:700 21px Georgia,serif}
.support-close-dialog h3{margin:13px 0 5px;color:#f2d994;font:600 20px Cinzel,Georgia,serif}
.support-close-dialog p{margin:0;color:#bac4c8;font-size:13px;line-height:1.6}
.support-close-dialog form>div{display:flex;justify-content:center;gap:9px;margin-top:20px}
.support-close-dialog form>div button{min-width:120px;cursor:pointer}
.support-admin-messages>div,.account-support-messages>div{white-space:normal}
.vote-board,.site-events-board{padding:clamp(18px,3vw,32px);border:1px solid #8b774b69;background:linear-gradient(140deg,#18252e,#101920);box-shadow:0 14px 45px #02060966}
.vote-board-heading{margin-bottom:18px}
.vote-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.vote-link-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:13px;border:1px solid #89784c66;background:linear-gradient(135deg,#1c2a32,#111b22);color:#f0e5cb;transition:transform .18s,border-color .18s,background .18s}
.vote-link-card:hover{transform:translateY(-2px);border-color:#d7b86a;background:linear-gradient(135deg,#253641,#17252e)}
.vote-link-card>span:nth-child(2){display:grid;gap:4px;flex:1}
.vote-link-card strong{font:600 13px Cinzel,Georgia,serif}
.vote-link-card small{color:#a9b3b5;font-size:10px}
.vote-link-mark{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c7a754;border-radius:8px;background:radial-gradient(circle,#473b20,#172022);color:#f5d783}
.vote-link-card>b{color:#d8be77}
.site-events-board{margin-bottom:18px}
.site-events-board h2{margin-bottom:14px}
.site-events-list{display:grid;gap:8px}
.site-events-list article{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;padding:12px;border:1px solid #7a6c4b55;background:#0d171f}
.site-events-list time{display:grid;justify-items:center;padding:7px;border-right:1px solid #c2a45466;color:#ead28b}
.site-events-list time b{font:600 20px Cinzel,Georgia,serif}
.site-events-list time span{font-size:9px;white-space:nowrap}
.site-events-list article>div strong{color:#f3e5c5;font-size:12px}
.site-events-list article p{margin:4px 0 0;color:#a6b0b3;font-size:10px}
.winter-toggle{position:fixed;z-index:1200;right:17px;bottom:17px;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #b5d9f0;border-radius:5px;background:linear-gradient(135deg,#1c4260,#142b43);color:#e7f6ff;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.08em;box-shadow:0 4px 16px #0008;cursor:pointer}
.winter-toggle:hover,.winter-toggle.is-active{border-color:#fff;background:linear-gradient(135deg,#2e6487,#173750);box-shadow:0 0 16px #9bdcff55,0 4px 16px #0008}
.winter-toggle span{font-size:9px}
.winter-snow{position:fixed;z-index:1190;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s}
.winter-snow.is-active{opacity:1}
@media(max-width:650px){.account-support-create{grid-template-columns:1fr}.account-support-create .wide{grid-column:auto}.account-support-reply{grid-template-columns:1fr}.account-support-reply>.btn{width:100%}.account-support-ticket-actions{grid-template-columns:1fr}.account-support-close .btn{width:100%}.support-rich-content{min-height:118px}.site-events-list article{grid-template-columns:54px 1fr}.site-events-list article>.pill{grid-column:2;justify-self:start}.vote-link-grid{grid-template-columns:1fr}}
.silk-package-price del{display:block;margin-bottom:2px;color:#8e9692;font-size:11px;font-weight:500;text-decoration-color:#d88772}
.silk-package-price span{display:block;color:#a4e0a8}

/* Keep the homepage atmosphere while reducing full-frame filter compositing. */
.hero-caravan-dust-canvas{filter:blur(1px);opacity:.82}
.hero-dust-haze{filter:blur(9px);will-change:auto}
.hero-dust-haze::before,.hero-dust-haze::after{mix-blend-mode:normal}
.hero-logo-particle-canvas{opacity:.82}
@media(max-width:900px){
  .hero-caravan-dust-canvas{filter:blur(.6px);opacity:.72}
  .hero-dust-haze{filter:blur(5px);animation-duration:18s}
  .hero-dust-haze::before{animation-duration:22s}
  .hero-dust-haze::after{animation-duration:26s}
  .hero-logo-particle-canvas{opacity:.68}
}

/* RTL Support (Arabic) */
html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .topline-flags {
  direction: ltr;
}
html[dir="rtl"] .lang-dropdown-menu {
  right: auto !important;
  left: 0 !important;
  text-align: right;
}
html[dir="rtl"] .navlinks {
  direction: rtl;
}
html[dir="rtl"] .rightnav {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .brand {
  margin-right: 0;
  margin-left: 20px;
}