/* Quiet material contrast for the two Animus worlds and topic entrances. */
.world-grid{align-items:stretch;gap:26px}
.world-card{isolation:isolate;border-radius:20px;border-color:#cfdee7;padding:39px 36px 32px;box-shadow:0 3px 8px #00315b03;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.world-card>div{min-width:0;position:relative;z-index:1}
.world-card:before{content:"";position:absolute;top:0;left:36px;right:36px;height:1px;background:linear-gradient(90deg,transparent,#8eaabd80,transparent);pointer-events:none}
.world-learn{background:radial-gradient(ellipse at 100% 0,#dceaf1 0,transparent 62%),#f5f8f9}
.world-pet{background:radial-gradient(ellipse at 100% 0,#194c70 0,transparent 65%),linear-gradient(140deg,#00315b,#062a46);border-color:#00315b;box-shadow:0 7px 22px #00315b12;color:#fff}
.world-pet:before{background:linear-gradient(90deg,transparent,#a6c5db80,transparent)}
.world-card .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:25px}
.world-card h3{line-height:1.13;letter-spacing:-1.2px;margin-bottom:18px}
.world-card p:not(.eyebrow){font-size:13px;line-height:1.85;color:#4e6679;max-width:315px}
.world-pet p:not(.eyebrow){color:#d9e7f0}
.world-tags{gap:7px;margin-top:22px;font-size:9px;line-height:1.5}
.world-tags>span{padding:6px 10px;background:#ffffff80;border-color:#c9dbe6}
.world-pet .world-tags{color:#e2edf4}
.world-pet .world-tags>span{background:#ffffff08;border-color:#7898b173}
.world-card .world-action{font-size:12px;line-height:1.5;gap:17px;margin-top:30px}
.world-action>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid #99b4c7;border-radius:50%;font-size:20px;transition:transform .25s ease,background .25s ease}
.world-pet .world-action>span{border-color:#98b5cb80}
.world-art{color:#365f7c;opacity:.7;stroke-width:1.25}
.world-pet .world-art{color:#d5e7f3;opacity:.6}
.world-card:focus-visible,.topic-card:focus-visible{outline:3px solid #3d79a6;outline-offset:5px}
.topic-grid{align-items:stretch}
.topic-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d4e1e8;border-radius:16px;box-shadow:0 2px 6px #00315b02;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.topic-card:nth-child(1){background:linear-gradient(145deg,#fff,#f5f8fa)}
.topic-card:nth-child(2){background:linear-gradient(145deg,#fbfaf7,#f3f2ee)}
.topic-card:nth-child(3){background:linear-gradient(145deg,#f8fbf9,#edf3ef)}
.topic-card:nth-child(4){background:linear-gradient(145deg,#f7fafc,#eaf1f5)}
.topic-number{font-size:8px;letter-spacing:.14em;color:#506f85}
.topic-icon{background:#ffffffb3;border-color:#cadbe6;stroke-width:1.4;box-shadow:0 4px 15px #00315b04}
.topic-card h3{line-height:1.16;letter-spacing:-.7px;margin-bottom:23px}
.topic-bottom{align-self:stretch;gap:8px;line-height:1.6;margin-top:auto;padding-top:17px;border-top:1px solid #c7d9e4;font-size:10px;color:#4c6b81}
.topic-bottom>span:last-child{font-size:19px;flex-shrink:0;color:#00315b}
@media(hover:hover) and (pointer:fine){
  .world-card:hover{transform:translateY(-4px);border-color:#7c9db4;box-shadow:0 15px 34px #00315b10}
  .world-pet:hover{border-color:#5f8eaf;box-shadow:0 15px 34px #00315b20}
  .world-card:hover .world-action>span{transform:translate(2px,-2px);background:#ffffff66}
  .world-pet:hover .world-action>span{background:#ffffff14}
  .topic-card:hover{transform:translateY(-4px);border-color:#89a9bf;box-shadow:0 12px 28px #00315b0c}
}
@media(max-width:1100px){.world-card{padding:33px 30px 29px}.world-card:before{left:30px;right:30px}.world-card p:not(.eyebrow){font-size:12px}}
@media(max-width:800px){.world-grid{gap:18px}.world-card{padding:30px 27px}.world-card .eyebrow{max-width:140px}.world-art{width:65px;right:25px;top:27px}.world-card p:not(.eyebrow){font-size:12px}.world-card .world-action{font-size:11px}.topic-bottom{font-size:9px}}
@media(max-width:560px){
  .world-card{padding:30px 27px 27px;border-radius:17px;min-height:0}
  .world-card:before{left:27px;right:27px}
  .world-card .eyebrow{font-size:8px;max-width:160px;margin-bottom:29px}
  .world-card h3{font-size:38px;max-width:260px;letter-spacing:-1.2px}
  .world-card p:not(.eyebrow){font-size:13px;max-width:270px;line-height:1.8}
  .world-art{width:46px;top:22px;right:23px;opacity:.55}
  .world-pet .world-art{opacity:.5}
  .world-tags{font-size:9px;margin-top:21px;gap:7px}
  .world-tags>span{padding:5px 9px}
  .world-card .world-action{font-size:12px;margin-top:24px}
  .topic-card{padding:21px 17px 18px;border-radius:14px;min-height:277px}
  .topic-card h3{font-size:25px;letter-spacing:-.6px;margin-bottom:21px}
  .topic-number{font-size:7px;letter-spacing:.1em}
  .topic-icon{margin-block:22px 21px}
  .topic-bottom{font-size:9px;gap:5px;padding-top:14px}
  .topic-bottom>span:last-child{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .world-card,.world-action>span,.topic-card{transition:none}
  .world-card:hover,.topic-card:hover,.world-card:hover .world-action>span{transform:none}
}