.eyebrow{display:inline-block;font-size:10px;line-height:1.2;letter-spacing:.23em;color:var(--gold);font-weight:900}.muted{color:var(--muted)}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);margin-bottom:clamp(24px,3vw,36px)}.page-head>div{min-width:0}.page-head h1{margin:7px 0 0;font-size:clamp(34px,5.2vw,68px);line-height:.94;letter-spacing:-.052em;overflow-wrap:anywhere}.page-head p{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:clamp(14px,1.5vw,17px);line-height:1.6}
.card{min-width:0;height:auto;padding:clamp(18px,2.2vw,30px);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(18,22,22,.97),rgba(10,12,12,.98));box-shadow:var(--shadow-soft);overflow:hidden}.card.flat{box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);margin-bottom:var(--s4)}.card-head h2,.card-head h3{margin:0;line-height:1.08}.card h2{font-size:clamp(20px,2.4vw,30px)}.card h3{font-size:clamp(16px,1.8vw,21px)}
.btn,.link-btn,.tab{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:14px;min-height:46px;max-width:100%;padding:10px 15px;font-weight:850;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.btn.primary{background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:var(--gold);color:#171208}.btn.danger{background:#2a1212;border-color:#5c2a2a;color:#ffc0bd}.btn.ghost{background:transparent}.btn.small{min-height:40px;padding:8px 12px;font-size:12px}.link-btn{min-height:auto;border:0;background:transparent;color:var(--gold);padding:4px 0;border-radius:0;font-size:11px}.tab{min-height:42px;border-radius:999px;background:transparent;color:var(--muted);font-size:11px}.tab.is-active{background:var(--text);border-color:var(--text);color:#101212}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:29px;max-width:100%;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:#cfd5d5;font-size:9px;line-height:1.15;font-weight:850;letter-spacing:.09em;text-align:center;white-space:normal}.badge.gold{border-color:#5a4d31;color:var(--gold)}.badge.green{border-color:#2e5c48;color:var(--green)}.badge.black{border-color:#6b5730;color:var(--gold-hi);background:#0a0a09;box-shadow:0 0 26px rgba(213,181,107,.08)}
.top-actions>button{min-height:48px;border:1px solid var(--line);background:var(--panel);border-radius:15px}.search-trigger{display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted)}.search-icon{font-size:20px}.menu-trigger{display:grid;place-items:center;width:50px;padding:0;color:var(--gold)}.menu-trigger span{font-size:28px;font-weight:500;line-height:1;transform:translateY(-2px)}.profile-chip{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;max-width:245px}.profile-copy{display:flex;flex-direction:column;text-align:left;min-width:0}.profile-copy strong{font-size:12px}.profile-copy small{margin-top:2px;font-size:9px;color:var(--muted);white-space:nowrap}.avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#2b2e2f,#111414);border:1px solid var(--line);font-size:11px;font-weight:900;color:var(--gold)}.avatar-self{background:linear-gradient(145deg,#3a3325,#18140e)}
.field-label{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.14em}.field-input,.select{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#0d1010;color:var(--text)}.form-stack{display:grid;gap:var(--s4)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);align-items:end}.form-grid>.btn{align-self:end}.form-error{min-height:0;color:var(--red);font-size:11px;line-height:1.5}.helper{color:var(--muted);font-size:10px;line-height:1.55}.notice{padding:16px 18px;border:1px solid #5b4c29;border-radius:15px;background:rgba(213,181,107,.08);color:#e4d09a;line-height:1.55;font-size:12px}.empty{padding:24px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);line-height:1.55}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}.stat{padding:18px;border:1px solid var(--line-soft);border-radius:17px;background:rgba(255,255,255,.014)}.stat>span{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;font-weight:850}.stat strong{display:block;margin-top:9px;font-size:clamp(20px,3vw,32px);line-height:1.02;font-variant-numeric:tabular-nums}.stat small{display:block;margin-top:7px;color:var(--gold);font-size:9px}
.progress-track,.contract-progress>div,.circle-progress>div,.world-progress>div,.prestige-bar{height:9px;border-radius:999px;background:#202526;overflow:hidden}.progress-track>span,.contract-progress>div>span,.circle-progress>div>span,.world-progress>div>span,.prestige-bar>span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--gold-deep),var(--gold-hi))}
.compact-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:13px 0;border-bottom:1px solid var(--line-soft)}.compact-row:last-child{border-bottom:0}.compact-row span{color:var(--muted);font-size:11px}.compact-row strong{font-size:12px}
.history-list,.rank-list,.activity-list,.lock-list{display:grid;gap:9px}.history-row,.rank-row,.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line-soft);background:rgba(255,255,255,.012);border-radius:14px;min-width:0}.history-row strong,.rank-row strong,.activity-row strong{font-size:12px}.history-row small,.rank-row small,.activity-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.history-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;color:var(--gold)}.amount{font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:900}.amount.plus{color:var(--green)}.amount.minus{color:#e5d5b0}.rank-row{width:100%;grid-template-columns:44px auto minmax(0,1fr) auto;border:1px solid var(--line-soft);color:inherit;text-align:left;cursor:pointer}.rank-num{font-size:18px;font-weight:900;color:var(--gold);text-align:center}.rank-value{font-size:clamp(13px,2vw,19px);font-weight:900;text-align:right}.rank-person{min-width:0}
.tab-row,.history-filters,.transfer-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.tab-row::-webkit-scrollbar,.history-filters::-webkit-scrollbar,.transfer-tabs::-webkit-scrollbar{display:none}.tab-row .tab,.history-filters .tab,.transfer-tabs .tab{flex:0 0 auto}
.modal{width:auto;max-width:none;border:0;padding:0;background:transparent;color:var(--text)}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}.modal-box{width:min(calc(100vw - 28px),680px);max-height:min(82dvh,820px);overflow:auto;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:24px;background:#0b0d0d;box-shadow:0 34px 100px rgba(0,0,0,.6)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-head h2{margin:5px 0 0;font-size:24px}.icon-btn{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-size:24px}.dialog-copy{color:var(--muted);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.search-results{display:grid;gap:9px;margin-top:16px}.search-result{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;text-align:left}.search-result strong{font-size:12px}.search-result small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.nav-menu-dialog{position:fixed;top:calc(var(--header-h) + var(--safe-top) + 8px);right:clamp(14px,3vw,34px);bottom:auto;left:auto;margin:0;max-width:calc(100vw - 28px)}.nav-menu-box{width:min(calc(100vw - 28px),1040px);max-height:min(calc(100dvh - var(--header-h) - var(--safe-top) - 26px),900px);transform-origin:top right}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.menu-grid button{min-height:94px;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px;border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.015);color:inherit;text-align:left}.menu-grid button>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;color:var(--gold)}.menu-grid button strong{font-size:13px}.menu-grid button small{align-self:start;color:var(--muted);font-size:9px;line-height:1.35}.menu-grid button.is-active{border-color:#5a4d31;background:rgba(213,181,107,.06)}.menu-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}.menu-footer span{font-size:8px;letter-spacing:.14em;color:var(--muted)}
.toast-region{position:fixed;z-index:140;right:calc(16px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));display:grid;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{padding:13px 15px;border:1px solid #315b48;border-radius:14px;background:#0f1915;color:#d5f2e3;box-shadow:var(--shadow);font-size:12px}.toast.bad{border-color:#653132;background:#201010;color:#ffd0ce}.toast.is-leaving{opacity:0;transform:translateY(8px)}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.profile-copy{display:none}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-menu-dialog{top:calc(var(--header-h) + var(--safe-top) + 6px);right:12px;max-width:calc(100vw - 24px)}.nav-menu-box{width:calc(100vw - 24px);max-height:calc(100dvh - var(--header-h) - var(--safe-top) - 18px)}.rank-row{grid-template-columns:38px auto minmax(0,1fr)}.rank-value{grid-column:3;text-align:left;margin-top:-4px}.history-row{grid-template-columns:auto minmax(0,1fr)}.history-row .amount{grid-column:2;text-align:left}.page-head{align-items:flex-start}.page-head>.btn{width:100%}}
@media(max-width:420px){.menu-grid{grid-template-columns:1fr}.menu-grid button{min-height:76px}.card{padding:17px;border-radius:19px}.dialog-actions>*{flex:1 1 100%}.top-actions>button{min-height:44px}.search-trigger,.menu-trigger{width:44px;padding:0;justify-content:center}.mobile-brand strong{font-size:11px}.page-head h1{font-size:38px}}