.page-module__TBFC6q__page{color:#f7f3dd;background:#06284c;width:100vw;height:100dvh;min-height:100dvh;overflow:hidden}.page-module__TBFC6q__mapSection{width:100vw;height:100dvh;min-height:100dvh}.page-module__TBFC6q__mapStage{isolation:isolate;background:#083665;border:0;width:100vw;height:100dvh;position:relative;overflow:hidden}.page-module__TBFC6q__mapCanvas{aspect-ratio:1536/1024;width:min(100vw,150dvh);height:min(100dvh,66.6667vw);margin:auto;position:absolute;inset:0}.page-module__TBFC6q__oceanBackdrop{z-index:0;pointer-events:none;image-rendering:pixelated;background-color:#083665;background-image:url(/assets/learning-map/starbao-learning-ocean-backdrop.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.page-module__TBFC6q__returnLink{z-index:4;top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));color:#f5fbff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);background:#042a4cd6;border:1px solid #b2e7ffc7;align-items:center;gap:8px;min-height:42px;padding:0 14px 0 11px;font-family:inherit;font-size:14px;font-weight:800;line-height:1;text-decoration:none;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex;position:absolute;box-shadow:0 7px 17px #00142f61}.page-module__TBFC6q__returnLink:hover{background:#0e5182f0;transform:translateY(-1px);box-shadow:0 0 0 2px #aeeaff42,0 8px 20px #00142f7a}.page-module__TBFC6q__returnLink:focus-visible{outline-offset:3px;outline:2px solid #fff3a8}.page-module__TBFC6q__returnLink:disabled{cursor:wait;opacity:.72}.page-module__TBFC6q__mapArtwork{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.page-module__TBFC6q__hotspotOverlay{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.page-module__TBFC6q__regionGlow,.page-module__TBFC6q__regionZoom{opacity:0;pointer-events:none;transition:opacity .18s,transform .2s}.page-module__TBFC6q__regionBase{opacity:1;pointer-events:none;transition:opacity .18s}.page-module__TBFC6q__regionBase[data-active=true]{opacity:0}.page-module__TBFC6q__regionGlow[data-active=true]{opacity:1}.page-module__TBFC6q__regionZoom{transform-box:fill-box;transform-origin:50%;transform:scale(1)}.page-module__TBFC6q__regionZoom[data-active=true]{opacity:1;transform:scale(1)}.page-module__TBFC6q__hotspot{cursor:pointer;fill:#0000;pointer-events:all;outline:none}.page-module__TBFC6q__hotspot:focus-visible{outline:none}.page-module__TBFC6q__cardDeck{z-index:2;pointer-events:none;isolation:isolate;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:inline-size}.page-module__TBFC6q__cardDeckBackdrop{z-index:0;cursor:pointer;pointer-events:auto;background:#000b1dad;border:0;padding:0;position:absolute;inset:0}.page-module__TBFC6q__cardDeckContent{z-index:1;pointer-events:none;gap:14px;width:min(74%,700px);display:grid;position:relative}.page-module__TBFC6q__cardDeckHeader{color:#fff9dc;text-shadow:0 2px 8px #000f23cc;justify-content:space-between;align-items:end;gap:18px;padding:0 5px;display:flex}.page-module__TBFC6q__cardDeckHeader span{color:#9fe9d1;font-size:12px;font-weight:800}.page-module__TBFC6q__cardDeckHeader h2{margin:4px 0 0;font-size:clamp(16px,2cqw,23px);line-height:1.2}.page-module__TBFC6q__cardDeckHeader strong{color:#fff0a8;flex:none;font-size:clamp(18px,2.4cqw,28px)}.page-module__TBFC6q__goldParticle{z-index:2;top:var(--particle-origin-y);left:var(--particle-origin-x);aspect-ratio:1;opacity:0;width:clamp(4px,.8cqw,10px);animation:.68s cubic-bezier(.16,.76,.2,1) both page-module__TBFC6q__cardEdgeParticleBurst;animation-delay:var(--particle-delay);pointer-events:none;will-change:transform, opacity;background:#fff09a;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.16);box-shadow:0 0 10px #ffe66e,0 0 22px #ffd334f5,0 0 42px #ffb925c7}.page-module__TBFC6q__cardDeckCards{z-index:1;perspective:1100px;pointer-events:none;width:100%;transform-style:preserve-3d;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(10px,2cqw,26px);display:grid;position:relative}.page-module__TBFC6q__learningCard{--launch-rotate-y:-34deg;--launch-rotate-z:-12deg;--rest-rotate-y:-5deg;--rest-rotate-z:-2deg;aspect-ratio:.64;min-width:0;color:inherit;font:inherit;text-align:left;isolation:isolate;pointer-events:auto;cursor:pointer;transform-style:preserve-3d;animation:.84s cubic-bezier(.16,.76,.2,1) both page-module__TBFC6q__cardLaunch;animation-delay:calc(var(--card-index) * 90ms);will-change:transform, opacity;background:0 0;border:0;padding:0;position:relative}.page-module__TBFC6q__learningCard:focus-visible{outline-offset:5px;outline:3px solid #fff3a8}.page-module__TBFC6q__learningCard:disabled{cursor:not-allowed}.page-module__TBFC6q__learningCard[data-status=pending] .page-module__TBFC6q__cardFace{filter:saturate(.66)brightness(.82)}.page-module__TBFC6q__learningCard[data-status=completed] .page-module__TBFC6q__cardFace{border-color:#9fe9d1;box-shadow:0 0 0 3px #14667d94,0 0 24px #70f2c18c}.page-module__TBFC6q__learningCard:nth-child(2){--launch-rotate-y:15deg;--launch-rotate-z:4deg;--rest-rotate-y:0deg;--rest-rotate-z:0deg}.page-module__TBFC6q__learningCard:nth-child(3){--launch-rotate-y:36deg;--launch-rotate-z:11deg;--rest-rotate-y:5deg;--rest-rotate-z:2deg}.page-module__TBFC6q__learningCard:before{z-index:0;content:"";clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:#092c48;border:1px solid #8e7021;position:absolute;inset:7px -8px -9px 8px;transform:translateZ(-14px);box-shadow:11px 13px #03142675}.page-module__TBFC6q__cardFace{z-index:1;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:#123f61;border:1px solid #f9dd71;flex-direction:column;width:100%;height:100%;padding:clamp(11px,1.7cqw,22px);display:flex;position:relative;overflow:hidden;transform:translateZ(8px);box-shadow:0 0 0 3px #1e60859e,0 0 20px #ffd4596e}.page-module__TBFC6q__cardTopline{justify-content:space-between;align-items:center;gap:6px;display:flex}.page-module__TBFC6q__learningCard:nth-child(2) .page-module__TBFC6q__cardFace{background:#0d4d64;border-color:#9fe9d1;box-shadow:0 0 0 3px #14667d94,0 0 20px #70f2c161}.page-module__TBFC6q__learningCard:nth-child(3) .page-module__TBFC6q__cardFace{background:#21405a;border-color:#ffbd72;box-shadow:0 0 0 3px #664d2f8c,0 0 20px #ffb34d6b}.page-module__TBFC6q__cardNumber{color:#fff0a8;font-size:clamp(14px,2.3cqw,27px);font-weight:850;line-height:1}.page-module__TBFC6q__cardStatus{color:#d9f5ff;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:clamp(9px,1.1cqw,12px);font-weight:750;display:inline-flex}.page-module__TBFC6q__cardStatus[data-status=completed]{color:#aaf4d5}.page-module__TBFC6q__cardStatus[data-status=pending]{color:#d3dce4}.page-module__TBFC6q__cardPreview,.page-module__TBFC6q__cardPlaceholder{aspect-ratio:4/3;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);background:#041e34b8;border:1px solid #fff0a89e;place-items:center;width:100%;margin:auto 0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000c1b75}.page-module__TBFC6q__cardPreview img{object-fit:cover;image-rendering:pixelated}.page-module__TBFC6q__cardPlaceholder{color:#dce8f09e}.page-module__TBFC6q__cardCopy p{color:#a7e5ff;margin:0 0 5px;font-size:clamp(10px,1.35cqw,15px);font-weight:700}.page-module__TBFC6q__cardCopy h3{color:#fff9dc;overflow-wrap:anywhere;margin:0;font-size:clamp(14px,2.1cqw,26px);font-weight:850;line-height:1.12}.page-module__TBFC6q__cardDeckFooter{pointer-events:auto;justify-content:center;align-items:center;min-height:42px;display:flex}.page-module__TBFC6q__cardDeckFooter p,.page-module__TBFC6q__cardDeckFooter button{color:#e7f5fb;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);background:#042a4ce0;border:1px solid #b2e7ffb3;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:0;padding:8px 14px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 7px 17px #00142f61}.page-module__TBFC6q__cardDeckFooter button{color:#132f43;cursor:pointer;background:#ffe17a;border-color:#ffe17a}.page-module__TBFC6q__cardDeckFooter button:hover{background:#fff0a8}.page-module__TBFC6q__cardDeckFooter button:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes page-module__TBFC6q__cardLaunch{0%{opacity:0;transform:translate3d(0, 132%, 0) rotateX(-74deg) rotateY(var(--launch-rotate-y)) rotateZ(var(--launch-rotate-z)) scale(.76)}64%{opacity:1;transform:translate3d(0, -5%, 0) rotateX(6deg) rotateY(var(--rest-rotate-y)) rotateZ(var(--rest-rotate-z)) scale(1.025)}to{opacity:1;transform:translate3d(0, 0, 0) rotateX(0) rotateY(var(--rest-rotate-y)) rotateZ(var(--rest-rotate-z)) scale(1)}}@keyframes page-module__TBFC6q__cardEdgeParticleBurst{0%,5%{opacity:0;transform:translate(-50%,-50%)scale(.16)}18%{opacity:.96}62%{opacity:.68;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(var(--particle-scale))}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(var(--particle-scale))}}@media (max-width:700px){.page-module__TBFC6q__cardDeckContent{gap:10px;width:min(94%,460px)}.page-module__TBFC6q__cardDeckHeader{align-items:center}.page-module__TBFC6q__cardDeckHeader h2{font-size:15px}.page-module__TBFC6q__cardDeckCards{gap:7px}.page-module__TBFC6q__cardFace{padding:9px}.page-module__TBFC6q__goldParticle{width:clamp(4px,1cqw,8px)}.page-module__TBFC6q__cardStatus{white-space:normal;max-width:70px}.page-module__TBFC6q__cardDeckFooter p,.page-module__TBFC6q__cardDeckFooter button{min-height:36px;padding:7px 10px;font-size:11px}}@media (max-aspect-ratio:3/2){.page-module__TBFC6q__oceanBackdrop{background-image:url(/assets/learning-map/ocean-water-tile.png);background-repeat:repeat;background-size:272px 272px}}@media (prefers-reduced-motion:reduce){.page-module__TBFC6q__regionGlow,.page-module__TBFC6q__regionZoom{transition:none}.page-module__TBFC6q__learningCard{opacity:1;transform:rotateY(var(--rest-rotate-y)) rotateZ(var(--rest-rotate-z));animation:none}.page-module__TBFC6q__goldParticle{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(var(--particle-scale));animation:none}}