*,*::before,*::after{box-sizing:border-box}body{background:var(--base);color:var(--headline);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.75;margin:0}.breadcrumb-wrap{background:var(--block);border-bottom:1px solid var(--border);padding:0.75rem 0}.breadcrumb{margin:0;padding:0;background:transparent}.breadcrumb-item a{color:var(--accent);text-decoration:none;font-size:0.85rem}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:var(--muted);font-size:0.85rem}.breadcrumb-item + .breadcrumb-item::before{color:var(--muted)}.page-hero{background:linear-gradient(135deg,#06101e 0%,#0c1a30 60%,#080f1e 100%);padding:72px 0 60px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.page-hero::before{content:'';position:absolute;top:-100px;right:-60px;width:480px;height:480px;background:radial-gradient(circle,rgba(167,139,250,0.07) 0%,transparent 70%);pointer-events:none}.page-hero::after{content:'';position:absolute;bottom:-80px;left:-40px;width:360px;height:360px;background:radial-gradient(circle,rgba(147,197,253,0.06) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-block;background:rgba(167,139,250,0.12);border:1px solid var(--purple);color:var(--purple);font-size:0.78rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:1.2rem}.page-hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;color:var(--headline);line-height:1.2;margin-bottom:1.2rem}.page-hero h1 span{color:var(--purple)}.page-hero p.lead{color:var(--muted);font-size:1.05rem;max-width:540px;margin-bottom:2rem}.section-base{background:var(--base);padding:68px 0}.section-dark{background:var(--block);padding:68px 0}.section-label{font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:0.5rem}.section-title{font-family:'Orbitron',sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--headline);margin-bottom:1rem}.section-sub{color:var(--muted);max-width:600px;margin:0 auto 2.5rem}.content-img{width:100%;height:auto;border-radius:14px;display:block;border:1px solid var(--border);box-shadow:0 12px 40px rgba(0,0,0,0.5)}.stat-strip{background:var(--block);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{text-align:center;padding:1.4rem 1rem}.stat-num{font-family:'Orbitron',sans-serif;font-size:1.8rem;font-weight:900;color:var(--purple)}.stat-label{color:var(--muted);font-size:0.82rem;margin-top:0.2rem}.game-card{background:var(--block);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.3rem;height:auto;transition:border-color 0.2s,transform 0.2s;position:relative;overflow:hidden}.game-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--accent));opacity:0;transition:opacity 0.2s}.game-card:hover{border-color:var(--purple);transform:translateY(-4px)}.game-card:hover::before{opacity:1}.game-card .card-icon{font-size:2rem;margin-bottom:0.8rem;display:block}.game-card h5{color:var(--headline);font-weight:700;margin-bottom:0.4rem;font-size:1rem}.game-card p{color:var(--muted);font-size:0.88rem;margin:0}.rank-table{border-collapse:separate;border-spacing:0;width:100%}.rank-table thead th{background:rgba(167,139,250,0.08);color:var(--purple);font-weight:700;padding:0.9rem 1.1rem;border-bottom:2px solid var(--border);font-size:0.88rem}.rank-table tbody td{padding:0.8rem 1.1rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:0.88rem;vertical-align:middle}.rank-table tbody tr:last-child td{border-bottom:none}.rank-table tbody td:first-child{color:var(--headline);font-weight:600}.rank-table tbody tr:hover td{background:rgba(167,139,250,0.04)}.rank-badge{display:inline-block;font-size:0.72rem;font-weight:700;padding:2px 10px;border-radius:20px}.rank-s{background:rgba(250,204,21,0.15);color:var(--gold)}.rank-a{background:rgba(167,139,250,0.15);color:var(--purple)}.rank-b{background:rgba(147,197,253,0.15);color:var(--accent)}.rank-c{background:rgba(148,163,184,0.12);color:var(--muted)}.step-item{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1.8rem}.step-num{min-width:46px;height:46px;background:var(--purple);color:var(--text-light);font-weight:800;font-size:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h6{color:var(--headline);font-weight:700;margin-bottom:0.25rem}.step-content p{color:var(--muted);font-size:0.9rem;margin:0}.tip-box{background:rgba(167,139,250,0.06);border-left:3px solid var(--purple);border-radius:0 10px 10px 0;padding:1rem 1.2rem;color:var(--muted);font-size:0.9rem;margin-bottom:1rem}.tip-box strong{color:var(--headline)}.highlight-box{background:linear-gradient(135deg,rgba(167,139,250,0.08) 0%,rgba(147,197,253,0.05) 100%);border:1px solid rgba(167,139,250,0.25);border-radius:14px;padding:1.6rem 1.8rem}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.6rem 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:0.92rem}.feature-list li:last-child{border-bottom:none}.feature-list li i{color:var(--purple);font-size:1rem;margin-top:3px;flex-shrink:0}.feature-list li strong{color:var(--headline)}.faq-item{background:var(--block);border:1px solid var(--border);border-radius:12px;margin-bottom:0.9rem;overflow:hidden}.faq-question{padding:1rem 1.3rem;font-weight:600;color:var(--headline);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;font-size:0.95rem}.faq-question:hover{color:var(--accent)}.faq-answer{padding:0 1.3rem 1rem;color:var(--muted);font-size:0.9rem;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-icon{transition:transform 0.2s;color:var(--purple);font-size:1.1rem}.rg-notice{background:linear-gradient(135deg,#111c2d 0%,#0d1e38 100%);border:1px solid rgba(250,204,21,0.2);border-radius:14px;padding:1.8rem 2rem}.skill-bar-wrap{margin-bottom:1rem}.skill-label{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--muted);margin-bottom:4px}.skill-label span:last-child{color:var(--purple);font-weight:700}.skill-bar{background:rgba(147,197,253,0.1);border-radius:20px;height:8px;overflow:hidden}.skill-fill{height:auto;border-radius:20px;background:linear-gradient(90deg,var(--purple),var(--accent))}@media (max-width:768px){.page-hero{padding:52px 0 44px}.section-base,.section-dark{padding:48px 0}}html,body{overflow-x:clip;width:100%}