:root{--ground:#f1eae2;--card:#fff;--edge:#e4d9cd;--ink:#3a3633;--ink-2:#5e5650;--muted:#95897e;--wire:#cdbfb1;--amber:#f4b31d;--gold:#b88a2e;--gold-deep:#8a6519;--violet:#6a5d8c;--display:"Marcellus", "Cormorant Garamond", Georgia, serif;--body:"Inter", "Segoe UI", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 40px);--radius:20px;--shadow-art:0 1px 2px #28143c14, 0 28px 52px -30px #140a1e8c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--ground);color:var(--ink-2);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}img{max-width:100%}[hidden]{display:none!important}.keep{white-space:nowrap}.hero{padding:clamp(16px, 2.4vw, 32px) var(--gutter) 0}.hero-frame{max-width:var(--page-max);border-radius:var(--radius);box-shadow:var(--shadow-art);background:#16121b;margin:0 auto;position:relative;overflow:hidden}.hero-art{aspect-ratio:2;object-fit:cover;object-position:50% 0;width:100%;height:auto;display:block}.hero-inner{align-items:center;padding:0 clamp(28px,5vw,64px);display:flex;position:absolute;inset:0}.hero-title{--glow-alpha:.43;--glow-blur:17px;--glow-top:0%;--glow-bottom:9%;--glow-side:5%;--glow-round:40px;--letter-alpha:.6;--letter-blur:12px;z-index:0;font-family:var(--display);color:#fff;text-shadow:0 2px var(--letter-blur) rgba(10, 8, 12, var(--letter-alpha));margin:0;font-size:clamp(30px,4.2vw,56px);font-weight:400;line-height:1.12;position:relative}.hero-title span{width:fit-content;display:block;position:relative}.hero-title span:before{content:"";inset:calc(-1 * var(--glow-top)) calc(-1 * var(--glow-side)) calc(-1 * var(--glow-bottom));z-index:-1;border-radius:var(--glow-round);background:rgba(10, 8, 12, var(--glow-alpha));filter:blur(var(--glow-blur));pointer-events:none;position:absolute}@media (width<=640px){.hero{padding-top:max(24px, env(safe-area-inset-top,0px))}.hero-art{aspect-ratio:1;object-position:85% 0}.hero-inner{align-items:flex-end;padding:0 22px 24px}.hero-title{font-size:clamp(28px,8vw,34px)}}:root{--space-chapter:clamp(96px, 11vw, 144px);--space-block:clamp(80px, 8.5vw, 120px);--space-head:clamp(32px, 3.4vw, 44px);--page-max:1160px}.chapter{padding-inline:var(--gutter);padding-top:var(--space-chapter)}.hero+.chapter{padding-top:clamp(48px,5vw,72px)}.chapter:last-of-type{padding-bottom:var(--space-chapter)}.chapter-head{max-width:var(--page-max);text-align:center;grid-template-columns:1fr auto 1fr;margin:0 auto clamp(48px,5vw,64px);display:grid}.chapter-name{font-family:var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);grid-column:2;justify-content:center;align-items:center;gap:16px;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1;display:flex}.chapter-name:before,.chapter-name:after{content:"";background:var(--gold);width:48px;height:1px}.chapter-name:after{margin-left:-.32em}.chapter-lead{max-width:30ch;font-family:var(--display);color:var(--ink);text-wrap:balance;grid-column:1/-1;margin:0 auto;font-size:clamp(24px,2.4vw,32px);line-height:1.3}.chapter-mark{grid-column:2;justify-content:center;align-items:center;gap:14px;margin-top:clamp(24px,2.6vw,32px);display:flex}.chapter-mark:before,.chapter-mark:after{content:"";background:var(--gold);flex:1;height:1px}.chapter-mark i{background:var(--gold);width:8px;height:8px;transform:rotate(45deg)}@media (width<=640px){.hero+.chapter{padding-top:96px}.chapter-head{margin-bottom:64px}.chapter-name{letter-spacing:.26em;gap:12px;font-size:12.5px}.chapter-name:before,.chapter-name:after{width:28px}.chapter-name:after{margin-left:-.26em}}.chapter-intro{max-width:var(--page-max);text-align:left;border-radius:var(--radius);isolation:isolate;min-height:240px;box-shadow:var(--shadow-art);background:#16121b;flex-direction:column;justify-content:center;margin:0 auto;padding:clamp(40px,4.4vw,56px) clamp(28px,4.4vw,56px) clamp(36px,4vw,48px);display:flex;position:relative}.chapter-intro:before{content:"";z-index:-2;border-radius:inherit;background:url(/img/hub_trophies.webp) 100% 4%/auto 167% no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000 64%);mask-image:linear-gradient(90deg,#0000 40%,#000 64%)}.chapter-intro:not(.art-ready):before{background-image:none}.chapter-intro:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#0e0b12e6 0%,#0e0b12b8 38%,#0e0b121a 72%,#0e0b1200 100%);position:absolute;inset:0}.rule-title{max-width:11em;font-family:var(--display);color:#fff;text-shadow:0 2px 14px #0000008c;text-wrap:balance;margin:0;font-size:clamp(30px,2.8vw,38px);font-weight:400;line-height:1.1}@media (width>=1100px){.rule-title{max-width:none}}@media (width<=640px){.chapter-intro{justify-content:flex-end;min-height:300px;padding:28px 22px 26px}.chapter-intro:before{background-position:74%;background-size:cover;-webkit-mask-image:none;mask-image:none}.chapter-intro:after{background:linear-gradient(#0e0b120d 0%,#0e0b124d 38%,#0e0b12e0 68%,#0e0b12f0 100%)}}.blocks{gap:var(--space-block);max-width:var(--page-max);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.block{min-width:0}.block-head{max-width:640px;margin:0 auto var(--space-head);text-align:center}.block-title{font-family:var(--display);color:var(--ink);margin:0;font-size:clamp(30px,2.8vw,38px);font-weight:400;line-height:1.1}.block-line{max-width:46ch;color:var(--ink-2);text-wrap:pretty;margin:12px auto 0;font-size:clamp(16px,1.3vw,18px);line-height:1.55}.card-grid{--card-gap:clamp(20px, 2.4vw, 28px);justify-content:center;gap:var(--card-gap);flex-wrap:wrap;align-items:stretch;display:flex}.gcard{all:unset;box-sizing:border-box;flex:0 0 calc((100% - 2 * var(--card-gap)) / 3);border-radius:var(--radius);background:var(--card);text-align:center;cursor:pointer;flex-direction:column;display:flex}.gcard:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.gcard-name{letter-spacing:-.01em;min-height:64px;color:var(--ink);justify-content:center;align-items:center;padding:12px 18px;font-size:clamp(20px,1.7vw,23px);font-weight:300;line-height:1.2;display:flex}.gcard-art{aspect-ratio:1;border-radius:var(--radius);background:#2a2230;display:block;overflow:hidden}.gcard-art img{object-fit:cover;width:100%;height:100%;display:block}.gcard-text{min-height:96px;color:var(--ink);text-wrap:pretty;flex:1;justify-content:center;align-items:center;padding:16px 22px;font-size:17px;font-weight:300;line-height:1.45;display:flex}.gcard-text .ico{vertical-align:-4px;width:20px;height:20px;margin-inline:1px}.more-row{justify-content:center;margin-top:32px;display:flex}.show-all-row{justify-content:center;margin-top:64px;display:flex}.see-more,.show-all{all:unset;cursor:pointer;border-radius:999px;align-items:center;gap:10px;font-weight:600;display:inline-flex}.see-more{color:var(--ink);border:1px solid var(--edge);background:var(--card);padding:10px 20px;font-size:15px}.see-more:hover{border-color:var(--wire)}.show-all{color:#fff;background:var(--ink);padding:15px 30px;font-size:16px}.show-all:hover{background:#2f2c35}.see-more i,.show-all i{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.see-more:focus-visible,.show-all:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.has-modal{overflow:hidden}.modal{z-index:100;padding:max(20px, env(safe-area-inset-top,0px)) 20px max(28px, env(safe-area-inset-bottom,0px));display:flex;position:fixed;inset:0;overflow-y:auto}.modal:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(26px)saturate(1.1);backdrop-filter:blur(26px)saturate(1.1);opacity:0;background:#f0e7debd;transition:opacity .26s;position:fixed;inset:0}.modal.is-open:before{opacity:1}.detail-head,.detail-text,.detail-related{opacity:0;transition:opacity .18s}.modal.is-open :is(.detail-head,.detail-text,.detail-related){opacity:1;transition:opacity .26s .14s}.detail{width:min(600px,100%,max(320px,100svh - 300px));margin:auto}.detail-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.detail-title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(30px,7vw,38px);font-weight:300;line-height:1.1}.detail-close{all:unset;width:44px;height:44px;color:var(--ink);cursor:pointer;background:#3e3a4414;border-radius:50%;flex:none;place-items:center;transition:background-color .16s;display:grid}.detail-close:hover{background:#3e3a4424}.detail-close svg{width:18px;height:18px}.detail-close:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.detail-art img{transform-origin:0 0;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%;margin-inline:auto;display:block;box-shadow:0 22px 44px -26px #1e142899}.detail-text{text-align:center;color:var(--ink);text-wrap:balance;margin:28px 8px 0;font-size:clamp(26px,6.6vw,30px);font-weight:300;line-height:1.3}.detail-text .ico{vertical-align:-.18em;width:1.05em;height:1.05em;margin-inline:1px}.detail-related{text-align:center;margin-top:32px}.detail-related-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px;font-size:12px;font-weight:500}.detail-related-grid{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.related-card{all:unset;cursor:pointer;width:80px;color:var(--ink);justify-items:center;gap:8px;font-size:13px;font-weight:400;line-height:1.3;display:grid}.related-card img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;box-shadow:0 10px 20px -14px #1e142899}.related-card:focus-visible img{outline:2px solid var(--violet);outline-offset:3px}@media (width<=900px){.gcard{flex-basis:calc((100% - var(--card-gap)) / 2)}}@media (width<=600px){.card-grid{--card-gap:20px}.gcard{flex-basis:100%;max-width:440px}}@media (prefers-reduced-motion:reduce){.modal:before,.detail-head,.detail-text,.detail-related{transition:none!important}}
