@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;--bg:#090A0B;--panel:#090A0B;--line:#E7E3DA16;--muted:#E7E3DA;--blue:#B9A17B;--purple:#B9A17B}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#E7E3DA;font-family:'Noto Sans SC',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}header{height:88px;display:flex;align-items:center;gap:28px;padding:0 max(28px,calc((100vw - 1200px)/2));background:#090A0Bee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:24px;font-weight:900}.brand img{width:49px;height:49px;object-fit:contain;border-radius:9px}.brand small{display:block;font-size:9px;letter-spacing:3px;font-weight:500;color:var(--muted);margin-top:2px}nav{display:flex;gap:30px;margin-left:auto;font-size:12px;color:#E7E3DA}nav a:hover,footer a:hover{color:var(--blue)}select{background:none;border:0;color:#E7E3DA;padding:6px;cursor:pointer}select option{background:var(--bg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 24px;background:linear-gradient(110deg,#B9A17B,#B9A17B);color:#090A0B;font-size:13px;font-weight:800;border:1px solid #B9A17B77;box-shadow:0 6px 30px #B9A17B20;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.2);transform:translateY(-2px)}.button.small{font-size:11px;padding:12px 17px;white-space:nowrap}.wrap{max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;position:relative;padding-top:60px;padding-bottom:70px}.hero:before{content:'';position:absolute;inset:0 -4%;background:radial-gradient(ellipse at 75% 45%,#B9A17B2c,transparent 60%);pointer-events:none}.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:600;letter-spacing:2.5px;color:var(--blue);display:flex;align-items:center;gap:10px}.eyebrow i,.live-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 12px var(--blue);display:inline-block;flex-shrink:0}h1{font-size:clamp(44px,5.6vw,76px);line-height:1.17;letter-spacing:-2px;margin:25px 0;font-weight:900}h1 em{font-style:normal;background:linear-gradient(110deg,#B9A17B,#B9A17B);background-clip:text;color:transparent}p{color:var(--muted);line-height:1.95}p.lead{max-width:430px;font-size:14px;margin:0 0 30px}.actions{display:flex;gap:25px;align-items:center}.secondary{font-size:12px;color:#E7E3DA;display:inline-flex;gap:28px;align-items:center}.hero-tags{display:flex;gap:20px;margin-top:40px;color:#E7E3DA;font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:1.4px}.hero-art{position:relative;min-width:0}.hero-art>img{width:100%;position:relative;mix-blend-mode:screen;filter:drop-shadow(0 0 45px #B9A17B33)}.orbit{position:absolute;inset:14%;border:1px solid #B9A17B20;border-radius:50%;box-shadow:0 0 90px #B9A17B30}.art-label{display:block;text-align:center;font:12px 'Barlow Condensed',sans-serif;letter-spacing:6px;color:#E7E3DA}.vertical{position:absolute;right:-22px;top:33%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#E7E3DA}.hero-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;font:10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#B9A17B}.status-bar{border-block:1px solid var(--line);background:#090A0B}.status-bar>.wrap{display:flex;gap:16px;align-items:center;padding-block:17px;font-size:11px}.status-bar strong{white-space:nowrap;color:#E7E3DA}.status-bar span:not(.live-dot){color:var(--muted)}.status-bar a{margin-left:auto;white-space:nowrap;color:var(--blue)}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:34px;line-height:1.35;margin:12px 0 0;letter-spacing:-.7px}.section-heading>p{max-width:380px;margin:0;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{background:linear-gradient(145deg,#090A0B,#090A0B 70%);border:1px solid #B9A17B26;padding:24px;position:relative;overflow:hidden}.game-card:after{content:'';position:absolute;top:0;left:0;height:2px;width:70px;background:var(--blue)}.card-top{display:flex;justify-content:space-between;align-items:center;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#B9A17B}.tag{font:9px 'Noto Sans SC',sans-serif;border:1px solid #B9A17B40;padding:4px 7px;border-radius:3px;color:#E7E3DA}.game-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative}.big-six{font:italic 180px 'Barlow Condensed',sans-serif;color:#B9A17B;text-shadow:9px 4px #B9A17B40,0 0 65px #B9A17B6b;transform:rotate(-12deg)}.card-suits{position:absolute;font-size:25px;letter-spacing:12px;bottom:15px;right:0;color:#E7E3DA}.card-suits span{color:#B9A17B}.game-card h3{font-size:22px;margin:16px 0 10px}.game-card p{font-size:12px;min-height:48px}.text-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px;color:var(--blue)}.packet{background:radial-gradient(ellipse at 50% 20%,#B9A17B66,#090A0B 65%)}.packet-icon{width:110px;height:134px;transform:rotate(-12deg);border:1px solid #B9A17B;border-radius:15px;background:linear-gradient(135deg,#B9A17B40,#B9A17B);box-shadow:12px 10px #B9A17B16,0 0 55px #B9A17B3d;display:flex;align-items:center;justify-content:center;font-size:18px}.packet-icon span{font:65px 'Barlow Condensed',sans-serif;color:#E7E3DA}.baccarat{background:radial-gradient(ellipse at 50% 25%,#B9A17B55,#090A0B 70%)}.playing-card{width:85px;height:117px;border:1px solid #E7E3DA;border-radius:8px;background:linear-gradient(130deg,#E7E3DA,#B9A17B);color:#090A0B;padding:10px;font:25px 'Barlow Condensed',sans-serif;transform:rotate(-15deg);box-shadow:0 15px 35px #090A0B88}.playing-card span{display:block;text-align:center;font-size:45px}.playing-card.second{margin-left:-25px;transform:rotate(15deg);background:linear-gradient(130deg,#E7E3DA,#B9A17B)}.guide-section{background:linear-gradient(120deg,#090A0B,#090A0B);border-block:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.phone{width:280px;height:385px;margin:10px auto;border:5px solid #090A0B;border-radius:34px;padding:18px;background:radial-gradient(ellipse at bottom,#B9A17B40,#090A0B);box-shadow:0 25px 90px #090A0B77;position:relative;transform:rotate(-4deg)}.phone-notch{width:80px;height:12px;background:#090A0B;border-radius:20px;margin:0 auto 24px}.phone-header{display:flex;align-items:center;gap:10px;font-size:14px}.phone-header img{width:36px;height:36px;border-radius:50%}.phone-header small{display:block;font-size:9px;color:var(--muted)}.phone-header b{color:var(--blue)}.message{padding:15px;background:#090A0B;border:1px solid #B9A17B22;border-radius:3px 14px 14px;margin-top:25px;font-size:12px}.message p{font-size:11px}.message a{display:block;padding:11px 6px;background:#B9A17B40;border-radius:5px;text-align:center;color:var(--blue);font-size:11px}.phone-hint{font:10px 'Barlow Condensed',sans-serif;text-align:center;margin-top:30px;letter-spacing:3px;color:#B9A17B}.illustration{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted)}.step{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.step>span{font:30px 'Barlow Condensed',sans-serif;color:#B9A17B}.step h3{margin:0;font-size:16px}.step p{font-size:12px;margin:6px 0 0}.rules-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.point-panel,.flow-panel{border:1px solid var(--line);padding:32px;background:var(--panel)}.amount{color:#B9A17B;font:22px 'Barlow Condensed',sans-serif;margin:30px 0 18px}.amount strong{font-size:68px;color:#E7E3DA}.equation{font:28px 'Barlow Condensed',sans-serif;letter-spacing:6px}.equation b{color:var(--blue);font-size:36px}.point-panel h3{margin-bottom:0}.point-panel p,.note{font-size:12px}.flow-panel h3{margin:0 0 22px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow div{background:#090A0B;padding:20px 12px;font-size:12px}.flow span{display:block;font:23px 'Barlow Condensed',sans-serif;color:#B9A17B;margin-bottom:10px}.note{margin-top:24px}.security-strip{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:22px 28px;margin-top:24px}.shield{font-size:40px;color:var(--blue)}.security-strip h3{margin:0;font-size:14px}.security-strip p{margin:4px 0 0;font-size:12px}.security-strip>a{margin-left:auto;color:var(--blue)}.benefits-section{background:radial-gradient(ellipse at 80% 40%,#B9A17B26,transparent 65%),#090A0B;border-block:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-grid article{border:1px solid var(--line);padding:28px;background:#090A0B99}.benefit-grid article>b{font:42px 'Barlow Condensed',sans-serif;color:#B9A17B}.benefit-grid h3{font-size:18px;margin-top:20px}.benefit-grid p{font-size:12px}.benefit-grid small{display:block;margin-top:24px;font-size:10px;color:#E7E3DA}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section>div>p{font-size:12px;margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:12px;margin-bottom:0}.final-cta{border:1px solid #B9A17B44;background:linear-gradient(100deg,#090A0B,#090A0B);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;padding-bottom:40px;margin-bottom:70px}.final-cta h2{font-size:30px}.final-cta p{font-size:12px;margin-bottom:0}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top>div{display:flex;gap:22px;font-size:11px;color:var(--muted)}footer button{background:none;border:0;color:inherit;padding:0;cursor:pointer;font-size:11px}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:9px;color:#E7E3DA}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #B9A17B55;background:#090A0B;color:#E7E3DA;padding:30px}dialog::backdrop{background:#090A0Bbb;backdrop-filter:blur(5px)}dialog p{white-space:pre-line;font-size:13px}#closePolicy{float:right;background:none;color:#E7E3DA;border:0;font-size:26px;cursor:pointer}@media(max-width:900px){header{padding:0 20px;gap:15px}nav{gap:15px}.hero{min-height:570px}.hero-tags{gap:12px;font-size:9px}.section{padding-block:65px}.guide-grid{gap:25px}.faq-section{gap:35px}.game-card{padding:18px}.card-top{gap:5px}.section-heading>p{max-width:310px}}@media(max-width:650px){header{height:74px;flex-wrap:wrap;gap:10px;padding:10px 18px}header .brand{font-size:20px}header .brand img{width:40px;height:40px}header select{margin-left:auto}header .button{padding:10px;font-size:10px}nav{display:none}.wrap{padding-inline:20px}.hero{display:flex;flex-direction:column;padding-top:40px;padding-bottom:55px;align-items:stretch}.hero-copy{z-index:1}h1{font-size:49px}.hero-art{width:90%;max-width:400px;margin:-5px auto 10px}.hero-tags{margin-top:25px}.hero-bottom{left:20px;right:20px;font-size:8px;letter-spacing:1px}.vertical{right:-12px}.hero p.lead{font-size:12px}.status-bar>.wrap{flex-wrap:wrap;gap:8px 12px}.status-bar span:not(.live-dot){flex-basis:85%;padding-left:18px;font-size:10px}.status-bar a{position:absolute;right:20px}.section-heading{display:block}.section-heading>p{margin-top:15px;max-width:none}h2{font-size:29px}.game-grid,.benefit-grid{grid-template-columns:1fr}.game-art{height:170px}.game-card{padding:24px}.game-card p{min-height:0}.guide-grid{grid-template-columns:1fr;gap:30px}.phone{margin-top:10px;width:265px;height:370px}.steps{margin-top:10px}.rules-layout{grid-template-columns:1fr}.point-panel,.flow-panel{padding:25px}.flow div{padding:16px 10px;font-size:11px}.faq-section{grid-template-columns:1fr;gap:15px}.final-cta{margin-inline:20px;display:block;padding:28px}.final-cta .button{margin-top:24px}.final-cta h2{font-size:27px}.footer-top{align-items:flex-start;flex-direction:column}.footer-top>div{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.security-strip{padding:20px;gap:12px}.section{padding-block:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero:before{inset:0;z-index:-1}.hero{isolation:isolate}@media(max-width:650px){h1{font-size:40px;letter-spacing:-1px}.hero-art{margin-top:24px}.hero-tags{flex-wrap:wrap}}
/* V2: tutorial-first editorial website with three distinct views. */
body{background:#090A0B}header{background:#090A0Bee}header nav{padding:6px;border:1px solid #B9A17B25;border-radius:18px;background:#E7E3DA04;gap:5px}header nav a{padding:14px 18px;border-radius:12px;white-space:nowrap}header nav a span{font:11px 'Barlow Condensed',sans-serif;opacity:.6;margin-right:5px}header nav a b{font-weight:600}header nav a.selected{background:linear-gradient(120deg,#B9A17B,#B9A17B);color:#090A0B;box-shadow:0 0 22px #B9A17B33}.hero{min-height:760px;grid-template-columns:1.05fr .95fr;gap:45px;padding-top:70px;padding-bottom:65px}.hero-copy{min-width:0}.hero h1{font-size:clamp(38px,4.2vw,60px);letter-spacing:-2px;line-height:1.25}.hero .lead{font-size:14px;max-width:550px;line-height:2}.hero-art{padding:12px;background:linear-gradient(150deg,#B9A17B,#090A0B 30%,#E7E3DA40);border:1px solid #E7E3DA55;border-radius:38px;transform:rotate(4deg);box-shadow:0 0 70px #B9A17B1a,0 24px 70px #090A0B88}.hero-art>img{border-radius:28px;display:block;mix-blend-mode:normal}.hero-art .orbit,.vertical{display:none}.art-label{padding:15px 0 6px;letter-spacing:4px;font-size:10px}.art-badge{position:absolute;bottom:45px;left:-32px;background:linear-gradient(135deg,#090A0B,#090A0B);border:1px solid #B9A17B66;border-radius:18px;padding:15px 20px;display:flex;align-items:center;gap:15px;transform:rotate(-4deg);box-shadow:0 10px 40px #090A0B88}.art-badge b{font:45px 'Barlow Condensed',sans-serif;color:#B9A17B}.art-badge span{font-size:10px}.entry-card{display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,#090A0B,#090A0B);border:1px solid #B9A17B44;border-radius:14px;padding:14px 16px;max-width:405px;margin-top:25px}.entry-card img{width:48px;height:48px;border-radius:10px}.entry-card strong,.entry-card small,.entry-card span{display:block}.entry-card small{font-size:8px;letter-spacing:1.5px;color:#E7E3DA}.entry-card strong{font-size:17px;margin:4px 0}.entry-card span{font-size:10px;color:#E7E3DA}.entry-card a{margin-left:auto;font-size:27px;color:var(--blue)}.hero-tags{margin-top:22px;gap:18px}.button{clip-path:none;border-radius:12px}.section-heading{padding-bottom:25px;border-bottom:1px solid #E7E3DA26}.section-heading h2{font-size:36px}.guide-section{background:radial-gradient(ellipse at 80% 20%,#B9A17B1c,transparent 70%),#090A0B;border:0}.guide-grid{display:block}.guide-grid>.phone{display:none}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.tutorial-card{border:1px solid #E7E3DA24;border-radius:20px;overflow:hidden;background:#090A0B}.tutorial-visual{height:330px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#B9A17B88,transparent 65%),linear-gradient(135deg,#090A0B,#090A0B)}.mock-label{position:absolute;top:15px;left:17px;font-size:9px;color:#E7E3DA;border:1px solid #E7E3DA33;padding:4px 8px;border-radius:5px}.mini-screen{margin-top:55px;width:230px;min-height:290px;padding:15px;background:#090A0B;border:4px solid #E7E3DA40;border-radius:25px 25px 0 0;box-shadow:0 8px 40px #090A0B77;transform:rotate(-3deg)}.tutorial-card:nth-child(even) .mini-screen{transform:rotate(3deg)}.mini-screen-top{display:flex;align-items:center;gap:7px;border-bottom:1px solid #E7E3DA16;padding-bottom:10px;font-size:10px}.mini-screen-top img{width:25px;height:25px;border-radius:50%}.mini-screen-top b{margin-left:auto}.mini-screen>small{display:block;font:10px 'Barlow Condensed',sans-serif;color:var(--purple);letter-spacing:2px;margin-top:20px}.mini-screen h4{font-size:13px;margin:10px 0 18px}.mock-welcome{display:grid;justify-items:center;gap:7px;margin:16px 0}.mock-welcome img{width:85px;height:85px;border-radius:10px}.mock-welcome>span{font-size:7px;letter-spacing:2px;color:#B9A17B}.mock-button{display:block;text-align:center;background:#B9A17B;padding:10px;border-radius:7px;color:#E7E3DA;font-size:12px}.language-choice{padding:11px;border:1px solid #B9A17B33;border-radius:7px;margin:7px 0;font-size:11px;color:#E7E3DA}.language-choice.active{border-color:#B9A17B;color:#E7E3DA;background:#B9A17B40}.language-choice b{float:right}.pin-dots{letter-spacing:4px;font-size:15px;color:#B9A17B;white-space:nowrap}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.keypad span{padding:7px;text-align:center;background:#090A0B;border-radius:4px;font-size:12px}.mock-field{padding:13px 10px;border:1px solid #B9A17B;border-radius:7px;color:#E7E3DA;font-size:12px}.mock-success{font-size:32px;color:#B9A17B;text-align:center;margin:15px}.mock-balance{text-align:center;color:#E7E3DA;font-size:9px}.mock-balance strong{display:block;font:24px 'Barlow Condensed',sans-serif;color:#E7E3DA}.visual-number{position:absolute;bottom:12px;right:20px;font:70px 'Barlow Condensed',sans-serif;color:#B9A17B22}.tutorial-copy{padding:25px 28px 30px}.tutorial-copy h3{font-size:21px;margin:10px 0}.tutorial-copy p{font-size:12px;margin:0}.game-card,.point-panel,.flow-panel,.benefit-grid article,.security-strip{border-radius:18px}.benefit-grid article{padding:36px;background:radial-gradient(ellipse at top right,#B9A17B44,transparent 70%),#090A0B;min-height:275px}.benefit-grid article>b{font-size:60px}.benefits-section{background:none;border:0}.status-bar{background:#090A0B}.hero-bottom{display:none}.final-cta{border-radius:22px}.hero .eyebrow{font-size:10px}.section{padding-block:65px}body[data-page=registration] #games,body[data-page=registration] #rules,body[data-page=registration] #benefits{display:none}body[data-page=play] .hero,body[data-page=play] #guide,body[data-page=play] #benefits{display:none}body[data-page=rewards] .hero,body[data-page=rewards] #guide,body[data-page=rewards] #games,body[data-page=rewards] #rules{display:none}body[data-page=play] #rules{padding-top:20px}.hero .secondary{border:1px solid #B9A17B3b;border-radius:12px;padding:17px 20px}footer{margin-top:25px}.faq-section h2{font-size:28px}
@media(max-width:900px){header{gap:12px}header nav a{padding:12px 10px}header>.button{display:none}.hero{gap:30px;min-height:680px}.hero h1{font-size:42px}.hero-tags{font-size:8px}.art-badge{left:-18px;padding:12px}.section-heading h2{font-size:30px}}
@media(max-width:650px){header{height:auto;min-height:117px;padding:12px 18px;position:sticky}header nav{display:flex;order:4;flex-basis:100%;justify-content:space-between;margin-left:0;border-radius:12px;padding:4px}header nav a{flex:1;text-align:center;padding:10px 6px;font-size:11px}header nav a span{font-size:9px}header>.button{display:none}.hero{gap:0;padding-top:35px;padding-bottom:38px;min-height:0}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero .lead{font-size:12px}.hero-art{width:77%;margin:38px auto 15px;padding:8px;border-radius:27px}.hero-art>img{border-radius:20px}.entry-card{padding:12px}.hero-tags{gap:12px}.hero .actions{gap:12px}.hero .secondary{padding:16px 12px;font-size:11px;gap:9px}.hero .button{padding:16px;font-size:11px;gap:15px}.steps{grid-template-columns:1fr;gap:22px}.tutorial-visual{height:305px}.tutorial-copy{padding:23px}.tutorial-copy h3{font-size:20px}.section-heading h2{font-size:26px}.section{padding-block:42px}.art-badge{bottom:27px;left:-25px;border-radius:12px}.art-badge b{font-size:33px}.status-bar>.wrap{padding-block:12px}.final-cta{margin-bottom:40px}html{scroll-padding-top:135px}}
@media(max-width:380px){.hero h1{font-size:32px}.hero-tags{font-size:7px;gap:9px}header nav a{font-size:10px;padding:10px 4px}}
/* Original brand rule artwork and readable chapter navigation. */
.guide-intro{margin-top:65px}.chapter-nav{margin:28px 0 42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chapter-nav a{padding:20px 16px;border:1px solid #B9A17B40;border-radius:12px;background:linear-gradient(120deg,#090A0B,#090A0B);font-size:13px;color:#E7E3DA;display:flex;align-items:center;gap:12px}.chapter-nav span{color:var(--blue);font:22px 'Barlow Condensed',sans-serif}.rule-chapter{padding:34px;margin:28px 0;border:1px solid #B9A17B33;border-radius:22px;background:radial-gradient(ellipse at top right,#B9A17B28,transparent 60%),#090A0B;scroll-margin-top:105px}.chapter-heading{display:flex;align-items:start;gap:22px}.chapter-number{font:54px 'Barlow Condensed',sans-serif;line-height:1;color:#B9A17B}.chapter-heading h3{font-size:28px;margin:10px 0}.chapter-heading p{max-width:820px;margin:0}.editorial-note{border-left:2px solid #B9A17B;padding:10px 16px;background:#B9A17B09;font-size:12px;color:#E7E3DA;margin:22px 0}.poster-button{display:block;width:100%;padding:0;border:1px solid #B9A17B3b;border-radius:12px;overflow:hidden;background:#090A0B;cursor:zoom-in;color:#E7E3DA;margin:24px auto 0}.poster-button.portrait{max-width:700px}.poster-button img{display:block;width:100%;height:auto}.poster-button>span{display:block;padding:14px;font-size:12px;letter-spacing:1px;background:linear-gradient(100deg,#090A0B,#090A0B)}.poster-button:hover{border-color:#B9A17B}.official-reference{display:inline-block;margin-top:20px;color:var(--blue);font-size:12px}.art-viewer{width:min(1400px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #B9A17B66;border-radius:14px;background:#090A0B;color:#E7E3DA}.art-viewer::backdrop{background:#090A0Be8;backdrop-filter:blur(8px)}.art-toolbar{display:flex;align-items:center;gap:20px;padding:14px 20px}.art-toolbar h2{font-size:18px;margin:0;margin-right:auto}.art-toolbar a{font-size:12px;color:var(--blue)}.art-toolbar button{background:#B9A17B40;color:#E7E3DA;border:1px solid #B9A17B;border-radius:8px;padding:8px 12px;cursor:pointer}.art-scroll{overflow:auto;max-height:calc(94dvh - 85px)}.art-scroll img{display:block;width:100%;height:auto}.art-viewer[open]~*{pointer-events:none}@media(max-width:650px){.chapter-nav{grid-template-columns:1fr;gap:8px}.chapter-nav a{padding:14px}.rule-chapter{padding:18px 12px;border-radius:15px}.chapter-heading{gap:12px}.chapter-number{font-size:36px}.chapter-heading h3{font-size:23px}.chapter-heading p{font-size:12px}.guide-intro h2{font-size:27px}.art-toolbar{gap:10px;padding:12px}.art-toolbar h2{font-size:14px}.art-toolbar a{font-size:10px}.art-toolbar button{font-size:12px;white-space:nowrap}}