:root{color-scheme:dark;--ink:#100a0c;--panel:#171012;--panel2:#211416;--red:#d63443;--red2:#f04b57;--silver:#eee3dc;--muted:#c1b4ad;--line:rgba(220,190,176,.72);--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#321619 0,#170d10 52%,#0c090a 100%);color:var(--silver);font-family:var(--serif);line-height:1.45}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:20;height:69px;display:flex;align-items:center;padding:0 clamp(18px,4vw,42px);background:#090808;border-bottom:1px solid rgba(221,198,182,.38);box-shadow:0 4px 18px #0008}.brand{display:flex;align-items:center;flex:0 0 160px;height:100%}.brand img{display:block;width:135px;height:68px;object-fit:contain;mix-blend-mode:screen}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4.5vw,58px);flex:1;height:100%}.main-nav a{position:relative;height:100%;display:flex;align-items:center;padding:0 1px;color:#eee5df;font-size:14px;text-transform:uppercase;white-space:nowrap}.main-nav a.active:after{position:absolute;content:"";height:2px;bottom:12px;left:-10px;right:-10px;background:var(--red2);box-shadow:0 0 15px #ff3548}.menu-toggle{width:44px;height:44px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;margin-left:clamp(12px,3vw,36px);cursor:pointer}.menu-toggle span{width:100%;height:2px;background:#eee5df;transition:.2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.hero{width:min(100%,887px);height:340px;margin:0 auto;background-image:url("assets/game-info-hero.jpg");background-size:100% 100%;background-position:center center;border-bottom:1px solid rgba(230,197,180,.32);box-shadow:inset 0 -55px 70px #150b0dcc}
.guide-tabs{max-width:900px;margin:24px auto 0;padding:0 clamp(16px,3vw,28px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.guide-tab{position:relative;min-height:48px;padding:8px 12px;background:linear-gradient(180deg,#171112,#0d0a0b);border:1px solid rgba(228,206,192,.85);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);color:#f2e9e4;font-size:16px;text-transform:uppercase;cursor:pointer;transition:.2s}.guide-tab:before{content:"";position:absolute;inset:3px;border:1px solid rgba(228,206,192,.23);clip-path:inherit;pointer-events:none}.guide-tab:hover,.guide-tab.is-active{border-color:#ff7078;box-shadow:0 0 16px #cf3144a1;color:#fff}.guide-tab.is-active{background:linear-gradient(180deg,#571b24,#210d11)}
.ornament-divider,.footer-rule{display:flex;align-items:center;justify-content:center;gap:0;max-width:900px;margin:20px auto 16px;padding:0 18px;color:#f03d4e;text-shadow:0 0 14px #e32c42}.ornament-divider span,.footer-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c63745 50%,transparent)}.ornament-divider b,.footer-rule b{font-size:32px;line-height:1}
.guide-content{max-width:900px;margin:0 auto;padding:0 clamp(14px,2.4vw,22px)}.rates-card{position:relative;display:grid;grid-template-columns:minmax(190px,36%) 1fr;min-height:530px;overflow:hidden;background:linear-gradient(90deg,rgba(12,9,10,.3),rgba(17,10,12,.96) 27%,rgba(23,12,14,.96));border:1px solid var(--line);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:0 12px 36px #0008}.rates-portrait{position:absolute;inset:0 auto 0 0;width:38%;background-image:linear-gradient(90deg,transparent 18%,rgba(18,10,12,.18) 44%,rgba(18,10,12,.76) 73%,#160e10 100%),url("assets/rates-elf-side.png"),url("assets/rates-elf-upper.png");background-size:100% 100%,48% calc(100% - 205px),100% 205px;background-position:left top,left bottom,left top;background-repeat:no-repeat;opacity:.97}.rates-content{position:relative;z-index:1;grid-column:2;padding:18px clamp(16px,3vw,36px) 24px 8px}.section-heading{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:14px}.section-icon{color:#ff5b60;font-family:var(--sans);font-size:35px;line-height:1;text-shadow:0 0 12px #e42a3e}.section-heading h2{margin:0;color:#f3e8e1;font-size:clamp(30px,4vw,39px);font-weight:400;letter-spacing:.1em;line-height:1.08;text-transform:uppercase}.section-heading p{margin:3px 0 14px;color:#f2e9e5;font-size:clamp(14px,1.55vw,17px);line-height:1.35}.demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;min-height:45px;margin:0 0 18px;padding:6px 10px;border:1px solid #f34b58;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:linear-gradient(90deg,#260e12,#3a1118,#260e12);color:#f5e9e3;font-size:clamp(13px,1.7vw,17px);font-weight:bold;text-transform:uppercase;text-align:center;box-shadow:0 0 12px #b72e3a66}.demo-banner span{font-family:var(--sans);font-size:20px;color:#ff737a}
.rate-table{margin-left:-25%;width:125%;border:1px solid rgba(235,205,185,.82);background:rgba(27,12,14,.98);box-shadow:0 0 12px #0008}.rate-row{min-height:45px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;border-top:1px solid rgba(226,190,174,.38);color:#f5ece8;font-size:clamp(15px,2vw,20px)}.rate-row:first-child{border-top:0}.rate-row>span,.rate-row>strong{padding:5px 12px}.rate-row>strong{height:100%;display:grid;place-items:center;border-left:1px solid rgba(226,190,174,.42);font-size:clamp(19px,2.1vw,24px);font-weight:700}.rate-head{min-height:39px;background:linear-gradient(90deg,#42171d,#220f12);font-size:15px;letter-spacing:.14em;text-align:center;text-transform:uppercase}.rate-head>span+span{border-left:1px solid rgba(226,190,174,.42)}.rate-name{display:flex;align-items:center;gap:14px;padding-left:clamp(14px,4vw,58px)!important}.rate-symbol{min-width:31px;color:#ff746e;font-size:23px;font-style:normal;text-align:center;text-shadow:0 0 9px #d93440}
.accordion-list{display:grid;gap:14px;margin-top:20px}.guide-card{overflow:hidden;border:1px solid var(--line);background:linear-gradient(105deg,rgba(16,12,13,.96),rgba(22,14,16,.92));clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);box-shadow:0 7px 20px #0006;scroll-margin-top:88px}.guide-card summary{position:relative;min-height:120px;display:grid;grid-template-columns:minmax(170px,31%) 1fr 30px;align-items:stretch;list-style:none;cursor:pointer}.guide-card summary::-webkit-details-marker{display:none}.card-art{display:block;background-size:cover;background-position:center;border-right:1px solid rgba(228,194,177,.34);min-height:120px}.olympiad-art{background-image:url("assets/olympiad-card.png")}.bosses-art{background-image:url("assets/bosses-card.png")}.events-art{background-image:url("assets/events-card.png")}.systems-art{background-image:url("assets/systems-card.png")}.card-copy{align-self:center;display:block;padding:9px 18px 10px 24px;color:#f0e6e1;font-size:clamp(13px,1.45vw,16px);line-height:1.32}.card-heading{display:flex;align-items:center;gap:15px;margin:0 0 2px}.card-heading i{color:#ff555d;font-family:var(--sans);font-size:26px;font-style:normal;line-height:1;text-shadow:0 0 10px #f23b4c}.card-heading strong{color:#f2e7e1;font-size:clamp(20px,2.5vw,26px);font-weight:400;letter-spacing:.12em;text-transform:uppercase}.chevron{align-self:center;justify-self:center;width:14px;height:14px;border-right:2px solid #d9c8c0;border-bottom:2px solid #d9c8c0;transform:rotate(45deg) translateY(-4px);transition:.2s}.guide-card[open] .chevron{transform:rotate(225deg) translateY(-2px)}.guide-card[open] summary{border-bottom:1px solid rgba(226,190,174,.3)}.card-details{padding:16px clamp(20px,5vw,60px) 18px calc(31% + 24px);color:#ddd0c9;font-size:15px;background:rgba(8,7,8,.36)}.card-details p{margin:0 0 9px}.pending-note{color:#b5a29a;font-size:13px}
.site-footer{padding:8px 18px 30px;text-align:center}.footer-rule{margin-top:24px;margin-bottom:18px}.site-footer>p{margin:0;color:#f0e2d8;font-size:16px;letter-spacing:.25em}.site-footer i{padding:0 14px;color:#ed5a60;font-style:normal}
.toast{position:fixed;z-index:40;right:18px;bottom:18px;max-width:calc(100vw - 36px);padding:12px 15px;color:#f4e9e2;background:#251014;border:1px solid #d93d4c;border-radius:4px;box-shadow:0 8px 30px #0009;font:13px var(--sans);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){.site-header{height:64px;padding:0 13px}.brand{flex-basis:128px}.brand img{width:125px;height:64px}.main-nav{position:absolute;top:63px;left:0;right:0;display:none;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 17px 12px;background:rgba(9,8,8,.98);border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav a{height:44px;padding:0 8px}.main-nav a.active:after{left:8px;right:auto;bottom:6px;width:95px}.menu-toggle{margin-left:auto;width:40px}.hero{height:340px;background-size:auto 100%;background-position:center}.guide-tabs{gap:7px;margin-top:15px;padding:0 10px;overflow-x:auto;grid-template-columns:repeat(6,minmax(102px,1fr));scrollbar-width:none}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab{min-height:44px;font-size:13px}.ornament-divider{margin:15px auto 12px}.guide-content{padding:0 10px}.rates-card{display:block;min-height:0}.rates-portrait{width:100%;opacity:.23;background-position:center;background-size:cover;background-image:linear-gradient(90deg,rgba(12,9,10,.48),rgba(16,10,12,.8)),url("assets/rates-elf-upper.png")}.rates-content{padding:16px 12px 16px}.rate-table{margin-left:0;width:100%}.section-heading{grid-template-columns:34px 1fr;gap:9px}.section-icon{font-size:28px}.section-heading h2{font-size:28px}.section-heading p{font-size:14px}.demo-banner{font-size:12px;min-height:42px;margin-bottom:12px}.rate-row{min-height:39px;font-size:14px}.rate-row>strong{font-size:20px}.rate-head{font-size:11px}.rate-name{gap:8px;padding-left:8px!important}.rate-symbol{min-width:24px;font-size:19px}.accordion-list{gap:10px;margin-top:12px}.guide-card summary{min-height:106px;grid-template-columns:30% 1fr 22px}.card-art{min-height:106px}.card-copy{padding:7px 7px 7px 12px;font-size:12px;line-height:1.28}.card-heading{gap:7px;margin-bottom:3px}.card-heading i{font-size:19px}.card-heading strong{font-size:18px;letter-spacing:.08em}.chevron{width:11px;height:11px}.card-details{padding:13px 16px;font-size:13px}.site-footer>p{font-size:12px;letter-spacing:.16em}.site-footer i{padding:0 6px}}
@media(max-width:390px){.guide-tabs{grid-template-columns:repeat(6,minmax(92px,1fr))}.guide-card summary{grid-template-columns:27% 1fr 20px}.card-copy{font-size:11px}.card-heading strong{font-size:16px}.hero{height:315px}}


/* Unified typography and contrast for the Game Info tabs. */
.section-heading{grid-template-columns:38px 1fr;gap:12px}
.section-heading h2{font-size:clamp(30px,3.4vw,34px);letter-spacing:.075em}
.section-heading p{margin:6px 0 16px;color:var(--muted);font:15px/1.5 var(--sans)}
.section-icon{font-size:31px}
.demo-banner{font:600 14px/1.35 var(--sans);letter-spacing:.04em}
.rate-table .rate-row{font:14px/1.35 var(--sans)}
.rate-table .rate-row>strong{font-size:16px}
.rate-table .rate-head{font-size:11px;letter-spacing:.1em}
.rate-table .rate-name{gap:12px}
.rate-symbol{font-size:19px}
.bonus-heading p,.rate-total-note{font:13px/1.45 var(--sans)}
.event-schedule-heading h3{font-size:17px;letter-spacing:.04em}
.event-schedule-heading span{color:#d9c5a4;font-size:11px;letter-spacing:.08em}
.event-schedule{font-size:13px}
.event-schedule th{font-size:10px;letter-spacing:.1em}
.event-schedule td{font-size:13px}
.event-schedule td:last-child{color:var(--muted);font-size:11px;letter-spacing:.07em}
.enchant-chance-table td:first-child{font-size:13px}
.boss-list-table td:first-child{font-size:13px}
.boss-list-table th:last-child,.boss-list-table td:last-child{font-size:12px}
.card-details{font:14px/1.5 var(--sans)}
.pending-note{font:12px/1.45 var(--sans)}

@media(max-width:760px){
  .section-heading{grid-template-columns:32px 1fr;gap:9px}
  .section-heading h2{font-size:26px}
  .section-heading p{font-size:14px}
  .section-icon{font-size:26px}
  .demo-banner{font-size:12px}
  .rate-table .rate-row{font-size:13px}
  .rate-table .rate-row>strong{font-size:15px}
  .rate-table .rate-head{font-size:10px}
  .event-schedule-heading h3{font-size:16px}
  .event-schedule th{font-size:10px}
  .event-schedule td:last-child{font-size:10px}
  .card-details{font-size:13px}
}

/* Systems guide */
.systems-details{font:14px/1.55 var(--sans)}
.systems-intro{margin:0 0 18px!important;color:#eadbd4;font-size:14px;line-height:1.6}
.systems-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 24px}
.systems-stat,.systems-feature,.systems-rule{border:1px solid rgba(226,190,174,.25);background:linear-gradient(145deg,rgba(67,25,31,.52),rgba(18,12,14,.72));}
.systems-stat{display:flex;min-height:95px;flex-direction:column;justify-content:center;padding:12px 14px}
.systems-label{display:block;color:#d9b87f;font:600 10px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.systems-stat strong{margin:5px 0 2px;color:#f7eee8;font:600 17px/1.2 var(--serif)}
.systems-stat small{color:var(--muted);font-size:11px}
.systems-section{margin-top:22px}
.systems-section>h3{margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid rgba(226,190,174,.25);color:#f2e5df;font:500 18px/1.25 var(--serif);letter-spacing:.04em}
.systems-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.systems-feature{min-height:132px;padding:13px 14px}
.systems-feature h4{margin:6px 0 5px;color:#f4e9e3;font:500 16px/1.25 var(--serif);letter-spacing:.025em}
.systems-feature p,.systems-rule p,.systems-events-callout p{margin:0;color:#d9ccc5;font:13px/1.5 var(--sans)}
.systems-feature p strong,.systems-rule p strong,.systems-events-callout p strong{color:#ffd18d;font-weight:600}
.systems-feature-highlight{border-color:rgba(255,85,93,.5);background:linear-gradient(145deg,rgba(91,24,34,.68),rgba(21,12,14,.82))}
.systems-events-callout{padding:15px 17px;border-left:2px solid #ff555d;background:rgba(78,24,32,.28)}
.systems-events-callout h3{margin:5px 0 6px;color:#f4e9e3;font:500 18px/1.25 var(--serif)}
.systems-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.systems-rule{min-height:100px;padding:13px 14px}
.systems-rule p{margin-top:8px}
.systems-table-note{margin:0 0 9px;color:var(--muted);font-size:12px}
.systems-equipment{width:100%;border-collapse:collapse;border:1px solid rgba(226,190,174,.38);background:rgba(19,12,14,.7);font:13px/1.4 var(--sans)}
.systems-equipment th{padding:9px 12px;background:rgba(91,31,39,.55);color:#e7d7cb;font-size:10px;letter-spacing:.11em;text-align:left;text-transform:uppercase}
.systems-equipment td{padding:8px 12px;border-top:1px solid rgba(226,190,174,.2);color:#e7dcd5}
.systems-equipment td:last-child{color:#ffd18d;font-weight:600;white-space:nowrap}
@media(max-width:760px){
  .systems-stats{gap:6px}
  .systems-stat{min-height:85px;padding:9px}
  .systems-stat strong{font-size:15px}
  .systems-stat small{font-size:10px}
  .systems-feature-grid,.systems-rules-grid{grid-template-columns:1fr}
  .systems-feature{min-height:0;padding:12px}
  .systems-section>h3{font-size:17px}
  .systems-equipment{font-size:12px}
  .systems-equipment th,.systems-equipment td{padding:8px 9px}
}

/* Seven Game Info tabs, including Augments. */
.guide-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.guide-tab{padding-right:7px;padding-left:7px;font-size:14px}
.augment-chance-table{min-width:500px}
.augment-chance-table th,.augment-chance-table td{text-align:center}
.augment-chance-table td:first-child{width:auto;color:#e7dcd5;font:13px var(--sans);white-space:nowrap}
.augment-chance-table td:last-child{width:auto;color:#ffd18d;font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none}
@media(max-width:760px){
  .guide-tabs{grid-template-columns:repeat(7,minmax(102px,1fr))}
  .guide-tab{font-size:13px}
  .augment-chance-table{font-size:12px}
  .augment-chance-table td:first-child,.augment-chance-table td:last-child{font-size:12px}
}
@media(max-width:390px){.guide-tabs{grid-template-columns:repeat(7,minmax(92px,1fr))}}