/* THE WINGKEH TRAVEL PLAYGROUND — designed to inherit V3 editorial branding */
.game-page{background:#f7f3eb;color:#193537;overflow-x:hidden}
.game-page .site-header{background:#f7f3eb}.game-page .nav-container{max-width:none}
.game-home-link{font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap;display:none}
.game-hero{position:relative;min-height:750px;display:grid;grid-template-columns:52% 48%;background:radial-gradient(ellipse at 93% 25%,#47696a 0%,#23494d 31%,#153437 75%);color:#fff;overflow:hidden}
.game-hero-copy{position:relative;z-index:3;padding:72px 6% 100px max(9%,calc((100vw - 1460px)/2));display:flex;flex-direction:column;align-items:flex-start}
.game-eyebrow{font-size:10px;letter-spacing:.17em;color:#e4e8df;font-weight:700;display:flex;align-items:center;gap:13px;white-space:nowrap}
.game-eyebrow .mini-star{color:#f8d797;font-size:19px}.eyebrow-index{color:#a7bcb9;border-left:1px solid #748e8c;padding-left:15px}
.game-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(57px,5.8vw,94px);letter-spacing:-.075em;line-height:1.15;margin:75px 0 30px;text-wrap:balance}
.game-hero h1 em{color:#ffdda0;font-weight:500}.name-with-underline{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#e78b71;text-decoration-thickness:2px;text-underline-offset:15px}
.game-hero-copy>p{max-width:510px;font-size:17px;line-height:1.8;color:#d5e0dc;margin:0 0 30px}
.game-hero-pills{display:flex;flex-wrap:wrap;gap:7px}.game-hero-pills span{font-size:9px;letter-spacing:.09em;font-weight:700;padding:11px 13px;border:1px solid #809a9566;border-radius:40px;color:#d7e0d6}.game-hero-pills span::first-letter{color:#ffdda0}
.game-start-link{margin-top:36px;background:#ffdfa0;color:#1a3435;display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:21px 26px;letter-spacing:.09em;font-size:11px;font-weight:800;transition:transform .2s,background .2s}.game-start-link:hover{transform:translateY(-3px);background:#fff}
.game-hero-visual{position:relative;min-height:700px;display:grid;place-items:center;isolation:isolate}.game-hero-visual:before{position:absolute;content:'';width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a6cbc91a,transparent 69%)}
.game-globe-wrap{width:min(32vw,510px);aspect-ratio:1;position:relative;filter:drop-shadow(0 25px 40px #061a1b8c);animation:hoverglobe 8s ease-in-out infinite}
.game-globe{width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 24% 24%,#9cbfb9 0%,#477977 36%,#2c5658 63%,#102c32 90%);box-shadow:inset -30px -27px 53px #041f29a8,inset 16px 12px 30px #badbd447,0 0 0 1px #d6f1e044;position:relative;overflow:hidden;transform:rotate(-14deg)}
.globe-continents{width:100%;height:100%;position:absolute;inset:0;fill:#cadcb4;opacity:.85;filter:drop-shadow(1px 2px 5px #183b3caa)}
.globe-latitude{position:absolute;top:27%;left:-12%;width:124%;height:46%;border:1px solid #e9f7e957;border-radius:50%;transform:rotate(-11deg)}.lat-two{top:40%;left:-12%;height:24%;transform:rotate(-11deg)}.globe-meridian{position:absolute;width:45%;height:102%;top:-1%;left:28%;border-left:1px solid #e9f7e955;border-right:1px solid #e9f7e955;border-radius:50%}
.orbit{position:absolute;width:86%;height:48%;left:8%;top:25%;border:1px solid #b1c9bc6e;border-radius:50%;transform:rotate(-22deg)}.orbit-two{transform:rotate(45deg);width:87%;height:33%;left:7%;top:34%}
.globe-note{position:absolute;z-index:2;font-size:10px;letter-spacing:.1em;color:#d2dfd9;line-height:1.8;font-weight:700}.top-note{right:12%;top:15%;transform:rotate(8deg)}.bottom-note{bottom:16%;left:8%;font:italic 25px/1.1 var(--serif);color:#ffdda0;transform:rotate(-13deg)}
.orbit-spark{position:absolute;color:#ffdfa0;font-size:31px}.orbit-spark-a{top:24%;left:16%}.orbit-spark-b{bottom:24%;right:20%}
.game-hero-foot{position:absolute;z-index:4;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;color:#b2cac5;letter-spacing:.15em;font-size:9px;font-weight:700}
@keyframes hoverglobe{0%,100%{transform:translateY(0)}50%{transform:translateY(-17px)}}
.game-ribbon{background:#ffdfa0;overflow:hidden;height:47px;display:flex;align-items:center}.game-ribbon div{font-weight:800;letter-spacing:.17em;font-size:10px;white-space:nowrap;animation:marquee 30s linear infinite}.game-ribbon b{padding:0 35px;color:#d6795f}@keyframes marquee{to{transform:translateX(-31%)}}
.game-play-section{padding:104px max(5.5%,calc((100vw - 1400px)/2)) 100px}
.game-section-label{font-size:10px;letter-spacing:.16em;font-weight:800;display:flex;align-items:center;gap:10px;color:#1d3435;border-bottom:1px solid #cbd1c9;padding-bottom:30px;margin-bottom:66px}.game-line-dot{width:8px;height:8px;border-radius:50%;background:#d67f63}.game-status{margin-left:auto;color:#b16e59;font-size:9px}
.game-area{display:grid;grid-template-columns:40% minmax(0,1fr);gap:8.5%;align-items:start}.game-left{position:relative;min-width:0}
.overline{font-size:9px;letter-spacing:.17em;font-weight:800;color:#c3745b}
.game-left h2,.passport-title h2,.game-cta-copy h2{font:500 clamp(49px,5.4vw,82px)/1.19 var(--serif);letter-spacing:-.065em;margin:20px 0 23px}.game-left h2 em,.passport-title h2 em{color:#bd725b}.game-instructions{font-size:15px;line-height:1.9;color:#596e6b;max-width:440px;margin:0}
.spinner-stage{position:relative;margin:20px auto 11px;width:min(100%,365px);height:323px;display:grid;place-items:center}
.spinner-rays{position:absolute;inset:28px 35px;border:1px dashed #c8ba9d;border-radius:50%}
.spinner-globe{width:226px;height:226px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a4d0c7,#689895 38%,#315f64 75%,#12373f);position:relative;overflow:hidden;box-shadow:inset -18px -11px 32px #092b38b2,4px 21px 25px #274e4630,0 0 0 10px #e1eae120;transform:rotate(-18deg)}
.spinner-globe svg{display:block;position:absolute;inset:0;width:100%;height:100%}.spinner-globe-shine{position:absolute;left:13%;top:5%;height:41%;width:47%;border-radius:50%;background:radial-gradient(ellipse,#fff5,transparent 77%);z-index:1;transform:rotate(-25deg)}
.spinner-globe.is-spinning{animation:spin-globe 1.85s cubic-bezier(.22,.65,.17,1) both}.tiny-plane{position:absolute;color:#c86e55;font-size:30px}.plane-one{right:25px;top:44px;transform:rotate(-15deg)}.plane-two{left:34px;bottom:57px;color:#c86e55;font-size:32px}
@keyframes spin-globe{0%{transform:rotate(-18deg) scale(1)}32%{transform:rotate(540deg) scale(1.12)}65%{transform:rotate(1260deg) scale(.96)}100%{transform:rotate(1439deg) scale(1)}}
.spin-button{width:100%;max-width:370px;display:block;margin:8px auto 0;border:0;background:#1b3d40;color:#fff;padding:20px 22px;font-size:11px;font-weight:800;letter-spacing:.13em;transition:transform .2s,background .2s;box-shadow:0 7px 0 #cbd7cf}
.spin-button:hover:not(:disabled){background:#2d6061;transform:translateY(-2px)}.spin-button:focus-visible,.answer-choice:focus-visible,.next-button:focus-visible,.hint-button:focus-visible,.game-start-link:focus-visible{outline:3px solid #e39f74;outline-offset:4px}
.spin-button:disabled{opacity:.57;cursor:default}.under-spin{text-align:center;font:italic 14px var(--serif);color:#6f7975;min-height:18px}
.progress-info{display:flex;justify-content:space-between;margin-top:38px;font-size:10px;letter-spacing:.12em;font-weight:800}.progress-info strong{color:#b26955}.progress-track{background:#e0e3d9;margin-top:14px;height:5px;width:100%;overflow:hidden}.progress-track>div{height:100%;background:#c5745a;width:0;transition:width .5s ease}
.game-right{min-width:0;min-height:590px;position:relative}.game-right>[hidden]{display:none!important}.welcome-card,.question-card,.results-card{background:#fffcf4;border:1px solid #d5d9d0;box-shadow:14px 14px 0 #e5e5d8;min-height:665px;overflow:hidden}
.welcome-card{padding:44px 34px 40px;text-align:center}.postcard-stack{height:345px;max-width:420px;margin:0 auto 17px;position:relative}.postcard{position:absolute;width:190px;height:278px;background:#fff;padding:9px 9px 28px;box-shadow:0 8px 20px #243d3530}.postcard img{height:100%;width:100%;object-fit:cover}.p-back{left:3%;top:5%;transform:rotate(-15deg)}.p-mid{right:2%;top:9%;transform:rotate(13deg)}.p-front{left:calc(50% - 94px);top:17%;transform:rotate(-2deg)}.postcard-sticker{position:absolute;right:3%;bottom:11%;width:105px;height:105px;background:#f8d59c;transform:rotate(13deg);display:grid;place-items:center;border-radius:50%;font:italic 20px/1.2 var(--serif);box-shadow:1px 4px 7px #8884}.welcome-card h3{font:500 clamp(29px,3vw,45px)/1.2 var(--serif);letter-spacing:-.045em;margin:7px auto 13px}.welcome-card p{font-size:14px;color:#63726d;line-height:1.7;margin:0 auto 26px;max-width:370px}.postcard-fine{font-size:9px;letter-spacing:.14em;color:#b46d55;font-weight:800}
.question-top{display:flex;justify-content:space-between;gap:20px;padding:24px 25px;background:#f0e8dc;font-size:9px;letter-spacing:.1em;font-weight:800;color:#866a58}
.clue-photo{height:280px;position:relative;overflow:hidden;background:#abb9b2}.clue-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}.clue-photo-caption{position:absolute;left:19px;bottom:16px;color:#fff;background:#1c3b3bbb;padding:8px 11px;font-size:9px;letter-spacing:.12em;font-weight:700}
.question-content{padding:31px 29px 36px}.question-content h3{font:500 clamp(27px,3vw,43px)/1.25 var(--serif);letter-spacing:-.04em;margin:0 0 7px}.question-content>p{color:#707f78;font-size:13px;line-height:1.6;margin:0 0 25px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-choice{border:1px solid #cdd4cd;background:#fff;display:flex;align-items:center;gap:11px;padding:14px 11px;text-align:left;min-height:56px;color:#213e3d;transition:border-color .2s,background .2s}.answer-choice:hover:not(:disabled){border-color:#c2775c;background:#fff7e9}.answer-choice span{font-size:9px;color:#c0785d;font-weight:800}.answer-choice strong{font-size:13px;font-weight:700}.answer-choice i{margin-left:auto;font-weight:400;font-style:normal;color:#c0785d}.answer-choice.correct{border-color:#648e76;background:#e4f1dd}.answer-choice.incorrect{border-color:#d6a28e;background:#f9e3df}.answer-choice:disabled{cursor:default;opacity:1}
.hint-button{font-size:10px;font-weight:800;letter-spacing:.07em;border:0;background:transparent;color:#a76850;margin:18px 0 0;padding:8px 0}.hint-text{margin:10px 0 0;padding:12px 16px;background:#fff2d8;border-left:3px solid #d69d63;font-size:13px;line-height:1.55;color:#665c42}
.answer-feedback{background:#eef3e7;margin-top:20px;padding:19px 18px;border-left:4px solid #8b9e7e}.answer-feedback.is-incorrect{background:#fff2e7;border-left-color:#d68e75}.answer-feedback strong{font-size:11px;letter-spacing:.09em;color:#234738}.answer-feedback p{font-size:13px;line-height:1.7;color:#596b61;margin:10px 0 18px}.next-button{background:#193c3d;color:#fff;border:0;padding:15px 19px;font-size:11px;font-weight:800;letter-spacing:.06em;transition:background .2s}.next-button:hover{background:#356566}
.results-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px 38px}.result-flair{font-size:26px;color:#d3846b;letter-spacing:.2em}.result-label{font-size:10px;color:#aa725c;font-weight:800;letter-spacing:.12em;margin-top:20px}.results-card h3{font:500 56px/1.18 var(--serif);letter-spacing:-.06em;margin:22px 0 9px}.results-card h3 em{color:#cc8369}.result-score{font:500 90px var(--serif);margin:5px 0;color:#183e3c}.result-score span{font:400 34px var(--serif);color:#8c9289}.results-card p{font-size:14px;color:#63736e;line-height:1.7;max-width:310px}.results-card .next-button{margin-top:18px}.result-home-link{margin-top:29px;font-size:10px;letter-spacing:.1em;color:#b77058;font-weight:800;border-bottom:1px solid #b77058;padding-bottom:9px}
.passport-section{margin-top:116px;padding-top:75px;border-top:1px solid #ced5cc;display:grid;grid-template-columns:32% 1fr;gap:7%}.passport-title>span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#bb775e}.passport-title h2{font-size:clamp(37px,3.9vw,61px);margin:23px 0}.passport-title p{font-size:14px;color:#657570;line-height:1.8;max-width:300px}
.passport-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center}.passport-stamp{aspect-ratio:1;min-width:0;background:#f2f0e6;border:1px dashed #c0c9bc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;position:relative;transform:rotate(-3deg)}.passport-stamp:nth-child(even){transform:rotate(4deg)}.passport-stamp .stamp-arc{font-size:9px;letter-spacing:.11em;font-weight:900}.passport-stamp strong{font:500 clamp(18px,2.1vw,34px) var(--serif);letter-spacing:-.03em}.passport-stamp small{font-size:9px;line-height:1.5;font-weight:800;letter-spacing:.11em}.stamp-empty{color:#b9bcb3}.stamp-empty>span{font-size:47px}.stamp-won{border:3px double #b36555;color:#b36555;background:#f5e5da;border-radius:50%;box-shadow:inset 0 0 0 6px #f5e5da,inset 0 0 0 8px #b3655573}.stamp-missed{color:#889394;border:3px dashed #91a4a0;border-radius:50%;background:#eef2ed}
.game-cta{display:grid;grid-template-columns:43% 1fr;background:#15383a;min-height:535px;color:white}.game-cta-image{min-height:535px;overflow:hidden}.game-cta-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.game-cta-copy{padding:65px 11%;display:flex;flex-direction:column;justify-content:center;align-items:start}.game-cta-copy>span{color:#ffdb9b;font-size:10px;letter-spacing:.14em;font-weight:800}.game-cta-copy h2{font-size:clamp(51px,5.3vw,78px);margin:23px 0}.game-cta-copy h2 em{color:#ffdfa0}.game-cta-copy p{max-width:420px;color:#c9d8d1;line-height:1.85;font-size:16px;margin:0}.cta-home-button{display:inline-block;background:#fff7ea;color:#15383a;margin-top:34px;padding:19px 23px;letter-spacing:.08em;font-size:11px;font-weight:800}.cta-home-button:hover{background:#ffdfa0}
.game-footer{background:#faf7f0}
/* play teaser on the original portfolio homepage */
.play-teaser{background:#f6eddb;padding:90px max(6.5%,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr 52%;gap:8%;align-items:center;overflow:hidden}
.play-teaser .play-overline{color:#b56f55;font-size:10px;font-weight:800;letter-spacing:.17em}.play-teaser h2{font:500 clamp(48px,5.2vw,78px)/1.2 var(--serif);letter-spacing:-.06em;margin:23px 0}.play-teaser h2 em{color:#c5795f}.play-teaser p{font-size:15px;color:#60736b;line-height:1.85;max-width:435px;margin:0 0 27px}.play-teaser a{background:#16383a;color:white;display:inline-flex;padding:19px 25px;gap:39px;font-size:11px;letter-spacing:.09em;font-weight:800;transition:background .2s}.play-teaser a:hover{background:#bd765b}.play-teaser-photos{height:385px;position:relative}.play-teaser-photos img{position:absolute;width:33%;height:75%;object-fit:cover;border:10px solid #fffaf2;box-shadow:0 15px 26px #3d49452e}.play-teaser-photos img:nth-child(1){left:4%;top:10%;transform:rotate(-11deg)}.play-teaser-photos img:nth-child(2){left:34%;top:2%;transform:rotate(5deg);z-index:1}.play-teaser-photos img:nth-child(3){left:64%;top:14%;transform:rotate(12deg)}.play-teaser-round{position:absolute;z-index:2;right:14%;bottom:5%;border-radius:50%;background:#ffe0a2;color:#193c3e;font:italic 21px/1.2 var(--serif);display:grid;place-items:center;text-align:center;width:121px;height:121px;transform:rotate(10deg)}
@media(max-width:1100px){.game-hero{min-height:700px}.game-hero-copy{padding-left:7%}.game-hero h1{font-size:clamp(53px,6.4vw,83px)}.eyebrow-index{display:none}.game-area{gap:5%;grid-template-columns:40% 1fr}.play-teaser{gap:5%}}
@media(max-width:800px){.game-hero{grid-template-columns:1fr;min-height:0}.game-hero-copy{padding:60px 7% 20px}.game-hero h1{font-size:clamp(54px,10.5vw,84px);margin:38px 0 23px}.game-hero-visual{min-height:385px}.game-globe-wrap{width:min(57vw,300px)}.game-hero-foot{position:relative;bottom:auto;left:auto;right:auto;padding:12px 7% 25px}.game-hero-foot span:last-child{display:none}.orbit{max-width:410px;left:calc(50% - 205px)}.orbit-two{max-width:410px;left:calc(50% - 205px)}.game-play-section{padding:75px 7%}.game-area{grid-template-columns:1fr;gap:50px}.game-left h2{font-size:clamp(51px,9vw,72px)}.game-left{max-width:650px;margin:auto;width:100%}.spinner-stage{height:275px}.spinner-globe{width:200px;height:200px}.game-right{min-height:unset;width:100%;max-width:620px;margin:auto}.passport-section{grid-template-columns:1fr;gap:25px;margin-top:75px}.passport-title{max-width:600px}.game-cta{grid-template-columns:1fr 1fr}.game-cta-image{min-height:510px}.game-cta-copy{padding:40px 7%}.game-cta-copy h2{font-size:50px}.play-teaser{grid-template-columns:1fr 1fr}.play-teaser h2{font-size:46px}.play-teaser-photos{height:320px}.play-teaser-round{width:95px;height:95px;font-size:17px}}
@media(max-width:700px){.game-page .desktop-links,.game-page .header-contact{display:none}.game-home-link{display:inline-flex;margin-left:auto}.game-page .site-header .nav-container{height:66px}.game-hero-copy{padding:47px 7% 20px}.game-eyebrow{font-size:9px;letter-spacing:.075em}.game-hero h1{font-size:clamp(49px,12vw,67px);line-height:1.14}.game-hero-copy>p{font-size:15px;line-height:1.8}.game-hero-visual{min-height:340px}.top-note{right:7%;top:11%}.bottom-note{font-size:19px}.game-hero-pills span{font-size:8px;padding:10px 9px}.game-ribbon{height:41px}.game-section-label{margin-bottom:48px;font-size:9px}.game-status{font-size:8px;letter-spacing:.03em}.game-play-section{padding:65px 6%}.game-left h2{margin-top:17px}.spinner-stage{height:275px}.progress-info{margin-top:34px}.welcome-card,.question-card,.results-card{min-height:0;box-shadow:8px 8px 0 #e5e5d8}.welcome-card{padding:27px 17px 34px}.postcard-stack{height:300px}.postcard{width:142px;height:220px}.p-front{left:calc(50% - 72px)}.postcard-sticker{width:86px;height:86px;font-size:17px;right:6%;bottom:2%}.welcome-card h3{font-size:33px;margin-top:13px}.welcome-card p{font-size:13px}.question-top{padding:17px 16px;gap:10px;font-size:8px}.clue-photo{height:280px}.question-content{padding:25px 19px 30px}.question-content h3{font-size:35px}.answer-choice{padding:13px 9px;min-height:56px}.answer-choice strong{font-size:13px}.answer-choice span{font-size:8px}.answer-choice i{font-size:10px}.passport-section{padding-top:49px;margin-top:68px}.passport-title h2{font-size:47px}.passport-stamps{gap:7px}.passport-stamp{gap:5px}.passport-stamp .stamp-arc{font-size:6px}.passport-stamp small{font-size:6px}.passport-stamp strong{font-size:17px}.stamp-empty>span{font-size:28px}.game-cta{grid-template-columns:1fr}.game-cta-image{min-height:350px;max-height:450px}.game-cta-copy{padding:50px 7% 65px}.game-cta-copy h2{font-size:53px}.play-teaser{grid-template-columns:1fr;padding:70px 7% 25px;gap:14px}.play-teaser h2{font-size:53px}.play-teaser-photos{height:285px}.play-teaser-photos img{width:30%;height:79%;border-width:7px}.play-teaser-round{bottom:4%;right:19%}}
@media(max-width:360px){.game-hero h1{font-size:12.9vw}.game-eyebrow{font-size:8px}.game-hero-pills span{font-size:7px}.answer-choice{gap:5px}.answer-choice strong{font-size:12px}.postcard{width:128px;height:195px}.postcard-stack{height:265px}.p-front{left:calc(50% - 64px)}.question-top{font-size:7px}}
@media(prefers-reduced-motion:reduce){.game-globe-wrap,.game-ribbon div{animation:none}.spinner-globe.is-spinning{animation:none}.game-start-link,.spin-button,.play-teaser a{transition:none}}