.how-to-play-wrapper{flex-direction:column;max-width:1400px;margin:0 auto;padding-top:.5rem;display:flex}.how-to-play-page{flex-direction:column;gap:4rem;max-width:1200px;margin:0 auto;padding-bottom:5rem;display:flex}.sections-container{flex-direction:column;gap:4rem;display:flex}.guide-section{flex-direction:column;gap:0;scroll-margin-top:8rem;display:flex}.section-visual{z-index:2;border-radius:20px 20px 0 0;width:100%;height:350px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.section-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.33,1,.68,1)}.guide-section:hover .section-image{transform:scale(1.03)}.section-overlay{background:linear-gradient(#0000 40%,#000000b3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.section-icon-float{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 10px 20px #c21d1d66}.section-card{z-index:1;margin-top:-1px;background:var(--card-bg)!important;border-top:none!important;border-radius:0 0 20px 20px!important;padding:3rem!important}.title-group{margin-bottom:2.5rem;position:relative}.section-number{color:var(--primary);opacity:.1;font-size:5rem;font-weight:950;line-height:1;position:absolute;top:-2.5rem;left:-1rem}.section-title{color:var(--foreground);text-transform:uppercase;letter-spacing:-1px;margin:0;font-size:2.5rem;font-weight:900}.section-content{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.section-content strong,.section-content b{color:var(--foreground)}.section-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;margin-top:3rem;padding-top:1.5rem;display:flex}.next-section-link{color:var(--primary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.8rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.next-section-link:hover{color:var(--accent);transform:translate(10px)}.guide-footer-cta{margin-top:4rem}.cta-card{background-image:radial-gradient(circle at 100% 0%, var(--accent-transparent) 0%, transparent 50%);text-align:center;border-radius:24px!important;padding:4rem!important}.cta-card h3{text-transform:uppercase;margin-bottom:1.5rem;font-size:2.8rem;font-weight:900}.cta-card p{color:var(--text-muted);max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.3rem}.cta-buttons{justify-content:center;gap:2rem;display:flex}.cta-primary{background:var(--primary);color:#fff;box-shadow:0 10px 25px var(--btn-shadow);text-transform:uppercase;letter-spacing:1px;border-radius:14px;padding:1.2rem 3.5rem;font-weight:900;text-decoration:none;transition:all .2s}.cta-primary:hover{box-shadow:0 15px 35px var(--btn-shadow);filter:brightness(1.1);transform:translateY(-5px)}.cta-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--foreground);text-transform:uppercase;letter-spacing:1px;border-radius:14px;padding:1.2rem 3.5rem;font-weight:900;text-decoration:none;transition:all .2s}.cta-secondary:hover{background:var(--glass-border);transform:translateY(-5px)}.bb-accordion{border:1px solid var(--glass-border);border-left:6px solid var(--primary);background:#0003;border-radius:12px;margin:1.5rem 0;overflow:hidden}.bb-accordion summary{cursor:pointer;background:var(--glass-bg);color:var(--foreground);align-items:center;gap:1.2rem;padding:1.2rem 1.5rem;font-weight:800;list-style:none;transition:all .2s;display:flex!important}.bb-accordion summary::-webkit-details-marker{display:none}.bb-accordion summary:before{content:"→";color:var(--primary);font-family:monospace;font-size:1.2rem;transition:transform .3s}.bb-accordion[open] summary:before{transform:rotate(90deg)}.bb-accordion summary:hover{background:var(--primary-transparent);color:var(--accent)}.bb-accordion-content{border-top:1px solid var(--glass-border);padding:1.2rem 1.5rem;animation:.3s ease-out slideDownIn}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bb-spoiler-wrapper{flex-direction:column;gap:.6rem;margin:1.5rem 0;display:flex}.bb-spoiler-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.8rem;padding-left:.5rem;font-size:.8rem;font-weight:900;display:flex}.bb-spoiler-header:before{content:"⚠️"}.bb-spoiler-box{border:1px solid var(--glass-border);background:var(--card-bg);cursor:pointer;border-radius:16px;min-height:100px;position:relative;overflow:hidden}.bb-spoiler-body{opacity:0;filter:blur(40px);pointer-events:none;padding:1.5rem 1.5rem 3rem;transition:all .8s cubic-bezier(.23,1,.32,1);transform:scale(.98)}.bb-spoiler-box.revealed>.bb-spoiler-body{opacity:1;filter:blur();pointer-events:auto;transform:scale(1)}.bb-spoiler-mask{z-index:10;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px dashed var(--primary);border-radius:14px;justify-content:center;align-items:center;margin:2px;transition:all .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;background:var(--card-bg)!important;display:flex!important}.bb-spoiler-box.revealed>.bb-spoiler-mask{opacity:0;visibility:hidden;transform:scale(1.1)}.bb-spoiler-mask-text{color:var(--primary);text-transform:uppercase;letter-spacing:.6rem;font-size:1.2rem;font-weight:950}.bb-spoiler-rehide{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;z-index:20;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:1rem;right:1.2rem}.bb-spoiler-rehide:hover{background:var(--primary);color:#fff}
@media (max-width:1024px){.section-visual{height:250px}.section-title{font-size:1.8rem}.cta-card h3{font-size:2rem}}@media (max-width:768px){.section-card{padding:1.5rem!important}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{text-align:center;width:100%}}