:root{color-scheme:light;--cream:#fffaf0;--paper:#fffdf8;--navy:#253f77;--ink:#24324b;--muted:#646b77;--yellow:#f8d56a;--line:#e4dfd4;--green:#e6efdf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:1.0rem;line-height:1.5}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-family:'Nunito',sans-serif;font-weight:900}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b06d00;outline-offset:5px}.skip-link{position:absolute;left:16px;top:-100px;z-index:5;background:white;padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}.page{max-width:1080px;margin:0 auto;padding:0 44px}.hello-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px}.brand img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}.brand>span{font:900 1.8125rem/1 'Nunito',sans-serif;color:var(--navy);letter-spacing:-1.4px}.brand small{display:block;font:700 0.5625rem/1.4 'DM Sans',sans-serif;letter-spacing:1.8px;margin-top:7px}.location{font-size:0.8125rem;text-align:right;line-height:1.45;color:var(--muted)}.hello-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;padding:38px 0 30px;align-items:start}.eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:1.5px;color:#626b78}.welcome-copy .eyebrow{margin-bottom:15px}h1{font-size:clamp(2.375rem,4.2vw,3.1875rem);line-height:1.1;letter-spacing:-1.7px;color:var(--navy)}h1 span{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:8px;text-underline-offset:3px;text-decoration-skip-ink:none}.intro{margin-top:19px;font-size:1.0625rem;line-height:1.65;color:var(--muted)}.welcome-photo{position:relative;isolation:isolate;margin-top:27px;border-radius:24px;overflow:hidden;aspect-ratio:1.15;background:#d5dfd7}.welcome-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 53%}.welcome-photo figcaption{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);padding:10px 13px;border-radius:12px}.welcome-photo figcaption strong{font:900 1.1875rem 'Nunito',sans-serif;color:var(--navy)}.welcome-photo figcaption span{font-size:0.8125rem;color:var(--muted)}.welcome-note{font-size:0.875rem;color:var(--muted);margin:21px 0 0;line-height:1.65}.destinations{display:grid;gap:14px}.action-card{border-radius:23px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.finder-card{display:flex;position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:white;min-height:239px;padding:24px 25px;box-shadow:0 5px 0 #172f60}.finder-copy{position:relative;z-index:2;max-width:67%}.card-kicker{font-size:0.6875rem;font-weight:700;letter-spacing:1.1px;color:#e7d89f;display:block;margin-bottom:9px}.finder-card h2{font-size:1.9375rem;line-height:1.08;letter-spacing:-.8px}.finder-card p{font-size:0.9375rem;color:#e0e8f7;margin:10px 0 17px;line-height:1.5}.card-cta{display:inline-flex;align-items:center;gap:17px;font-size:0.875rem;font-weight:700;border-bottom:1px solid #92a8ce;padding-bottom:3px}.card-cta>span,.highlight-cta>span{transition:transform .18s ease}.game-stack{position:absolute;right:15px;top:53px;bottom:32px;width:38%;pointer-events:none}.game-stack img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 9px #0c1c394d);transition:transform .2s ease}.game-back{width:93%;height:93%;right:0;top:-3px;transform:rotate(12deg)}.game-front{width:77%;height:90%;left:-16px;bottom:-12px;transform:rotate(-10deg)}.consult-card{display:flex;align-items:center;gap:15px;padding:17px 18px;background:var(--green);border:1px solid #d3dfcb;margin-top:4px}.host-avatar{width:60px;height:60px;flex-shrink:0;overflow:hidden;border-radius:50%;position:relative;background:#c8d4c6}.host-avatar img{position:absolute;max-width:none;width:240px;height:auto;left:-87px;top:-164px}.consult-copy{flex:1;min-width:0}.consult-copy strong{display:block;font:900 1.4375rem/1.15 'Nunito',sans-serif;color:#284932;letter-spacing:-.5px}.consult-copy>span{display:block;font-size:0.875rem;line-height:1.5;margin-top:5px;color:#4c5f48}.round-arrow{border:1px solid #a7b69d;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:1.1875rem;flex-shrink:0}.shop-label{font-size:0.875rem;color:var(--muted);margin:5px 0 10px}.shop-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-radius:16px;background:var(--paper);border:1px solid var(--line);transition:background-color .18s,border-color .18s,transform .18s}.shop-link small{display:block;font-size:0.8125rem;color:var(--muted)}.shop-link strong{font:900 1.4375rem/1.3 'Nunito',sans-serif;letter-spacing:-.5px}.shop-link>span:last-child{font-size:1.375rem}.toco{color:#33533a;border-color:#cfd9c7}.shopee{color:#a53f21;border-color:#e5cec1}.highlight{margin-top:29px}.highlight>.eyebrow{margin-bottom:12px}.highlight-card{display:grid;grid-template-columns:132px 1fr;border-radius:19px;background:#f6ecd6;border:1px solid #e8dcc0;overflow:hidden;transition:transform .18s,box-shadow .18s}.highlight-photo{overflow:hidden;min-height:192px}.highlight-photo img{height:100%;width:100%;object-fit:cover;object-position:46% 44%;transition:transform .2s}.highlight-copy{padding:16px 18px}.highlight-tag{font-size:0.625rem;font-weight:700;letter-spacing:1.15px;color:#77633d}.highlight h2{font-size:1.4375rem;line-height:1.12;letter-spacing:-.6px;color:var(--navy);margin-top:6px}.highlight p{font-size:0.875rem;line-height:1.5;color:#70644e;margin-top:8px}.highlight-cta{display:inline-flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:700;color:var(--navy);margin-top:12px}.hello-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 25px;border-top:1px solid var(--line);font-size:0.8125rem;color:var(--muted)}.hello-footer a{color:var(--navy);padding:6px 0}.hello-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.action-card:hover,.highlight-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #24324b12}.finder-card:hover{background:#2c4986;box-shadow:0 5px 0 #172f60,0 14px 24px #253f7720}.finder-card:hover .game-back{transform:rotate(15deg) translateY(-2px)}.finder-card:hover .game-front{transform:rotate(-13deg) translateY(-3px)}.finder-card:hover .card-cta>span,.highlight-card:hover .highlight-cta>span{transform:translateX(4px)}.consult-card:hover{background:#dce9d3}.toco:hover{background:#edf3e8;border-color:#92a888}.shopee:hover{background:#fff0e7;border-color:#d28c6e}.highlight-card:hover .highlight-photo img{transform:scale(1.025)}}
.action-card:active,.shop-link:active,.highlight-card:active{transform:scale(.985)}
@media(max-width:900px) and (min-width:701px){.page{padding:0 28px}.hello-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.welcome-photo{aspect-ratio:.94}.welcome-photo figcaption{align-items:flex-start;flex-direction:column;gap:2px}.finder-card{padding:22px}.game-stack{right:10px;width:34%}.finder-copy{max-width:75%}.highlight-card{grid-template-columns:110px 1fr}.highlight-copy{padding:15px}.highlight h2{font-size:1.3125rem}}
@media(max-width:700px){.page{max-width:520px;padding:0 22px}.hello-header{padding:16px 0 17px}.brand img{width:49px;height:49px}.brand>span{font-size:1.5625rem}.brand small{font-size:0.5rem;letter-spacing:1.5px}.location{font-size:0.75rem}.hello-layout{display:block;padding:24px 0 26px}.welcome{display:grid;grid-template-columns:minmax(0,1fr) 113px;gap:15px;align-items:center;margin-bottom:25px}.welcome-copy .eyebrow{font-size:0.625rem;letter-spacing:1.1px;margin-bottom:10px}h1{font-size:2.0625rem;line-height:1.1;letter-spacing:-1px}h1 span{text-decoration-thickness:6px}.intro{font-size:0.875rem;line-height:1.55;margin-top:14px}.desktop-break,.desktop-title-break{display:none}.welcome-photo{margin:0;aspect-ratio:auto;height:174px;border-radius:58px 58px 15px 15px;overflow:visible}.welcome-photo>img{border-radius:58px 58px 15px 15px;object-position:49% 52%}.welcome-photo figcaption{left:8px;right:8px;bottom:-9px;padding:5px 8px;border-radius:8px;justify-content:center;box-shadow:0 2px 5px #00000008}.welcome-photo figcaption strong{font-size:0.9375rem}.welcome-photo figcaption span,.welcome-note{display:none}.destinations{gap:13px}.finder-card{padding:22px;min-height:218px;border-radius:21px}.finder-card h2{font-size:1.8125rem}.finder-card p{font-size:0.875rem;margin-top:9px;margin-bottom:14px}.card-kicker{font-size:0.625rem;letter-spacing:.8px}.game-stack{right:13px;top:51px;bottom:28px;width:36%}.consult-card{padding:16px;gap:13px;border-radius:18px}.consult-copy strong{font-size:1.375rem}.host-avatar{width:54px;height:54px}.host-avatar img{width:216px;left:-78px;top:-148px}.shop-label{margin-top:4px}.shop-link{padding:12px 16px}.highlight{margin-top:27px}.highlight-card{grid-template-columns:120px 1fr}.highlight-copy{padding:16px}.highlight h2{font-size:1.375rem}.highlight p br{display:none}.hello-footer{flex-direction:column;gap:5px;text-align:center;padding:17px 0 22px}}
@media(max-width:370px){.page{padding:0 17px}.welcome{grid-template-columns:minmax(0,1fr) 86px;gap:10px}.welcome-photo{height:164px}h1{font-size:1.875rem}.finder-card{padding:20px}.finder-card h2{font-size:1.6875rem}.game-stack{width:31%;right:12px}.finder-copy{max-width:77%}.consult-card{gap:10px;padding:14px}.consult-copy strong{font-size:1.3125rem}.consult-copy>span{font-size:0.8125rem}.highlight-card{grid-template-columns:99px 1fr}.highlight-copy{padding:14px}.highlight h2{font-size:1.3125rem}.hello-header{gap:12px}.location{font-size:0.75rem}.brand>span{font-size:1.4375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.action-card:active,.shop-link:active,.highlight-card:active,.action-card:hover,.highlight-card:hover{transform:none}.finder-card:hover .game-back{transform:rotate(12deg)}.finder-card:hover .game-front{transform:rotate(-10deg)}.highlight-card:hover .highlight-photo img,.finder-card:hover .card-cta>span,.highlight-card:hover .highlight-cta>span{transform:none}}

/* Explicit social destinations: photo, avatar badge, labeled shortcuts and profile preview. */
.welcome-photo-link{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.welcome-photo-link .portrait{height:100%;width:100%;object-fit:cover;object-position:center 53%;border-radius:inherit}
.welcome-photo:focus-within{outline:3px solid #b06d00;outline-offset:5px}
.welcome-photo figcaption{pointer-events:none}
.avatar-wa-badge{position:absolute;display:grid;place-items:center;background:#18844a;border:3px solid var(--paper);border-radius:50%;box-shadow:0 2px 8px #123c2426}


.host-identity{display:block;position:relative;flex-shrink:0}
.host-identity .host-avatar{display:block}
.avatar-wa-badge{right:-6px;bottom:-3px;width:29px;height:29px;border-color:var(--green)}
.avatar-wa-badge img{width:16px;height:16px}
.consult-copy .wa-channel{font-weight:700;color:#1c613b;font-size:.875rem;margin-top:5px}
.quick-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;grid-column:1/-1}
.quick-social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:5px 11px 5px 5px;border:1px solid var(--line);border-radius:25px;background:var(--paper);font-size:.875rem;font-weight:600;color:var(--ink)}
.social-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.social-icon img{width:17px;height:17px}
.wa-icon{background:#18844a}
.ig-icon{background:#974069}
.quick-social a:hover{border-color:#9caa99;background:#f4f6ee}
.instagram-preview{margin-top:20px}
.instagram-profile-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ig-profile-heading{display:flex;align-items:center;gap:10px;padding:17px 17px 0}
.ig-profile-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.ig-profile-heading>div{min-width:0;flex:1}
.ig-profile-heading h2{font:800 1.0625rem/1.3 'Nunito',sans-serif;color:var(--navy);letter-spacing:-.2px;overflow-wrap:anywhere}
.ig-profile-heading p{font-size:.8125rem;color:var(--muted);margin-top:3px}
.ig-profile-intro{font-size:.875rem;line-height:1.55;color:var(--muted);margin:12px 18px 15px}
.ig-photo-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 8px}
.ig-photo-preview img{width:100%;height:auto;aspect-ratio:1/1.1;object-fit:cover;object-position:50% 48%;border-radius:5px}
.ig-photo-preview img:nth-child(2){object-position:center 63%}
.ig-photo-preview img:nth-child(3){object-position:center 65%}
.ig-profile-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-size:.875rem;font-weight:700;color:#864062}
.instagram-profile-card:hover{border-color:#c792ae;box-shadow:0 5px 18px #8640620c}
@media(max-width:700px){.welcome-photo-link .portrait{object-position:49% 52%}.quick-social{margin-top:2px;gap:10px}.welcome{row-gap:18px}.ig-profile-heading{padding:15px 14px 0}.ig-profile-heading h2{font-size:1rem}.ig-profile-heading>.social-icon{width:29px;height:29px}.ig-profile-intro{margin-left:15px;margin-right:15px}.ig-profile-cta{padding-left:15px;padding-right:15px}}
@media(max-width:370px){.ig-profile-heading{gap:7px}.ig-profile-logo{width:35px;height:35px}.ig-profile-heading h2{font-size:.9375rem}.ig-profile-heading p{font-size:.75rem}.quick-social a{padding-right:9px}}

/* Small, finite interactions on existing assets. No added requests or motion library. */
@media(prefers-reduced-motion:no-preference){
  .game-stack img,.welcome-photo-link .portrait,.ig-photo-preview img,.host-identity,.avatar-wa-badge,.quick-social .social-icon{transition:transform .32s cubic-bezier(.2,.85,.3,1.15)}
  .shop-link,.quick-social a,.instagram-profile-card{transition:transform .24s cubic-bezier(.2,.85,.3,1.15),background-color .18s,border-color .18s}
  .round-arrow,.ig-profile-cta>span,.shop-link>span:last-child{transition:transform .24s ease}
  .game-stack img{transform-origin:50% 85%}
  .ig-photo-preview{padding-top:5px;padding-bottom:5px}
  .ig-photo-preview img{transform-origin:50% 70%}

  .finder-card:focus-visible .game-back{transform:translate(3px,-5px) rotate(18deg)}
  .finder-card:focus-visible .game-front{transform:translate(-3px,3px) rotate(-16deg)}
  .consult-card:focus-visible .avatar-wa-badge{transform:rotate(-7deg) scale(1.12)}
  .instagram-profile-card:focus-visible .ig-photo-preview img:nth-child(1){transform:translateY(-2px) rotate(-1.5deg)}
  .instagram-profile-card:focus-visible .ig-photo-preview img:nth-child(2){transform:translateY(-5px)}
  .instagram-profile-card:focus-visible .ig-photo-preview img:nth-child(3){transform:translateY(-2px) rotate(1.5deg)}

  @media(hover:hover) and (pointer:fine){
    .finder-card:hover .game-back{transform:translate(3px,-5px) rotate(18deg)}
    .finder-card:hover .game-front{transform:translate(-3px,3px) rotate(-16deg)}
    .welcome-photo-link:hover .portrait{transform:scale(1.025) rotate(.5deg)}
    .consult-card:hover .host-identity{transform:rotate(-2deg)}
    .consult-card:hover .avatar-wa-badge{transform:rotate(-7deg) scale(1.12)}
    .consult-card:hover .round-arrow{transform:rotate(8deg)}
    .quick-social a:hover .social-icon{transform:rotate(-8deg) scale(1.07)}
    .shop-link:hover{transform:translateY(-2px)}
    .shop-link:hover>span:last-child{transform:translate(2px,-2px)}
    .instagram-profile-card:hover .ig-photo-preview img:nth-child(1){transform:translateY(-2px) rotate(-1.5deg)}
    .instagram-profile-card:hover .ig-photo-preview img:nth-child(2){transform:translateY(-5px)}
    .instagram-profile-card:hover .ig-photo-preview img:nth-child(3){transform:translateY(-2px) rotate(1.5deg)}
    .instagram-profile-card:hover .ig-profile-cta>span{transform:translate(2px,-2px)}
  }
  .action-card:active,.shop-link:active,.highlight-card:active,.quick-social a:active,.instagram-profile-card:active{transform:translateY(1px) scale(.98);transition-duration:.1s}
  .finder-card:active .game-back{transform:translate(2px,-3px) rotate(17deg);transition-duration:.12s}
  .finder-card:active .game-front{transform:translate(-2px,2px) rotate(-15deg);transition-duration:.12s}
  .welcome-photo-link:active .portrait{transform:scale(1.035);transition-duration:.12s}
  .consult-card:active .avatar-wa-badge{transform:scale(1.12);transition-duration:.12s}
  .quick-social a:active .social-icon{transform:rotate(-6deg);transition-duration:.12s}
}

/* Desktop: balanced introduction/actions, then a shared discovery row. */
@media(min-width:701px){
 .page{max-width:1200px;padding-inline:clamp(28px,4vw,48px)}
 .hello-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"welcome actions" "highlight instagram";gap:36px clamp(28px,4vw,48px);align-items:stretch;padding-block:34px 32px}
 .right-column{display:contents}
 .welcome{grid-area:welcome;min-width:0}
 .destinations{grid-area:actions;min-width:0;grid-template-rows:minmax(250px,1fr) auto auto auto;align-content:stretch}
 .welcome h1{font-size:clamp(2.25rem,3.7vw,3rem)}
 .welcome .desktop-break{display:none}
 .intro{font-size:1rem;margin-top:16px}
 .welcome-photo{aspect-ratio:auto;height:clamp(230px,23vw,280px);margin-top:22px}
 .welcome-photo figcaption{flex-direction:row;align-items:center;gap:12px}
 .quick-social{margin-top:16px}
 .welcome-note{margin-top:14px}
 .finder-card{min-height:250px;padding:28px;align-items:center}
 .finder-card h2{font-size:clamp(1.9rem,2.8vw,2.35rem)}
 .finder-copy{max-width:65%}
 .game-stack{width:40%;top:22%;bottom:17%;right:20px;max-height:225px;margin-block:auto}
 .highlight{grid-area:highlight;margin-top:0;display:flex;flex-direction:column;min-width:0}
 .highlight>.eyebrow{margin:0 0 12px}
 .highlight-card{flex:1;grid-template-columns:minmax(130px,40%) minmax(0,1fr);min-height:280px}
 .highlight-photo{min-height:0;position:relative}
 .highlight-photo img{position:absolute;inset:0;width:100%;height:100%;object-position:50% 46%}
 .highlight-copy{padding:24px;align-self:center}
 .highlight h2{font-size:clamp(1.4rem,2.1vw,1.75rem)}
 .highlight-copy p br{display:none}
 .instagram-preview{grid-area:instagram;margin-top:0;min-width:0;display:flex}
 .instagram-profile-card{width:100%;display:flex;flex-direction:column}
 .ig-profile-heading{padding:18px 18px 0}
 .ig-profile-intro{margin-block:10px 12px}
 .ig-profile-intro br{display:none}
 .ig-photo-preview{flex:1;min-height:130px;padding-inline:12px}
 .ig-photo-preview img{height:155px;aspect-ratio:auto}
 .ig-profile-cta{margin-top:auto}
}
@media(min-width:701px) and (max-width:900px){
 .finder-card{padding:22px}
 .finder-copy{max-width:72%}
 .game-stack{width:33%;right:10px}
 .welcome-photo figcaption{flex-direction:column;align-items:flex-start;gap:2px}
 .highlight-card{grid-template-columns:minmax(100px,34%) minmax(0,1fr)}
 .highlight-copy{padding:17px}
 .highlight h2{font-size:1.375rem}
 .ig-profile-heading{gap:8px;padding-inline:12px}
 .ig-profile-heading>.social-icon{display:none}
 .ig-profile-intro{margin-inline:13px}
 .ig-photo-preview img{height:140px}
}

/* Two compact, colorful routes into Playtable, including on phones. */
.playtable-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-link{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;min-width:0;min-height:145px;padding:16px;border:1px solid #284fa6;border-radius:19px;background:#315cba;color:#fff;box-shadow:0 4px 0 #24448b}
.site-link::after{content:"";position:absolute;right:-28px;bottom:-44px;width:120px;height:120px;border:18px solid #ffffff12;border-radius:38px;transform:rotate(24deg);z-index:-1;pointer-events:none}
.preorder-link{background:#ffd166;color:#253f77;border-color:#e7b546;box-shadow:0 4px 0 #d6a43b}
.preorder-link::after{border-color:#ffffff40}
.site-link-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.site-link-icon-shell{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fffaf0;transform:rotate(-5deg)}
.preorder-link .site-link-icon-shell{background:#fff5d8;transform:rotate(5deg)}
.site-link-icon{width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply}
.preorder-icon{width:28px;height:28px}
.site-link-copy{display:block;min-width:0}
.site-link-copy strong{display:block;font:900 1.25rem/1.18 'Nunito',sans-serif;letter-spacing:-.35px;overflow-wrap:normal}
.site-link-copy small{display:block;margin-top:5px;font-size:.8125rem;line-height:1.4;color:#edf3ff}
.preorder-link .site-link-copy small{color:#465271}
.site-link-arrow{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#ffffff20;font-size:1.125rem}
.preorder-link .site-link-arrow{background:#fff5d8}
.shop-link{gap:9px;padding:12px 14px;min-width:0;min-height:76px}
.shop-logo{flex-shrink:0;width:36px;height:36px;object-fit:contain}
.toco-logo{border-radius:10px}
.shop-copy{flex:1;min-width:0}
.shop-link small{font-size:.75rem}
.shop-link strong{font-size:1.3125rem}
.shop-link .shop-arrow{flex-shrink:0;font-size:1.125rem}
.toco{background:#fff6d3;border-color:#efdda0;color:#2d3a23}
.shopee{background:#fff0e7;border-color:#f3d3c2;color:#ad3d20}
.host-avatar img{position:static;width:100%;height:100%;object-fit:cover}
@media(hover:hover) and (pointer:fine){.website-link:hover{background:#3767cd;box-shadow:0 6px 0 #24448b,0 10px 20px #315cba20}.preorder-link:hover{background:#ffda7a;box-shadow:0 6px 0 #d6a43b,0 10px 20px #d6a43b20}.toco:hover{background:#fff0ad;border-color:#d6b955}.shopee:hover{background:#ffe5d6;border-color:#edaf8d}}
@media(max-width:900px){.site-link{padding:14px;gap:10px}.site-link-copy strong{font-size:1.125rem}.site-link-copy small{font-size:.75rem}.playtable-links,.shop-links{gap:10px}.shop-link{padding:12px;gap:8px}.shop-logo{width:32px;height:32px}}
@media(max-width:370px){.site-link{padding:12px;border-radius:16px}.site-link-copy strong{font-size:1.0625rem}.shop-link{padding:10px;gap:6px}.shop-logo{width:28px;height:28px}.shop-link strong{font-size:1.1875rem}.shop-link .shop-arrow{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.site-link:hover{transform:none}}

/* A shorter workshop shortcut and a dedicated route into FFTB. */
.workshop-link{padding:12px 16px;gap:12px;margin-top:0;border-radius:18px}
.workshop-link .consult-copy strong{font-size:1.125rem;letter-spacing:-.3px}
.workshop-link .consult-copy>span{font-size:.8125rem;margin-top:3px}
.workshop-link .round-arrow{width:30px;height:30px;font-size:1.0625rem}
.fftb-link{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;margin-top:4px;border:1px solid #28595a;border-radius:19px;background:#103b40;color:#fffaf0;box-shadow:0 4px 0 #082c30}
.fftb-icon{width:64px;height:64px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 4px #0003)}
.fftb-copy{flex:1;min-width:0}
.fftb-copy strong{display:block;font:900 1.125rem/1.2 'Nunito',sans-serif;letter-spacing:-.3px}
.fftb-copy small{display:block;margin-top:5px;font-size:.8125rem;line-height:1.4;color:#e1d7b5}
.fftb-link .site-link-arrow{background:#ffffff18;color:#f8d56a}
@media(hover:hover) and (pointer:fine){.fftb-link:hover{background:#174b50;box-shadow:0 6px 0 #082c30,0 10px 20px #103b4020}}
@media(max-width:370px){.workshop-link{padding:11px 12px;gap:9px}.workshop-link .consult-copy strong{font-size:1.0625rem}.workshop-link .consult-copy>span{font-size:.75rem}.workshop-link .round-arrow{width:27px;height:27px}.fftb-link{padding:12px;gap:10px}.fftb-icon{width:54px;height:54px}.fftb-copy strong{font-size:1.0625rem}.fftb-copy small{font-size:.75rem}}

/* Desktop reading order: discover, shop, explore, then personal help. */
@media(min-width:701px){
 .hello-layout{align-items:stretch}
 .welcome{display:flex;flex-direction:column}
 .welcome-copy,.quick-social,.welcome-note{flex-shrink:0}
 .welcome-photo{flex:1;height:auto;min-height:300px}
 .welcome-photo-link{position:absolute;inset:0}
 .destinations{grid-template-areas:"finder" "shops" "website" "fftb" "help" "workshop";grid-template-rows:auto;align-content:start;gap:16px}
 .finder-card{grid-area:finder;min-height:240px}
 .shop-section{grid-area:shops}
 .playtable-links{grid-area:website}
 .fftb-link{grid-area:fftb;margin-top:0}
 .consult-card:not(.workshop-link){grid-area:help;margin-top:0}
 .workshop-link{grid-area:workshop}
 .welcome-note{margin-bottom:0}
}