:root{--bg:#120e0b;--panel:#201813;--panel2:#2a2018;--text:#e9ddc6;--muted:#aa9680;--line:#4a3728;--blue:#b88948;--purple:#8e643b;--cyan:#c2a064;--green:#6f8d58;--orange:#c88739;--pink:#9b5b45;--red:#a54a38;--gold:#d6ad5a;--gold-soft:#f0d995;--bronze:#8c623b;--shadow:0 12px 30px rgba(0,0,0,.28);--shadow2:0 18px 42px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background-image:linear-gradient(rgba(8,11,17,.72),rgba(10,8,12,.84)),url("pathofbuild-background.png");background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;background-color:#0b0d12}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 28px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(20,14,10,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(91,64,39,.8);box-shadow:0 6px 24px rgba(0,0,0,.18)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.logo{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:#1a110b;font-weight:950;background:linear-gradient(135deg,#f0d489,#c49349 54%,#85512e);box-shadow:0 8px 20px rgba(186,127,59,.2);border:1px solid #e0bd70}.brand small{display:block;color:var(--muted);font-size:.68rem;font-weight:650;margin-top:-1px}.menu{display:flex;gap:7px;align-items:center}.menu a{padding:9px 12px;border-radius:10px;color:#b29d85;font-size:.88rem;font-weight:750}.menu a:hover{background:#2b2119;color:#ecd7aa}.admin-link{color:#1a110b!important;background:linear-gradient(135deg,#d8ad5c,#a76b34);box-shadow:0 7px 16px rgba(150,93,41,.24)}
.hero{text-align:center;padding:48px 0 27px}.hero-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,#2a2018,#30231a,#241912);border:1px solid #5b422c;color:#d7bb85;font-size:.78rem;font-weight:800}.hero h1{margin:12px 0 7px;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.05;letter-spacing:-.05em;background:linear-gradient(90deg,#f2dfb7,#d1a85b 43%,#9d6840);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:650px;margin:0 auto 21px;color:var(--muted);font-size:.98rem}.search{max-width:730px;margin:auto;background:rgba(34,25,18,.96);display:flex;padding:7px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025)}.search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);padding:11px 13px}.search input::placeholder{color:#806f5f}.search button{border:1px solid #d0a255;border-radius:11px;color:#1b120b;font-weight:850;padding:10px 20px;background:linear-gradient(135deg,#e1b95f,#a96c34);cursor:pointer}.quick,.filters,.tags{display:flex;gap:8px;flex-wrap:wrap}.quick{justify-content:center;margin-top:14px}.filters{margin-bottom:22px}.chip,.filter{border:1px solid var(--line);background:#211913;padding:7px 11px;border-radius:999px;color:#b9a58e;font-size:.8rem;font-weight:700;cursor:pointer}.chip:hover,.filter:hover{background:#2b2018;border-color:#745437;color:#dfc899}.filter.active{color:#1b110a;border-color:#d8ae5c;background:linear-gradient(135deg,#d9ad58,#9d6534)}
.section{padding:22px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.section-head h2{margin:0;font-size:1.25rem;color:#f0dfbd}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.build{overflow:hidden;background:linear-gradient(180deg,rgba(38,28,21,.98),rgba(29,21,16,.98));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:.18s ease}.build:hover{transform:translateY(-4px);box-shadow:var(--shadow2);border-color:#755538}.cover{height:155px;display:flex;align-items:flex-end;padding:14px;position:relative;overflow:hidden;background-size:cover;background-position:center}.cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,12,8,.04) 25%,rgba(18,12,8,.72))}.theme-fire{background-image:linear-gradient(135deg,#8d3f27,#be6c34 52%,#5f2e25)}.theme-cold{background-image:linear-gradient(135deg,#354653,#55717a 52%,#423b45)}.theme-green{background-image:linear-gradient(135deg,#4b5d38,#6d7944 55%,#3d4f41)}.theme-purple{background-image:linear-gradient(135deg,#55414f,#765047 55%,#4b2e2c)}.theme-gold{background-image:linear-gradient(135deg,#9f6e35,#c18a43 55%,#70452c)}.game-pill{position:relative;z-index:2;background:rgba(25,17,11,.9);color:#f0d79d;border:1px solid rgba(214,173,90,.45);padding:5px 9px;border-radius:8px;font-size:.7rem;font-weight:900}.build-body{padding:14px}.build h3{margin:0 0 8px;font-size:1rem;color:#ead9b8}.tag{font-size:.68rem;padding:4px 7px;border-radius:7px;background:#38291f;color:#ceb184;font-weight:750;border:1px solid #4d3828}.tag:nth-child(2n){background:#31251d;color:#d6b36e}.tag:nth-child(3n){background:#263026;color:#aeb98d}.meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #3d2d22;padding-top:10px;margin-top:11px;color:var(--muted);font-size:.74rem}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-card{padding:18px;border-radius:16px;color:#f4e4c5;box-shadow:var(--shadow);border:1px solid rgba(215,171,86,.28)}.poe2{background:linear-gradient(135deg,#3a2b21,#69472e 56%,#38231b)}.poe1{background:linear-gradient(135deg,#704528,#9b6536 56%,#4a2c21)}.game-card strong{display:block}.game-card span{opacity:.78;font-size:.76rem}.empty{grid-column:1/-1;padding:28px;text-align:center;background:#201813;border:1px solid var(--line);border-radius:16px;color:var(--muted)}
.detail{padding:34px 0}.detail-hero{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#271d16,#1d1611);box-shadow:var(--shadow)}.detail-top{display:grid;grid-template-columns:300px 1fr;gap:24px}.detail-cover{min-height:220px;border-radius:17px;background-size:cover;background-position:center;border:1px solid #4b3628}.detail h1{margin:7px 0 10px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;color:#f0dfbd}.detail-desc{color:var(--muted)}.source-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.source-btn{padding:9px 12px;border-radius:10px;background:#33251b;color:#deb96d;border:1px solid #5a402c;font-weight:800;font-size:.8rem}.source-btn:hover{background:#402d1f;color:#f4dda9}.content-card{margin-top:18px;padding:24px;background:linear-gradient(180deg,#241a14,#1d1611);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);line-height:1.72}.content-card h1,.content-card h2,.content-card h3,.content-card h4{color:#e7c982}.content-card h2,.content-card h3{margin-top:1.2em}.content-card p,.content-card li{color:#d8cab4}.content-card strong{color:#f2dfb2}.content-card a{color:#dfae54}.content-card img{max-width:100%;height:auto;border-radius:12px;border:1px solid #4a3728}.content-card details{border:1px solid var(--line);background:#1a130f;border-radius:12px;padding:10px 12px;margin:10px 0}.content-card summary{cursor:pointer;font-weight:800;color:#e0be78}.content-card blockquote{margin:14px 0;padding:12px 16px;background:#2a1d16;border-left:3px solid #b87838;color:#d9c8ad;border-radius:0 10px 10px 0}.content-card table{width:100%;border-collapse:collapse}.content-card th,.content-card td{border:1px solid #4a3728;padding:9px 10px}.content-card th{background:#302219;color:#e9ca87}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:linear-gradient(180deg,#281e17,#1d1611);padding:25px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow2)}.login-card h1{margin:0 0 6px;color:#efdcae}.login-card p{margin:0 0 18px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.field label{font-size:.72rem;color:#b7a28b;font-weight:800}.field input,.field select,.field textarea{border:1px solid #4a3728;background:#17110d;color:var(--text);border-radius:9px;padding:9px 10px;outline:none}.field input::placeholder,.field textarea::placeholder{color:#776658}.field select option{background:#1d1611;color:#e9ddc6}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b07a3d;box-shadow:0 0 0 3px rgba(176,122,61,.12)}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:9px 12px;font-weight:850;cursor:pointer}.btn-primary{color:#1b110a;background:linear-gradient(135deg,#d9ad58,#a46832);border:1px solid #dfb867}.btn-soft{background:#32261d;color:#c7b399;border:1px solid #4b392b}.btn-danger{background:#3a1e1a;color:#e0a294;border:1px solid #6f342c}.notice{padding:10px 12px;border-radius:10px;margin-bottom:12px}.notice.err{background:#371d19;color:#e0a095;border:1px solid #663027}.notice.ok{background:#233024;color:#abc097;border:1px solid #3d553d}
.admin-main{padding:26px 0 44px}.admin-grid{display:grid;grid-template-columns:390px 1fr;gap:18px;align-items:start}.panel{background:linear-gradient(180deg,#241b15,#1b1410);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.panel h2{margin:0 0 14px;font-size:1.05rem;color:#ebd5a6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field.full{grid-column:1/-1}.admin-actions{display:flex;gap:8px;margin-top:13px}.admin-list{display:grid;gap:9px}.admin-item{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid #443225;border-radius:12px;background:#1c1510}.admin-thumb{width:54px;height:48px;border-radius:9px;background-size:cover;background-position:center;border:1px solid #4f3928}.admin-item h3{margin:0;font-size:.87rem;color:#e5d2ad}.admin-item p{margin:2px 0 0;color:var(--muted);font-size:.7rem}.item-actions{display:flex;gap:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat{padding:13px;border-radius:13px;border:1px solid var(--line)}.stat:nth-child(1){background:#2d2118}.stat:nth-child(2){background:#34251a}.stat:nth-child(3){background:#2b2118}.stat b{display:block;font-size:1.35rem;color:#e1bd75}.stat span{font-size:.7rem;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:23px 0 34px;text-align:center;color:var(--muted);font-size:.76rem;background:rgba(15,11,8,.42)}
@media(max-width:900px){.build-grid{grid-template-columns:1fr 1fr}.detail-top,.admin-grid{grid-template-columns:1fr}.detail-cover{min-height:260px}}@media(max-width:580px){.wrap{width:min(100% - 20px,1160px)}.menu a:not(.admin-link){display:none}.hero{padding-top:35px}.build-grid,.games{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:repeat(3,1fr)}.admin-item{grid-template-columns:46px 1fr}.admin-thumb{width:46px}.item-actions{grid-column:2;justify-content:flex-start}}

/* Version filter */
.version-picker{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px auto 0;min-height:40px}
.version-label{color:#8f7a63;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-right:2px}
.version-chip{border:1px solid #4f3928;background:linear-gradient(180deg,#211913,#1b140f);padding:7px 12px;border-radius:999px;color:#bda98f;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.16s ease}
.version-chip:hover{background:#2b2018;border-color:#745437;color:#e2c996}
.version-chip.active{color:#1b110a;border-color:#d8ae5c;background:linear-gradient(135deg,#d9ad58,#9d6534);box-shadow:0 5px 18px rgba(104,63,28,.22)}

/* Admin: chống tràn cột trên AppServ/Chrome */
.admin-grid>*{min-width:0}.form-grid>*{min-width:0}.form-grid .field input,.form-grid .field select,.form-grid .field textarea{width:100%;max-width:100%;box-sizing:border-box}.admin-item>*{min-width:0}.admin-item h3,.admin-item p{overflow-wrap:anywhere}

/* ===== Rebuilt guide renderer: isolated, stable, auto-height ===== */
.detail-meta{border:0;padding:0;margin-top:12px}
.guide-shell{
  margin-top:18px;
  padding:0;
  overflow:hidden;
  background:#100c09;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
}
.build-guide-frame{
  display:block;
  width:100%;
  height:720px;
  min-height:320px;
  border:0;
  margin:0;
  padding:0;
  background:#100c09;
  overflow:hidden;
}
.guide-empty{padding:28px;color:var(--muted);text-align:center}
.admin-help{margin:-1px 0 7px;color:#8f7d68;font-size:.7rem;line-height:1.45}
@media(max-width:580px){.guide-shell{border-radius:14px}.build-guide-frame{min-height:260px}}

/* Tool & community support links */
.support-section{padding-top:34px;padding-bottom:38px}.support-head{align-items:flex-end}.support-head p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.support-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;background:linear-gradient(180deg,#241b15,#1b1410);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);transition:.16s ease}.support-card:hover{transform:translateY(-2px);border-color:#755538;background:linear-gradient(180deg,#2a1f18,#201711)}.support-icon,.support-admin-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-weight:950;font-size:.82rem;border:1px solid #59402d;background:#302219;color:#e5c780}.support-icon{overflow:hidden}.support-icon img{width:26px;height:26px;object-fit:contain;display:block}.support-icon-fallback{display:none;width:100%;height:100%;place-items:center}.support-icon.discord,.support-admin-icon.discord{background:#26283d;border-color:#414566;color:#bdc0ef}.support-info{min-width:0}.support-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-title-row h3{margin:0;color:#ead9b8;font-size:.92rem}.support-type{font-size:.62rem;font-weight:850;color:#a99478;border:1px solid #493529;border-radius:999px;padding:3px 6px}.support-info p{margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}.support-open{color:#d5af67;font-size:.72rem;font-weight:850;white-space:nowrap}.support-admin-panel{margin-top:18px}.support-admin-head p{margin:-7px 0 15px;color:var(--muted);font-size:.76rem}.support-admin-grid{display:grid;grid-template-columns:390px 1fr;gap:18px;align-items:start}.support-form{min-width:0}.support-admin-list{display:grid;gap:9px;min-width:0}.support-admin-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid #443225;border-radius:12px;background:#1c1510}.support-admin-icon{width:40px;height:40px}.support-admin-info{min-width:0}.support-admin-info h3{margin:0;color:#e5d2ad;font-size:.87rem}.support-admin-info p{margin:3px 0 2px;color:var(--muted);font-size:.7rem}.support-admin-info small{display:block;color:#8f7d68;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.support-admin-grid{grid-template-columns:1fr}}
@media(max-width:680px){.support-grid{grid-template-columns:1fr}.support-card{grid-template-columns:42px minmax(0,1fr) auto}.support-admin-item{grid-template-columns:40px minmax(0,1fr)}.support-admin-item .item-actions{grid-column:2}}


/* Item Dictionary admin */
.item-manager-panel{scroll-margin-top:16px}
.item-upload-preview{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:.68rem}
.item-upload-preview img{width:30px;height:30px;object-fit:contain;border:1px solid #4a3728;border-radius:6px;background:#15100c}
.item-upload-preview.popup img{width:58px;height:44px;object-fit:contain}
.item-dictionary-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#17110d;border:1px solid #4a3728;overflow:hidden;color:#8f7d68;font-weight:900}
.item-dictionary-icon img{width:100%;height:100%;object-fit:contain}
.item-dictionary-row h3{font-weight:900}
.field input[type="color"]{min-height:42px;padding:4px;cursor:pointer}


/* ===== Public Light / Dark theme ===== */
.theme-toggle{appearance:none;width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid #4d392b;background:#211913;color:#d7bc87;display:grid;place-items:center;cursor:pointer;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);padding:0}
.theme-toggle:hover{background:#2b2018;border-color:#755538;color:#f0d995;transform:translateY(-1px)}
.theme-toggle:active{transform:translateY(0) scale(.96)}
.theme-toggle svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.theme-toggle .theme-icon-sun{display:none}.theme-toggle .theme-icon-moon{display:block}
html[data-theme="light"] body{--bg:#f4efe7;--panel:#ffffff;--panel2:#f5eee5;--text:#2f261e;--muted:#786a5d;--line:#d8c8b6;--shadow:0 10px 28px rgba(70,50,30,.08);--shadow2:0 16px 36px rgba(70,50,30,.13);background-image:linear-gradient(rgba(250,247,242,.78),rgba(244,239,231,.9)),url("pathofbuild-background.png");background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;background-color:#f4efe7}
html[data-theme="light"] header{background:rgba(250,246,240,.92);border-bottom-color:#ddcfbf;box-shadow:0 6px 22px rgba(71,49,28,.08)}
html[data-theme="light"] .brand small{color:#7d6d5d}
html[data-theme="light"] .menu a{color:#6f6256}html[data-theme="light"] .menu a:hover{background:#eee5da;color:#3d3025}
html[data-theme="light"] .hero-badge{background:linear-gradient(90deg,#f2e8dc,#f8efe4,#eee2d4);border-color:#d8c4ad;color:#7b5a35}
html[data-theme="light"] .hero p{color:#75695e}
html[data-theme="light"] .search{background:rgba(255,255,255,.96);border-color:#d9c8b6;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.8)}
html[data-theme="light"] .search input{color:#2f261e}html[data-theme="light"] .search input::placeholder{color:#9a8b7d}
html[data-theme="light"] .chip,html[data-theme="light"] .filter,html[data-theme="light"] .version-chip{background:#fffaf4;border-color:#d8c6b2;color:#6f6153;box-shadow:none}
html[data-theme="light"] .chip:hover,html[data-theme="light"] .filter:hover,html[data-theme="light"] .version-chip:hover{background:#f0e6da;border-color:#b99670;color:#3f3328}
html[data-theme="light"] .section-head h2,html[data-theme="light"] .build h3,html[data-theme="light"] .support-title-row h3,html[data-theme="light"] .detail h1{color:#3b2d22}
html[data-theme="light"] .build,html[data-theme="light"] .support-card,html[data-theme="light"] .detail-hero{background:linear-gradient(180deg,#ffffff,#f8f3ed);border-color:#d9c9b8}
html[data-theme="light"] .build:hover,html[data-theme="light"] .support-card:hover{border-color:#b89570;background:linear-gradient(180deg,#fff,#f4ede5)}
html[data-theme="light"] .cover::before{background:linear-gradient(180deg,rgba(18,12,8,.02) 25%,rgba(18,12,8,.5))}
html[data-theme="light"] .tag{background:#f3e8dc;color:#765c42;border-color:#d9c4ae}html[data-theme="light"] .tag:nth-child(2n){background:#f6ecdd;color:#81612f}html[data-theme="light"] .tag:nth-child(3n){background:#e8eee4;color:#53624a}
html[data-theme="light"] .meta,html[data-theme="light"] .vote-row{border-top-color:#ded0c2}
html[data-theme="light"] .vote-date{color:#8c7660}html[data-theme="light"] .vote-btn{border-color:#d8c4af;background:#fffaf4;color:#685746}html[data-theme="light"] .vote-btn:hover{border-color:#b28b62;background:#f3e8dc;color:#3c2e22}html[data-theme="light"] .vote-btn.voted{border-color:#b8823f;background:#f6e7cf;color:#8f5f22}
html[data-theme="light"] .empty{background:#fff;border-color:#d8c8b6}
html[data-theme="light"] .source-btn{background:#f5eadf;color:#795725;border-color:#d6b995}html[data-theme="light"] .source-btn:hover{background:#ecdcca;color:#513a20}
html[data-theme="light"] .guide-shell,html[data-theme="light"] .build-guide-frame{background:#f7f2ec}
html[data-theme="light"] .support-info p,html[data-theme="light"] .support-head p{color:#7b6e61}html[data-theme="light"] .support-type{color:#7f6f5e;border-color:#d3c1ae}html[data-theme="light"] .support-open{color:#8d642c}
html[data-theme="light"] footer{background:rgba(237,228,218,.65);border-top-color:#d8c8b6;color:#796c60}
html[data-theme="light"] .theme-toggle{background:#fffaf4;border-color:#d8c6b2;color:#75542c}html[data-theme="light"] .theme-toggle:hover{background:#eee4d8;border-color:#b99670}
html[data-theme="light"] .theme-toggle .theme-icon-sun{display:block}html[data-theme="light"] .theme-toggle .theme-icon-moon{display:none}
@media(max-width:580px){.theme-toggle{width:36px;height:36px;flex-basis:36px}.theme-toggle svg{width:18px;height:18px}.nav{gap:10px}.menu{gap:4px}.menu a{padding:8px 9px}}

/* Light theme: website/channel icon containers */
html[data-theme="light"] .support-icon,
html[data-theme="light"] .support-admin-icon{background:#f6efe7;border-color:#d8c6b2;color:#6f5840;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
html[data-theme="light"] .support-icon.discord,
html[data-theme="light"] .support-admin-icon.discord{background:#f1edf8;border-color:#d1c9e3;color:#5865f2}

/* Top menu: push navigation to the right, next to theme toggle */
.nav .menu{margin-left:auto}
.nav .theme-toggle{margin-left:4px}


/* ===== Beginner / Getting Started ===== */
.menu a.active{background:#2b2119;color:#ecd7aa}
.beginner-page{padding-top:26px;padding-bottom:78px}
.beginner-hero{position:relative;overflow:hidden;min-height:190px;display:flex;align-items:center;padding:34px 38px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 76% 42%,rgba(199,137,59,.18),transparent 29%),linear-gradient(115deg,#2a1e16 0%,#1e1611 52%,#15100d 100%);box-shadow:var(--shadow)}
.beginner-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,7,5,.06),rgba(10,7,5,.18) 56%,rgba(10,7,5,.5))}
.beginner-hero-content{position:relative;z-index:2;max-width:680px}
.beginner-eyebrow{display:inline-block;color:#d6ad5a;font-size:.72rem;font-weight:900;letter-spacing:.13em}
.beginner-hero h1{margin:7px 0 7px;font-size:clamp(2.15rem,5vw,3.7rem);line-height:1;color:#f0dfbd;letter-spacing:-.045em}
.beginner-hero p{max-width:650px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.62}
.beginner-hero-mark{position:absolute;right:52px;top:50%;transform:translateY(-50%);color:rgba(240,217,149,.075);font-size:4.7rem;font-weight:950;letter-spacing:-.07em}
.beginner-breadcrumb{display:flex;gap:9px;align-items:center;margin:18px 2px 28px;color:#7f6c5b;font-size:.72rem}
.beginner-breadcrumb a:hover{color:#d9bd85}.beginner-breadcrumb b{color:#b8a38c}
.beginner-section{padding:11px 0 18px}
.beginner-section-title{display:flex;align-items:center;gap:9px;margin:0 0 13px}
.beginner-section-title span{width:3px;height:18px;border-radius:3px;background:#d09a4c}
.beginner-section-title h2{margin:0;color:#f0dfbd;font-size:1.12rem;text-transform:uppercase;letter-spacing:.015em}
.beginner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.beginner-card{min-width:0;overflow:hidden;background:linear-gradient(180deg,#241b15,#1a1410);border:1px solid #443225;border-radius:8px;transition:.16s ease;box-shadow:0 7px 18px rgba(0,0,0,.16)}
.beginner-card:hover{transform:translateY(-2px);border-color:#755538;background:linear-gradient(180deg,#2a1f18,#201711)}
.beginner-cover{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.beginner-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(11,7,5,.34))}
.beginner-cover-fallback{position:relative;z-index:1;color:rgba(245,220,171,.44);font-weight:950;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.beginner-card-body{padding:9px 10px 10px}
.beginner-card h3{margin:0;color:#dfcfb1;font-size:.78rem;line-height:1.35;text-align:center;font-weight:800}
.beginner-card p{margin:7px 0 0;color:var(--muted);font-size:.7rem;line-height:1.48;text-align:center}
.beginner-tags{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:7px}
.beginner-tags span{padding:3px 6px;border:1px solid #4d3828;border-radius:6px;background:#30231b;color:#bca483;font-size:.58rem;font-weight:750}
.beginner-grid-guides .beginner-card.is-featured{grid-column:span 2}
.beginner-grid-guides .beginner-card.is-featured .beginner-card-body{padding:10px 12px 11px}
.beginner-grid-guides .beginner-card.is-featured h3{font-size:.85rem}
.beginner-grid-campaign .beginner-card.is-featured{grid-column:span 2}
.beginner-empty{margin:10px 0 22px;padding:20px;border:1px dashed #5b422f;border-radius:14px;background:#1d1510;color:var(--muted);display:grid;gap:5px;font-size:.8rem}
.beginner-empty strong{color:#e6ce9d;font-size:.92rem}
@media(max-width:900px){.beginner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beginner-grid-guides .beginner-card.is-featured,.beginner-grid-campaign .beginner-card.is-featured{grid-column:span 1}}
@media(max-width:680px){.beginner-page{padding-top:17px}.beginner-hero{padding:26px 22px;min-height:165px;border-radius:15px}.beginner-hero-mark{display:none}.beginner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.beginner-grid{grid-template-columns:1fr}}
html[data-theme="light"] .menu a.active{background:#eee5da;color:#3d3025}
html[data-theme="light"] .beginner-hero{background:radial-gradient(circle at 76% 42%,rgba(191,139,72,.13),transparent 29%),linear-gradient(115deg,#fffaf4 0%,#f5ede4 60%,#eee4d9 100%);border-color:#d8c8b6}
html[data-theme="light"] .beginner-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(244,235,224,.16),rgba(226,211,195,.35))}
html[data-theme="light"] .beginner-hero h1,html[data-theme="light"] .beginner-section-title h2{color:#3b2d22}
html[data-theme="light"] .beginner-hero p{color:#75695e}
html[data-theme="light"] .beginner-hero-mark{color:rgba(117,84,44,.07)}
html[data-theme="light"] .beginner-breadcrumb{color:#8d7d6d}
html[data-theme="light"] .beginner-breadcrumb b{color:#5f5042}
html[data-theme="light"] .beginner-card{background:linear-gradient(180deg,#fff,#f8f3ed);border-color:#d9c9b8;box-shadow:0 7px 18px rgba(70,50,30,.06)}
html[data-theme="light"] .beginner-card:hover{background:linear-gradient(180deg,#fff,#f4ede5);border-color:#b89570}
html[data-theme="light"] .beginner-card h3{color:#46372b}
html[data-theme="light"] .beginner-card p{color:#7b6e61}
html[data-theme="light"] .beginner-tags span{background:#f3e8dc;border-color:#d9c4ae;color:#765c42}
html[data-theme="light"] .beginner-empty{background:#fffaf4;border-color:#d6c1aa;color:#786a5d}
html[data-theme="light"] .beginner-empty strong{color:#4a3829}

/* ===== ADMIN MAIN: GROUPED MANAGEMENT ===== */
.admin-manager-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 16px}
.admin-manager-tab{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;text-align:left;border:1px solid #49372b;background:#17110d;color:#c9bcad;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.admin-manager-tab:hover{border-color:#80613f;background:#1d1510;transform:translateY(-1px)}
.admin-manager-tab.is-active{border-color:#a77b42;background:linear-gradient(180deg,#2a1d12,#20160f);box-shadow:inset 0 0 0 1px #6b4b2a,0 6px 20px #0004}
.admin-manager-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #55402f;background:#100d0b;color:#d7ad6c;font-size:18px;font-weight:700}
.admin-manager-tab.is-active .admin-manager-icon{border-color:#9c7541;color:#f0ca8d;background:#2a1d12}
.admin-manager-tab span:last-child{min-width:0;display:grid;gap:2px}
.admin-manager-tab b{color:#decaa8;font-size:13px}
.admin-manager-tab small{color:#83776b;font-size:10px;line-height:1.35;white-space:normal}
.admin-manager-group{display:none}
.admin-manager-group.is-active{display:block}
.admin-manager-group>.panel:first-child,.admin-manager-group>.admin-grid:first-child{margin-top:0}
@media(max-width:820px){.admin-manager-nav{grid-template-columns:1fr}.admin-manager-tab{padding:11px 12px}.admin-manager-icon{width:34px;height:34px;flex-basis:34px}}


/* ===== ROADMAP ADMIN ===== */
.roadmap-admin-panel{overflow:hidden}
.roadmap-admin-panel .support-admin-head{align-items:center}
.roadmap-admin-frame{display:block;width:100%;height:calc(100vh - 190px);min-height:720px;border:0;background:#0f1114}
@media(max-width:820px){.roadmap-admin-frame{height:900px;min-height:760px}}

.guide-admin-frame{min-height:780px}


/* ===== BACK TO TOP — fixed to viewport ===== */
.back-to-top{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  left:auto !important;
  top:auto !important;
  z-index:10050 !important;
  width:42px;
  height:42px;
  margin:0 !important;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #6b4d31;
  border-radius:50%;
  background:linear-gradient(180deg,#2b2119,#17110d);
  color:#e5c47f;
  font:800 22px/1 Arial,"Segoe UI",sans-serif;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.32);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,
             background .18s ease,border-color .18s ease;
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.back-to-top:hover{
  background:linear-gradient(180deg,#3a2a1d,#21160f);
  border-color:#a77b42;
}
html[data-theme="light"] .back-to-top{
  background:#fffaf3;
  color:#74491f;
  border-color:#c9aa87;
  box-shadow:0 8px 24px rgba(73,49,28,.18);
}
html[data-theme="light"] .back-to-top:hover{
  background:#f3e6d7;
  border-color:#a97a4b;
}
@media(max-width:650px){
  .back-to-top{right:14px !important;bottom:14px !important;width:40px;height:40px}
}