@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cinzel;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cinzel Fallback;src:local("Times New Roman");ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:136.86%}.__className_bd54c7{font-family:Cinzel,Cinzel Fallback;font-style:normal}.__variable_bd54c7{--font-cinzel:"Cinzel","Cinzel Fallback"}@font-face{font-family:DM Sans;font-style:italic;font-weight:300;font-display:swap;src:url(/_next/static/media/f597cd59c1ffa374-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:italic;font-weight:300;font-display:swap;src:url(/_next/static/media/4261f91ea7100e2e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/f597cd59c1ffa374-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/4261f91ea7100e2e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:italic;font-weight:500;font-display:swap;src:url(/_next/static/media/f597cd59c1ffa374-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:italic;font-weight:500;font-display:swap;src:url(/_next/static/media/4261f91ea7100e2e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/f597cd59c1ffa374-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/4261f91ea7100e2e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/f597cd59c1ffa374-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/4261f91ea7100e2e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_1ceda5{font-family:DM Sans,DM Sans Fallback}.__variable_1ceda5{--font-dm-sans:"DM Sans","DM Sans Fallback"}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}:root{--bg:oklch(0.09 0.015 265);--bg2:oklch(0.12 0.015 265);--surf:oklch(0.145 0.015 265);--surf2:oklch(0.185 0.02 265);--bord:oklch(0.24 0.025 265);--gold:oklch(0.78 0.14 85);--gold2:oklch(0.62 0.12 85);--crimson:oklch(0.60 0.20 25);--green:oklch(0.65 0.18 145);--txt:oklch(0.93 0.01 85);--muted:oklch(0.52 0.01 265);--warrior:oklch(0.65 0.20 25);--ranger:oklch(0.65 0.20 145);--scout:oklch(0.65 0.18 220);--monk:oklch(0.68 0.14 300);--rogue:oklch(0.72 0.16 75)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:var(--font-dm-sans),"DM Sans",sans-serif;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:68px;justify-content:space-between;background:oklch(.09 .015 265/.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid oklch(.24 .025 265/.5);transition:all .3s}.nav-logo,nav{display:flex;align-items:center}.nav-logo{font-family:var(--font-cinzel),"Cinzel",serif;font-weight:900;font-size:18px;letter-spacing:.15em;color:var(--gold);text-decoration:none;gap:10px}.nav-logo span{color:var(--txt)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;letter-spacing:.01em}.nav-links a:hover{color:var(--txt)}.nav-cta{display:flex;gap:12px;align-items:center}.btn-ghost{padding:8px 18px;border:1px solid var(--bord);background:none;border-radius:8px;color:var(--txt);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;text-decoration:none;display:inline-flex;align-items:center}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-gold{padding:9px 22px;background:var(--gold);border:none;border-radius:8px;color:oklch(.09 .02 85);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em}.btn-gold:hover{background:oklch(.85 .14 85);box-shadow:0 0 20px oklch(.78 .14 85/.4)}#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 40px 80px;position:relative;overflow:hidden;text-align:center}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-bg svg{width:100%;height:100%;opacity:.12}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid oklch(.78 .14 85/.4);border-radius:100px;background:oklch(.78 .14 85/.08);color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px;font-family:var(--font-cinzel),"Cinzel",serif}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite;flex-shrink:0}h1{font-family:var(--font-cinzel),"Cinzel",serif;font-size:clamp(42px,6vw,80px);font-weight:900;line-height:1.05;letter-spacing:-.01em;max-width:900px;margin-bottom:24px}h1 em{font-style:normal;color:var(--gold)}.hero-sub{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:560px;line-height:1.6;margin-bottom:44px;font-weight:400}.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:72px}.btn-hero{padding:16px 36px;background:var(--gold);border:none;border-radius:12px;color:oklch(.09 .02 85);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font-cinzel),"Cinzel",serif;text-decoration:none;letter-spacing:.08em;box-shadow:0 0 40px oklch(.78 .14 85/.35);display:inline-flex;align-items:center}.btn-hero:hover{background:oklch(.85 .14 85);box-shadow:0 0 60px oklch(.78 .14 85/.5);transform:translateY(-2px)}.btn-hero-ghost{padding:16px 36px;border:1.5px solid var(--bord);background:none;border-radius:12px;color:var(--txt);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;text-decoration:none;display:inline-flex;align-items:center}.btn-hero-ghost:hover{border-color:var(--gold);color:var(--gold)}.dmg-float{position:absolute;font-family:var(--font-cinzel),"Cinzel",serif;font-weight:900;pointer-events:none;animation:floatDmg linear infinite;opacity:0;white-space:nowrap}.hero-party{gap:0}.hero-avatar,.hero-party{display:flex;align-items:center;justify-content:center}.hero-avatar{width:44px;height:44px;border-radius:50%;background:var(--surf2);font-size:20px;border:2.5px solid var(--bg);margin-left:-10px;position:relative}.hero-avatar:first-child{margin-left:0}.hero-stats{display:flex;gap:48px;margin-bottom:16px;justify-content:center;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-val{font-family:var(--font-cinzel),"Cinzel",serif;font-size:28px;font-weight:700;color:var(--gold)}.hero-stat-label{font-size:12px;color:var(--muted);margin-top:2px;letter-spacing:.05em;text-transform:uppercase}section{padding:100px 40px}.section-inner{max-width:1200px;margin:0 auto}.section-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.section-tag,h2{font-family:var(--font-cinzel),"Cinzel",serif;font-weight:700}h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.01em;margin-bottom:20px}h2 em{font-style:normal;color:var(--gold)}.section-sub{font-size:18px;color:var(--muted);line-height:1.6;max-width:540px}#strip{background:var(--surf);border-top:1px solid var(--bord);border-bottom:1px solid var(--bord);padding:32px 40px}.strip-inner{max-width:1200px;margin:0 auto;justify-content:space-between;gap:40px;flex-wrap:wrap}.strip-inner,.strip-item{display:flex;align-items:center}.strip-item{gap:14px}.strip-icon{font-size:28px}.strip-text strong{display:block;font-weight:700;font-size:15px;color:var(--txt)}.strip-text span{font-size:13px;color:var(--muted)}.strip-divider{width:1px;height:40px;background:var(--bord);flex-shrink:0}#how{background:var(--bg)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:60px}.how-card{background:var(--surf);border:1px solid var(--bord);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all .3s}.how-card:hover{border-color:var(--gold2);transform:translateY(-4px)}.how-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity .3s}.how-card:hover:before{opacity:1}.how-num{font-family:var(--font-cinzel),"Cinzel",serif;font-size:48px;font-weight:900;color:oklch(.24 .025 265);line-height:1;margin-bottom:20px}.how-icon{font-size:40px;margin-bottom:16px}.how-card h3{font-family:var(--font-cinzel),"Cinzel",serif;font-size:20px;font-weight:700;letter-spacing:.03em;margin-bottom:10px;color:var(--txt)}.how-card p{font-size:14px;color:var(--muted);line-height:1.6}#roles{background:oklch(.11 .015 265)}.roles-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:24px;flex-wrap:wrap}.roles-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}.role-card{background:var(--surf);border:1.5px solid var(--bord);border-radius:20px;padding:28px 20px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;text-align:center}.role-card.active,.role-card:hover{transform:translateY(-6px)}.role-card[data-role=warrior].active,.role-card[data-role=warrior]:hover{border-color:var(--warrior);box-shadow:0 0 30px oklch(.65 .2 25/.25)}.role-card[data-role=ranger].active,.role-card[data-role=ranger]:hover{border-color:var(--ranger);box-shadow:0 0 30px oklch(.65 .2 145/.25)}.role-card[data-role=scout].active,.role-card[data-role=scout]:hover{border-color:var(--scout);box-shadow:0 0 30px oklch(.65 .18 220/.25)}.role-card[data-role=monk].active,.role-card[data-role=monk]:hover{border-color:var(--monk);box-shadow:0 0 30px oklch(.68 .14 300/.25)}.role-card[data-role=rogue].active,.role-card[data-role=rogue]:hover{border-color:var(--rogue);box-shadow:0 0 30px oklch(.72 .16 75/.25)}.role-icon{font-size:36px;margin-bottom:4px}.role-name{font-family:var(--font-cinzel),"Cinzel",serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.role-desc{font-size:12px;color:var(--muted);line-height:1.5}.role-stat-bar{height:4px;border-radius:2px;background:var(--surf2);overflow:hidden}.role-stat-fill{height:100%;border-radius:2px;transition:width .6s ease}.role-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.role-detail{margin-top:48px;background:var(--surf);border:1px solid var(--bord);border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:32px;gap:32px;transition:all .3s}.role-detail-main h3{font-family:var(--font-cinzel),"Cinzel",serif;font-size:24px;font-weight:700;margin-bottom:8px}.role-detail-main p{font-size:15px;color:var(--muted);line-height:1.6}.role-stat-row{gap:10px}.role-stat-row,.rsrow{display:flex;flex-direction:column}.rsrow{gap:4px}#quest{background:var(--bg)}.quest-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;margin-top:60px}.quest-map-wrap{background:var(--surf);border:1px solid var(--bord);border-radius:24px;padding:32px;position:relative}.quest-legend{display:flex;flex-direction:column;gap:24px}.legend-item{display:flex;gap:16px;align-items:flex-start}.legend-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:2px}.legend-dot.skirmish{background:oklch(.22 .02 265);border:1.5px solid var(--bord)}.legend-dot.challenge{background:oklch(.2 .05 220);border:1.5px solid var(--scout)}.legend-dot.boss{background:oklch(.18 .05 85);border:2px solid var(--gold)}.legend-text strong{display:block;font-size:14px;font-weight:600;color:var(--txt);margin-bottom:4px}.legend-text p{font-size:13px;color:var(--muted);line-height:1.5}#feed-section{background:oklch(.11 .015 265)}.feed-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;margin-top:60px}.feed-preview{display:flex;flex-direction:column;gap:12px}.feed-card{background:var(--surf);border:1px solid var(--bord);border-radius:16px;padding:16px 18px;display:flex;gap:14px;align-items:center;transition:all .3s;animation:fadeSlideUp .4s ease both}.feed-card:hover{background:var(--surf2);transform:translateX(4px)}.feed-avatar{width:44px;height:44px;border-radius:50%;background:var(--surf2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:1.5px solid var(--bord)}.feed-body{flex:1 1}.feed-user{font-weight:600;font-size:14px;color:var(--txt);display:flex;align-items:center;gap:8px}.feed-role-badge{font-size:10px;font-weight:700;font-family:var(--font-cinzel),"Cinzel",serif;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--surf2)}.feed-sub{font-size:12px;color:var(--muted);margin-top:2px}.feed-dmg{text-align:right;flex-shrink:0}.feed-dmg-num{font-family:var(--font-cinzel),"Cinzel",serif;font-size:22px;font-weight:900;color:var(--gold)}.feed-dmg-label{font-size:10px;color:var(--muted)}.feed-crit{font-size:9px;font-weight:700;font-family:var(--font-cinzel),"Cinzel",serif;color:oklch(.85 .18 85);letter-spacing:.08em;animation:critPulse 1.5s ease infinite}.feed-reactions{display:flex;gap:6px;margin-top:10px}.rxn-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;border:1px solid var(--bord);background:var(--surf2);font-size:12px;color:var(--muted);cursor:pointer;transition:all .2s}.rxn-chip:hover{border-color:var(--gold);color:var(--gold)}#cta{background:var(--bg);text-align:center;padding:140px 40px}.cta-inner{max-width:700px;margin:0 auto}.cta-glow{position:relative;display:inline-block;margin-bottom:32px}.cta-glow:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle,oklch(.78 .14 85/.15),transparent 70%);pointer-events:none}#cta h2{margin-bottom:20px}#cta p{font-size:18px;color:var(--muted);margin-bottom:48px;line-height:1.6}.cta-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta-input{padding:14px 20px;background:var(--surf);border:1.5px solid var(--bord);border-radius:12px;color:var(--txt);font-size:15px;font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s;min-width:280px}.cta-input:focus{border-color:var(--gold)}.cta-input::placeholder{color:var(--muted)}footer{background:oklch(.08 .01 265);border-top:1px solid var(--bord);padding:40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-logo{font-family:var(--font-cinzel),"Cinzel",serif;font-weight:900;font-size:16px;letter-spacing:.15em;color:var(--gold)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--txt)}.footer-copy{font-size:12px;color:oklch(.35 .01 265)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes floatDmg{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translateY(-120px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes critPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bossGlow{0%,to{box-shadow:0 0 20px oklch(.78 .14 85/.4)}50%{box-shadow:0 0 40px oklch(.78 .14 85/.7)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.how-grid{grid-template-columns:1fr}.roles-grid{grid-template-columns:repeat(3,1fr)}.feed-layout,.quest-layout,.role-detail{grid-template-columns:1fr}.strip-inner{flex-direction:column;gap:24px}.strip-divider{display:none}nav{padding:0 20px}nav .nav-links{display:none}section{padding:80px 24px}#hero{padding:100px 24px 60px}}@media(max-width:600px){.roles-grid{grid-template-columns:1fr 1fr}.cta-form{flex-direction:column;align-items:stretch}.cta-input{min-width:0}}