:root{
  --grey:#888888;
  --light-orange:#ffaa00;
  --orange:#ff6a00;
  --white:#e8e8e8;
  --bg:#202020;
  --panel:#071014;
  --panel2:#0d1a1f;
  --brown:#4d321f;
  --brown2:#604027;
  --cyan:#9ee9df;
  --line:#7a3e08;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--white);overflow:hidden;font-size:14px}
button,input,select{font:inherit}
#cubeBackground{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:#222}
.app-shell{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(74,48,31,.95) 0 164px,rgba(34,34,34,.9) 164px 100%)}
.topbar{height:70px;display:flex;align-items:flex-start;justify-content:space-between;padding:8px 22px 0;border-top:3px solid #1b1b1b}
.brand-block{display:flex;gap:10px;align-items:center}.brand-icon{width:50px;height:50px;object-fit:contain}.brand-title{font-weight:900;font-size:27px;color:var(--light-orange);line-height:25px}.brand-subtitle{font-size:12px;font-weight:700;color:#ddd;display:none}.top-actions{display:flex;gap:10px;align-items:center}.small{padding:9px 18px;border-radius:6px;font-weight:800;font-size:12px}.dark{background:#18262e;color:var(--white);border:1px solid #37505c}.orange,.primary{background:var(--orange);color:#080808;border:1px solid #ff8a22}.secondary{background:var(--light-orange);color:#080808;border:1px solid #ffc24a}.account-bubble{width:44px;height:44px;border-radius:50%;border:3px solid var(--orange);background:#10171b;color:#fff;display:grid;place-items:center;overflow:hidden}.account-bubble canvas{width:100%!important;height:100%!important}.account-bubble span{font-weight:900;color:var(--light-orange)}
.tabs{height:74px;display:flex;align-items:flex-end;gap:24px;padding:0 0 0 0;border-bottom:2px solid #a75a09}.tab{height:47px;min-width:103px;padding:0 24px;border:1px solid transparent;background:transparent;color:#fff;font-weight:900;font-size:12px}.tab:hover,.tab.active{background:#6b401d;border-color:#ba6408}.tab.locked::after{content:" LOCKED";color:#aaa;font-size:9px;margin-left:6px}.pages{flex:1;overflow:auto;padding:0 18px 28px}.page{display:none;min-height:100%;padding-top:18px}.page.active{display:block}.page-title,.section-title{color:var(--light-orange);font-size:27px;line-height:1;margin:0 0 16px}.page-subtitle{color:var(--cyan);font-weight:700;margin-top:-8px}.launcher-card{background:rgba(7,16,20,.96);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.55);overflow:hidden}.hero{min-height:232px;background:rgba(96,64,39,.94);display:flex;align-items:center;justify-content:space-between;padding:28px 76px}.hero h1{font-size:54px;margin:0 0 16px;color:var(--light-orange)}.hero h2{font-size:20px;margin:0 0 10px;color:var(--white)}.hero p{font-size:16px;font-weight:800;color:var(--white);margin:0 0 18px}.button-row{display:flex;gap:10px}.button-row button{width:160px;height:45px;border-radius:6px;font-weight:900}.hero-avatar-wrap{position:relative;width:360px;height:180px;display:grid;place-items:center}.avatar-render{position:relative;background:transparent}.avatar-render.large{width:320px;height:205px}.avatar-render.editor{width:180px;height:240px}.splash-word{position:absolute;right:30px;top:-6px;color:#d8f300;font-size:17px;font-weight:900;transform:rotate(-15deg);z-index:5}.info-grid{display:grid;gap:10px;margin-top:12px}.info-grid.three{grid-template-columns:repeat(3,1fr)}.info-grid.two{grid-template-columns:repeat(2,1fr)}.mini{padding:14px}.mini h3,.news-grid h3,.launcher-card h3{margin:0 0 8px;color:#eee56c}.mini p{margin:0 0 2px;color:var(--cyan);font-weight:800}.mini small{color:#c8d5d7;font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.news-grid article{min-height:98px;padding:14px}.news-grid p{color:var(--cyan);font-weight:700;margin:0;line-height:1.45}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:980px}.form-card{padding:18px}.form-card label{display:block;margin:12px 0 0;font-weight:800;color:#dcebed}.form-card input,.settings-card input{width:100%;height:38px;margin-top:5px;padding:8px;background:#202020;border:1px solid #7a3e08;border-radius:5px;color:#fff}.full{width:100%;height:42px;border-radius:6px;font-weight:900;margin-top:14px}.muted{color:#9fb2b7;font-weight:700}.hidden{display:none!important}.account-home{padding:18px;margin-bottom:10px}.avatar-editor-card{display:grid;grid-template-columns:175px 1fr;min-height:390px}.avatar-side{background:#071014;display:flex;flex-direction:column;align-items:center;padding:10px 8px;border-right:1px solid #12303a}.avatar-side strong{color:var(--light-orange);font-size:12px;margin-top:2px}.editor-main{padding:0 14px 10px}.subtabs{display:flex;height:48px;align-items:center;gap:2px}.subtab{height:32px;padding:0 18px;background:transparent;color:#fff;border:1px solid transparent;font-weight:900;font-size:12px}.subtab.active{background:#6b401d;border-color:#ba6408}.editor-panel{display:none}.editor-panel.active{display:block}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-grid label,.hair-color{display:block;color:#cbd5d8;font-weight:900}.color-grid input[type=color],.hair-color input[type=color]{width:100%;height:31px;background:#202020;border:1px solid #7a3e08;border-radius:5px;padding:0}.save-avatar{margin-top:170px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.asset-grid.wide{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.asset-card{background:#0d1a1f;border:1px solid #7a3e08;border-radius:9px;padding:10px;min-height:112px;display:flex;flex-direction:column;gap:8px;position:relative}.asset-card.equipped{border-color:var(--light-orange);box-shadow:0 0 0 1px var(--light-orange) inset}.asset-card.locked{opacity:.65}.asset-thumb{height:70px;background:#05080a;border-radius:6px;display:grid;place-items:center;overflow:hidden}.asset-thumb img{max-width:100%;max-height:100%;object-fit:contain}.asset-thumb .mini-avatar{width:80px;height:70px}.asset-card h3{margin:0;color:#eee56c;font-size:14px}.asset-card p{margin:0;color:var(--cyan);font-size:12px;font-weight:800}.asset-card button{margin-top:auto;height:31px;border-radius:5px;font-weight:900}.padded{padding:16px}.lock-card{max-width:620px;padding:28px}.lock-card h2{margin:0 0 10px;color:var(--light-orange)}.server-card{padding:18px;max-width:960px}.server-card pre{white-space:pre-wrap;background:#05090b;border:1px solid #20343c;border-radius:6px;padding:14px;color:#bceee7}.settings-card{max-width:820px}.check-row{display:flex!important;gap:10px;align-items:center}.check-row input{width:auto!important;height:auto!important}.toast{position:fixed;right:18px;bottom:70px;z-index:10;background:#091215;border:1px solid var(--orange);border-radius:8px;padding:12px 16px;color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.6);display:none}.toast.show{display:block}.rarity-common{color:#eee}.rarity-epic{color:var(--light-orange)}.rarity-legendary{color:#d82121}.locked-note{color:#ffb1a8}.observer-note{color:#b9aaa0}
.search-bar-wrap{display:flex;gap:10px;align-items:center;padding:14px 18px;margin-bottom:14px}.search-input{flex:1;height:42px;padding:0 14px;background:#0d1a1f;border:1px solid var(--line);border-radius:6px;color:#fff;font-size:14px;font-weight:700;outline:none}.search-input:focus{border-color:var(--orange)}.search-go-btn{height:42px;padding:0 28px;flex-shrink:0}.search-results-label{color:var(--white);font-size:18px;font-weight:900;margin:0 0 14px}.search-player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.search-player-card{background:#0d1a1f;border:1px solid var(--line);border-radius:10px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.search-player-card:hover{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}.spc-avatar-wrap{width:90px;height:110px;display:flex;align-items:center;justify-content:center}.spc-avatar{width:90px!important;height:110px!important}.spc-name{font-size:14px;font-weight:900;color:var(--light-orange);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.spc-meta{font-size:11px;color:#8fa3b8;font-weight:700;text-align:center}.search-empty{color:#8fa3b8;font-weight:700;padding:28px 0;text-align:center}.search-error{color:#ffb1a8;font-weight:700;padding:18px 0}.search-spinner{color:#8fa3b8;font-weight:700;padding:18px 0;text-align:center}
.profile-content{min-height:100%}.profile-back-btn{background:transparent;border:1px solid #37505c;color:#8fa3b8;border-radius:6px;padding:8px 16px;font-weight:800;cursor:pointer;margin-bottom:18px;font-size:13px}.profile-back-btn:hover{border-color:var(--orange);color:var(--white)}.profile-hero{display:flex;align-items:flex-end;gap:28px;background:rgba(96,64,39,.7);border:1px solid var(--line);border-radius:12px;padding:28px 36px;margin-bottom:22px;min-height:220px}.profile-avatar-3d{width:160px;height:220px;flex-shrink:0}.profile-hero-info{flex:1}.profile-username{font-size:42px;font-weight:900;color:var(--light-orange);line-height:1;margin-bottom:6px}.profile-handle{font-size:15px;color:#8fa3b8;font-weight:700;margin-bottom:10px}.profile-join{font-size:13px;color:var(--cyan);font-weight:700}.profile-section-title{font-size:22px;font-weight:900;color:var(--light-orange);margin:0 0 14px}.profile-items-grid{display:flex;gap:12px;flex-wrap:wrap}.profile-item-card{background:#0d1a1f;border:1px solid var(--line);border-radius:9px;padding:12px;width:140px;display:flex;flex-direction:column;align-items:center;gap:6px}.profile-item-thumb{width:80px;height:80px;background:#05080a;border-radius:6px;display:grid;place-items:center;overflow:hidden}.profile-item-name{font-size:12px;font-weight:900;color:#eee56c;text-align:center}.profile-item-rarity{font-size:11px;font-weight:700;text-align:center}
@media(max-width:980px){.search-player-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.profile-hero{flex-direction:column;align-items:flex-start;padding:20px}.profile-username{font-size:28px}}
@media(max-width:980px){html,body{overflow:auto}.app-shell{min-height:100%;height:auto}.topbar{height:auto}.tabs{overflow:auto;gap:4px}.hero{padding:28px;flex-direction:column;align-items:flex-start}.info-grid.three,.news-grid,.account-grid{grid-template-columns:1fr}.avatar-editor-card{grid-template-columns:1fr}.pages{padding-bottom:20px}}
.avatar-render canvas,
.avatar-canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.forum-content{min-height:100%}
.forum-cat-grid{display:flex;flex-direction:column;gap:8px}
.forum-cat-card{display:flex;align-items:center;gap:16px;background:#0d1a1f;border:1px solid var(--line);border-radius:10px;padding:16px 20px;cursor:pointer;transition:border-color .15s}
.forum-cat-card:hover{border-color:var(--orange)}
.forum-cat-icon{font-size:28px;width:40px;text-align:center;flex-shrink:0}
.forum-cat-info{flex:1}
.forum-cat-name{font-size:16px;font-weight:900;color:var(--light-orange)}
.forum-cat-desc{font-size:12px;color:#8fa3b8;font-weight:700;margin-top:2px}
.forum-cat-count{font-size:12px;color:#8fa3b8;font-weight:700;flex-shrink:0}
.forum-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:700;color:#8fa3b8}
.forum-bc-link{color:var(--cyan);cursor:pointer}.forum-bc-link:hover{color:var(--orange)}
.forum-bc-sep{color:#37505c}
.forum-threads-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.forum-new-btn{height:38px;padding:0 20px;font-size:13px}
.forum-thread-list{display:flex;flex-direction:column;gap:6px}
.forum-thread-row{display:flex;align-items:center;gap:16px;background:#0d1a1f;border:1px solid var(--line);border-radius:8px;padding:12px 16px;cursor:pointer;transition:border-color .15s}
.forum-thread-row:hover{border-color:var(--orange)}.forum-thread-row.pinned{border-color:#37505c}
.forum-thread-main{flex:1;min-width:0}
.forum-thread-title{font-size:14px;font-weight:900;color:#eee56c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-thread-meta{font-size:11px;color:#8fa3b8;font-weight:700;margin-top:3px}
.forum-thread-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;color:#8fa3b8;font-weight:700;flex-shrink:0}
.forum-thread-view{display:flex;flex-direction:column;gap:16px}
.forum-op{background:#0d1a1f;border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.forum-post-author{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.forum-author-name{font-size:14px;font-weight:900;color:var(--light-orange)}
.forum-author-meta{font-size:11px;color:#8fa3b8;font-weight:700}
.forum-post-body{font-size:14px;color:var(--white);line-height:1.65;white-space:pre-wrap;word-break:break-word}
.forum-reply-btn{background:transparent;border:none;color:#8fa3b8;font-weight:800;font-size:12px;cursor:pointer;margin-top:10px;padding:0}
.forum-reply-btn:hover{color:var(--cyan)}
.forum-replies-section{display:flex;flex-direction:column;gap:0}
.forum-replies-title{font-size:16px;font-weight:900;color:var(--light-orange);margin-bottom:12px}
.forum-reply{display:flex;gap:0;margin-top:10px;padding-left:calc(var(--depth,0) * 22px)}
.forum-reply-line{width:2px;background:#1e3040;border-radius:2px;margin-right:12px;flex-shrink:0;min-height:100%}
.forum-reply-content{flex:1;background:#071014;border:1px solid #12303a;border-radius:8px;padding:12px 14px}
.forum-compose{background:#0d1a1f;border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.forum-compose-label{font-size:13px;font-weight:900;color:var(--cyan);margin-bottom:8px}
.forum-textarea{width:100%;background:#071014;border:1px solid #253650;border-radius:6px;color:#fff;padding:10px;font-size:13px;resize:vertical;font-family:inherit}
.forum-textarea:focus{outline:none;border-color:var(--orange)}
.forum-compose-card{background:#0d1a1f;border:1px solid var(--line);border-radius:10px;padding:22px}
.forum-label{display:block;font-size:13px;font-weight:900;color:#dcebed}
.forum-input{width:100%;height:40px;margin-top:5px;padding:0 10px;background:#071014;border:1px solid #253650;border-radius:6px;color:#fff;font-size:13px}
.forum-input:focus{outline:none;border-color:var(--orange)}
@media(max-width:980px){.forum-thread-stats{display:none}.forum-reply{padding-left:calc(var(--depth,0)*12px)}}