/* TiKi English V9.3.9 — Role Play Journey UI (mobile-first, additive only) */
#rolePlayView.v939-roleplay{--rp939-navy:#0b2f5b;--rp939-teal:#12bfae;--rp939-mint:#e9fbf6;--rp939-blue:#eaf5ff;--rp939-gold:#ffb327;--rp939-coral:#ff5b78;--rp939-ink:#17324f;--rp939-muted:#6f8194;--rp939-border:#e4edf5;--rp939-shadow:0 12px 32px rgba(15,55,91,.10)}
#rolePlayView.v939-roleplay .section-head,#rolePlayView.v939-roleplay>.view-intro{max-width:1180px;margin-left:auto;margin-right:auto}
.rp939-shell{max-width:1180px;margin:0 auto}
.rp939-mobile-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:18px;min-height:230px;padding:28px;border-radius:30px;background:linear-gradient(135deg,#f4fbff 0%,#fff3f7 52%,#f0fff9 100%);border:1px solid #e8eef6;box-shadow:var(--rp939-shadow);margin:8px 0 20px}
.rp939-mobile-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(18,191,174,.10)}
.rp939-hero-copy{position:relative;z-index:2;align-self:center}.rp939-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--rp939-teal)}
.rp939-mobile-hero h2{font-size:clamp(28px,4vw,46px);line-height:1.04;margin:7px 0 10px;color:var(--rp939-navy)}
.rp939-mobile-hero p{max-width:620px;margin:0;color:#587087;font-size:16px;line-height:1.55}
.rp939-hero-person{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center}.rp939-hero-person img{max-height:210px;max-width:100%;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(11,47,91,.12))}
.rp939-search{display:flex;gap:10px;align-items:center;border:1px solid var(--rp939-border);background:#fff;padding:12px 14px;border-radius:18px;box-shadow:0 7px 22px rgba(15,55,91,.06);margin:0 0 14px}.rp939-search span{font-size:20px}.rp939-search input{border:0;outline:0;min-width:0;width:100%;font:inherit;color:var(--rp939-ink);background:transparent}
#rolePlayView.v939-roleplay .rp-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 24px}
#rolePlayView.v939-roleplay .rp-category{position:relative;overflow:hidden;min-height:158px;padding:18px;border:1px solid #e4edf4;border-radius:24px;background:linear-gradient(160deg,#fff,#f7fbff);box-shadow:0 8px 22px rgba(24,63,98,.07);transition:.2s ease}
#rolePlayView.v939-roleplay .rp-category:before{content:"";position:absolute;right:-26px;top:-30px;width:105px;height:105px;border-radius:50%;background:rgba(18,191,174,.08)}
#rolePlayView.v939-roleplay .rp-category:hover,#rolePlayView.v939-roleplay .rp-category.active{transform:translateY(-2px);border-color:#76d8ce;box-shadow:0 14px 28px rgba(18,191,174,.13);background:linear-gradient(160deg,#fff,#effcf8)}
#rolePlayView.v939-roleplay .rp-category>span{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin:0 0 20px;border-radius:15px;background:#eefaf8;font-size:26px}
#rolePlayView.v939-roleplay .rp-category strong{position:relative;z-index:1;color:var(--rp939-ink);font-size:16px;line-height:1.2}#rolePlayView.v939-roleplay .rp-category small{position:relative;z-index:1;margin-top:7px;line-height:1.35;color:var(--rp939-muted)}
.rp939-journey{margin-top:14px}.rp939-journey-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:8px 0 14px}.rp939-journey-head small{font-weight:900;letter-spacing:.1em;color:var(--rp939-teal)}.rp939-journey-head h3{margin:4px 0 0;font-size:28px;color:var(--rp939-navy)}.rp939-journey-head p{margin:4px 0 0;color:var(--rp939-muted)}
.rp939-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rp939-level-card{position:relative;overflow:hidden;text-align:left;border:1px solid var(--rp939-border);border-radius:25px;background:#fff;padding:0;box-shadow:var(--rp939-shadow);cursor:pointer;transition:.2s ease}.rp939-level-card:hover{transform:translateY(-3px)}
.rp939-level-cover{height:148px;position:relative;background:linear-gradient(135deg,#dff7f2,#edf6ff);overflow:hidden}.rp939-level-cover img{position:absolute;right:0;bottom:-4px;height:152px;max-width:70%;object-fit:contain}.rp939-level-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,43,79,.84),rgba(9,43,79,.18) 62%,transparent)}
.rp939-level-badge{position:absolute;z-index:2;left:15px;top:14px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;color:#fff}.rp939-level-badge.easy{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 5px 14px rgba(5,150,105,.35)}.rp939-level-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 5px 14px rgba(217,119,6,.35)}.rp939-level-badge.challenge{background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 5px 14px rgba(190,18,60,.35)}.rp939-level-cover strong{position:absolute;left:16px;bottom:17px;z-index:2;color:#fff;font-size:20px;max-width:60%;line-height:1.15}
.rp939-level-body{padding:17px}.rp939-level-body p{margin:0 0 14px;min-height:44px;color:#5f7286;line-height:1.45}.rp939-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.rp939-meta span{font-size:11px;font-weight:800;padding:6px 8px;border-radius:999px;background:#f2f6fa;color:#587086}.rp939-level-cta{display:flex;justify-content:space-between;align-items:center;color:var(--rp939-navy);font-weight:900}.rp939-level-cta b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rp939-mint);color:var(--rp939-teal);font-size:18px}
.rp939-scene{margin-top:10px}.rp939-back{border:0;background:transparent;padding:7px 0;color:#55728d;font-weight:800;cursor:pointer}.rp939-scene-hero{position:relative;overflow:hidden;min-height:260px;border-radius:28px;background:linear-gradient(120deg,#dff7f3,#eff4ff);box-shadow:var(--rp939-shadow);margin-top:8px}.rp939-scene-hero img{position:absolute;right:3%;bottom:0;max-height:255px;max-width:55%;object-fit:contain}.rp939-scene-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,73,.92) 0%,rgba(8,39,73,.72) 46%,rgba(8,39,73,.15) 72%,transparent)}.rp939-scene-copy{position:relative;z-index:2;color:#fff;padding:28px;max-width:58%}.rp939-scene-copy small{font-weight:900;letter-spacing:.12em;color:#77e4d8}.rp939-scene-copy h3{font-size:32px;line-height:1.05;margin:7px 0 12px}.rp939-scene-copy p{margin:0;line-height:1.55;color:#e7f2fb}
.rp939-character{display:flex;align-items:center;gap:12px;margin-top:17px}.rp939-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.8);background:#fff}.rp939-avatar img{position:static;width:100%;height:100%;object-fit:cover}.rp939-character b,.rp939-character span{display:block}.rp939-character span{font-size:12px;color:#bcd3e6;margin-top:2px}
.rp939-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.rp939-panel{background:#fff;border:1px solid var(--rp939-border);border-radius:24px;padding:20px;box-shadow:0 9px 24px rgba(22,56,86,.06)}.rp939-panel h4{font-size:17px;margin:0 0 13px;color:var(--rp939-navy)}.rp939-missions{display:grid;gap:9px}.rp939-mission-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #edf2f6;color:#425b73}.rp939-mission-item:last-child{border-bottom:0}.rp939-check{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#e9faf6;color:var(--rp939-teal);font-weight:900}
.rp939-traits{display:grid;gap:12px}.rp939-trait{display:grid;grid-template-columns:92px 1fr 36px;gap:8px;align-items:center;font-size:12px}.rp939-trait b{color:#597086}.rp939-bar{height:7px;border-radius:999px;background:#edf2f5;overflow:hidden}.rp939-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#16b9a9,#35cfc0)}
.rp939-prep{margin-top:15px}.rp939-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:7px}.rp939-tab{border:0;border-radius:999px;padding:9px 13px;background:#f0f5f8;color:#5b7187;font-weight:850;white-space:nowrap;cursor:pointer}.rp939-tab.active{background:var(--rp939-teal);color:#fff}.rp939-support-list{display:grid;gap:10px;margin-top:10px}.rp939-support{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #e6eef4;border-radius:16px;background:#fbfdff}.rp939-support button{border:0;background:#edf7ff;width:36px;height:36px;border-radius:12px;cursor:pointer}.rp939-support strong,.rp939-support small{display:block}.rp939-support strong{font-size:14px;color:#24425f}.rp939-support small{margin-top:3px;color:#8a99a8}.rp939-start{position:sticky;bottom:8px;z-index:4;margin-top:16px;width:100%;border:0;border-radius:18px;padding:15px 18px;background:linear-gradient(90deg,#13c7ae,#12b6b5);color:#fff;font-size:16px;font-weight:900;box-shadow:0 12px 25px rgba(18,191,174,.25);cursor:pointer}
.rp939-legacy-link{display:block;text-align:center;margin:11px auto 2px;border:0;background:transparent;color:#72859a;text-decoration:underline;cursor:pointer;font-weight:700}
@media(max-width:760px){#rolePlayView.v939-roleplay .section-head{margin-bottom:6px}#rolePlayView.v939-roleplay>.view-intro{display:none}.rp939-mobile-hero{grid-template-columns:1.05fr .95fr;min-height:195px;padding:18px;border-radius:24px;margin-top:0}.rp939-mobile-hero h2{font-size:27px}.rp939-mobile-hero p{font-size:13px}.rp939-hero-person img{max-height:175px}#rolePlayView.v939-roleplay .rp-category-grid{grid-template-columns:1fr 1fr;gap:10px}#rolePlayView.v939-roleplay .rp-category{min-height:140px;padding:14px;border-radius:20px}#rolePlayView.v939-roleplay .rp-category>span{margin-bottom:13px}.rp939-journey-head h3{font-size:23px}.rp939-level-grid{grid-template-columns:1fr}.rp939-level-card{display:grid;grid-template-columns:112px 1fr;border-radius:20px}.rp939-level-cover{height:100%;min-height:156px}.rp939-level-cover img{height:135px;max-width:100%;right:-28px}.rp939-level-cover:after{background:linear-gradient(180deg,rgba(9,43,79,.35),rgba(9,43,79,.88))}.rp939-level-cover strong{font-size:16px;max-width:90%;left:12px;bottom:14px}.rp939-level-badge{left:10px;top:10px;padding:6px 8px}.rp939-level-body{padding:15px 14px}.rp939-level-body p{min-height:0}.rp939-scene-hero{min-height:300px}.rp939-scene-hero img{right:-9%;max-width:72%;max-height:250px}.rp939-scene-overlay{background:linear-gradient(180deg,rgba(8,39,73,.12) 8%,rgba(8,39,73,.86) 57%,rgba(8,39,73,.96) 100%)}.rp939-scene-copy{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:18px}.rp939-scene-copy h3{font-size:27px}.rp939-scene-copy>p{font-size:13px;max-width:85%}.rp939-character{margin-top:11px}.rp939-scene-grid{grid-template-columns:1fr}.rp939-panel{padding:16px;border-radius:20px}.rp939-start{bottom:10px}.rp939-trait{grid-template-columns:86px 1fr 34px}}
@media(max-width:420px){.rp939-mobile-hero{min-height:180px}.rp939-hero-person img{max-height:155px}.rp939-mobile-hero h2{font-size:24px}#rolePlayView.v939-roleplay .rp-category{min-height:132px}.rp939-level-card{grid-template-columns:100px 1fr}.rp939-level-body{padding:13px}.rp939-level-cover strong{font-size:14px}}