:root{color:#172522;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172522;--muted:#71817b;--line:#dfe6df;--paper:#fbfcfa;--green:#1c473c;--green-deep:#142f29;--green-soft:#e8f0eb;--gold:#be8a32;--gold-soft:#f7edd8;--cyan:#2f8f91;--cyan-soft:#e2f2f1;--violet:#7b65a9;--violet-soft:#eeeaf8;--coral:#b86554;--coral-soft:#f9e9e4;background:#f4f6f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f4f6f2;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce8e1;background:var(--green-deep);z-index:20;flex-direction:column;width:244px;min-height:100vh;padding:25px 18px 19px;display:flex;position:relative}.sidebar-top{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.brand-mark{letter-spacing:.02em;color:inherit;align-items:center;gap:9px;font-size:14px;font-weight:750;display:inline-flex}.brand-mark svg{color:#d5a455}.sidebar-divider{background:#dfefe624;height:1px;margin:26px 8px 25px}.nav-caption,.section-kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.sidebar .nav-caption{color:#89a29a;margin:0 10px 10px}.main-nav{gap:4px;display:grid}.main-nav button{color:#9cb3aa;text-align:left;background:0 0;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 12px;transition:background .18s,color .18s;display:flex}.main-nav button:hover{color:#e9f1eb;background:#def0e714}.main-nav button.active{color:#fff;background:#caded126;box-shadow:inset 3px 0 #d4a253}.main-nav .nav-arrow{color:#d5a455;margin-left:auto}.sidebar-lower{margin-top:auto}.server-mini{border-top:1px solid #dfefe624;border-bottom:1px solid #dfefe624;align-items:flex-start;gap:10px;padding:14px 10px;display:flex}.server-mini small{color:#829a91;margin-bottom:3px;font-size:11px;display:block}.server-mini strong{color:#d7e5dc;max-width:160px;font-size:12px;font-weight:600;line-height:1.45;display:block}.status-dot{background:#75bc78;border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px;display:inline-block;box-shadow:0 0 0 3px #75bc781f}.sidebar-logout{color:#8ea69d;background:0 0;align-items:center;gap:9px;margin:22px 10px 0;font-size:12px;display:inline-flex}.sidebar-logout:hover{color:#fff}.close-nav{display:none!important}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fbfcfae0;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,4vw,62px);display:flex}.topbar-title,.topbar-actions,.user-chip,.profile-badges,.profile-meta,.intro-meta,.view-stamp,.formula-version,.ritual-count{align-items:center;display:flex}.topbar-title{color:#9aa8a2;gap:10px;font-size:13px}.topbar-title strong{color:var(--ink);font-weight:700}.topbar-actions{gap:18px}.icon-button{color:#698078;background:0 0;border-radius:4px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover{color:var(--green);background:#edf2ed}.icon-button.tiny{width:26px;height:26px}.menu-button{display:none}.user-chip{color:#43564f;gap:8px;font-size:13px;font-weight:650}.avatar-dot,.large-avatar,.rank-avatar{color:#fff;background:var(--green);border-radius:50%;place-items:center;display:inline-grid}.avatar-dot{width:30px;height:30px;font-size:13px}.content-wrap{width:min(1180px,100%);margin:0 auto;padding:38px clamp(22px,4vw,62px) 72px}.inline-alert{border:1px solid;border-radius:4px;align-items:center;gap:10px;min-height:44px;margin-bottom:16px;padding:10px 13px;font-size:13px;display:flex}.inline-alert span{place-items:center;display:grid}.inline-alert p{flex:1;margin:0}.inline-alert.error{color:#8d473d;background:#fff4f1;border-color:#f0c5bb}.inline-alert.success{color:#356a50;background:#eef7f0;border-color:#c3dfca}.inline-alert.success span{color:#3c9961}.identity-band{justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.profile-lockup{align-items:center;gap:16px;min-width:0;display:flex}.large-avatar{color:#f4e7ce;background:var(--green);border:5px solid #dbe7dd;flex:none;width:60px;height:60px;font-size:21px;font-weight:750}.profile-lockup h1{letter-spacing:.01em;margin:6px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(26px,3vw,34px);font-weight:500}.profile-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0;font-size:12px}.profile-meta span{background:#a9b7b0;border-radius:50%;width:3px;height:3px}.profile-badges{flex-wrap:wrap;justify-content:flex-end;gap:9px}.vip-badge,.server-badge,.status-label,.level-tag{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.vip-badge,.server-badge{border:1px solid;min-height:29px;padding:0 9px;font-size:11px;font-weight:700}.vip-badge{color:#986a21;background:var(--gold-soft);border-color:#e8d4a7}.server-badge{color:#4a7461;background:var(--green-soft);border-color:#c9dfd1}.server-badge .status-dot{margin-top:0}.route-badge{color:#326f74;background:var(--cyan-soft);border:1px solid #b9dddd;align-items:center;min-height:29px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.progress-layout,.combat-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px;margin-bottom:18px;display:grid}.section-band{background:var(--paper);border:1px solid var(--line);padding:24px 25px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2{letter-spacing:-.01em;margin:6px 0 0;font-size:17px;font-weight:750}.status-label{color:#9b702a;background:var(--gold-soft);letter-spacing:.04em;margin-top:1px;padding:5px 8px;font-size:10px;font-weight:750}.status-label.ready{color:#287055;background:var(--green-soft)}.realm-display{justify-content:space-between;align-items:center;gap:15px;min-height:138px;padding:18px 0 12px;display:flex}.realm-display>div:first-child{min-width:0}.realm-overline{color:var(--muted);margin-bottom:9px;font-size:12px;display:block}.realm-display strong{max-width:100%;color:var(--green);font-family:Georgia,Songti SC,serif;font-size:clamp(27px,3.4vw,39px);font-weight:500;display:inline-block}.level-tag{color:#8e6c35;vertical-align:middle;background:#fbf5e9;margin-left:10px;padding:5px 7px;font-size:11px;font-weight:700}.realm-seal{color:#b78839;background:#fcf8ed;border:1px solid #e6d2a8;border-radius:50%;flex:none;place-items:center;width:73px;height:73px;display:grid}.realm-seal span{margin-top:-16px;font-size:10px;font-weight:750}.progress-track{background:#e6ece6;border-radius:0;height:6px;overflow:hidden}.progress-track span{background:#4e9272;height:100%;display:block}.progress-foot{color:var(--muted);justify-content:space-between;gap:14px;margin-top:9px;font-size:11px;display:flex}.progress-foot span:last-child{text-align:right}.ritual-count{color:#4e8c66;gap:4px;font-size:11px;font-weight:700}.action-list{margin-top:17px;display:grid}.action-row{min-height:55px;color:var(--ink);text-align:left;background:0 0;border-bottom:1px solid #e8ede8;align-items:center;gap:11px;padding:7px 0;display:flex}.action-row:last-child{border-bottom:0}.action-row:not(:disabled):hover .action-icon{color:#fff;background:var(--green)}.action-icon{color:#4d8b68;background:var(--green-soft);flex:none;place-items:center;width:32px;height:32px;transition:all .18s;display:grid}.action-copy{flex:1;gap:3px;min-width:0;display:grid}.action-copy strong{font-size:13px}.action-copy small{color:var(--muted);font-size:11px}.resource-band{margin-bottom:18px}.inline-link{color:#49806a;background:0 0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.inline-link:hover{color:var(--green)}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.resource-tile{background:#fff;border:1px solid #e2e9e2;align-items:center;gap:10px;min-width:0;min-height:74px;padding:12px 11px;display:flex}.resource-tile>div{flex:1;gap:4px;min-width:0;display:grid}.resource-tile>div span,.combat-stat span,.power-stat span{color:var(--muted);font-size:11px}.resource-tile strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.resource-icon{flex:none;place-items:center;width:34px;height:34px;display:grid}.resource-icon.small{width:25px;height:25px}.resource-icon.gold{color:#b07a24;background:var(--gold-soft)}.resource-icon.cyan{color:#2c8586;background:var(--cyan-soft)}.resource-icon.violet{color:#715a9f;background:var(--violet-soft)}.resource-icon.coral{color:#a65d4e;background:var(--coral-soft)}.resource-icon.green{color:#3e8463;background:var(--green-soft)}.secondary-resource-row{border-top:1px solid #e7ece7;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px;padding-top:15px;display:grid}.secondary-resource{color:#667770;align-items:center;gap:7px;min-width:0;font-size:11px;display:flex}.secondary-resource span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.secondary-resource strong{color:var(--ink);margin-left:auto;font-size:12px}.combat-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:21px;display:grid}.combat-stat,.power-stat{background:#fff;border:1px solid #e2e9e2;align-items:center;gap:9px;min-width:0;min-height:58px;padding:10px;display:flex}.combat-stat>div,.power-stat>div{gap:4px;min-width:0;display:grid}.combat-stat strong{white-space:nowrap;font-size:16px}.power-stat{color:#866225;background:#fffaf0;border-color:#efdfbd}.power-stat strong{color:#a87522;font-size:16px}.power-note{display:none}.formula-version{color:#769087;border:1px solid #dce6de;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.next-step{background:#eef4ee;border-color:#d4e2d6;flex-direction:column;justify-content:center;align-items:flex-start;min-height:180px;display:flex}.next-step h3{margin:10px 0 6px;font-family:Georgia,Songti SC,serif;font-size:22px;font-weight:500}.next-step p{color:var(--muted);margin:0 0 17px;font-size:12px;line-height:1.65}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:750;transition:all .18s;display:inline-flex}.primary-button{color:#fff;background:var(--green)}.primary-button:hover{background:#28604f}.secondary-button{color:#356a50;background:#e0eee3}.secondary-button:hover{background:#d2e5d7}.route-choice-list{gap:6px;width:100%;display:grid}.route-choice{width:100%;min-height:47px;color:var(--green);text-align:left;background:#fff;border:1px solid #d6e3d8;align-items:center;gap:10px;padding:7px 10px;display:flex}.route-choice:not(:disabled):hover{background:#f5faf5;border-color:#91b49d}.route-choice>span{flex:1;gap:3px;min-width:0;display:grid}.route-choice strong{font-size:12px}.route-choice small{color:var(--muted);font-size:10px;line-height:1.35}.view-stack{gap:22px;display:grid}.view-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:21px;display:flex}.view-header h1{margin:7px 0;font-family:Georgia,Songti SC,serif;font-size:34px;font-weight:500}.view-header p:not(.section-kicker){color:var(--muted);margin:0;font-size:12px}.view-stamp{color:#9b702a;background:var(--gold-soft);letter-spacing:.08em;gap:7px;padding:7px 9px;font-size:10px;font-weight:800}.ranking-table,.activity-list,.rule-list{background:var(--paper);border:1px solid var(--line)}.ranking-row{border-bottom:1px solid #e7ece7;grid-template-columns:42px 36px minmax(0,1fr) 150px 20px;align-items:center;gap:13px;min-height:76px;padding:11px 20px;display:grid}.ranking-row:last-child{border-bottom:0}.rank-number{color:#9baaa3;font-family:ui-monospace,monospace;font-size:13px}.top-rank .rank-number{color:#b27d28;font-weight:800}.rank-avatar{width:32px;height:32px;font-size:12px}.rank-name{gap:4px;min-width:0;display:grid}.rank-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rank-name span,.rank-power span{color:var(--muted);font-size:11px}.rank-power{justify-items:end;gap:4px;display:grid}.rank-power strong{color:#a87522;font-size:15px}.ranking-row>svg{color:#9eaea6}.empty-band{background:var(--paper);border:1px solid var(--line);padding:56px 20px}.empty-state{text-align:center;place-items:center;gap:8px;min-height:180px;display:grid}.empty-emblem{color:#7b998b;background:var(--green-soft);border:1px solid #cee0d2;border-radius:50%;place-items:center;width:53px;height:53px;display:grid}.empty-state h3{margin:4px 0 0;font-family:Georgia,Songti SC,serif;font-size:21px;font-weight:500}.empty-state p{max-width:300px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.activity-row{border-bottom:1px solid #e7ece7;align-items:center;gap:20px;min-height:104px;padding:17px 20px;display:flex}.activity-row:last-child{border-bottom:0}.activity-date{color:#9b702a;background:var(--gold-soft);flex:none;justify-items:center;width:52px;padding:7px 0;display:grid}.activity-date span{font-size:15px;font-weight:800}.activity-date small{margin-top:4px;font-size:9px}.activity-copy{flex:1;min-width:0}.activity-copy h3{margin:0 0 6px;font-size:14px}.activity-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:12px;line-height:1.5;overflow:hidden}.activity-copy span{color:#9caaa3;font-size:10px}.rule-list{display:grid}.rule-row{border-bottom:1px solid #e7ece7;align-items:center;gap:13px;min-height:80px;padding:14px 20px;display:flex}.rule-row:last-child{border-bottom:0}.rule-row>div{flex:1;min-width:0}.rule-row strong{margin-bottom:4px;font-size:13px;display:block}.rule-row p{color:var(--muted);text-overflow:ellipsis;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45;overflow:hidden}.rule-version{color:#8d9e96;font-size:10px}.loading-state{min-height:280px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.no-player{text-align:center;place-items:center;gap:11px;min-height:390px;display:grid}.no-player h1{margin:4px 0 0;font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500}.no-player p:not(.section-kicker){max-width:430px;color:var(--muted);margin:0 0 9px;font-size:13px;line-height:1.7}.auth-layout{min-height:100vh;color:var(--ink);background:#f4f6f2;grid-template-columns:1.05fr .95fr;display:grid}.auth-atmosphere{background:var(--green-deep);position:absolute;inset:0 50% 0 0}.auth-intro{color:#e1ece4;z-index:1;flex-direction:column;justify-content:center;padding:11vh clamp(34px,9vw,142px);display:flex;position:relative}.auth-intro .brand-mark{position:absolute;top:31px;left:clamp(34px,9vw,142px)}.auth-intro .eyebrow{color:#9bb8a8;letter-spacing:.18em;margin:auto 0 18px;font-size:10px;font-weight:800}.auth-intro h1{letter-spacing:-.02em;margin:0 0 20px;font-family:Georgia,Songti SC,serif;font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1.18}.auth-intro h1 em{color:#d6a456;font-style:normal}.intro-copy{color:#a7bdb1;max-width:390px;margin:0;font-size:14px;line-height:1.8}.intro-meta{color:#8da69a;gap:18px;margin-top:auto;padding-top:70px;font-size:11px}.intro-meta span{align-items:center;gap:6px;display:inline-flex}.auth-form-wrap{flex-direction:column;justify-content:center;width:min(390px,100%);margin:0 auto;padding:50px 30px;display:flex}.auth-form-head{margin-bottom:29px}.auth-form-head h2{margin:9px 0 7px;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:500}.auth-form-head p{color:var(--muted);margin:0;font-size:13px}.auth-form{gap:18px;display:grid}.auth-form label{color:#4e6159;gap:8px;font-size:12px;font-weight:700;display:grid}.auth-form input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d4dfd7;border-radius:2px;outline:none;padding:0 12px;font-size:13px}.auth-form input:focus{border-color:#60977a;box-shadow:0 0 0 3px #e2efe5}.auth-submit{width:100%;margin-top:4px}.switch-auth{color:#468167;background:0 0;align-items:center;gap:5px;margin:22px 0 0;padding:0;font-size:12px;font-weight:700;display:inline-flex}.switch-auth:hover{color:var(--green)}.auth-footnote{color:#94a39c;gap:6px;margin:58px 0 0;font-size:11px;line-height:1.5;display:flex}.text-button{border:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.sidebar{transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:14px 0 30px #142f292e}.sidebar.is-open{transform:translate(0)}.close-nav{color:#b3c8bc;display:inline-grid!important}.nav-scrim{z-index:15;background:#0c1d186b;position:fixed;inset:0}.menu-button{display:inline-grid}.progress-layout,.combat-layout{grid-template-columns:1fr}}@media (width<=680px){.topbar{height:62px;padding:0 17px}.topbar-title{gap:7px;font-size:12px}.topbar-title .crumb{display:none}.topbar-actions{gap:4px}.user-chip span:last-child{display:none}.content-wrap{padding:24px 15px 48px}.identity-band{flex-direction:column;align-items:flex-start;margin-bottom:23px}.profile-badges{justify-content:flex-start;margin-top:-6px;margin-left:76px}.profile-lockup{gap:13px}.large-avatar{width:54px;height:54px}.profile-lockup h1{font-size:28px}.profile-meta{font-size:10px}.section-band{padding:20px 16px}.realm-display{min-height:125px}.realm-display strong{font-size:30px}.realm-seal{width:61px;height:61px}.progress-foot{flex-direction:column;align-items:flex-start;gap:4px}.progress-foot span:last-child{text-align:left}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resource-tile{min-height:68px;padding:10px 8px}.resource-tile strong{font-size:15px}.secondary-resource-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.combat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-header{flex-direction:column;align-items:flex-start}.view-header h1{font-size:30px}.ranking-row{grid-template-columns:28px 32px minmax(0,1fr) 90px 12px;gap:8px;padding:10px 11px}.rank-power strong{font-size:12px}.activity-row{gap:11px;padding:14px 11px}.activity-copy p{white-space:normal}.auth-layout{display:block}.auth-atmosphere{inset:0 0 55%}.auth-intro{justify-content:flex-start;min-height:390px;padding:100px 29px 40px}.auth-intro .brand-mark{top:25px;left:29px}.auth-intro .eyebrow{margin:auto 0 14px}.auth-intro h1{font-size:38px}.intro-copy{font-size:12px}.intro-meta{gap:11px;padding-top:28px;font-size:10px}.auth-form-wrap{background:#f4f6f2;width:100%;padding:40px 29px 48px}.auth-footnote{margin-top:42px}}