:root{--g-a: #3fa37a;--g-b: #4a8fe7;--g-c: #c9a227;--g-d: #e5534b}@keyframes ringIn{0%{stroke-dasharray:0 100}}.classes-app{max-width:1240px;margin:0 auto;padding:24px}.classes-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;animation:fadeUp .5s var(--ease) both}.classes-head h1{font-size:30px;margin:0}.classes-head .actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat{padding:14px 16px;animation:fadeUp .5s var(--ease) both}.stat:nth-child(2){animation-delay:.05s}.stat:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.15s}.stat .label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.stat .value{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.stat .value small{font-size:14px;color:var(--muted);font-weight:600}.stat .hint{font-size:13px;color:var(--muted)}.key-dates{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 16px;margin-bottom:18px;animation:fadeUp .5s .1s var(--ease) both}.key-dates h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 6px 0 0}.key-date{display:inline-flex;gap:8px;align-items:baseline;padding:5px 10px;border-radius:8px;background:var(--surface-2);font-size:13px}.key-date b{color:var(--accent);font-weight:700}#classGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}#classGrid.enter>*{animation:fadeUp .5s var(--ease) both}@keyframes planetIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@keyframes drawOrbit{0%{stroke-dashoffset:100}}@keyframes spin{to{transform:rotate(360deg)}}.orbit-card{padding:20px}.orbit{position:relative;width:100%;max-width:620px;aspect-ratio:1;margin:0 auto;border-radius:50%;background:var(--bg);border:1px solid var(--border);container-type:inline-size}.orbit-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 3px rgba(255,123,28,.9)) drop-shadow(0 0 9px rgba(255,123,28,.45))}.orbit-path circle{fill:none;stroke:var(--accent);stroke-width:.45;stroke-linecap:round;stroke-dasharray:1 1.4;transform-origin:50% 50%;animation:spin 90s linear infinite,breathe 4s ease-in-out infinite}.orbit-path .glow{stroke:var(--accent);stroke-opacity:.5;stroke-dasharray:100;animation:drawOrbit 1.4s var(--ease) both}.hub,.planet{position:absolute;transform:translate(-50%,-50%)}.hub{left:50%;top:50%;width:31%;text-align:center}.hub .ring{width:100%;height:auto;aspect-ratio:1}.hub .ring-label b{font-size:6.4cqw}.hub .ring-label b small{font-size:2.8cqw}.hub .ring-label span{font-size:2.3cqw;color:var(--muted);font-weight:600;margin-top:.8cqw}.hub .ring-label span strong{color:var(--text)}.planet{display:flex;flex-direction:column;align-items:center;gap:.8cqw;padding:0;border:0;background:none;cursor:pointer;color:inherit;animation:planetIn .6s var(--ease) backwards;animation-delay:var(--d, 0ms);transition:transform .25s var(--ease)}.planet:hover,.planet:focus-visible{transform:translate(-50%,-50%) scale(1.07);outline:none}.planet .ring{width:100%;height:auto;aspect-ratio:1}.planet:focus-visible .ring-bg{stroke:var(--accent)}.planet .ring-label b{font-size:4.9cqw}.planet .ring-label b small{font-size:2.2cqw}.planet .ring-label span{font-size:2.3cqw;margin-top:.4cqw}.planet-name{font-size:2.4cqw;font-weight:700;white-space:nowrap;padding:.3cqw 1.2cqw;border-radius:99px;background:var(--surface-2)}.class-list{padding:8px 16px}.class-list>h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 0 4px}.class-row{display:flex;gap:12px;padding:12px 8px;margin:0 -8px;border-top:1px solid var(--border);cursor:pointer;border-radius:8px;transition:background .2s}.class-list>h3+.class-row{border-top:0}.class-row:hover,.class-row:focus-visible{background:var(--surface-2);outline:none}.class-row .dot{margin-top:6px}.class-row .grow{flex:1;min-width:0}.row-top{display:flex;gap:8px;align-items:baseline}.row-top .nm{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.row-top .pct{font-weight:800;font-size:18px;white-space:nowrap}.row-top .pct small{font-size:13px;color:var(--muted);font-weight:700}.facts.mini{border:0;padding:4px 0 0;gap:3px}.facts.mini li{font-size:13px}.class-card{padding:18px;cursor:pointer;transition:transform .25s var(--ease),border-color .25s;display:flex;flex-direction:column;gap:14px}.class-card:hover{transform:translateY(-3px);border-color:#ec6b2d80}.class-top{display:flex;gap:16px;align-items:center}.class-id{min-width:0}.class-id .code{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.04em}.class-id h3{font-size:18px;margin:2px 0}.ring{position:relative;width:92px;height:92px;flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .ring-bg{fill:color-mix(in srgb,var(--ring) 16%,transparent);stroke:var(--surface-2);stroke-width:7}.ring .ring-fg{fill:none;stroke:var(--ring);stroke-width:7;stroke-linecap:round;animation:ringIn 1s var(--ease) both}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;line-height:1}.ring-label b{font-size:28px;font-weight:800;letter-spacing:-.03em}.ring-label b small{font-size:13px;font-weight:700;color:var(--muted)}.ring-label span{font-size:13px;font-weight:700;color:var(--ring);margin-top:3px}.ring.lg{width:120px;height:120px}.ring.lg .ring-label b{font-size:36px}.facts{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.facts li{display:flex;gap:10px;font-size:14px;align-items:baseline}.facts .ico{width:18px;flex:none;text-align:center}.facts .k{color:var(--muted)}.facts .soon{color:var(--accent);font-weight:600}.facts .good{color:#5cc095;font-weight:600}.facts .warn{color:#f0807a;font-weight:600}.breakdown{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.breakdown th{text-align:left;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 4px}.breakdown td{padding:6px 4px;border-top:1px solid var(--border);vertical-align:middle}.breakdown input{width:76px!important;padding:5px 8px!important;text-align:right}.bar{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden;min-width:60px}.bar i{display:block;height:100%;border-radius:6px;background:var(--accent);transition:width .5s var(--ease)}.whatif{margin-top:16px;padding:14px;border-radius:10px;background:var(--surface-2)}.whatif input[type=range]{width:100%;accent-color:var(--accent)}.whatif .result{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;font-weight:600}.whatif .result b{font-size:22px}.detail-top{display:flex;gap:16px;align-items:center;margin:4px 0 6px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.classes-app{padding:16px}#classGrid{grid-template-columns:1fr}.orbit-card{padding:10px}}@keyframes livePulse{0%,to{box-shadow:0 0 #ff7b1c8c}60%{box-shadow:0 0 0 5px #ff7b1c00}}.sync-pill{float:right;display:inline-flex;align-items:center;gap:6px;margin-top:-3px;padding:3px 9px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;font-size:11px;letter-spacing:.04em;cursor:pointer;text-transform:none}.sync-pill i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:livePulse 2.4s ease-in-out infinite}.sync-pill.bad{color:#f0807a;border-color:#f0807a59}.sync-pill:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){.sync-pill i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/wingman-classes.css.map */