@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:#080b17;--panel:#101526;--line:#ffffff16;--muted:#8993ab;--blue:#60c9ff;--purple:#9569ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f2f5ff;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:#080b17ee;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:#adb5c9}nav a:hover,footer a:hover{color:var(--blue)}select{background:none;border:0;color:#ddd;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,#51c7ff,#7d83ff);color:#080c1b;font-size:13px;font-weight:800;border:1px solid #b3eaff77;box-shadow:0 6px 30px #517cff20;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%,#532e782c,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,#65d2ff,#aa7cff);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:#c8d0e4;display:inline-flex;gap:28px;align-items:center}.hero-tags{display:flex;gap:20px;margin-top:40px;color:#747f9a;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 #5347af33)}.orbit{position:absolute;inset:14%;border:1px solid #689cff20;border-radius:50%;box-shadow:0 0 90px #753adc30}.art-label{display:block;text-align:center;font:12px 'Barlow Condensed',sans-serif;letter-spacing:6px;color:#adbae0}.vertical{position:absolute;right:-22px;top:33%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#6d7691}.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:#636f8b}.status-bar{border-block:1px solid var(--line);background:#111629}.status-bar>.wrap{display:flex;gap:16px;align-items:center;padding-block:17px;font-size:11px}.status-bar strong{white-space:nowrap;color:#b0c6ea}.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,#14213b,#111322 70%);border:1px solid #7997bd26;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:#899bbc}.tag{font:9px 'Noto Sans SC',sans-serif;border:1px solid #8d9fbd40;padding:4px 7px;border-radius:3px;color:#c5cae2}.game-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative}.big-six{font:italic 180px 'Barlow Condensed',sans-serif;color:#9ddfff;text-shadow:9px 4px #453580,0 0 65px #308adf6b;transform:rotate(-12deg)}.card-suits{position:absolute;font-size:25px;letter-spacing:12px;bottom:15px;right:0;color:#c4d8ff}.card-suits span{color:#ae82f9}.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%,#59265866,#121322 65%)}.packet-icon{width:110px;height:134px;transform:rotate(-12deg);border:1px solid #be8bff;border-radius:15px;background:linear-gradient(135deg,#362b62,#8050a5);box-shadow:12px 10px #aa83fa16,0 0 55px #8c3d823d;display:flex;align-items:center;justify-content:center;font-size:18px}.packet-icon span{font:65px 'Barlow Condensed',sans-serif;color:#e4c6ff}.baccarat{background:radial-gradient(ellipse at 50% 25%,#1c525555,#121322 70%)}.playing-card{width:85px;height:117px;border:1px solid #a4c4d2;border-radius:8px;background:linear-gradient(130deg,#bfd5eb,#596991);color:#111b36;padding:10px;font:25px 'Barlow Condensed',sans-serif;transform:rotate(-15deg);box-shadow:0 15px 35px #0008}.playing-card span{display:block;text-align:center;font-size:45px}.playing-card.second{margin-left:-25px;transform:rotate(15deg);background:linear-gradient(130deg,#a9b2da,#7266a6)}.guide-section{background:linear-gradient(120deg,#0f1426,#0c1020);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 #293044;border-radius:34px;padding:18px;background:radial-gradient(ellipse at bottom,#1d2250,#0c1425);box-shadow:0 25px 90px #0007;position:relative;transform:rotate(-4deg)}.phone-notch{width:80px;height:12px;background:#050a13;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:#1b2c49;border:1px solid #8ebeff22;border-radius:3px 14px 14px;margin-top:25px;font-size:12px}.message p{font-size:11px}.message a{display:block;padding:11px 6px;background:#28446e;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:#677aa0}.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:#7897c0}.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:#7e9bbe;font:22px 'Barlow Condensed',sans-serif;margin:30px 0 18px}.amount strong{font-size:68px;color:#d6edff}.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:#182139;padding:20px 12px;font-size:12px}.flow span{display:block;font:23px 'Barlow Condensed',sans-serif;color:#8b79db;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%,#4d287526,transparent 65%),#0d1120;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:#13182a99}.benefit-grid article>b{font:42px 'Barlow Condensed',sans-serif;color:#9878df}.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:#a9a2bc}.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 #9d80fc44;background:linear-gradient(100deg,#172a46,#272044);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:#737f98}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #778ace55;background:#11182b;color:#fff;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{white-space:pre-line;font-size:13px}#closePolicy{float:right;background:none;color:white;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:#090819}header{background:#0c0a1cee}header nav{padding:6px;border:1px solid #a99af225;border-radius:18px;background:#ffffff04;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,#89dcff,#a994ff);color:#121326;box-shadow:0 0 22px #9384f333}.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,#78719a,#191a34 30%,#5c5976);border:1px solid #b5b4d055;border-radius:38px;transform:rotate(4deg);box-shadow:0 0 70px #8178c91a,0 24px 70px #0008}.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,#1a2644,#2d224b);border:1px solid #b7b1ff66;border-radius:18px;padding:15px 20px;display:flex;align-items:center;gap:15px;transform:rotate(-4deg);box-shadow:0 10px 40px #0008}.art-badge b{font:45px 'Barlow Condensed',sans-serif;color:#b7dfff}.art-badge span{font-size:10px}.entry-card{display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,#122036,#221a3a);border:1px solid #9b9cdf44;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:#b1afd3}.entry-card strong{font-size:17px;margin:4px 0}.entry-card span{font-size:10px;color:#828ca9}.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 #aaa3ce26}.section-heading h2{font-size:36px}.guide-section{background:radial-gradient(ellipse at 80% 20%,#3a29531c,transparent 70%),#0b0a1b;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 #c5b5ef24;border-radius:20px;overflow:hidden;background:#121024}.tutorial-visual{height:330px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#29457288,transparent 65%),linear-gradient(135deg,#161c35,#201633)}.mock-label{position:absolute;top:15px;left:17px;font-size:9px;color:#b8b2cc;border:1px solid #b8b2cc33;padding:4px 8px;border-radius:5px}.mini-screen{margin-top:55px;width:230px;min-height:290px;padding:15px;background:#0b1020;border:4px solid #46506b;border-radius:25px 25px 0 0;box-shadow:0 8px 40px #0007;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 #ffffff16;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:#909dc3}.mock-button{display:block;text-align:center;background:#32658c;padding:10px;border-radius:7px;color:#c0ecff;font-size:12px}.language-choice{padding:11px;border:1px solid #7183a233;border-radius:7px;margin:7px 0;font-size:11px;color:#bbb}.language-choice.active{border-color:#83bdf2;color:#c8e9ff;background:#233d62}.language-choice b{float:right}.pin-dots{letter-spacing:4px;font-size:15px;color:#a7d7ff;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:#1b263c;border-radius:4px;font-size:12px}.mock-field{padding:13px 10px;border:1px solid #668fbe;border-radius:7px;color:#b8d4e9;font-size:12px}.mock-success{font-size:32px;color:#81c9ff;text-align:center;margin:15px}.mock-balance{text-align:center;color:#96a7c4;font-size:9px}.mock-balance strong{display:block;font:24px 'Barlow Condensed',sans-serif;color:#c4eaff}.visual-number{position:absolute;bottom:12px;right:20px;font:70px 'Barlow Condensed',sans-serif;color:#aeabeb22}.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,#6554a544,transparent 70%),#171328;min-height:275px}.benefit-grid article>b{font-size:60px}.benefits-section{background:none;border:0}.status-bar{background:#100e22}.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 #8982b13b;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 #7987c640;border-radius:12px;background:linear-gradient(120deg,#182640,#251c3d);font-size:13px;color:#e0e6ff;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 #8a91cd33;border-radius:22px;background:radial-gradient(ellipse at top right,#51307828,transparent 60%),#101325;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:#7db5f7}.chapter-heading h3{font-size:28px;margin:10px 0}.chapter-heading p{max-width:820px;margin:0}.editorial-note{border-left:2px solid #aa8ae0;padding:10px 16px;background:#aa8ae009;font-size:12px;color:#b8bfd5;margin:22px 0}.poster-button{display:block;width:100%;padding:0;border:1px solid #8096c63b;border-radius:12px;overflow:hidden;background:#070b14;cursor:zoom-in;color:#cde5ff;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,#12203a,#261c3e)}.poster-button:hover{border-color:#7ebeff}.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 #7f87bf66;border-radius:14px;background:#0e1222;color:#eef3ff}.art-viewer::backdrop{background:#020511e8;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:#293457;color:white;border:1px solid #7187ba;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}}