:root{--bg:#06030b;--panel:rgba(29,10,40,.82);--text:#fff7ff;--muted:#c9a8d8;--pink:#ff4fa3;--violet:#9d4edd;--green:#39ffbc;--gold:#ffc15c;--border:rgba(255,79,163,.28);--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(157,78,221,.28),transparent 25rem),radial-gradient(circle at 88% 32%,rgba(255,79,163,.2),transparent 25rem),linear-gradient(145deg,#05020a,#160820 50%,#050309);line-height:1.65}a{color:#ff9bd3}.content-header{position:sticky;top:0;z-index:10;min-height:72px;padding:13px max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,79,163,.2);background:rgba(5,2,10,.82);backdrop-filter:blur(16px)}.content-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:950}.content-brand img{width:42px;height:42px;border-radius:10px}.content-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px}.content-nav a{padding:8px 10px;color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:850}.content-nav a:hover,.content-nav a[aria-current="page"]{color:#fff}.content-main{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:60px 0 90px}.article-hero{padding:clamp(26px,5vw,58px);border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,rgba(43,13,57,.9),rgba(18,6,27,.93));box-shadow:var(--shadow)}.eyebrow{margin:0;color:#ff9bd3;font-size:.74rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.article-hero h1{max-width:900px;margin:10px 0 18px;font-size:clamp(2.7rem,7vw,5.4rem);line-height:.98;color:transparent;background:linear-gradient(90deg,#c77dff,#ff7ac8 50%,#ffb347);-webkit-background-clip:text;background-clip:text}.lede{max-width:800px;margin:0;color:#ead5f2;font-size:clamp(1.05rem,2vw,1.3rem)}.byline{margin:22px 0 0;color:var(--muted);font-size:.86rem}.article-layout{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.article-body{padding:clamp(24px,4vw,48px);border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.article-body h2{margin:38px 0 10px;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.2}.article-body h2:first-child{margin-top:0}.article-body h3{margin:26px 0 8px;color:#f3d9ff;font-size:1.2rem}.article-body p,.article-body li{color:var(--muted);font-weight:560}.article-body strong{color:#fff}.article-body ul,.article-body ol{padding-left:24px}.article-body li+li{margin-top:8px}.article-body table{width:100%;margin:18px 0;border-collapse:collapse}.article-body th,.article-body td{padding:12px;border:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}.article-body th{color:#fff;background:rgba(255,79,163,.1)}.callout{margin:24px 0;padding:18px;border-left:4px solid var(--green);border-radius:8px;background:rgba(57,255,188,.07)}.callout.warning{border-color:var(--gold);background:rgba(255,193,92,.07)}.article-aside{position:sticky;top:94px;padding:20px;border:1px solid var(--border);border-radius:16px;background:rgba(24,8,34,.86)}.article-aside h2{margin:0 0 10px;font-size:1rem}.article-aside a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--muted);text-decoration:none;font-weight:750}.article-aside a:hover{color:#fff}.guide-grid,.mode-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-card,.mode-card{padding:22px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(39,12,51,.86),rgba(18,6,27,.9));text-decoration:none}.guide-card span,.mode-card span{color:#ff9bd3;font-size:.72rem;font-weight:950;text-transform:uppercase}.guide-card h2,.mode-card h2{margin:6px 0 8px;color:#fff;font-size:1.3rem}.guide-card p,.mode-card p{margin:0;color:var(--muted)}.guide-card:hover,.mode-card:hover{transform:translateY(-2px);border-color:rgba(255,122,200,.55)}.faq-list{display:grid;gap:12px}.faq-list details{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}.faq-list summary{cursor:pointer;color:#fff;font-weight:900}.faq-list details p{margin-bottom:0}.content-footer{padding:34px 20px 46px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.84rem}.content-footer button{padding:0;border:0;color:inherit;background:none;cursor:pointer}.game-info{width:min(1040px,calc(100% - 28px));margin:36px auto 86px;padding:clamp(22px,4vw,40px);border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.game-info h2{margin:0 0 10px;font-size:clamp(1.7rem,4vw,2.5rem)}.game-info h3{margin:24px 0 8px}.game-info p,.game-info li{color:var(--muted);line-height:1.65}.game-info ul,.game-info ol{padding-left:22px}.game-info-links{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.game-info-links a{padding:10px 14px;border:1px solid rgba(255,122,200,.3);border-radius:999px;color:#f5dfff;text-decoration:none;font-weight:800;background:rgba(255,79,163,.06)}
@media(max-width:900px){.content-header{position:relative;align-items:flex-start}.content-nav{display:none}.article-layout{grid-template-columns:1fr}.article-aside{position:relative;top:auto}.guide-grid,.mode-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.content-brand span{font-size:.88rem}.content-main{padding-top:28px}.article-hero,.article-body{border-radius:14px}.guide-grid,.mode-grid{grid-template-columns:1fr}.article-body{padding:22px}.article-body table{font-size:.82rem;display:block;overflow-x:auto}}