/* WS-003 owned product showcase + social embed | 2026-10-07 */
.line-product-showcase{
  width:min(1180px,calc(100% - 40px));margin:72px auto 18px;padding:28px;
  border:1px solid rgba(187,216,238,.22);background:rgba(4,20,34,.82);
  box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative;z-index:3
}
.line-product-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:32px;align-items:center}
.line-product-visual{min-width:0}
.line-product-visual img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.14);background:#071b2d}
.line-product-caption{margin:10px 0 0;font-size:.72rem;letter-spacing:.08em;color:rgba(232,241,248,.58)}
.line-product-copy h3{margin:8px 0 18px;font-size:clamp(1.75rem,3.2vw,3rem);line-height:1.12}
.line-product-copy h3 em{font-style:normal;color:#f2d18a}
.line-product-copy>p{color:rgba(238,245,250,.78);line-height:1.9}
.line-product-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.line-product-points article{padding:15px;border:1px solid rgba(187,216,238,.16);background:rgba(255,255,255,.035)}
.line-product-points span{display:block;font:700 .72rem/1 monospace;color:#79d69a;letter-spacing:.12em;margin-bottom:8px}
.line-product-points strong{display:block;font-size:.96rem;margin-bottom:6px}
.line-product-points p{margin:0;font-size:.82rem;line-height:1.65;color:rgba(238,245,250,.66)}
.social-embed-panel{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(288px,1.25fr);gap:22px;align-items:start;margin:24px 0 22px;padding:20px;border:1px solid rgba(255,255,255,.14);background:rgba(6,22,36,.72)}
.social-embed-copy span{display:block;font:700 .72rem/1 monospace;letter-spacing:.13em;color:#f2d18a;margin-bottom:10px}
.social-embed-copy strong{display:block;font-size:1.08rem;margin-bottom:10px}
.social-embed-copy p{margin:0;color:rgba(238,245,250,.68);line-height:1.75}
.tiktok-creator-wrap{min-width:0;display:flex;justify-content:center;overflow:hidden}
.tiktok-creator-wrap .tiktok-embed{margin:0!important;width:100%!important}
@media(max-width:900px){
  .line-product-showcase{width:min(100% - 24px,720px);margin:48px auto 12px;padding:18px}
  .line-product-grid,.social-embed-panel{grid-template-columns:1fr}
  .line-product-points{grid-template-columns:1fr}
  .social-embed-panel{padding:16px}
}

/* WS-003 multi-page + visible social video | 2026-10-08 */
.subpage-main{padding-top:82px;min-height:100vh}
.subpage .world-section,.subpage .individual-world,.subpage .profile-world,.subpage .logs-world{min-height:calc(100vh - 82px)}
.social-pickup,.activity-media{width:min(1180px,calc(100% - 40px));margin:72px auto;padding:34px 0}
.social-pickup-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,420px);gap:42px;align-items:center;justify-content:center}
.social-pickup-copy>span,.social-video-copy>span{display:block;font:700 .72rem/1 monospace;letter-spacing:.13em;color:#f2d18a;margin-bottom:12px}
.social-pickup-copy h3{font-size:clamp(1.6rem,3vw,2.6rem);margin:0 0 14px}
.social-pickup-copy p,.social-video-copy p{color:rgba(238,245,250,.72);line-height:1.8}
.vertical-reel{width:min(100%,390px);margin-inline:auto;min-height:560px;display:flex;align-items:flex-start;justify-content:center;background:rgba(4,20,34,.55);border:1px solid rgba(187,216,238,.18);padding:10px;overflow:hidden}
.vertical-reel .instagram-media{min-width:0!important;width:100%!important;max-width:370px!important;margin:0!important}
.social-video-feature{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(288px,390px);gap:26px;align-items:center;margin:28px 0;padding:22px;border:1px solid rgba(255,255,255,.14);background:rgba(6,22,36,.72)}
.social-video-copy strong{display:block;font-size:1.2rem;margin-bottom:10px}
.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.activity-media .section-heading{margin-bottom:28px}
@media(max-width:900px){
.subpage-main{padding-top:72px}
.social-pickup,.activity-media{width:min(100% - 24px,720px);margin:48px auto;padding:18px 0}
.social-pickup-grid,.social-video-feature,.reel-grid{grid-template-columns:1fr}
.vertical-reel{width:min(100%,360px);min-height:520px}
}

/* Human Review 2026-10-08 | AIR, BORDER REDUCTION, NAV */
@media(min-width:901px){
 .route-select{padding-top:clamp(125px,12vw,180px);padding-bottom:clamp(135px,13vw,200px)}
 .route-select>.section-heading{margin-bottom:85px}
 .world-map{min-height:640px;width:min(1160px,calc(100% - 56px));gap:clamp(34px,4vw,64px);margin:40px auto 40px}
 .world-map .map-grid{opacity:.47;background-size:56px 56px,56px 56px,auto,auto}
 .world-map .route-lines{opacity:.38;width:84%;height:74%;inset:13% 8%}
 .world-map .route-card{padding:34px}
}
.line-product-showcase{border:0;background:transparent;box-shadow:none;padding:18px 0;margin:70px auto 30px}
.line-product-visual img{border:0;background:transparent}
.line-product-grid{gap:clamp(24px,4vw,55px)}
.back-to-top{position:fixed;right:24px;bottom:max(26px,env(safe-area-inset-bottom));min-width:70px;min-height:48px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e9c88a80;background:#061522e8;color:#f5f0e3;font:700 .76rem/1 monospace;letter-spacing:.08em;text-decoration:none;z-index:115;box-shadow:0 9px 25px #0009;backdrop-filter:blur(12px)}
.back-to-top:hover,.back-to-top:focus-visible{background:#153448;outline:2px solid #e9c88a;outline-offset:2px}
.owned-video-slot{aspect-ratio:9/16;min-height:0!important;max-width:355px;position:relative;padding:0!important;background:#061a28}
.owned-video-slot video{width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#000;display:block}
.video-pending{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;text-align:left;width:100%;height:100%;padding:28px;background:linear-gradient(155deg,#061522,#0f3440)}
.video-pending-label{color:#e4c88f;font:700 .75rem monospace;letter-spacing:.12em}
.video-pending strong{font-size:1.1rem;line-height:1.5}
.video-pending p{font-size:.84rem;color:#bbd0dd;line-height:1.75}
.video-pending a{color:#f2d18a;font-weight:700;line-height:1.5}
@media(max-width:900px){.back-to-top{right:12px;bottom:max(16px,env(safe-area-inset-bottom));min-height:46px}.line-product-showcase{padding:10px 0;margin:45px auto 18px}.world-map .route-lines{opacity:.45}}

/* Owner-approved 9:16 video preview; entire playing tile links to the matching Instagram Reel. */
.owned-video-link{display:block;position:relative;width:100%;height:100%;overflow:hidden;color:inherit;text-decoration:none;cursor:pointer}
.owned-video-link video{width:100%;height:100%;display:block;aspect-ratio:9/16;object-fit:cover;pointer-events:none}
.owned-video-cta{position:absolute;left:9px;right:9px;bottom:9px;display:block;padding:13px 10px;text-align:center;background:rgba(4,16,28,.89);border:1px solid #f2d18a8a;color:#f9e6b7;font-size:.85rem;font-weight:800;line-height:1.35}
.owned-video-link:hover .owned-video-cta,.owned-video-link:focus-visible .owned-video-cta{background:#102c3b}
.owned-video-link:focus-visible{outline:3px solid #f2d18a;outline-offset:-3px}

/* Human Review: horizontal breathing room in the ROUTES map (not vertical spacing). */
@media(min-width:901px){
 .route-select .world-map{
   width:min(1240px,100%);grid-template-columns:minmax(0,1fr) minmax(100px,130px) minmax(0,1fr);
   column-gap:clamp(24px,3.7vw,54px);padding:44px clamp(24px,4.5vw,72px);
   min-height:0;margin:50px auto 34px;box-sizing:border-box
 }
 .route-select .world-map .route-lines{display:none}
 .route-select .world-map .map-grid{border:0;opacity:.22;background-size:64px 64px,64px 64px,auto,auto}
 .route-select .world-map .route-card{min-width:0;padding:32px 26px}
}
@media(min-width:901px) and (max-width:1120px){
 .route-select .world-map{column-gap:18px;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);padding:30px 18px}
 .route-select .world-map .route-card{padding:24px 18px}
}