@charset "UTF-8";

/* Shared visual language from the Stitch direction: warm, tactile, and playful. */
:root{--warm-bg:#fbf9f6;--warm-sub:#f5f1eb;--warm-card:#fff;--warm-ink:#1f1a17;--warm-copy:#6f665e;--warm-line:#eae4dc;--warm-coral:#ff5c38;--warm-coral-dark:#e84b28;--warm-coral-soft:#fff0eb;--warm-lilac:#7051dc;--warm-lilac-soft:#f0ebff;--warm-shadow:0 12px 32px -10px rgba(83,54,36,.16),0 2px 7px rgba(83,54,36,.035);--warm-shadow-float:0 18px 44px -12px rgba(83,54,36,.22),0 4px 12px rgba(83,54,36,.06)}

/* Community shell */
body{background:var(--warm-bg);color:var(--warm-ink)}
.sidebar{width:236px;padding:30px 18px 22px;background:linear-gradient(180deg,#fffdfa 0%,var(--warm-bg) 100%);border-color:var(--warm-line)}.sidebar .brand{margin:3px 10px 38px;color:var(--warm-ink);font-size:22px}.brand-dot{color:var(--warm-coral)}.sidebar .brand img{width:35px;height:35px;border-radius:12px;box-shadow:0 8px 18px rgba(255,92,56,.18)}.side-label{color:#9b9085;margin:0 12px 12px;font-weight:800;letter-spacing:.14em}.nav-links{gap:8px}.nav-item{border-radius:999px;color:#766d65;font-weight:750}.nav-item:hover{background:var(--warm-sub);color:var(--warm-ink)}.nav-item[aria-current="page"]{background:var(--warm-coral-soft);color:var(--warm-coral)}.nav-item[aria-current="page"]:after{background:var(--warm-coral);box-shadow:0 0 0 3px #ffe2d8}.side-room{border-radius:14px}.side-room:hover{background:var(--warm-sub)}.room-dot{border-radius:10px}.side-promo{border:1px solid var(--warm-line);border-radius:18px;background:linear-gradient(145deg,#f5f1eb,#eeeae3)}
.topbar{height:82px;padding:0 38px;border-color:var(--warm-line);background:rgba(251,249,246,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:25}.topbar-greeting{color:#776e66}.search-trigger{width:304px;background:var(--warm-sub);border-color:transparent;border-radius:999px;color:#897f77;padding:11px 16px}.search-trigger:focus-visible{outline-color:var(--warm-coral)}.language-picker{border:1px solid var(--warm-line);background:#fff;border-radius:999px;min-height:44px;padding:0 12px;color:var(--warm-ink)}.language-picker select{background:transparent;color:var(--warm-ink);font-weight:700}.icon-button:hover{background:var(--warm-sub)}.topbar-login{border-radius:999px}.avatar{background:#ffe3d8;color:#aa412c}.avatar.coral{background:#ffe3d8;color:#aa412c}
#content{padding:32px 38px 36px}.page-heading{margin-bottom:26px}.page-heading .eyebrow,.eyebrow{color:#9a685a;font-weight:850;letter-spacing:.11em}.page-heading h1{font-weight:800;letter-spacing:-.045em}.page-heading p{color:var(--warm-copy)}.date-chip{background:#fff;border-color:var(--warm-line);box-shadow:0 2px 6px rgba(83,54,36,.03)}.layout{gap:26px}.main-column{gap:26px}.right-column{gap:18px}
.hero{min-height:244px;padding:31px;border:1px solid #ffd9cd;border-radius:24px;background:linear-gradient(135deg,#ffe8de 0%,#ffded4 55%,#f5e4ff 135%);box-shadow:var(--warm-shadow)}.hero:before{background:radial-gradient(ellipse at 92% 100%,#ff9a7d 0,transparent 62%)}.hero-copy{max-width:62%}.hero .eyebrow{color:#a34e38}.hero h2{font-size:31px;line-height:1.24;letter-spacing:-.055em}.hero p{color:#815c50}.hero-ticket{right:32px;top:30px;width:148px;height:183px;border:0;border-radius:18px;background:linear-gradient(145deg,#ff7255,#ff4e36);box-shadow:8px 10px 0 #ffb399,0 16px 28px rgba(196,73,44,.18);color:#fff0e6}.button{border-radius:999px;font-weight:750}.button.primary,.button.coral{background:var(--warm-coral);color:#fff;box-shadow:0 8px 18px rgba(255,92,56,.18)}.button.primary:hover,.button.coral:hover{background:var(--warm-coral-dark);filter:none}.button.secondary{background:#fff;border-color:var(--warm-line);color:var(--warm-ink)}.button.subtle{background:var(--warm-sub)}
.fandom-tile,.post,.widget,.room-card,.schedule-card,.market-item,.chat-layout,.request{border-color:var(--warm-line);box-shadow:var(--warm-shadow)}.fandom-tile{border-radius:18px;padding:14px 10px 13px}.fandom-tile:hover{border-color:#ffc6b4;transform:translateY(-2px)}.wordmark{box-shadow:inset 0 0 0 2px rgba(255,255,255,.66)}.tabs{gap:20px;border-color:var(--warm-line)}.tab{font-weight:700;color:#877c72}.tab.active{border-color:var(--warm-coral);color:var(--warm-ink)}.tab small{background:var(--warm-coral-soft);color:var(--warm-coral)}.post,.widget{border-radius:22px}.post{padding:20px}.post-badge{background:var(--warm-coral-soft);color:#ab503a;border-radius:999px}.post-footer{border-color:var(--warm-line)}.post-footer .selected{color:var(--warm-coral)}.guide-art{border-radius:16px;background:linear-gradient(135deg,#f7f2ea,#f6efff)}.guide-art .icon{color:var(--warm-coral)}.calendar-day.today{background:var(--warm-coral);box-shadow:0 7px 15px rgba(255,92,56,.24)}.play-widget{background:linear-gradient(145deg,#f1ebff,#e7dfff);box-shadow:none}.play-widget h3{color:#503e85}.play-widget .button{color:var(--warm-lilac);background:#fff;box-shadow:none}.callout{border:1px solid var(--warm-line);border-radius:18px;background:linear-gradient(135deg,#f5f1eb,#eeece7)}
.lounge-banner{border:1px solid #dce8d4;border-radius:22px;background:linear-gradient(135deg,#ebf3e7,#e2eddf)}.room-grid{gap:18px}.room-card{border-radius:22px;transition:transform .18s ease,box-shadow .18s ease}.room-card:hover{transform:translateY(-3px);box-shadow:var(--warm-shadow-float)}.room-cover{height:132px}.room-card-body{padding:17px}.room-card-bottom .button{padding:8px 13px}.fandom-tools{align-items:center}.fandom-search{border-color:var(--warm-line);border-radius:999px;background:var(--warm-sub)}.fandom-search:focus-within{box-shadow:0 0 0 3px #ffdfd5;border-color:var(--warm-coral)}

/* PLAY discovery */
.play-discovery{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:22px;align-items:stretch}.play-feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:320px;padding:29px;overflow:hidden;border:1px solid #ffd1c4;border-radius:26px;background:linear-gradient(135deg,#ffdfd6 0%,#ffd6e1 48%,#e9e0ff 100%);box-shadow:var(--warm-shadow);isolation:isolate}.play-feature-card:after{content:'';position:absolute;z-index:-1;right:-85px;bottom:-105px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ff7b60 0%,rgba(255,123,96,.08) 46%,transparent 70%)}.play-feature-kicker,.play-list-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);color:#b24730;font-size:11px;font-weight:850;letter-spacing:.04em}.play-feature-card h2{max-width:420px;margin:18px 0 10px;font-size:36px;line-height:1.13;letter-spacing:-.06em}.play-feature-card p{max-width:390px;color:#754f47;font-size:14px;line-height:1.65}.play-feature-card .button{margin-top:auto}.play-feature-art{position:absolute;right:28px;bottom:28px;width:112px;height:112px;padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:33px;background:rgba(255,255,255,.58);color:var(--warm-lilac);transform:rotate(11deg);box-shadow:0 14px 28px rgba(95,57,91,.13)}.play-list{display:grid;gap:12px}.play-list-card{display:grid;grid-template-columns:64px minmax(0,1fr) 30px;align-items:center;gap:14px;min-height:96px;padding:15px 16px;border:1px solid var(--warm-line);border-radius:20px;background:#fff;box-shadow:var(--warm-shadow);transition:transform .16s ease,border-color .16s ease}.play-list-card:hover{transform:translateY(-2px);border-color:#ffd0c3}.play-list-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:19px;background:var(--game-soft,#f1ebff);color:var(--game-ink,#7051dc)}.play-list-card:nth-child(2){--game-soft:#fff0e9;--game-ink:#e4603d}.play-list-card:nth-child(3){--game-soft:#e9f1e5;--game-ink:#63894c}.play-list-kicker{padding:0;background:transparent;color:#9a8f85;font-size:10px}.play-list-card h3{margin:3px 0;color:var(--warm-ink);font-size:18px;letter-spacing:-.04em}.play-list-card p{color:var(--warm-copy);font-size:12px;line-height:1.45}.play-list-arrow{color:var(--warm-coral)}.play-growth-note{display:flex;gap:13px;align-items:center;margin-top:24px;padding:19px 21px;border:1px solid var(--warm-line);border-radius:20px;background:#fffaf7}.play-growth-note>svg{color:var(--warm-coral)}.play-growth-note strong{display:block;font-size:15px}.play-growth-note p{margin-top:3px;color:var(--warm-copy);font-size:12px}

/* PLAY games use the same palette rather than an unrelated dark arcade skin. */
html{background:var(--warm-bg)!important;color-scheme:light!important}body.mybias-play{background:radial-gradient(circle at 100% 0%,rgba(231,222,255,.72),transparent 30rem),radial-gradient(circle at 0 14%,rgba(255,231,221,.7),transparent 28rem),var(--warm-bg)!important;color:var(--warm-ink)!important;font-family:"Pretendard","Noto Sans KR",Inter,system-ui,sans-serif!important}body.mybias-play .app{width:min(760px,calc(100% - 32px));padding-top:max(16px,env(safe-area-inset-top));padding-bottom:118px}body.mybias-play .topbar{height:auto;min-height:58px;margin:0 0 22px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;position:static!important}body.mybias-play .brand{color:var(--warm-ink)!important}.mybias-play-mode{color:var(--warm-coral)!important;border-color:#ffc1af!important;background:var(--warm-coral-soft);font-weight:850}.mybias-play-logo{box-shadow:0 7px 16px rgba(255,92,56,.16)}body.mybias-play .top-actions select,body.mybias-play .actions-top select{min-height:44px!important;border:1px solid var(--warm-line)!important;border-radius:999px!important;background:#fff!important;color:var(--warm-ink)!important;font-weight:750!important}
body.mybias-play .hero{min-height:0;margin:10px auto 24px;padding:0 8px 20px;border:0;background:transparent!important;box-shadow:none;text-align:center}.page-lookalike .hero{padding-bottom:14px!important}.page-lookalike .hero h1,body.mybias-play .hero h1,body.mybias-play .result-head h2{color:var(--warm-ink)!important;font-size:clamp(34px,7vw,54px)!important;line-height:1.03!important;letter-spacing:-.06em!important}.page-lookalike .hero-copy,body.mybias-play .hero p,body.mybias-play .result-head p{color:var(--warm-copy)!important}.page-lookalike .gradient,body.mybias-play .gradient{background:linear-gradient(90deg,var(--warm-coral),#f2866c 48%,var(--warm-lilac))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}body.mybias-play .eyebrow{display:inline-flex;color:#a34e38!important;border-color:#ffcbbd!important;background:var(--warm-coral-soft)!important;border-radius:999px!important;font-weight:850!important;letter-spacing:.09em!important}
body.mybias-play .panel,body.mybias-play .content-card,body.mybias-play .glass,body.mybias-play .analysis-card{border:1px solid var(--warm-line)!important;border-radius:24px!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--warm-shadow)!important;color:var(--warm-ink)!important}body.mybias-play .label,body.mybias-play .filter-label,body.mybias-play .upload-title,body.mybias-play .analysis-card h2,body.mybias-play .content-card h2,body.mybias-play .content-card summary,body.mybias-play .question{color:var(--warm-ink)!important}body.mybias-play .hint,body.mybias-play .fast,body.mybias-play .content-card p,body.mybias-play .content-card details p,body.mybias-play .upload-copy,body.mybias-play .upload-hint,body.mybias-play .privacy-row,body.mybias-play .step span,body.mybias-play .analysis-status,body.mybias-play .photo-status,body.mybias-play .pool-note{color:var(--warm-copy)!important}
body.mybias-play .seg,body.mybias-play .segment,body.mybias-play .option,body.mybias-play .type-btn,body.mybias-play .answer,body.mybias-play .choice,body.mybias-play .ghost,body.mybias-play .back-btn{border-color:var(--warm-line)!important;background:#fff!important;color:var(--warm-ink)!important;box-shadow:0 2px 5px rgba(83,54,36,.02)}body.mybias-play .seg.active,body.mybias-play .segment.active,body.mybias-play .option.active,body.mybias-play .type-btn.active{border-color:transparent!important;background:var(--warm-coral)!important;color:#fff!important;box-shadow:0 8px 16px rgba(255,92,56,.18)!important}body.mybias-play .primary,body.mybias-play .start,body.mybias-play .share-btn{border:0!important;background:var(--warm-coral)!important;color:#fff!important;box-shadow:0 12px 24px rgba(255,92,56,.22)!important}.page-lookalike .upload-cta{background:var(--warm-coral)!important;color:#fff!important}.page-lookalike .upload-icon,.page-lookalike .step-no{background:linear-gradient(135deg,#ffb09b,var(--warm-coral))!important;color:#fff!important}.page-lookalike .upload-zone{border-color:#f5bfae!important;background:linear-gradient(180deg,#fffdfa,#fff6f1)!important}.page-lookalike .match-filter{border-color:var(--warm-line)!important;background:var(--warm-sub)!important}.page-lookalike .preview{background:var(--warm-sub)!important}.page-lookalike .preview:after{background:linear-gradient(180deg,rgba(31,26,23,.05),transparent 40%,rgba(31,26,23,.48))!important}
body.mybias-play .track,body.mybias-play .progress-track{background:#eee9e3!important}.page-lookalike .progress-bar,body.mybias-play .bar{background:linear-gradient(90deg,var(--warm-coral),#ff9a80,var(--warm-lilac))!important}.page-bias .choice{background:linear-gradient(145deg,#fff,#fbf8f5)!important}.page-bias .choice:hover,.page-bias .choice:focus-visible,.page-mbti .answer:hover,.page-mbti .answer:focus-visible{border-color:#ffb29d!important;background:var(--warm-coral-soft)!important;color:var(--warm-ink)!important}
body.mybias-play .result-grid,body.mybias-play .match-grid{gap:12px}.page-bias .match-card,.page-mbti .match-card,.page-lookalike .match-card{border-color:var(--warm-line)!important;background:#fff!important;box-shadow:var(--warm-shadow)!important}.page-bias .match-card.rank-1,.page-mbti .match-card:first-child{border-color:#ffc8b9!important;box-shadow:0 16px 35px rgba(255,92,56,.14)!important}.page-bias .photo,.page-mbti .photo{background:var(--warm-sub)!important}.page-bias .card-info h3,.page-mbti .card-info h3,.page-bias .perfect-name{color:var(--warm-ink)!important}.page-bias .card-info .group,.page-mbti .card-info .group{color:var(--warm-coral)!important}.page-bias .reason,.page-mbti .reason,.page-bias .reason-label,.page-mbti .reason-label{color:var(--warm-copy)!important}.page-bias .score,.page-mbti .score{color:var(--warm-lilac)!important}.page-bias .perfect-group,.page-mbti .type-chip{border-color:#d8c9ff!important;background:var(--warm-lilac-soft)!important;color:var(--warm-lilac)!important}
.page-worldcup .idol-choice,.page-worldcup .winner-inner,.page-worldcup .mini,.page-worldcup .secondary{border-color:var(--warm-line)!important;background:#fff!important;color:var(--warm-ink)!important;box-shadow:var(--warm-shadow)}.page-worldcup .idol-photo,.page-worldcup .winner-photo{background:var(--warm-sub)!important}.page-worldcup .photo-unavailable{background:var(--warm-sub)!important;color:var(--warm-copy)!important}.page-worldcup .choice-group,.page-worldcup .winner-group{color:var(--warm-coral)!important}.page-worldcup .choose-label,.page-worldcup .count,.page-worldcup .result-sub{color:var(--warm-copy)!important}.page-worldcup .vs{border-color:#ffd1c4!important;background:#fff!important;color:var(--warm-coral)!important;box-shadow:var(--warm-shadow)}.page-worldcup .winner-card,.page-worldcup .winner-shell{background:linear-gradient(135deg,#ffb49f,#ff785a 48%,#9b80ff)!important;box-shadow:0 18px 38px rgba(255,92,56,.18)!important}.page-worldcup .result-kicker,.page-lookalike .result-kicker{color:var(--warm-coral)!important}
body.mybias-play .next-card,body.mybias-play .disclaimer,body.mybias-play .viral,body.mybias-play .feature-row div,body.mybias-play .step{border-color:var(--warm-line)!important;background:#fff!important;color:var(--warm-ink)!important}.page-lookalike .viral{background:linear-gradient(135deg,#fff0eb,#f1ebff)!important;border-color:#e1d4ff!important}.page-lookalike .winner,.page-lookalike .winner-shell{background:#fff!important}.page-lookalike .winner-shell{border:1px solid #ffd1c4!important;box-shadow:var(--warm-shadow)!important}.page-lookalike .compare-side{background:var(--warm-sub)!important}.page-lookalike .side-label{border-color:var(--warm-line)!important;background:rgba(255,255,255,.88)!important;color:var(--warm-ink)!important}.page-lookalike .trait{border-color:#ffd7cb!important;background:var(--warm-coral-soft)!important;color:#a44732!important}body.mybias-play .site-footer,body.mybias-play footer{color:#998f85!important}body.mybias-play .site-footer a,body.mybias-play .footer-links a{color:#756b62!important}body.mybias-play .site-footer a[aria-current="page"],body.mybias-play .footer-links a[aria-current="page"]{color:var(--warm-coral)!important}
.mybias-play-nav{border-color:rgba(234,228,220,.94)!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--warm-shadow-float)!important}.mybias-play-nav a{color:#776d64!important}.mybias-play-nav a[aria-current="page"]{color:var(--warm-coral)!important}.mybias-fandom-cta{border-color:#ffd1c4!important;background:linear-gradient(135deg,#fff0eb,#f0ebff)!important;color:var(--warm-ink)!important;box-shadow:var(--warm-shadow)}.mybias-fandom-cta strong{color:var(--warm-ink)!important}body.mybias-play :focus-visible{outline-color:var(--warm-coral)!important}

@media(max-width:960px){.sidebar{width:76px;padding:22px 10px}.sidebar .brand{margin:2px auto 34px}.sidebar .brand>span,.side-label,.nav-item>span,.side-room>span:not(.room-dot),.side-promo,.side-account>span{display:none}.nav-item{justify-content:center;padding:12px}.nav-item[aria-current="page"]:after{position:absolute;right:8px}.side-room{justify-content:center;padding:8px}.side-bottom{margin-top:auto}.layout{grid-template-columns:minmax(0,1fr) 270px}.play-discovery{grid-template-columns:1fr}.play-list{grid-template-columns:repeat(3,minmax(0,1fr))}.play-list-card{grid-template-columns:1fr;align-content:start;position:relative;min-height:178px}.play-list-arrow{position:absolute;right:15px;bottom:15px}.play-list-card h3{font-size:16px}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:68px;padding:0 16px;position:sticky}.topbar-brand{display:flex}.topbar-brand .brand{font-size:18px}.topbar-greeting,.topbar .search-trigger span{display:none}.top-actions{margin-left:auto;gap:4px}.search-trigger{width:42px;padding:0;justify-content:center;background:transparent}.topbar .language-picker{position:relative;display:flex;width:42px;min-width:42px;height:42px;padding:0;align-items:center;justify-content:center;border-radius:50%}.topbar .language-picker .icon{display:block;width:19px;height:19px}.topbar .language-picker select{position:absolute;inset:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;padding:0;opacity:0;cursor:pointer}.topbar-login{width:42px;min-width:42px;padding:0;border-radius:50%}.login-label{display:none}#content{padding:27px 16px 108px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:29px;line-height:1.25}.page-heading .date-chip{display:none}.layout{display:flex;flex-direction:column;gap:25px}.right-column{display:none}.main-column{gap:25px}.hero{min-height:323px;padding:25px}.hero-copy{max-width:68%}.hero h2{font-size:28px}.hero-ticket{right:18px;top:27px;width:122px;height:157px;padding:14px;border-radius:16px}.hero-ticket strong{font-size:21px}.fandom-strip{display:flex;overflow:auto;margin:0 -16px;padding:1px 16px 5px;gap:10px}.fandom-tile{min-width:126px}.mobile-agenda{display:block}.post,.widget{border-radius:20px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-cover{height:116px;padding:12px}.room-card-body{padding:13px}.room-card h3{font-size:14px}.room-card p{font-size:10px}.room-card-bottom{display:block}.room-card-bottom .button{width:100%;margin-top:10px}.lounge-banner{padding:20px}.fandom-tools{align-items:stretch;gap:12px}.fandom-tools .muted{font-size:11px}.bottom-nav{display:flex!important;position:fixed;z-index:40;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:8px 7px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(234,228,220,.92);border-radius:21px;background:rgba(255,255,255,.9);box-shadow:var(--warm-shadow-float);backdrop-filter:blur(18px)}.bottom-nav a{border-radius:14px;color:#776d64}.bottom-nav a[aria-current="page"]{color:var(--warm-coral);background:var(--warm-coral-soft)}.bottom-nav a[aria-current="page"]:after{background:var(--warm-coral)}.site-note{padding-bottom:96px}.play-discovery{gap:14px}.play-feature-card{min-height:298px;padding:23px}.play-feature-card h2{font-size:29px;max-width:265px}.play-feature-card p{max-width:250px;font-size:13px}.play-feature-art{right:19px;bottom:23px;width:92px;height:92px;padding:17px;border-radius:27px}.play-list{display:grid;grid-template-columns:1fr;gap:10px}.play-list-card{grid-template-columns:56px minmax(0,1fr) 24px;min-height:86px;padding:13px}.play-list-icon{width:56px;height:56px;border-radius:17px}.play-list-arrow{position:static}.play-list-card h3{font-size:16px}.play-growth-note{margin-top:18px;padding:16px}.play-growth-note p{font-size:11px}}
@media(max-width:650px){body.mybias-play .app{width:min(100% - 24px,760px);padding-bottom:118px}.page-lookalike .hero h1,body.mybias-play .hero h1{font-size:clamp(32px,10vw,45px)!important}.page-bias .match-card,.page-bias .match-card.rank-1,.page-mbti .match-card{border-radius:20px!important}.page-worldcup .choice-name{font-size:clamp(18px,5vw,25px)!important}.mybias-play-nav{bottom:10px!important;width:min(470px,calc(100% - 20px))!important;border-radius:22px!important}}
@media(max-width:390px){.hero-copy{max-width:66%}.hero h2{font-size:25px}.hero-ticket{width:108px;height:143px}.play-feature-card h2{font-size:27px}.play-feature-art{opacity:.78}}

/* The locale-specific intrinsic width in app.css must not escape the round mobile control. */
@media(max-width:760px){html .topbar .language-picker select#platform-language{inset:0;width:100%;min-width:0;max-width:100%}}

/* Korean game names should wrap by words, never leave one stray syllable behind. */
.play-list-card h3{word-break:keep-all;overflow-wrap:anywhere}

/* Keep longer localized copy clear of the featured-card artwork on phones. */
@media(max-width:760px){.play-feature-card p{max-width:calc(100% - 116px)}}

/* PLAY is a game shelf, not a set of abstract icon buttons. Each card explains the action and shows its result shape. */
.play-discovery{display:block}.play-feature-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:24px;min-height:382px;padding:34px}.play-feature-card:after{right:-25px;bottom:-150px;width:370px;height:370px;opacity:.52}.play-feature-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.play-feature-card h2{max-width:440px;margin:17px 0 11px;font-size:clamp(35px,3.2vw,46px)}.play-feature-card p{max-width:430px}.play-feature-points{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.play-feature-points span{padding:7px 10px;border:1px solid rgba(164,82,56,.18);border-radius:999px;background:rgba(255,255,255,.58);color:#804a3e;font-size:11px;font-weight:720}.play-feature-copy .button{margin-top:auto}.play-game-visual{position:relative;isolation:isolate;overflow:hidden;flex:none;border:1px solid rgba(78,53,92,.12);border-radius:22px;background:#f4f0ec;color:var(--warm-ink)}.play-feature-card>.play-game-visual{align-self:center;width:min(100%,330px);height:254px;justify-self:end;box-shadow:10px 13px 0 rgba(255,255,255,.38),0 18px 33px rgba(96,62,81,.14)}.visual-lookalike{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#f7edff 0%,#f9dfe2 100%)}.visual-lookalike:before{content:'';position:absolute;inset:14px;border:1px dashed rgba(101,69,132,.32);border-radius:17px}.visual-selfie,.visual-result{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:99px;height:130px;padding:13px;border:1px solid rgba(78,53,92,.15);border-radius:17px;background:rgba(255,255,255,.83);box-shadow:0 8px 17px rgba(83,54,73,.08)}.visual-selfie:after{content:'';position:absolute;right:13px;bottom:13px;width:34px;height:34px;border:2px solid #af8add;border-radius:50%;box-shadow:0 -14px 0 -6px #af8add}.visual-selfie span,.visual-result small{font-size:9px;font-weight:850;letter-spacing:.08em}.visual-selfie b{font-size:25px;line-height:1;color:#9c77c6}.visual-flow{position:relative;z-index:1;color:#9b6c88;font-size:27px;font-weight:800}.visual-result{justify-content:center;gap:9px;background:linear-gradient(145deg,#fff,#fff2e9);transform:rotate(5deg)}.visual-result strong{font-size:20px;letter-spacing:-.08em}.visual-result em{font-style:normal;color:#ef6650;font-size:42px;line-height:.55}.visual-lookalike>i{position:absolute;z-index:1;bottom:23px;font-size:9px;font-style:normal;font-weight:850;letter-spacing:.13em;color:#a64c38}.play-list-wrap{margin-top:34px}.play-list-head{display:flex;align-items:end;justify-content:space-between;margin:0 3px 14px}.play-list-head .eyebrow{margin:0 0 4px}.play-list-head h2{font-size:22px;letter-spacing:-.05em}.play-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.play-list-card{display:flex;min-height:300px;padding:14px;gap:14px;border-radius:22px}.play-list-card:hover{transform:translateY(-4px);border-color:#ffbca9}.play-list-card .play-game-visual{width:100%;height:118px}.play-list-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}.play-list-kicker{margin-top:0;font-size:9px}.play-list-card h3{margin:5px 0 7px;font-size:20px;line-height:1.22}.play-list-card p{margin:0;color:var(--warm-copy);font-size:12px;line-height:1.55}.play-card-start{display:inline-flex;align-items:center;gap:4px;margin-top:auto;color:var(--warm-coral);font-size:12px;font-weight:820}.play-card-start svg{width:14px}.visual-bias{display:block;padding:0;background:linear-gradient(135deg,#fff0df,#f0e7ff)}.visual-bias .pick-card{position:absolute;display:grid;place-items:center;width:66px;height:79px;border:1px solid rgba(99,69,111,.13);border-radius:12px;background:#fff;color:#a46857;font-size:9px;font-weight:820;line-height:1.1;box-shadow:0 8px 15px rgba(80,51,74,.09)}.visual-bias .pick-card b{font-size:21px}.visual-bias .card-a{left:17px;bottom:15px;transform:rotate(-10deg)}.visual-bias .card-b{left:calc(50% - 33px);top:13px;z-index:2;transform:rotate(3deg);color:#a675c2}.visual-bias .card-c{right:17px;bottom:15px;transform:rotate(11deg);color:#e4624d}.visual-bias>strong{position:absolute;right:14px;top:15px;color:#6c4a76;font-size:18px;line-height:.9;letter-spacing:-.08em}.visual-mbti{display:flex;flex-direction:column;justify-content:center;padding:14px;background:linear-gradient(135deg,#e8f1e4,#e8ebff)}.visual-mbti>strong{font-size:30px;letter-spacing:-.09em;color:#5b6d62}.visual-mbti>div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:7px}.visual-mbti>div span{padding:5px;border-radius:7px;background:rgba(255,255,255,.72);color:#6c7299;font-size:8px;font-weight:850;text-align:center}.visual-mbti small{margin-top:8px;color:#77826b;font-size:8px;font-weight:850;letter-spacing:.12em}.visual-worldcup{display:flex;flex-direction:column;justify-content:center;padding:15px;background:linear-gradient(135deg,#fff1e6,#ffe3e8)}.visual-worldcup>div{display:flex;align-items:center;gap:6px}.visual-worldcup span,.visual-worldcup strong{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:#9d7868;font-size:10px;font-weight:850}.visual-worldcup strong{margin-left:auto;background:var(--warm-coral);color:#fff;box-shadow:0 5px 10px rgba(255,92,56,.24)}.visual-worldcup i{display:block;flex:1;height:1px;background:#e8b7a7}.visual-worldcup small{margin-top:11px;color:#b85c47;font-size:9px;font-weight:850;letter-spacing:.11em}.play-growth-note{margin-top:22px}
.play-list-card{flex-direction:column;align-items:stretch}.play-list-card,.play-list-card .play-game-visual,.play-list-copy{min-width:0;max-width:100%;box-sizing:border-box}

/* MBTI starts like a playable journey: the player can see the inputs and the reward before completing a form. */
body.mybias-play .mbti-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:18px;max-width:680px;padding:10px 8px 26px;text-align:left}.mbti-hero-copy{min-width:0}.mbti-hero-copy .eyebrow{margin-bottom:13px}.mbti-hero-copy h1{margin:0}.mbti-hero-copy p{margin:14px 0 0;max-width:490px}.mbti-hero-ticket{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:198px;padding:20px;border:1px solid #f3b8aa;border-radius:25px;background:linear-gradient(145deg,#fff9f5,#ffdfd5 62%,#eadfff);box-shadow:8px 10px 0 rgba(255,195,177,.46),0 15px 26px rgba(94,62,85,.12);color:#7c4c56;transform:rotate(5deg)}.mbti-hero-ticket>span,.mbti-hero-ticket small{font-size:9px;font-weight:850;letter-spacing:.12em}.mbti-hero-ticket strong{font-size:36px;letter-spacing:-.1em;line-height:.85}.mbti-hero-ticket small{color:#b9503d}.mbti-hero-ticket div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mbti-hero-ticket i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.72);color:#9b6fc3;font-size:11px;font-style:normal;font-weight:850}.page-mbti .setup-panel{padding:0;overflow:hidden}.mbti-setup-intro{display:flex;justify-content:space-between;gap:18px;padding:24px 25px 21px;border-bottom:1px solid var(--warm-line);background:linear-gradient(100deg,#fff5ef,#f7f1ff)}.setup-kicker{margin:0 0 5px;color:#b2503c;font-size:10px;font-weight:850;letter-spacing:.12em}.mbti-setup-intro h2{font-size:20px;letter-spacing:-.05em}.mbti-steps{display:flex;gap:5px;margin:0;padding:0;list-style:none}.mbti-steps li{display:flex;flex-direction:column;justify-content:center;min-width:72px;padding:6px 8px;border:1px solid rgba(169,124,109,.16);border-radius:11px;background:rgba(255,255,255,.68)}.mbti-steps b{color:var(--warm-coral);font-size:9px}.mbti-steps span{margin-top:2px;color:#705f58;font-size:10px;font-weight:760;line-height:1.2}.page-mbti .setup-panel>.block{margin-right:25px;margin-left:25px}.page-mbti .setup-panel>.block:first-of-type{margin-top:23px}.mbti-result-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 25px;padding:17px 18px;border:1px solid #ebd7f7;border-radius:18px;background:linear-gradient(115deg,#fbf7ff,#fff6ed)}.mbti-result-preview>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.mbti-result-preview span{color:#9875b7;font-size:9px;font-weight:850;letter-spacing:.11em}.mbti-result-preview strong{max-width:275px;margin-top:4px;color:#554267;font-size:16px;letter-spacing:-.04em;line-height:1.2}.mbti-result-preview p{margin:6px 0 0;color:#826f80;font-size:11px;line-height:1.45}.preview-top-three{display:flex;align-items:end;gap:5px;flex:none}.preview-top-three i{display:grid;place-items:center;width:38px;height:47px;border-radius:11px 11px 8px 8px;background:#fff;color:#9172ad;font-size:8px;font-style:normal;font-weight:850;box-shadow:0 5px 10px rgba(89,59,103,.07)}.preview-top-three i:first-child{height:62px;background:var(--warm-coral);color:#fff}.page-mbti .setup-panel>#continueBtn{width:calc(100% - 50px);margin:0 25px 25px}

@media(max-width:960px){.play-discovery{display:block}.play-list{grid-template-columns:repeat(3,minmax(0,1fr))}.play-list-card{grid-template-columns:none}.play-feature-card{grid-template-columns:minmax(0,1fr) 290px}}
@media(min-width:761px){body.mybias-play .app{padding-bottom:28px}.mybias-play-nav{position:static!important;right:auto!important;bottom:auto!important;left:auto!important;width:min(760px,calc(100% - 32px))!important;margin:0 auto 28px!important;transform:none!important}}
@media(max-width:760px){.play-feature-card{display:block;min-height:430px;padding:24px}.play-feature-copy{min-height:195px}.play-feature-card h2{max-width:285px;font-size:31px}.play-feature-card p{max-width:290px}.play-feature-points{margin:13px 0}.play-feature-points span{font-size:10px}.play-feature-card>.play-game-visual{position:absolute;right:20px;bottom:24px;width:164px;height:146px;border-radius:19px;box-shadow:5px 7px 0 rgba(255,255,255,.42),0 12px 25px rgba(96,62,81,.12)}.play-feature-card .visual-selfie,.play-feature-card .visual-result{width:57px;height:77px;padding:8px;border-radius:11px}.play-feature-card .visual-selfie:after{right:8px;bottom:8px;width:23px;height:23px;box-shadow:0 -10px 0 -5px #af8add}.play-feature-card .visual-selfie b{font-size:16px}.play-feature-card .visual-result strong{font-size:13px}.play-feature-card .visual-result em{font-size:27px}.play-feature-card .visual-lookalike>i{bottom:13px;font-size:7px}.play-feature-card .button{position:absolute;bottom:23px;left:24px}.play-list-wrap{margin-top:28px}.play-list-head{display:block;margin-bottom:11px}.play-list-head h2{font-size:20px}.play-list{grid-template-columns:1fr;gap:10px}.play-list-card{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:140px;padding:12px}.play-list-card .play-game-visual{height:116px}.play-list-card h3{font-size:17px}.play-list-card p{font-size:11px}.play-card-start{margin-top:7px}.play-growth-note{margin-top:18px}.mbti-setup-intro{display:block;padding:21px 19px 17px}.mbti-steps{margin-top:15px}.mbti-steps li{flex:1;min-width:0}.page-mbti .setup-panel>.block{margin-right:19px;margin-left:19px}.mbti-result-preview{margin:19px;padding:15px}.mbti-result-preview strong{font-size:14px}.mbti-result-preview p{font-size:10px}.preview-top-three i{width:31px;height:42px;font-size:7px}.preview-top-three i:first-child{height:55px}.page-mbti .setup-panel>#continueBtn{width:calc(100% - 38px);margin-right:19px;margin-bottom:19px;margin-left:19px}body.mybias-play .mbti-hero{grid-template-columns:minmax(0,1fr) 118px;gap:10px;padding-bottom:24px}.mbti-hero-ticket{min-height:150px;padding:14px;border-radius:19px}.mbti-hero-ticket strong{font-size:27px}.mbti-hero-ticket i{width:20px;height:20px;font-size:9px}}
@media(max-width:390px){.play-feature-card{min-height:446px}.play-feature-card>.play-game-visual{right:16px;width:142px}.play-feature-card .button{left:18px}.mbti-hero-ticket{display:none}body.mybias-play .mbti-hero{display:block}.mbti-steps span{font-size:9px}.mbti-result-preview{gap:8px}.mbti-result-preview strong{font-size:13px}.preview-top-three{gap:3px}.preview-top-three i{width:27px}}