.class-browser{max-width:1160px;margin-inline:auto;letter-spacing:0}@media (prefers-reduced-motion:no-preference){.class-learn-scroll,html:has(.class-detail){scroll-behavior:smooth}}.class-learn-dialog{width:calc(100% - 32px);max-width:1160px;max-height:calc(100dvh - 32px);padding:0;gap:0;overflow:hidden;border-radius:8px;grid-template-rows:auto minmax(0,1fr)}.class-learn-title{padding:18px 48px 18px 24px;border-bottom:1px solid hsl(var(--border));font-size:1rem;line-height:1.4;letter-spacing:0}.class-learn-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 24px}.class-learn-scroll .class-detail-section,.class-learn-scroll .class-overview-profile{scroll-margin-top:16px}.class-learn-scroll .class-heading>h2{font-size:1.75rem;line-height:1.25}@media (max-width:640px){.class-learn-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.class-learn-scroll{padding-inline:16px}.class-learn-title{padding-left:16px}}.class-browser h1,.class-browser h2,.class-browser h3,.class-browser p{margin:0;letter-spacing:0}.class-browser h1{font-size:2.25rem;font-weight:700;line-height:1.2}.class-browser h2{font-size:1.25rem;font-weight:650}.class-browser h3{font-size:1rem;font-weight:600;line-height:1.4}.class-browser a{transition:color .15s,background .15s,border-color .15s}.class-browser a:focus-visible,.class-browser summary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:5px;border-radius:3px}.class-heading{display:grid;gap:10px}.class-heading>p:last-child{color:hsl(var(--muted-foreground));font-size:.9375rem;line-height:1.6}.class-browser .class-eyebrow{display:flex;align-items:center;gap:8px;font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:500}.class-role-attacker{--role-color:var(--warning)}.class-role-ki{--role-color:var(--primary)}.class-role-tank{--role-color:var(--success)}.class-role-nav{display:flex;flex-wrap:wrap;gap:8px 24px;padding:22px 0;margin-top:12px;border-bottom:1px solid hsl(var(--border))}.class-role-nav a{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:.875rem}.class-role-nav svg,.class-section-heading>svg{color:hsl(var(--role-color))}.class-count{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:400}.class-role-section{padding-top:30px;scroll-margin-top:90px}.class-section-heading{display:flex;align-items:center;gap:10px}.class-section-heading .class-count{margin-left:auto}.class-browser .class-section-description{margin-top:8px;color:hsl(var(--muted-foreground));line-height:1.6;font-size:.875rem}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding:0;list-style:none}.class-grid>li{display:flex;min-width:0}.class-entry{width:100%;display:flex;flex-direction:column;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--card)/.65);padding:14px 18px 0}.class-entry-ready{border-color:hsl(var(--role-color)/.5)}.class-entry-ready:hover{background:hsl(var(--card));border-color:hsl(var(--role-color))}.class-entry-top{display:flex;gap:12px;align-items:center;min-height:88px}.class-entry-top>div{min-width:0}.class-back:hover,.class-detail-nav a:hover,.class-entry h3 a:hover,.class-role-nav a:hover{color:hsl(var(--primary))}.class-entry .class-entry-meta{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.7;margin-top:4px}.class-entry-meta span{opacity:.5;margin-inline:3px}.class-entry .class-entry-description{font-size:.8125rem;line-height:1.65;padding:10px 0 18px;flex:1}.class-entry-footer{border-top:1px solid hsl(var(--border)/.7);min-height:44px;display:flex;align-items:center;font-size:.75rem;color:hsl(var(--muted-foreground))}.class-entry-footer a{width:100%;display:flex;justify-content:space-between;align-items:center;color:hsl(var(--role-color));font-weight:500;padding-block:12px}.class-outfit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.class-outfit img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.class-browser .class-footnote{line-height:1.7;margin-top:22px}.class-back,.class-browser .class-footnote{font-size:.8125rem;color:hsl(var(--muted-foreground))}.class-back{gap:8px}.class-back,.class-teacher-link{display:inline-flex;align-items:center}.class-teacher-link{gap:5px;color:hsl(var(--primary));text-decoration:underline;text-underline-offset:3px}.class-teacher-link svg{flex-shrink:0}.class-teacher-link:hover{color:hsl(var(--foreground))}.class-detail-heading{display:flex;align-items:center;gap:22px;padding:22px 0}.class-detail-heading>.class-outfit{background:hsl(var(--muted)/.4);border-radius:8px}.class-detail-heading .class-heading{flex:1}.class-create{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:10px 16px;border-radius:6px;font-size:.8125rem;white-space:nowrap}.class-create:hover{background:hsl(var(--primary)/.85)}.class-detail-nav{display:flex;flex-wrap:wrap;gap:12px 28px;border-block:1px solid hsl(var(--border));padding:15px 0;font-size:.8125rem}.class-detail-section{padding-block:28px;border-bottom:1px solid hsl(var(--border));scroll-margin-top:90px}.class-overview{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:60px;margin-top:20px}.class-facts{display:grid;gap:12px;margin:0;font-size:.875rem}.class-facts>div{display:grid;grid-template-columns:175px 1fr;gap:12px}.class-facts dt{color:hsl(var(--muted-foreground))}.class-growth{max-width:380px}.class-growth>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem;margin-top:12px}.class-growth p{font-size:.75rem;line-height:1.65;color:hsl(var(--muted-foreground));margin-top:14px}.class-rating{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums}.class-stars{display:flex;gap:3px}.class-star{position:relative;width:14px;height:14px;color:hsl(var(--muted-foreground)/.4)}.class-star>span{position:absolute;inset:0 auto 0 0;overflow:hidden;color:hsl(var(--warning))}.class-star svg{max-width:none}.class-effects{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;margin-top:24px}.class-effects>li{display:flex;align-items:flex-start;gap:14px;min-width:0}.class-effect-icon{flex-shrink:0;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;border-radius:4px}.class-effects h3{margin:3px 0 6px}.class-effects h3+p{font-size:.8125rem;line-height:1.7}.class-effects small{display:block;margin-top:8px;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.5}.class-forms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 0}.class-forms li{display:flex;flex-direction:column;align-items:center;text-align:center;border-top:2px solid hsl(var(--primary)/.5);padding:14px 8px;gap:8px}.class-form-level{font-size:.75rem;color:hsl(var(--muted-foreground))}.class-forms h3+span{display:flex;align-items:center;gap:4px;font-size:.75rem}.class-forms p{font-size:.75rem;line-height:1.8;color:hsl(var(--muted-foreground))}.class-forms .class-form-unavailable{border-color:hsl(var(--border));border-top-style:dashed}.class-form-unavailable img{opacity:.6}.class-techniques{margin:18px 0 0;padding:0;list-style:none}.class-techniques>li{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid hsl(var(--border)/.6)}.class-techniques>li:last-child{border-bottom:0}.class-technique-level{width:48px;flex-shrink:0;display:grid;justify-items:center;font-variant-numeric:tabular-nums}.class-technique-level span{color:hsl(var(--muted-foreground));font-size:.6875rem}.class-technique-level strong{font-size:1.125rem;font-weight:500}.class-technique-body{flex:1;min-width:0}.class-technique-body h3{font-size:.875rem}.class-technique-body p{font-size:.8125rem;margin-top:4px;line-height:1.6}.class-technique-requirements{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:7px;font-size:.75rem;color:hsl(var(--muted-foreground))}.class-support{margin-top:18px;border-top:1px solid hsl(var(--border))}.class-support summary{cursor:pointer;padding-block:18px;font-size:.875rem;font-weight:500}.class-support summary span{margin-left:8px}.class-detail-footer,.class-support summary span{color:hsl(var(--muted-foreground));font-size:.75rem}.class-detail-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px}.class-statistics{min-width:0}.class-stat-group+.class-stat-group{margin-top:22px}.class-stat-group h3{margin-bottom:8px}.class-stat-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 0;border-bottom:1px solid hsl(var(--border)/.6);font-size:.8125rem}.class-stat-button>span:first-child{flex:1;display:flex;justify-content:space-between;gap:8px}.class-stat-button strong{font-variant-numeric:tabular-nums;font-weight:500}.class-stat-button>svg{color:hsl(var(--muted-foreground));flex-shrink:0}.class-stat-button:hover{background:hsl(var(--muted)/.5)}.class-stat-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.class-statistics .class-stat-basis{font-size:.75rem;line-height:1.6;margin-top:14px;color:hsl(var(--muted-foreground))}.class-ranking-dialog{width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 32px);grid-template-rows:auto auto minmax(0,1fr);border-radius:8px;letter-spacing:0}.class-ranking-dialog h2{letter-spacing:0;padding-right:16px}.class-ranking-select{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:hsl(var(--muted-foreground))}.class-ranking-select select{flex:1;min-width:0;border:1px solid hsl(var(--border));border-radius:4px;padding:8px;background:hsl(var(--background));color:hsl(var(--foreground))}.class-ranking-list{list-style:none;padding:0;margin:0;overflow-y:auto;overscroll-behavior:contain;max-height:55dvh;scrollbar-gutter:stable}.class-ranking-list li{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 6px;border-bottom:1px solid hsl(var(--border)/.6)}.class-ranking-current{background:hsl(var(--primary)/.12);box-shadow:inset 3px 0 hsl(var(--primary))}.class-rank-number{min-width:20px;text-align:center;font-size:.75rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.class-rank-name{flex:1;min-width:0;font-size:.8125rem;line-height:1.5}.class-rank-name small{display:block;color:hsl(var(--muted-foreground));font-size:.75rem}.class-ranking-list .class-rating{gap:6px}.class-ranking-list .class-rating>span:last-child{min-width:44px;text-align:right}.spell-radar{display:block;width:160px;height:104px;flex-shrink:0;overflow:visible}.radar-grid{fill:none;stroke:hsl(var(--muted-foreground)/.3);stroke-width:1}.radar-value{fill:hsl(var(--primary)/.24);stroke:hsl(var(--primary));stroke-width:1.7;stroke-linejoin:round}.radar-dot{fill:hsl(var(--primary))}.radar-label{fill:hsl(var(--muted-foreground));font-size:11px}.radar-score{fill:hsl(var(--foreground));font-size:10px;font-variant-numeric:tabular-nums}.spell-rating-info{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:32px;height:32px;border-radius:4px;color:hsl(var(--muted-foreground))}.spell-rating-info:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.spell-rating-info:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.class-overview-profile{margin-top:28px;padding-top:28px;border-top:1px solid hsl(var(--border));scroll-margin-top:90px}.class-profile{display:grid;grid-template-columns:minmax(260px,1fr) 1.3fr;align-items:center;gap:32px;margin-top:18px}.class-profile-radar{display:block;width:100%;max-width:400px;aspect-ratio:360/280;margin-inline:auto}.class-profile dl{display:grid;gap:16px}.class-profile dt{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem;font-weight:500}.class-profile dt span{color:hsl(var(--primary));font-variant-numeric:tabular-nums}.class-profile dd{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-top:4px}@media (max-width:1000px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-overview{gap:28px}.class-facts>div{grid-template-columns:1fr;gap:2px}.class-detail-heading{flex-wrap:wrap}}@media (max-width:640px){.class-profile{grid-template-columns:minmax(0,1fr);gap:18px}.class-ranking-dialog{padding:20px 14px}.class-ranking-list li{gap:6px}.class-ranking-list .class-outfit{width:36px!important;height:36px!important}.class-techniques>li>.spell-radar{margin-left:60px}.class-browser h1{font-size:1.875rem}.class-effects,.class-grid,.class-overview{grid-template-columns:minmax(0,1fr)}.class-entry-top{min-height:80px}.class-detail-heading{gap:16px}.class-detail-heading>.class-outfit{width:80px;height:80px}.class-detail-heading .class-heading{min-width:180px}.class-create{width:100%}.class-detail-nav{gap:12px 20px}.class-facts>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.class-growth{max-width:none}.class-forms{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.class-techniques>li{gap:12px;flex-wrap:wrap}.class-techniques>li>.class-rating{margin-left:60px}.class-technique-body{flex-basis:calc(100% - 60px)}}