.an-card{--an-ink:#0f172a;--an-teal:#13616a;--an-deep:#0b3a45;--an-gold:#f59e0b;--an-soft:#e5f0f1;--an-sand:#f6ead2;--an-brown:#2a1d12;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 34px #0f172a14;display:flex;flex-direction:column;margin:0;overflow:hidden}.an-head{padding:22px 26px 14px}.an-kicker{color:var(--an-teal);font-size:.74rem;font-weight:800;letter-spacing:.16em;margin:0 0 6px;text-transform:uppercase}.an-title{color:var(--an-ink);font-size:1.45rem;line-height:1.2;margin:0}.an-sub{color:#475569;font-size:1rem;line-height:1.5;margin:8px 0 0;max-width:62ch}.an-stage{aspect-ratio:16/9;background:#0b1f2c;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.an-stage--soil{background:var(--an-brown)}.an-stage img{display:block}.an-foot{align-items:center;color:#64748b;display:flex;font-size:.86rem;gap:14px;justify-content:space-between;line-height:1.4;padding:12px 26px 16px}.an-btn{appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:var(--an-teal);cursor:pointer;flex:none;font-size:.86rem;font-weight:700;padding:7px 14px}.an-btn:hover{background:var(--an-soft)}.an-tag{background:#081a30db;border-radius:4px;bottom:10px;font-size:.74rem;padding:4px 10px;right:12px;z-index:8}.an-chip,.an-tag{color:#fff;position:absolute}.an-chip{background:#081a30e6;border-radius:6px;font-size:.86rem;font-weight:700;padding:6px 12px;z-index:6}.an-chip--gold{border-left:4px solid var(--an-gold)}.an-star{height:0;left:50%;position:absolute;top:50%;width:0;z-index:7}.an-star:after,.an-star:before{border-radius:50%;content:"";height:18px;left:-9px;position:absolute;top:-9px;width:18px}.an-star:before{background:#d64040;border:3px solid #fff;box-shadow:0 0 0 2px #00000040}.an-star:after{animation:an-ping 2s ease-out infinite;border:2px solid #f0c75ef2}@keyframes an-ping{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}.an-slider{cursor:ew-resize;touch-action:pan-y}.an-layer,.an-slider img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.an-divider{bottom:0;box-shadow:0 0 16px #f59e0bd9;margin-left:-2px;top:0;width:4px;z-index:5}.an-divider,.an-handle{background:var(--an-gold);position:absolute}.an-handle{align-items:center;border-radius:50%;box-shadow:0 4px 14px #0006;color:#1a1206;display:flex;font-size:1.1rem;font-weight:800;height:46px;justify-content:center;left:50%;margin:-23px 0 0 -23px;top:50%;width:46px}.an-hint{background:#081a30e0;border-radius:999px;bottom:14px;font-size:.86rem;left:50%;padding:6px 14px;transform:translateX(-50%);transition:opacity .4s}.an-hint,.an-year{color:#fff;position:absolute;z-index:6}.an-year{bottom:56px;font-size:clamp(2.6rem,8vw,5rem);font-weight:800;left:22px;line-height:1;text-shadow:0 4px 24px #000000b3}.an-kindchip{bottom:18px;left:22px}.an-timeline{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:0 26px 6px}.an-dot{appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-size:.86rem;font-weight:700;padding:6px 14px}.an-dot[aria-current=true]{background:var(--an-teal);border-color:var(--an-teal);color:#fff}.an-fade{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .7s ease;width:100%}.an-fade.is-on{opacity:1}.an-zimg{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;width:100%;will-change:transform,opacity}.an-zframe{border:6px solid #fff;box-shadow:0 18px 60px #0000008c;box-sizing:border-box}.an-caption{background:#081a30eb;border-left:5px solid var(--an-gold);bottom:16px;color:#fff;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:800;left:20px;padding:10px 18px;position:absolute;transition:opacity .3s;z-index:6}.an-zones{background:#0b1f2c;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.an-zones .an-stage{aspect-ratio:1300/845}.an-legend{background:linear-gradient(160deg,#0b3a45,#0b1f2c);color:#fff;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:22px}.an-row{border-left:6px solid #64748b;opacity:.35;padding:8px 0 8px 14px;transition:opacity .4s,border-color .4s}.an-row.is-on{border-color:var(--an-gold);opacity:1}.an-row b{display:block;font-size:2.3rem;line-height:1}.an-row span,.an-total{color:#cbd5e1;font-size:.95rem}.an-total{margin-top:6px}@media (max-width:760px){.an-zones{grid-template-columns:1fr}.an-legend{flex-direction:row;flex-wrap:wrap;gap:10px}.an-row{flex:1 1 30%}.an-row b{font-size:1.7rem}}.an-soilbox{background:var(--an-brown);color:var(--an-sand);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:460px}.an-soilwin{background:#000;border:6px solid var(--an-sand);box-shadow:0 14px 40px #00000080;margin:22px;min-height:360px;overflow:hidden;position:relative}.an-soilwin img{left:0;position:absolute;top:0;width:100%;will-change:transform}.an-soiltext{display:flex;flex-direction:column;gap:22px;justify-content:center;padding:30px 8px 30px 30px}.an-layer-label{opacity:.32;transform:translateX(0);transition:opacity .35s,transform .35s}.an-layer-label.is-on{opacity:1;transform:translateX(12px)}.an-layer-label b{display:block;font-size:1.9rem;line-height:1.1}.an-layer-label span{font-size:1rem}@media (max-width:760px){.an-soilbox{grid-template-columns:1fr}.an-soiltext{gap:14px;padding:22px 22px 0}.an-soilwin{margin:16px 22px 22px;min-height:300px}}.an-tubes{align-items:center;display:flex;gap:16%;inset:0;justify-content:center;padding:9% 0 10%;position:absolute}.an-tube{background:#000;border:5px solid #f6ead2e6;border-radius:4px;box-shadow:0 14px 36px #0000008c;overflow:hidden;position:relative}.an-tube,.an-tube img{height:100%;width:100%}.an-tube img{inset:0;object-fit:cover;position:absolute}.an-water{background:linear-gradient(180deg,#286ebea8,#286ebe66);border-bottom:4px solid #a0d7fff2;mix-blend-mode:multiply;top:0}.an-tubelabel,.an-water{left:0;position:absolute;right:0}.an-tubelabel{bottom:-2.2em;color:var(--an-sand);font-size:clamp(.9rem,2vw,1.25rem);font-weight:800;text-align:center;white-space:nowrap}.an-drops{display:flex;height:9%;justify-content:space-around;left:0;position:absolute;right:0;top:-9%}.an-drop{animation:an-fall .9s linear infinite;background:#9ad3ff;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:15px;width:9px}@keyframes an-fall{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1}to{opacity:0;transform:translateY(120px)}}.an-mapimg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;will-change:transform}.an-unitcard{background:#2a1d12f5;border-top:8px solid var(--an-gold);bottom:16px;color:var(--an-sand);display:flex;flex-direction:column;gap:6px;left:16px;overflow:hidden;padding:18px 20px;position:absolute;top:16px;width:min(46%,440px);z-index:6}.an-unitcard h4{font-size:clamp(1rem,2.2vw,1.4rem);line-height:1.2;margin:0}.an-unitcard small{color:var(--an-gold);font-weight:800;letter-spacing:.12em}.an-comp{grid-gap:8px;align-items:center;display:grid;font-size:.92rem;font-weight:600;gap:8px;grid-template-columns:6.5em 1fr 2.6em}.an-bar{background:#f6ead22e;border-radius:6px;height:12px;overflow:hidden}.an-bar i{background:linear-gradient(90deg,#d9a441,#f59e0b);border-radius:6px;display:block;height:100%}.an-ring{border:4px solid var(--an-gold);border-radius:50%;box-shadow:0 0 0 4px #f59e0b40;transform:translate(-50%,-50%);z-index:5}.an-ring,.an-svg{position:absolute}.an-svg{height:100%;inset:0;width:100%}.an-chiplabel{background:#2a1d12eb;border-left:5px solid var(--an-gold);color:var(--an-sand);font-size:clamp(.72rem,1.7vw,1rem);font-weight:800;padding:5px 12px;position:absolute;transition:opacity .4s;z-index:6}@media (max-width:640px){.an-stage--soil.an-cols{aspect-ratio:1/1}.an-cols .an-chip{display:none}.an-cols .an-tag{bottom:auto;top:8px}.an-mapstage{aspect-ratio:4/5}.an-unitcard{bottom:8px;gap:4px;left:8px;padding:10px 12px;right:8px;top:auto;width:auto}.an-unitcard h4{font-size:.95rem}.an-comp{font-size:.78rem;grid-template-columns:5em 1fr 2.2em}.an-tag{font-size:.66rem;padding:3px 7px}}@media (prefers-reduced-motion:reduce){.an-drop,.an-star:after{animation:none}.an-fade{transition:none}}