html,body{margin:0;background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,summary{cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid #525b42;outline-offset:4px}body{overflow-x:hidden}
#travel-game .journey-shopping-country h1{font-size:42px;margin-top:25px}
#travel-game .shopping-world{display:block;width:190px;max-width:70%;height:150px;object-fit:contain;margin:0 auto 15px}
#travel-game .shopping-country-label{display:block;font-size:12px;text-align:left;color:var(--j-muted);margin:16px 0 8px}
#travel-game .shopping-country-select{width:100%;min-height:54px;border:1px solid #dedee3;border-radius:14px;background:#fff;color:var(--j-ink);padding:12px;font:inherit;font-size:15px}
#travel-game .shopping-country-select:focus-visible{outline:2px solid #525b42;outline-offset:3px}
#travel-game .shopping-country-hint{min-height:59px;font-size:12px;color:var(--j-muted);line-height:1.6;margin:12px 2px 18px;text-align:left}
#travel-game .shopping-setting{padding:0 20px 18px;text-align:center}
#travel-game .shopping-setting[hidden]{display:none!important}
#travel-game .shopping-setting button{background:transparent;border:0;font-size:11px;color:var(--j-muted);min-height:44px;padding:8px;cursor:pointer}
#travel-game .local-shopping{border-top:1px solid #eee;margin:20px 0;padding-top:14px;text-align:left}
#travel-game .local-shopping-context{font-size:12px;font-weight:500;margin:0 0 10px}
#travel-game .local-shopping-note{font-size:11px;color:var(--j-muted);line-height:1.6;margin:10px 0}
#travel-game .local-product{margin:12px 0}
#travel-game .local-product p{font-size:14px;line-height:1.5;margin:0 0 5px}
#travel-game .local-product a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--j-ink);text-underline-offset:4px}
#travel-game .local-shopping .journey-secondary{padding-left:0;margin:0;font-size:12px!important}
#travel-game .product-compatibility{display:block;font-size:11px;line-height:1.5;color:var(--j-muted);margin:5px 0}
#travel-game .shopping-setting{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px}
#travel-game .shopping-setting button:first-child{color:var(--j-ink)}
#travel-game .journey-shop h1{font-size:39px;line-height:1.1;margin:28px 0 20px}
#travel-game .shop-store{font-size:12px;color:var(--j-muted);margin:0 0 12px}
#travel-game .shop-intro{font-size:14px;line-height:1.6;color:var(--j-muted);margin:0 auto 22px;max-width:270px}
#travel-game .shop-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:24px}
#travel-game .shop-filters[hidden]{display:none}
#travel-game .shop-filters button{font:inherit;font-size:11px;min-height:44px;padding:8px 11px;border:1px solid #e5e6df;border-radius:30px;background:#fff;color:var(--j-ink)}
#travel-game .shop-filters button[aria-pressed=true]{background:#e9eddf;border-color:#e9eddf}
#travel-game .shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;margin:0 0 28px;text-align:left}
#travel-game .shop-product{min-width:0;display:flex;flex-direction:column;color:var(--j-ink);text-decoration:none;border:1px solid #eceee8;border-radius:18px;padding:10px 12px 15px;transition:border-color .15s,transform .15s}
#travel-game .shop-product:hover{border-color:#b1bba1;transform:translateY(-2px)}
#travel-game .shop-product:focus-visible{outline:2px solid #525b42;outline-offset:4px}
#travel-game .shop-product-art{display:block;width:100%;max-width:120px;margin:0 auto 9px;aspect-ratio:1}
#travel-game .shop-product-art svg{width:100%;height:100%}
#travel-game .shop-product strong{font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
#travel-game .shop-product small{font-size:10px;line-height:1.5;color:var(--j-muted);margin:6px 0;min-height:15px}
#travel-game .shop-product-action{font-size:10px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;margin-top:auto;padding-top:8px}
#travel-game .shop-empty,#travel-game .shop-disclosure{font-size:13px;line-height:1.6;color:var(--j-muted)}
#travel-game .app-stage{padding:28px 16px 36px}
#travel-game .journey-phone{max-width:430px;min-height:790px}
#travel-game .journey-panel{min-height:620px}
#travel-game .journey-country,#travel-game .journey-result .journey-country,#travel-game .journey-result .journey-country.is-region{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;min-height:0;margin:0}
#travel-game .flag-pair{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;white-space:nowrap}
#travel-game .journey-flag,#travel-game .journey-result .journey-flag,#travel-game .journey-result .journey-country.is-region .journey-flag{font-size:26px;line-height:1.2;transform:none}
#travel-game .country-name{font-size:11px;font-weight:500;letter-spacing:.13em;line-height:1.5}
#travel-game .journey-destination-context .journey-flag{font-size:20px;transform:none}
#travel-game .journey-destination-context .country-name{font-size:10px}
#travel-game .journey-destination-context .context-name{flex-basis:100%;font-size:11px;letter-spacing:.09em}
#travel-game .journey-landscape{background-image:var(--scene-url);background-size:var(--scene-size,100% 100%);background-position:var(--scene-pos,center)}
#travel-game .journey-scene{margin-top:10px}
#travel-game .region-landscape{position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 100%;background-position:center}
#travel-game .region-countries .journey-flag{font-size:23px}
#travel-game .region-name{font-size:39px;overflow-wrap:break-word}
#travel-game .region-representative{font-size:12px;color:var(--j-muted);line-height:1.5;margin:5px 0 14px}
#travel-game .region-fit-count,#travel-game .journey-match-timing,#travel-game .pick-region{font-size:14px;line-height:1.5;color:var(--j-muted);margin:12px 0 20px}
#travel-game .region-fit-count{font-size:14px}
#travel-game .other-regions,#travel-game .journey-why{margin:14px 0 20px;text-align:left;font-size:13px;line-height:1.6;color:var(--j-muted)}
#travel-game summary{min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:underline;text-underline-offset:4px}
#travel-game details[open] summary{margin-bottom:12px}
#travel-game .region-options{display:grid;gap:4px}
#travel-game .region-option{background:none;border:0;border-bottom:1px solid #ececeb;min-height:48px;text-align:left;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
#travel-game .region-option small{color:var(--j-muted);font-size:12px}
#travel-game .journey-why-content{padding:0 4px;color:var(--j-muted)}
#travel-game .journey-why-content p{font-size:13px;line-height:1.6;margin:10px 0}
#travel-game .journey-result-actions>.journey-secondary{display:block;width:100%}
#travel-game .journey-destination-name{overflow-wrap:break-word}
#travel-game .journey-followup{position:relative;isolation:isolate;text-align:left;padding-bottom:55px}
#travel-game .journey-followup>.journey-eyebrow,#travel-game .followup-region{text-align:center}
#travel-game .followup-region{font-size:11px;letter-spacing:.12em;color:var(--j-muted);margin:8px 0 38px}
#travel-game .followup-top{position:relative;margin-bottom:30px}
#travel-game .followup-count{font-size:10px;letter-spacing:.1em;color:var(--j-muted);margin:0 0 14px}
#travel-game .journey-followup .followup-question{font-size:35px;letter-spacing:-.045em;line-height:1.1;font-weight:600;margin:0 28px 15px 0;outline:none}
#travel-game .followup-copy{font-size:13px;line-height:1.6;color:var(--j-muted);max-width:85%;margin:0}
#travel-game .followup-options{display:grid;gap:24px;position:relative}
#travel-game .followup-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:91px;width:calc(100% - 21px);border:1px solid #dedee3;border-radius:17px;background:#fff;color:var(--j-ink);padding:16px 18px 16px 73px;text-align:left;font:inherit}
#travel-game .followup-option.image-right{padding:16px 73px 16px 18px}
#travel-game .followup-option strong{display:block;font-size:15px;line-height:1.35;font-weight:500;letter-spacing:-.025em}
#travel-game .followup-option small{display:block;font-size:11px;line-height:1.5;color:var(--j-muted);margin-top:5px}
#travel-game .followup-art{position:absolute;left:-21px;width:85px;aspect-ratio:1;background-image:url('assets/ui/local-interests.webp');background-size:500% 500%;background-repeat:no-repeat;pointer-events:none}
#travel-game .followup-option.image-right .followup-art{left:auto;right:-21px}
#travel-game .followup-peek{position:absolute;right:-70px;top:112px;width:144px;height:216px;z-index:3;pointer-events:none}
#travel-game .followup-peek .journey-character{width:144px;transform-origin:50% 14%;transform:rotate(-66deg);filter:drop-shadow(1px 3px 2px #1d1d1f16)}
#travel-game .journey-followup[data-step="1"] .followup-peek{right:auto;left:-82px;top:240px}
#travel-game .journey-followup[data-step="1"] .followup-peek .journey-character{transform:rotate(66deg)}
#travel-game .journey-followup[data-step="1"] .followup-option:first-child{margin-left:30px!important;width:calc(100% - 30px)}
@media(max-width:350px){#travel-game .journey-followup .followup-question{font-size:31px}#travel-game .followup-option strong{font-size:14px}#travel-game .followup-option small{font-size:10px}#travel-game .followup-art{width:77px}#travel-game .followup-option{padding-left:62px}#travel-game .followup-option.image-right{padding-right:62px}}
#travel-game .no-match-preferences{font-size:14px;line-height:1.8;margin:25px 0 35px;color:var(--j-muted)}
#travel-game .journey-announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#travel-game .journey-refinement-options{margin-bottom:20px}
#travel-game .journey-world-art,#travel-game .journey-closet-art{max-width:100%}
@media(max-width:480px){#travel-game .app-stage{padding:0}#travel-game .journey-phone{border:0;border-radius:0;box-shadow:none;max-width:100%;min-height:100svh}#travel-game .journey-panel{min-height:620px}#travel-game .journey-content{padding-bottom:30px}#travel-game .journey-phone .journey-destination-name{font-size:42px}#travel-game .journey-phone .region-name{font-size:36px}}
@media(prefers-reduced-motion:reduce){#travel-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
