:root{font-family:Georgia,"Times New Roman",serif;color:#e8e1d5;background:#10100f;--gold:#c5a76b;--gold2:#8e7446;--red:#8f241f;--panel:#1a1917;--panel2:#24211d;--line:#4a4031;--muted:#aaa092}*{box-sizing:border-box}html{background:#0d0d0c}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#3c2a22 0,#171514 35%,#0e0e0d 80%);color:#e8e1d5}.topbar{height:5px;background:linear-gradient(90deg,#3b0e0d,#b83a2f,#e18355,#a52d26,#3b0e0d);box-shadow:0 0 18px #a62d2388}.wrap{max-width:1240px;margin:auto;padding:30px 28px 60px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:1px solid #5c4b34;padding:8px 2px 20px;position:relative}.hero:after{content:"";position:absolute;left:0;bottom:-2px;width:160px;height:3px;background:linear-gradient(90deg,#b74a35,transparent)}.eyebrow{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.2em;color:#b89b67;margin-bottom:8px}h1{margin:0;font-size:38px;font-weight:500;letter-spacing:.01em;text-shadow:0 2px 3px #000}h1 span{color:#d7b879}h2{font-weight:500;margin:0;font-size:24px}.hero p,.sectionTitle p,p{color:#aaa092}.hero p{margin:5px 0 0}.cards{display:grid;grid-template-columns:1.1fr 1.35fr .8fr .9fr;gap:12px;margin:18px 0}.card,.panel,.item,.plan,.notice,.statusCard,.syncInfo{background:linear-gradient(180deg,#24211e,#171615);border:1px solid #4c4234;box-shadow:inset 0 1px #ffffff0b,0 4px 14px #0005}.card{padding:15px 17px;min-height:88px;position:relative}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#725f3f}.card span,.toolbar label>span{display:block;color:#a99065;font:700 10px Arial,sans-serif;letter-spacing:.13em}.card strong{display:block;font-size:25px;margin-top:7px;color:#eee4d2;font-weight:500}.card small{display:block;margin-top:3px;color:#8f8679;font:11px Arial,sans-serif}.apCard strong{color:#e4c77e}.statusCard{margin:18px 0;padding:13px 16px;display:flex;align-items:center;gap:12px}.statusCard p{margin:3px 0 0;font:13px Arial,sans-serif}.statusCard strong{font:700 14px Arial,sans-serif}.statusRune{width:13px;height:13px;transform:rotate(45deg);border:1px solid #81705a;background:#494238}.statusOk{border-color:#4c674b;background:linear-gradient(180deg,#1f2b20,#151a15)}.statusOk .statusRune{background:#709565;box-shadow:0 0 10px #80a97588}.statusError{border-color:#70403a;background:#251817}.statusError .statusRune{background:#b34b40}.statusLoading .statusRune{animation:pulse 1.2s infinite}.syncInfo{padding:10px 14px;margin:-4px 0 18px;color:#aaa092;font:12px/1.5 Arial,sans-serif}.syncInfo strong{color:#d2b77c}.toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:14px;margin:18px 0 28px}.toolbar label{display:grid;gap:5px}.searchLabel{flex:1;min-width:240px}select,input,button{font:13px Arial,sans-serif;background:#171615;color:#eee5d5;border:1px solid #514637;border-radius:2px;padding:9px 11px}input{width:100%}select:focus,input:focus,button:focus{outline:1px solid #a78a58;outline-offset:1px}button{cursor:pointer;background:linear-gradient(180deg,#3a332a,#211e1a);color:#decba6;border-color:#66563f;text-shadow:0 1px #000}button:hover{border-color:#aa8654;background:linear-gradient(180deg,#4b4033,#28231d)}button.secondary{white-space:nowrap}.ghost{margin-left:auto;color:#9f9587}.sectionTitle{display:flex;align-items:baseline;gap:14px;margin:30px 0 12px;border-bottom:1px solid #473c2d;padding-bottom:7px}.sectionTitle p{font:12px Arial,sans-serif;margin:0}.list{display:grid;gap:7px}.item{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:10px 12px;position:relative}.item:hover{border-color:#806b49;background:linear-gradient(180deg,#2b2722,#1a1816)}.achievementIcon{width:52px;height:52px;border:1px solid #756346;background:#0f0f0e;padding:2px;display:grid;place-items:center;box-shadow:0 0 0 2px #211d18}.achievementIcon img{width:46px;height:46px;object-fit:cover}.achievementIcon span{color:#9d8252}.itemTitle{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.itemTitle strong{font-size:17px;font-weight:500;color:#eee4d2}.itemTitle em{font:10px Arial,sans-serif;color:#907e63;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.itemBody p{font:12px/1.45 Arial,sans-serif;color:#8f887d;margin:7px 0 0}.meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.pill{font:11px Arial,sans-serif;background:#161513;border:1px solid #3f392f;padding:3px 6px;color:#aaa092}.pill.ap{color:#e1c071;border-color:#665537}.actions{display:flex;gap:6px}.hideBtn{width:32px;padding:7px;color:#8e8172}.plan{padding:0;overflow:hidden}.planHeadline{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 17px;background:#211e1a;border-bottom:1px solid #504333}.planHeadline span{font:12px Arial,sans-serif;color:#aaa092}.planHeadline strong{font-size:23px;color:#e0c174;font-weight:500}.planHeadline small{font:11px Arial,sans-serif;color:#8f8679}.plan ol{list-style:none;margin:0;padding:0}.plan li{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:10px 17px;border-bottom:1px solid #2f2a24;align-items:center}.plan li b{font-weight:500;color:#d8b967}.plan li em{font:11px Arial,sans-serif;color:#928778;font-style:normal}.notice{padding:16px;border-color:#785b33;background:#282016}.loading,.empty{padding:26px;text-align:center;color:#9f9588;border:1px dashed #4a4033;font:13px Arial,sans-serif}footer{margin-top:28px;color:#786f64;font:11px/1.5 Arial,sans-serif}code{color:#d8bd81;background:#151412;padding:1px 4px}a{color:#d5b46e}
/* Guide modal */
dialog{width:min(900px,calc(100vw - 28px));max-height:min(88vh,900px);padding:0;border:1px solid #746044;border-radius:2px;background:#171614;color:#e8e1d5;box-shadow:0 24px 80px #000c;overflow:hidden}dialog::backdrop{background:#050505c9;backdrop-filter:blur(2px)}.guideShell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:88vh;min-height:320px}.guideTop{height:48px;display:flex;align-items:center;border-bottom:1px solid #4b4032;background:linear-gradient(180deg,#2d2822,#1d1a17);padding:0 8px}.guideTopSpacer{flex:1}.close,.guideBack{border:0;background:transparent;box-shadow:none}.close{font:28px/1 Arial,sans-serif;width:40px;height:40px;color:#b9a98e;padding:0}.guideBack{color:#c9ae77}.guideContent{overflow:auto;padding:0 24px 24px;min-width:0}.guideHeader{padding:24px 0 15px;border-bottom:1px solid #493e31}.guideHeader h2{font-size:28px;margin:7px 0 3px;color:#eadfcb}.guideHeader p{margin:0;font:12px Arial,sans-serif}.guideSource{display:inline-block;font:700 10px Arial,sans-serif;letter-spacing:.12em;border:1px solid #66533a;padding:3px 6px;color:#d9bc7b}.guideSource.en{border-color:#52647a;color:#a9bfdb}.guideArticle{padding:16px 0}.wikiExcerpt{white-space:pre-wrap;font:14px/1.7 Arial,sans-serif;color:#cec5b7;margin:0}.relatedGuides{border-top:1px solid #463c30;padding-top:17px}.relatedGuides h3{margin:0 0 4px;font-size:18px;font-weight:500;color:#d9c6a1}.relatedGuides>p{font:12px Arial,sans-serif;margin:0 0 12px}.relatedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.relatedGrid button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guideFooter{margin-top:18px;padding-top:14px;border-top:1px solid #40372c;font:12px Arial,sans-serif}.guideLoading,.guideEmpty{padding:48px 10px;text-align:center;font:13px Arial,sans-serif;color:#aaa092}@keyframes pulse{50%{opacity:.35}}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.item{grid-template-columns:54px 1fr}.actions{grid-column:2}.hero{align-items:flex-start;flex-direction:column}.relatedGrid{grid-template-columns:1fr}}@media(max-width:540px){.wrap{padding:18px 12px 40px}h1{font-size:30px}.cards{grid-template-columns:1fr}.item{grid-template-columns:46px 1fr;padding:9px}.achievementIcon{width:42px;height:42px}.achievementIcon img{width:36px;height:36px}.actions{grid-column:1/-1;justify-content:flex-end}.guideContent{padding:0 14px 18px}.planHeadline,.plan li{grid-template-columns:1fr auto}.planHeadline small,.plan li em{grid-column:1/-1}.ghost{margin-left:0}}
/* v1.3 layout */
.sectionTitle{justify-content:space-between;align-items:center}.sectionTitle .ghost{margin-left:auto}.sessionInline{display:flex;align-items:center;gap:8px;font:12px Arial,sans-serif;color:#b7aa95}.rank{width:26px;height:26px;border:1px solid #7d6746;display:grid;place-items:center;color:#e2c27a;background:#1a1713;font:700 12px Arial,sans-serif}.timePill{padding:3px 6px;background:#161513;border:1px solid #3f392f;color:#aaa092;text-shadow:none}.achievementPanel{margin-top:34px;border:1px solid #574a38;background:linear-gradient(180deg,#211f1b,#141311);box-shadow:0 7px 24px #0008}.achievementPanelHead{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:16px 18px;border-bottom:1px solid #5d4e3a;background:linear-gradient(180deg,#2a261f,#1b1815)}.panelKicker{font:700 10px Arial,sans-serif;letter-spacing:.18em;color:#c0a16b}.panelTools{display:flex;gap:9px;align-items:center}.panelTools input{width:min(360px,38vw)}.achievementTree{padding:8px}.group,.cat{border:1px solid #3d352a;background:#171613;margin:6px 0}.group>summary,.cat>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.group>summary::-webkit-details-marker,.cat>summary::-webkit-details-marker{display:none}.group>summary{padding:12px 14px;background:linear-gradient(180deg,#28231e,#1d1a17);color:#dbc9a6;font-size:18px;border-left:3px solid #967542}.cat>summary{padding:10px 13px;background:#1c1a17;color:#c7b798;font:14px Arial,sans-serif;border-left:2px solid #5f513e}.group summary b,.cat summary b{font:11px Arial,sans-serif;color:#a68e67;border:1px solid #4b4032;padding:2px 7px;background:#12110f}.groupBody{padding:6px 8px 10px}.catItems{padding:6px}.catItems .item{margin:5px 0;background:linear-gradient(180deg,#211f1b,#171614)}.catItems .item .rank{display:none}.linkButton{display:block;text-decoration:none;font:13px Arial,sans-serif;background:linear-gradient(180deg,#3a332a,#211e1a);color:#decba6;border:1px solid #66563f;padding:9px 11px}.timeExplain{padding:22px 0;font:14px/1.6 Arial,sans-serif}.timeExplain h2,.timeExplain h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#eadfcb}.formula{padding:13px 15px;margin:14px 0;border:1px solid #5d4c36;background:#12110f;color:#e1c179;font:13px/1.5 monospace}.timeExplain dl{display:grid;grid-template-columns:1fr auto;gap:0;margin:16px 0;border:1px solid #40372c}.timeExplain dt,.timeExplain dd{margin:0;padding:9px 11px;border-bottom:1px solid #302a22}.timeExplain dd{text-align:right;color:#d9be82}.guideShell.compact{min-height:0}.guideSource{background:#15130f}.guideArticle{max-width:100%}.wikiExcerpt{overflow-wrap:anywhere}.guideContent{min-width:0}.relatedGrid{align-items:stretch}.relatedGrid>*{min-width:0}.actions{white-space:nowrap}
@media(max-width:760px){.achievementPanelHead{align-items:stretch;flex-direction:column}.panelTools{flex-direction:column;align-items:stretch}.panelTools input{width:100%}.sectionTitle{align-items:flex-start;flex-direction:column}.item{grid-template-columns:34px 46px 1fr}.item .actions{grid-column:3}.catItems .item{grid-template-columns:46px 1fr}.catItems .item .achievementIcon{grid-column:1}.catItems .item .itemBody{grid-column:2}.catItems .item .actions{grid-column:2}.rank{grid-column:1}.achievementIcon{grid-column:2}.itemBody{grid-column:3}.actions{grid-column:3}}