*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#f6f3eb;color:#173f49}.play-hub{max-width:1160px;margin:auto;padding:32px 24px 70px}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.play-heading h1{font-size:clamp(29px,4vw,44px);letter-spacing:-1.5px;margin:8px 0 10px}.play-heading p{margin:0;color:#57747a;font-size:15px}.play-heading .hub-eyebrow,.hub-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.hub-score-link{flex-shrink:0;color:inherit;font-size:14px;text-underline-offset:5px}.hub-five{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.hub-destination{grid-column:span 2;display:flex;flex-direction:column;position:relative;text-align:left;border:1px solid #bed0c8;border-radius:24px;padding:24px;background:#e7efdf;color:#173f49;text-decoration:none;font:inherit;cursor:pointer;overflow:hidden;transition:transform .16s,border-color .16s}.hub-destination:hover{transform:translateY(-3px);border-color:#438f87}.hub-destination:focus-visible,.collection-game:focus-visible,.collection-heading button:focus-visible{outline:3px solid #ba8434;outline-offset:4px}.hub-destination[aria-expanded=true]{box-shadow:0 0 0 2px #287e77}.destination-art{display:flex;height:130px;align-items:center;justify-content:center;margin:-8px 0 14px;background:radial-gradient(ellipse,#ffffff90,transparent 70%)}.destination-art canvas{width:180px;max-width:100%;height:125px;object-fit:contain}.hub-bubble .destination-art canvas{width:55%}.hub-bubble .destination-art canvas+canvas{margin-left:-20px;margin-top:30px}.destination-copy{display:flex;flex-direction:column;flex:1;gap:10px}.destination-copy small{font-size:11px;font-weight:650;letter-spacing:.04em;color:#52716d}.destination-copy h2{font-size:25px;letter-spacing:-.7px;line-height:1.15;margin:0;color:inherit}.destination-copy>span{font-size:14px;line-height:1.5}.destination-copy b{font-size:13px;margin-top:auto;padding-top:8px}.hub-relaxed{background:#edf0e8}.hub-bubble{background:#173f49;color:#f2f2db;border-color:#315b62}.hub-bubble small{color:#b6d9d1}.hub-passport,.hub-makan{grid-column:span 3;flex-direction:row;align-items:center;gap:24px;min-height:190px}.hub-passport{background:#e8edf2}.hub-makan{background:#f6ecd9}.hub-makan .destination-art{width:150px;flex-shrink:0;margin:0}.passport-card-art{width:110px;height:130px;flex-shrink:0;border-radius:8px 15px 15px 8px;background:#376673;color:#f7df9e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:44px;transform:rotate(-7deg);box-shadow:5px 5px 0 #b5c9cd}.passport-card-art span{font-size:9px;letter-spacing:.12em;text-align:center;line-height:1.7}.hub-collection{margin-top:30px;padding-top:24px;border-top:1px solid #c7d5cf;scroll-margin-top:90px}.play-hub [hidden]{display:none!important}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.collection-heading h2{font-size:28px;margin:6px 0}.collection-heading button{min-height:44px;padding:10px 16px;background:transparent;border:1px solid #b5c8bf;border-radius:12px;font:inherit;font-size:13px;color:inherit;cursor:pointer}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-game{display:flex;flex-direction:column;position:relative;padding:20px;border:1px solid #c6d6cc;background:#fffcf4;border-radius:18px;color:inherit;text-decoration:none}.collection-game h3{font-size:19px;margin:8px 0}.collection-game p{font-size:14px;line-height:1.5;margin:0;color:#56716e}.collection-game>span{position:absolute;top:18px;right:18px}.collection-art{height:95px;display:grid;place-items:center}.collection-art canvas{width:140px;height:95px}.hub-letter-art{font-weight:750;font-size:25px;letter-spacing:.15em;color:#287b7a}.play-hub .arcade-passport{width:100%;margin:0}.passport-scope{font-size:13px;color:#56716e;line-height:1.6}.game-site-header{padding:16px 24px}.game-site-back{float:right}html[data-theme=dark] .hub-destination:not(.hub-bubble),html[data-theme=dark] .collection-game{background:#203d46;color:#e0eee7;border-color:#41616a}html[data-theme=dark] .play-heading p,html[data-theme=dark] .destination-copy small,html[data-theme=dark] .collection-game p,html[data-theme=dark] .passport-scope{color:#bad2ce}@media(max-width:800px){.hub-five{gap:14px}.hub-destination{padding:18px}.destination-copy h2{font-size:22px}.hub-passport,.hub-makan{gap:15px}.passport-card-art{width:75px;height:105px}.hub-makan .destination-art{width:90px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.play-hub{padding:22px 16px 80px}.play-heading{display:block}.play-heading p{font-size:14px}.hub-score-link{display:inline-block;margin-top:16px}.hub-five{grid-template-columns:1fr}.hub-destination{grid-column:auto;flex-direction:row;align-items:center;gap:16px;min-height:160px}.destination-art{width:92px;height:100px;flex-shrink:0;margin:0}.destination-art canvas{width:100%;height:auto}.hub-bubble .destination-art{position:relative}.hub-bubble .destination-art canvas{width:80%;position:absolute;top:5px;left:0}.hub-bubble .destination-art canvas+canvas{left:30px;top:30px;margin:0;width:70%}.destination-copy h2{font-size:23px}.destination-copy{gap:7px}.destination-copy small{font-size:10px}.destination-copy>span{font-size:13px}.destination-copy b{padding-top:4px}.passport-card-art{margin:0 9px;width:74px}.collection-grid{grid-template-columns:1fr}.collection-game{flex-direction:row;align-items:center;gap:15px;padding:16px}.collection-art{width:80px;height:70px;flex-shrink:0}.collection-art canvas{width:85px;height:auto}.collection-game h3{font-size:18px}.collection-game p{font-size:13px}.collection-heading{align-items:start}.collection-heading h2{font-size:24px}.collection-heading button{max-width:115px;font-size:12px}.hub-letter-art{font-size:17px}.collection-game>span{display:none}}@media(prefers-reduced-motion:reduce){.hub-destination{transition:none}.hub-destination:hover{transform:none}}

@media(min-width:901px){.hub-general,.hub-relaxed{grid-column:span 3}}