:root{--bg:#0f1419;--bg-elevated:#1a2332;--bg-card:#1e2a3a;--border:#2d3f54;--text:#e8eef4;--text-muted:#94a3b8;--accent:#3ecf8e;--accent-dim:#2a9d6a;--accent-glow:#3ecf8e40;--warning:#f59e0b;--radius:10px;--font:"Inter", system-ui, sans-serif;--max-width:1100px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-top:0;line-height:1.25}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{margin-bottom:.75rem;font-size:1.35rem}p{margin:0 0 1rem}ul{padding-left:1.25rem}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f1419e6;position:sticky;top:0}.header-inner,.page-container,.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;padding-bottom:.85rem;display:flex}.header-actions{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}@media (width>=640px){.header-actions{flex-direction:row;align-items:center;gap:1.25rem}}.lang-switcher{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;display:inline-flex;overflow:hidden}.lang-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.35rem .65rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.lang-btn:hover{color:var(--text)}.lang-btn--active{background:var(--accent);color:#0a1612}.lang-btn--active:hover{color:#0a1612}.brand{color:var(--text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand:hover{color:var(--accent);text-decoration:none}.brand-logo{flex-shrink:0;display:block}.brand-mark{background:linear-gradient(135deg, var(--accent), #1a6b4a);color:#0f1419;border-radius:4px;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:grid}.site-nav{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.site-nav .nav-link,.site-nav .nav-dropdown__trigger{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none}.site-nav .nav-link.active,.site-nav .nav-link:hover,.site-nav .nav-dropdown--active .nav-dropdown__trigger,.site-nav .nav-dropdown__trigger:hover{color:var(--accent)}.site-nav .nav-link.nav-link--cta{background:linear-gradient(135deg,#f59e0b,#fbbf24);border:1px solid #fbbf248c;border-radius:8px;font-weight:700;box-shadow:0 0 14px #f59e0b59;color:#1a1200!important;padding:.4rem .95rem!important}.site-nav .nav-link.nav-link--cta:hover,.site-nav .nav-link.nav-link--cta.active{background:linear-gradient(135deg,#fbbf24,#fde68a);text-decoration:none;box-shadow:0 0 18px #fbbf2473;color:#1a1200!important}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";width:max(100%,10rem);height:.45rem;position:absolute;top:100%;left:0}.nav-dropdown__caret{margin-left:.15rem;font-size:.65rem}.nav-dropdown__menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:10rem;padding:.35rem 0;display:none;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 8px 24px #00000059}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{flex-direction:column;display:flex}.nav-dropdown__item{color:var(--text-muted);padding:.45rem .85rem;font-size:.88rem;text-decoration:none}.nav-dropdown__item:hover,.nav-dropdown__item.active{color:var(--accent);background:#3ecf8e14;text-decoration:none}.visitor-badge{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.visitor-badge strong{color:var(--accent)}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-dim)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-danger{color:#f87171;border-color:#f8717159}.community-auth{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.community-auth--warn{border-color:var(--warning);color:var(--warning)}.community-auth--signed-in .community-auth__avatar{border-radius:50%}.community-auth__hint{color:var(--text-muted);flex:12rem;margin:0;font-size:.9rem}.community-form{flex-direction:column;gap:.65rem;margin-bottom:1.5rem;display:flex}.community-form input,.community-form textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem}.community-form textarea{resize:vertical;min-height:5rem}.community-list-actions{margin-bottom:1rem}.community-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.community-toolbar__search{max-width:22rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:14rem;padding:.5rem .75rem}.community-pagination{align-items:center;gap:.5rem;display:flex}.community-pagination__info{color:var(--text-muted);text-align:center;min-width:5rem;font-size:.85rem}.community-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);margin:0;padding:2rem 1rem}.community-list{margin-top:.5rem}.community-posts{margin:0;padding:0;list-style:none}.community-posts li{border-bottom:1px solid var(--border)}.community-post-link{color:inherit;flex-direction:column;gap:.25rem;padding:.85rem 0;text-decoration:none;display:flex}.community-post-link:hover{text-decoration:none}.community-post-link:hover .community-post-title{color:var(--accent)}.community-post-title{font-weight:600}.community-post-meta{color:var(--text-muted);font-size:.85rem}.community-article__head{color:var(--text-muted);justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.community-article__body{white-space:pre-wrap}.community-article__actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.community-comments ul{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.community-comment__meta{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem}.community-error{color:#f87171}.badge{vertical-align:middle;border-radius:4px;margin-right:.35rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-solved{color:var(--accent);background:#3ecf8e33}.text-muted{color:var(--text-muted)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-main{flex:1;padding:2rem 0 3rem}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:1.5rem 0;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;display:flex}.page-header{margin-bottom:2rem}.page-header p{color:var(--text-muted);max-width:42rem}.hero{align-items:center;gap:2rem;margin-bottom:3rem;display:grid}@media (width>=768px){.hero{grid-template-columns:1fr 1fr}}.hero-visual{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 0 40px var(--accent-glow), 0 0 60px #7c3aed26;position:relative;overflow:hidden}.hero-visual__image{object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute;inset:0}.hero-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#0f14198c 85%,#0f1419d9 100%);position:absolute;inset:0}.hero-badge{z-index:3;border:1px solid var(--border);color:var(--text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e2a3aeb;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;position:absolute;bottom:1rem;left:1rem}.story-teaser{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);margin-bottom:2.5rem;padding:1.75rem 1.5rem;position:relative;overflow:hidden}.story-teaser__glow{pointer-events:none;background:radial-gradient(circle,#7c3aed33,#0000 70%);width:50%;height:120%;position:absolute;top:-40%;right:-20%}.story-teaser__inner{z-index:1;max-width:44rem;position:relative}.story-teaser__label{letter-spacing:.06em;text-transform:uppercase;color:#c4b5fd;margin:0 0 .35rem;font-size:.8rem;font-weight:600}.story-teaser h2{margin-bottom:.75rem;font-size:1.25rem}.story-teaser__text{color:var(--text-muted);font-size:.95rem}.home-champions{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:#3ecf8e0f;margin-bottom:2rem;padding:1.25rem 1.5rem}.home-champions__hint{color:var(--text-muted);max-width:40rem;margin:0}.story-epigraph{color:#c4b5fd;border-left:3px solid #7c3aed80;max-width:36rem;margin:0 0 2rem;padding-left:1rem;font-style:italic}.story-chapter{border-bottom:1px solid var(--border);margin-bottom:2.25rem;padding-bottom:2rem}.story-chapter:last-of-type{border-bottom:none}.story-chapter h2{color:var(--accent);font-size:1.15rem}.story-chapter p{color:var(--text-muted);max-width:44rem}.story-cta{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);margin-top:2rem;padding:1.5rem}.story-cta p{color:var(--text-muted);max-width:40rem}.hero-badge strong{color:var(--accent)}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#0a1612}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);color:#0a1612}.btn-secondary{border-color:var(--border);color:var(--text);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-paypal{color:#fff;background:#0070ba}.btn-paypal:hover{color:#fff;box-shadow:0 4px 16px #0070ba59}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h3{margin-bottom:.5rem;font-size:1rem}.card p,.card .meta{color:var(--text-muted);margin-bottom:0;font-size:.9rem}.feature-section{margin-bottom:2rem}.feature-section ul{color:var(--text-muted)}.command-table{border-collapse:collapse;width:100%;font-size:.9rem}.command-table th,.command-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.command-table th{color:var(--text-muted);font-weight:500}.command-table code{color:var(--accent);font-size:.85rem}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.faq-question{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-weight:600;display:flex}.faq-question:hover{color:var(--accent)}.faq-answer{color:var(--text-muted);padding:0 1.25rem 1rem;font-size:.95rem}.install-steps{flex-direction:column;gap:1rem;display:flex}.install-step{align-items:flex-start;gap:1rem;display:flex}.step-num{background:var(--accent);color:#0a1612;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:grid}.notice{border-radius:var(--radius);color:var(--text-muted);background:#f59e0b1a;border:1px solid #f59e0b59;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.9rem}.notice strong{color:var(--warning)}.donate-disclaimer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:2rem;padding-top:1.5rem;font-size:.85rem}.donate-disclaimer p{margin-bottom:.5rem}.premium-placeholder{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);margin-top:2rem;padding:1.25rem;font-size:.9rem}.loading-text{color:var(--text-muted);font-size:.875rem}.page-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.page-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-weight:600}.page-tab--active{border-color:var(--accent);color:var(--accent);background:#3ecf8e14}.guide-block{margin-bottom:2.5rem}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.legend-grid--compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.legend-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;font:inherit;color:inherit;cursor:pointer;padding:1rem;transition:border-color .15s,background .15s,box-shadow .15s}.legend-card:hover{border-color:var(--accent)}.legend-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.legend-card--active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#3ecf8e14}.legend-card h3{color:var(--accent);margin-bottom:.35rem;font-size:.95rem}.legend-card p{color:var(--text-muted);margin:0;font-size:.875rem}.class-filters{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.class-filters label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.class-filters select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;min-width:10rem;padding:.4rem .6rem}.class-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.class-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.class-card--link{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.class-card--link:hover{box-shadow:0 0 20px var(--accent-glow);border-color:#3ecf8e73}.class-card--link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.class-card__top{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.class-card__portrait-wrap{flex-shrink:0;margin-bottom:0}.class-card__top .class-stat-radar{aspect-ratio:1;flex:1;width:100%;min-width:0;max-width:168px;height:auto}.class-card__portrait-btn{cursor:zoom-in;background:0 0;border:none;border-radius:8px;margin:0 0 .75rem;padding:0;display:block}.class-card__portrait-btn:disabled{cursor:default}.class-card__portrait-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.class-card__portrait{object-fit:cover;border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;width:96px;height:96px;transition:border-color .15s,box-shadow .15s;display:block}.class-card__portrait-btn:hover .class-card__portrait{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a0fe0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.image-lightbox__close{border:1px solid var(--border);background:var(--bg-card);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;border-radius:8px;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}.image-lightbox__close:hover{border-color:var(--accent);color:var(--accent)}.image-lightbox__figure{text-align:center;max-width:min(90vw,640px);margin:0}.image-lightbox__img{border-radius:var(--radius);border:1px solid var(--border);width:auto;max-width:100%;height:auto;max-height:min(80vh,640px);box-shadow:0 8px 40px #00000080}.image-lightbox__figure figcaption{color:var(--text-muted);margin-top:.75rem;font-size:.95rem}.class-card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.class-card__head h3{margin:0;font-size:1.05rem}.class-card__badges{flex-wrap:wrap;gap:.35rem;display:flex}.class-badge{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.class-badge--role{color:var(--accent);border-color:#3ecf8e59}.class-card__title-link{color:inherit;text-decoration:none}.class-card__title-link:hover{color:var(--accent)}.class-card__more{margin:0 0 .75rem;font-size:.85rem}.class-card__more a{color:var(--accent);text-decoration:none}.class-card__more a:hover{text-decoration:underline}.class-card__equip,.class-card__summary{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.class-stat-radar{display:block}.class-stat-radar__grid{fill:none;stroke:var(--border);stroke-width:1px}.class-stat-radar__axis{stroke:var(--border);stroke-width:1px}.class-stat-radar__fill{fill:color-mix(in srgb, var(--accent) 35%, transparent);stroke:none}.class-stat-radar__stroke{fill:none;stroke:var(--accent);stroke-width:1.5px}.class-stat-radar__label{fill:var(--text-muted);font-size:.62rem;font-weight:500}.class-stats{grid-template-columns:repeat(2,1fr);gap:.35rem .75rem;margin:.25rem 0 0;font-size:.8rem;display:grid}.class-stats div{justify-content:space-between;gap:.5rem;display:flex}.class-stats dt{color:var(--text-muted);font-weight:500}.class-stats dd{color:var(--text);margin:0}.crafting-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.crafting-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.crafting-card h3{margin:0 0 .75rem;font-size:1rem}.crafting-grid{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:inline-flex}.crafting-row{gap:4px;display:flex}.crafting-cell{border:1px dashed var(--border);width:2.25rem;height:2.25rem;color:var(--text-muted);border-radius:4px;place-items:center;font-size:.65rem;font-weight:700;display:grid}.crafting-cell--material{color:var(--warning);border-color:#f59e0b80}.crafting-cell--stick{color:var(--accent);border-color:#3ecf8e73}.crafting-cell--empty{opacity:.25}.class-detail__nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.class-detail__nav a{color:var(--accent);text-decoration:none}.class-detail__nav a:hover{text-decoration:underline}.class-detail__order{color:var(--text-muted)}.class-detail__hero{gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=900px){.class-detail__hero{grid-template-columns:auto 1fr;align-items:start}}.class-detail__portraits{flex-wrap:wrap;gap:1rem;display:flex}.class-detail__portrait-card{text-align:center;margin:0}.class-detail__portrait-card img{object-fit:cover;border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;width:140px;height:140px}.class-detail__portrait-card figcaption{margin-top:.5rem;font-size:.85rem}.class-detail__portrait-card strong{color:var(--text);margin-top:.25rem;display:block}.class-detail__tier-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid #3ecf8e59;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;display:inline-block}.class-detail__intro h1{margin-bottom:.5rem}.class-detail__badges{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.class-detail__equip,.class-detail__summary{color:var(--text-muted);margin-bottom:.5rem}.class-detail__proficiency-meta,.class-detail__story p+p{margin-top:.75rem}.class-detail__portrait-btn{cursor:zoom-in;background:0 0;border:none;border-radius:10px;margin:0;padding:0;display:block}.class-detail__portrait-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.class-detail__portrait-btn:hover img{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.class-detail__skill-columns{grid-template-columns:1fr;gap:1rem;margin-top:1.25rem;display:grid}@media (width>=960px){.class-detail__skill-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}.class-detail__skill-column{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-height:12rem;padding:1rem}.class-detail__skill-column h3{color:var(--accent);text-align:center;border-bottom:1px solid var(--border);margin:0 0 .35rem;padding-bottom:.5rem;font-size:1rem}.class-detail__skill-section{margin-top:2rem}.class-detail__skill-section h3{color:var(--accent);margin-bottom:.35rem}.class-detail__skill-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.class-detail__skill{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.skill-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-shrink:0;padding:4px}.class-detail__skill-body{min-width:0}.class-detail__skill-body h4{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .35rem;font-size:1rem;display:flex}.class-detail__tag{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:#3ecf8e26;border:1px solid #3ecf8e4d;border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.class-detail__tag--passive{color:var(--text-muted);border-color:var(--border);background:#94a3b81f}.class-detail__tag--ultimate{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b73}.class-detail__input{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem}.class-detail__skill-body p{color:var(--text-muted);margin:0;font-size:.9rem}.class-detail__skill-body p+p{margin-top:.35rem}.skill-tree{margin-top:1.25rem}.skill-tree__legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.skill-tree__legend-item{align-items:center;gap:.35rem;display:inline-flex}.skill-tree__legend-chain{opacity:.85;flex:100%;font-size:.75rem}.skill-tree__element-dot{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.skill-tree__element--earth{color:#a68b5b;background:#a68b5b}.skill-tree__element--wind{color:#9ad4ff;background:#9ad4ff}.skill-tree__element--fire{color:#e85d04;background:#e85d04}.skill-tree__element--poison{color:#55a630;background:#55a630}.skill-tree__element--lightning{color:#fbbf24;background:#fbbf24}.skill-tree__element--water{color:#4cc9f0;background:#4cc9f0}.skill-tree__element--dark{color:#9d7cd8;background:#9d7cd8}.skill-tree__element--frost{color:#c8e6ff;background:#c8e6ff}.skill-tree__board-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(4.5rem,auto) 1fr;gap:.75rem 1rem;padding:1rem;display:grid;overflow-x:auto}.skill-tree__row-labels{grid-template-rows:repeat(3,minmax(5.5rem,auto));align-items:center;gap:.5rem;display:grid}.skill-tree__row-label{color:var(--accent);text-align:right;flex-direction:column;gap:.2rem;padding-right:.35rem;font-size:.7rem;font-weight:600;line-height:1.25;display:flex}.skill-tree__row-unlock{color:var(--text-muted);font-size:.62rem;font-weight:400}.skill-tree__board{gap:.5rem;min-width:min(100%,36rem);display:grid;position:relative}.skill-tree__cell{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:inherit;font:inherit;text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;min-height:5.5rem;padding:.45rem .25rem .35rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.skill-tree__cell:hover{border-color:var(--accent)}.skill-tree__cell--selected{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.skill-tree__cell--chain:before{content:"";top:calc(-1 * var(--chain-offset,.55rem));width:2px;height:var(--chain-offset,.55rem);background:var(--accent);opacity:.45;border-radius:1px;position:absolute;left:50%;transform:translate(-50%)}.skill-tree__cell-name{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.62rem;line-height:1.2;display:-webkit-box;overflow:hidden}.skill-tree__element-badge{text-transform:uppercase;letter-spacing:.04em;background:#ffffff0f;border-radius:3px;padding:.05rem .25rem;font-size:.55rem;font-weight:600}.skill-tree__element-badge.skill-tree__element--earth{color:#a68b5b}.skill-tree__element-badge.skill-tree__element--wind{color:#9ad4ff}.skill-tree__element-badge.skill-tree__element--fire{color:#e85d04}.skill-tree__element-badge.skill-tree__element--poison{color:#55a630}.skill-tree__element-badge.skill-tree__element--lightning{color:#fbbf24}.skill-tree__element-badge.skill-tree__element--water{color:#4cc9f0}.skill-tree__element-badge.skill-tree__element--dark{color:#9d7cd8}.skill-tree__element-badge.skill-tree__element--frost{color:#c8e6ff}.skill-tree__detail{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:1rem 1.1rem}.skill-tree__detail-head{align-items:flex-start;gap:.85rem;margin-bottom:.65rem;display:flex}.skill-tree__detail-icon{flex-shrink:0}.skill-tree__detail-text h4{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .25rem;font-size:1rem;display:flex}.skill-tree__detail-tier{margin:0}.skill-tree__element{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}@media (width<=640px){.skill-tree__board-wrap{grid-template-columns:1fr}.skill-tree__row-labels{display:none}}