.game{isolation:isolate}
.game::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.38));pointer-events:none}
.game-card{position:relative;overflow:hidden;text-align:left!important;min-height:clamp(420px,58vw,620px);display:grid;align-items:stretch}
.game-card::before{content:"";position:absolute;inset:-1px;background:var(--scene,url('/api/country-photo/japan?w=1800')) center/cover;opacity:.44;filter:saturate(1.08) contrast(1.05);transform:scale(1.03);transition:opacity .45s ease,transform .7s ease}
.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.58) 46%,rgba(10,10,10,.2)),radial-gradient(circle at 78% 22%,rgba(232,105,62,.22),transparent 28%);pointer-events:none}
.game-card:hover::before{transform:scale(1.07);opacity:.52}
.game-card>*{position:relative;z-index:2}
.ix-fam,.ix-crave,.ix-solo,.ix-wave,.ix-tl,.ix-lux{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;min-height:100%}
.ix-who,.ix-cv,.ix-sk,.ix-wave>div:first-child,.ix-tl>div:first-child,.ix-lux>div:first-child{display:flex;flex-direction:column;gap:.55rem}
.ix-who button,.ix-cv button,.ix-sk button,.ix-pill,.ix-tl button,.ix-lux button{border:1px solid rgba(245,241,232,.2);background:rgba(245,241,232,.08);color:rgba(245,241,232,.82);border-radius:999px;padding:.82rem 1rem;font:inherit;font-weight:650;text-align:left;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease}
.ix-who button:hover,.ix-cv button:hover,.ix-sk button:hover,.ix-pill:hover,.ix-tl button:hover,.ix-lux button:hover{transform:translateX(4px);border-color:rgba(232,105,62,.55)}
.ix-who button.on,.ix-cv button.on,.ix-sk button.on,.ix-pill.on,.ix-tl button.on,.ix-lux button.on{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 14px 38px rgba(232,105,62,.22)}
.ix-fout,.ix-cout,.ix-sout,.ix-wave [id$="out"],.ix-tl [id$="out"],.ix-lux [id$="out"]{align-self:stretch}
.immersive-result{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.72fr);gap:1rem;align-items:end}
.immersive-copy{padding:clamp(1rem,3vw,2rem);background:linear-gradient(145deg,rgba(10,10,10,.62),rgba(10,10,10,.22));border:1px solid rgba(245,241,232,.14);border-radius:24px;backdrop-filter:blur(14px)}
.immersive-copy small{display:block;color:var(--coral);letter-spacing:.14em;text-transform:none;font-weight:700;font-size:.72rem;margin-bottom:.8rem}
.immersive-copy h4{font-family:'Fraunces',serif;font-size:clamp(2rem,5vw,4.2rem);line-height:.92;font-weight:300;color:#fff;margin:0 0 1rem}
.immersive-copy p{color:rgba(245,241,232,.82);font-size:clamp(1rem,1.5vw,1.16rem);max-width:46ch}
.immersive-stat-grid{display:grid;gap:.7rem}
.immersive-stat{border:1px solid rgba(245,241,232,.16);background:rgba(245,241,232,.09);border-radius:18px;padding:1rem;backdrop-filter:blur(14px)}
.immersive-stat span{display:block;color:rgba(245,241,232,.58);font-size:.68rem;letter-spacing:.12em;text-transform:none;margin-bottom:.28rem}.immersive-stat strong{display:block;color:#fff;font-family:'Fraunces',serif;font-size:1.2rem;font-weight:400;line-height:1.05}
.taste-wheel{position:relative;width:min(260px,70vw);aspect-ratio:1;border-radius:50%;margin:auto;background:conic-gradient(from 210deg,#e8693e,#c9a14b,#7a3d2f,#f5f1e8,#e8693e);box-shadow:0 24px 70px rgba(0,0,0,.34)}
.taste-wheel::before{content:"";position:absolute;inset:14%;border-radius:50%;background:#0a0a0a;border:1px solid rgba(245,241,232,.18)}
.taste-wheel::after{content:attr(data-label);position:absolute;inset:31%;display:grid;place-items:center;text-align:center;color:#fff;font-family:'Fraunces',serif;font-size:1.3rem;line-height:1}
.social-map{position:relative;min-height:220px;border:1px solid rgba(245,241,232,.16);border-radius:24px;background:radial-gradient(circle at 18% 70%,rgba(232,105,62,.32),transparent 22%),radial-gradient(circle at 76% 28%,rgba(245,241,232,.22),transparent 18%),rgba(245,241,232,.07);overflow:hidden}
.social-map span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 26px rgba(232,105,62,.76)}
.social-map span:nth-child(1){left:18%;top:64%}.social-map span:nth-child(2){left:36%;top:38%;background:#f5f1e8}.social-map span:nth-child(3){left:61%;top:55%}.social-map span:nth-child(4){left:78%;top:26%;background:#c9a14b}.social-map span:nth-child(5){left:50%;top:18%;background:#f5f1e8}
.adventure-board{border-radius:28px!important;overflow:hidden}
@media(max-width:760px){
  .game-card{min-height:auto;text-align:left!important}
  .ix-fam,.ix-crave,.ix-solo,.ix-wave,.ix-tl,.ix-lux,.immersive-result{grid-template-columns:1fr}
  .ix-who,.ix-cv,.ix-sk,.ix-wave>div:first-child,.ix-tl>div:first-child,.ix-lux>div:first-child{display:grid;grid-template-columns:1fr 1fr}
  .ix-who button,.ix-cv button,.ix-sk button,.ix-pill,.ix-tl button,.ix-lux button{font-size:.86rem;padding:.72rem .78rem}
  .immersive-copy h4{font-size:2.35rem}
  .taste-wheel{width:min(230px,78vw)}
}