#section-o66{--o66-cyan:#87e4de;--o66-edge:#8ad6d62a;min-width:0}
.o66-hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding:40px;border:1px solid #85d8d53b;border-radius:25px;background:radial-gradient(ellipse at 90% 50%,#27746a30,transparent 65%),linear-gradient(120deg,#152738,#0a1721);box-shadow:0 20px 65px #0003}
.o66-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#91e1dc06 1px,transparent 1px),linear-gradient(90deg,#91e1dc06 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000)}
.o66-copy{position:relative;z-index:1;max-width:70%}.o66-kicker{display:block;font-size:.6rem;font-weight:700;letter-spacing:.24em;color:#85b9bf;margin-bottom:20px}#section-o66 .o66-copy h2{font-size:clamp(2.3rem,4.5vw,4.3rem);letter-spacing:-.055em;line-height:1.08;margin:0 0 18px;color:#e0f6f3}#section-o66 .o66-copy .dash-section-subtitle{color:#9bb9c7;font-size:.88rem;line-height:1.75;margin-bottom:22px}.o66-tag{color:#8ed5cb;font-size:.59rem;letter-spacing:.17em}
.o66-signal{position:absolute;right:35px;top:35px;width:210px;height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.o66-signal>span{font-size:80px;letter-spacing:-.08em;font-weight:800;color:#94e7d6;text-shadow:0 0 40px #7cebd133;font-variant-numeric:tabular-nums}.o66-signal small{font-size:8px;letter-spacing:.18em;color:#83b9b6}.o66-orbit{position:absolute;inset:0;border:1px solid #8ae6d940;border-top:2px solid #a3f1dc;border-bottom:2px solid #6288a977;border-radius:50%;animation:o66-spin 30s linear infinite}.o66-orbit.inner{inset:15px;border:1px dashed #91e5d955;animation-direction:reverse;animation-duration:48s}.o66-pause{position:absolute;right:14px;top:14px;z-index:2;width:32px;height:32px;border:1px solid var(--o66-edge);border-radius:9px;background:#122b35;color:#bdeade;cursor:pointer}
.o66-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:24px 0}.o66-label{display:block;font-size:.62rem;letter-spacing:.09em;color:#8eafbf;text-transform:uppercase;margin-bottom:10px}.o66-filters{display:flex;gap:5px;flex-wrap:wrap}.o66-diff-btn,.o66-refresh{font:inherit;font-size:.76rem;border:1px solid var(--o66-edge);border-radius:9px;background:#10232e;color:#a9c2cf;padding:10px 15px;cursor:pointer;transition:background .2s,border-color .2s}.o66-diff-btn{min-width:38px}.o66-diff-btn.active{background:linear-gradient(130deg,#29605c,#214552);color:#d7fff0;border-color:#91e2c777;box-shadow:inset 0 1px #b1ffe51a}.o66-diff-btn:hover,.o66-refresh:hover{border-color:#9ce4d4;color:#dcfff6}.o66-refresh{color:#b7eadb;background:#173832}.o66-refresh:disabled{opacity:.5;cursor:wait}
.o66-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.o66-summary:empty{display:none}.o66-stat{padding:20px;border:1px solid var(--o66-edge);border-radius:15px;background:linear-gradient(125deg,#182e3b,#101d2a)}.o66-stat span{display:block;font-size:.65rem;line-height:1.5;color:#92afc0;margin-bottom:9px}.o66-stat strong{display:block;font-size:1.6rem;letter-spacing:-.03em;color:#c0f1de;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.o66-status{font-size:.71rem;color:#85a8b9;margin:0 0 14px}
.o66-results{display:grid;gap:18px}.o66-card{position:relative;overflow:hidden;isolation:isolate;border:1px solid #83c7cc38;border-radius:20px;background:linear-gradient(130deg,#162937,#0c1723);animation:o66-enter .55s both;animation-delay:calc(var(--order)*75ms)}.o66-card:first-child{border-color:#90e4cf66;box-shadow:0 8px 32px #70efc607}.o66-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #85b9c719;background:#84cdd505}.o66-card-ident{display:flex;align-items:center;gap:15px;min-width:0}.o66-rank{font-size:1.7rem;letter-spacing:-.04em;font-weight:750;color:#79a8b2;font-variant-numeric:tabular-nums}.o66-card:first-child .o66-rank{color:#a4efd1}.o66-card-kicker{display:block;font-size:.53rem;letter-spacing:.15em;text-transform:uppercase;color:#8aaab8;margin-bottom:4px}.o66-card h3{color:#d4e8ef;font-size:1.08rem;margin:0;overflow-wrap:anywhere}.o66-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.65rem;flex-shrink:0}.o66-difficulty{border:1px solid #95e7cb36;background:#8bedd90a;color:#b4e8d6;padding:5px 9px;border-radius:6px}.o66-samples{color:#809eaf}
.o66-score-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px}.o66-score-strip .o66-label{margin-bottom:6px}.o66-score{font-size:1.8rem;color:#b1efd6;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.o66-readiness{font-size:.65rem;line-height:1.5;color:#97aebb;max-width:50%;text-align:right}.o66-readiness.gap{color:#efb490}.o66-readiness.match{color:#9ad7ba}.o66-track{height:3px;margin:0 24px;background:#86d5d615;border-radius:4px;overflow:hidden}.o66-track i{display:block;height:100%;background:linear-gradient(90deg,#367e93,#a3efce);transform-origin:left;animation:o66-bar .9s ease both;animation-delay:calc(var(--order)*75ms)}
.o66-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:22px 24px}.o66-unit{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 10px;border:1px solid #83bdce21;border-radius:13px;background:#0919258c;transition:background .2s,border-color .2s}.o66-unit:hover{background:#16343f;border-color:#8cdfcf66}.o66-unit.leader{border-color:#94e2ce55;background:linear-gradient(155deg,#285a502d,#0a1926)}.o66-unit.short{border-bottom:2px solid #d59972}.o66-unit-role{font-size:.48rem;letter-spacing:.12em;text-transform:uppercase;color:#93c4bd;height:20px}.o66-monogram{display:grid;place-items:center;position:relative;width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#2f5261,#152c3b);border:1px solid #a2d5d643;color:#c1e9df;font-size:1.1rem;font-weight:700;margin:4px 0 14px}.o66-unit.leader .o66-monogram{box-shadow:0 0 22px #8df0cb14;border-color:#ace5cd77}.o66-unit.leader .o66-monogram::after{content:'';position:absolute;inset:-5px;border:1px solid #8ce0c825;border-radius:18px;animation:o66-pulse 4s ease-in-out infinite}.o66-unit-name{display:block;flex:1;color:#c7dce5;font-weight:600;font-size:.76rem;line-height:1.5;overflow-wrap:anywhere}.o66-levels{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-top:12px;font-size:.7rem;font-variant-numeric:tabular-nums}.o66-levels span:first-child{color:#a9e7cf;font-weight:700}.o66-levels span:last-child{color:#7899ab}.o66-unit.short .o66-levels span:first-child{color:#efb392}.o66-unit-gap{font-size:.55rem;color:#e0a17c;margin-top:6px}.o66-details{border-top:1px solid #83bdce16;background:#07121a33}.o66-details summary{font-size:.69rem;color:#8faebd;padding:13px 24px;cursor:pointer}.o66-details p{font-size:.75rem;color:#a1b9c7;line-height:1.7;padding:0 24px 17px;margin:0}
.o66-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:290px;border:1px solid var(--o66-edge);border-radius:20px;background:radial-gradient(ellipse at center,#70d9c50a,transparent 70%),#0c1925;padding:30px;text-align:center}.o66-empty-symbol{font-size:48px;color:#97d9ca;line-height:1;margin-bottom:20px}.o66-empty p{max-width:450px;color:#9ab5c5;font-size:.9rem;line-height:1.7}.o66-skeleton{display:grid;gap:10px;width:min(450px,100%);margin-top:12px}.o66-skeleton i{height:18px;border-radius:6px;background:linear-gradient(90deg,#193542,#31584f,#193542);background-size:200% 100%;animation:o66-scan 2s linear infinite}.o66-skeleton i:nth-child(2){width:85%}.o66-skeleton i:nth-child(3){width:70%}
.o66-note{display:flex;gap:15px;padding:20px 24px;margin-top:22px;border:1px solid #86b8d82b;border-radius:16px;background:#102330}.o66-note-icon{color:#8ebbd0;font-size:25px}.o66-note h3{font-size:.88rem;color:#c0d8e5;margin:0 0 8px}.o66-note p{font-size:.74rem;line-height:1.7;color:#8faaba;margin:0 0 12px}.o66-note code{color:#a1e0d5;font-size:.76rem}
#section-o66 button:focus-visible,#section-o66 summary:focus-visible{outline:2px solid #b4f7dd;outline-offset:4px}#section-o66[data-motion=paused] *,#section-o66[data-motion=paused] *::after{animation-play-state:paused!important}#section-o66[data-motion=paused] .o66-card,#section-o66[data-motion=paused] .o66-track i{animation:none!important}
@keyframes o66-spin{to{transform:rotate(360deg)}}@keyframes o66-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes o66-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes o66-pulse{50%{opacity:.3;transform:scale(1.06)}}@keyframes o66-scan{to{background-position:-200% 0}}
@media(max-width:1000px){.o66-hero{padding:32px}.o66-signal{width:160px;height:160px;right:24px;top:60px}.o66-signal>span{font-size:60px}.o66-units{gap:8px;padding:18px}.o66-unit{padding:12px 6px}.o66-card-head{padding:18px}.o66-score-strip{padding:18px}.o66-track{margin:0 18px}}
@media(max-width:600px){.o66-hero{padding:30px 20px;min-height:300px}.o66-copy{max-width:100%}.o66-kicker{font-size:.5rem;letter-spacing:.12em;padding-right:25px;line-height:1.7}.o66-signal{width:130px;height:130px;right:-35px;top:auto;bottom:-35px;opacity:.25}.o66-tag{font-size:.5rem}.o66-toolbar{gap:14px}.o66-toolbar>div{width:100%}.o66-filters{gap:5px}.o66-diff-btn{flex:1;min-width:29px;padding:10px 8px;font-size:.7rem}.o66-diff-btn:first-child{flex:2}.o66-refresh{width:100%}.o66-summary{gap:7px}.o66-stat{padding:12px 9px}.o66-stat span{font-size:.56rem}.o66-stat strong{font-size:1.08rem}.o66-card-head{align-items:flex-start;flex-direction:column;gap:13px;padding:17px 14px}.o66-card h3{font-size:1rem}.o66-badges{padding-left:41px}.o66-score-strip{padding:18px 14px 14px}.o66-score{font-size:1.5rem}.o66-units{grid-template-columns:repeat(3,minmax(0,1fr));padding:17px 12px;gap:8px}.o66-unit-name{font-size:.68rem}.o66-monogram{width:44px;height:44px;font-size:.95rem}.o66-details summary{padding:13px 16px}.o66-details p{padding:0 16px 15px}.o66-note{padding:18px 14px;gap:10px}.o66-readiness{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){#section-o66 *,#section-o66 *::after{animation:none!important;transition:none!important}}
