:root{
  --bg:#050912;
  --bg-soft:#08111e;
  --surface:#0b1624;
  --surface-2:#0e1c2c;
  --surface-3:#132337;
  --line:rgba(163,190,219,.16);
  --line-strong:rgba(100,190,255,.34);
  --text:#f3f7fb;
  --muted:#92a4b8;
  --subtle:#6e8299;
  --accent:#2b91ee;
  --accent-2:#7458e8;
  --gold:#d8ae55;
  --green:#55d59b;
  --yellow:#f1c86a;
  --red:#ff7c8d;
  --radius:18px;
  --shadow:0 18px 48px rgba(0,0,0,.28);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  min-height:100vh;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  background:
    radial-gradient(circle at 75% 0,rgba(88,74,200,.12),transparent 34rem),
    radial-gradient(circle at 0 30%,rgba(23,119,197,.10),transparent 30rem),
    linear-gradient(180deg,#050912 0%,#07101b 48%,#050912 100%);
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
button,input,select,textarea{font:inherit}
button{color:inherit;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(80,175,255,.35);outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.48}
img,svg,canvas{max-width:100%}
.hidden{display:none!important}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ambient i{position:absolute;width:26rem;height:26rem;border-radius:50%;filter:blur(100px);opacity:.055;background:#397dff}
.ambient i:nth-child(1){left:-14rem;top:6rem}.ambient i:nth-child(2){right:-16rem;top:30rem;background:#7658e8}.ambient i:nth-child(3){left:40%;bottom:-18rem;background:#d8ae55}

/* Shared controls */
.btn{
  min-height:48px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:800;
  line-height:1.35;
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease;
}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(1px) scale(.995)}
.btn b{font-size:1.15em}
.btn-hero{background:linear-gradient(105deg,var(--accent),var(--accent-2));color:#fff;border-color:rgba(148,207,255,.26);box-shadow:0 10px 24px rgba(48,91,200,.22)}
.btn-outline{background:#0d1a2a;border-color:rgba(124,174,218,.28);color:#eaf2fa}
.btn-quiet{background:transparent;border-color:rgba(142,167,194,.16);color:#aab9c8}
.btn-small{min-height:40px;padding:9px 13px;border-radius:11px;background:#122238;border-color:var(--line);font-size:12px}
.btn-danger{background:rgba(255,87,111,.08);border-color:rgba(255,105,125,.28);color:#ff9cab}
.wide{width:100%}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#0c1826;cursor:pointer}
.text-btn{border:0;background:transparent;color:#79c5ff;font-weight:800;min-height:40px;padding:8px 10px;cursor:pointer}
.input,select{
  width:100%;
  min-height:48px;
  border:1px solid rgba(148,177,208,.22);
  border-radius:12px;
  background:#07111e;
  color:var(--text);
  padding:12px 14px;
}
textarea.input{min-height:96px;resize:vertical;line-height:1.55}
.input:focus,select:focus{border-color:rgba(76,169,247,.65);box-shadow:0 0 0 3px rgba(50,145,230,.09);outline:0}
.field-label{display:block;margin:17px 0 7px;color:#9eb0c3;font-size:10px;font-weight:850;letter-spacing:.12em}
.helper,.safe-note{margin:8px 0 15px;color:var(--muted);font-size:11px;line-height:1.65}
.switch{min-width:66px;min-height:38px;border:1px solid rgba(88,213,160,.32);border-radius:999px;background:rgba(42,158,111,.16);color:#8be7bd;font-weight:900;cursor:pointer}.switch.off{border-color:var(--line);background:#111d2b;color:#8495a7}
.panel,.modal{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(14,27,43,.98),rgba(8,18,30,.98));
  box-shadow:var(--shadow);
}
.eyebrow,.modal-kicker{color:#79bff1;font-size:10px;font-weight:850;letter-spacing:.16em}.eyebrow.gold{color:var(--gold)}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h3{margin:4px 0 0;font-size:19px;line-height:1.35}
.toast{position:fixed;z-index:500;left:50%;bottom:calc(82px + var(--safe-bottom));max-width:min(92vw,520px);padding:11px 17px;border-radius:999px;background:#eef5fb;color:#09111b;font-size:12px;font-weight:800;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.38);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Title */
.title-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:calc(26px + var(--safe-top)) calc(20px + var(--safe-right)) calc(26px + var(--safe-bottom)) calc(20px + var(--safe-left));background:linear-gradient(180deg,#050913,#07101c 58%,#040810);overflow:auto}
.title-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.title-glow{position:absolute;width:min(66vw,620px);height:min(66vw,620px);border-radius:50%;background:radial-gradient(circle,rgba(54,100,194,.13),transparent 65%);pointer-events:none}
.title-wrap{position:relative;z-index:2;width:min(570px,100%);text-align:center}
.title-kicker{margin-bottom:15px;color:#9eb8e8;font-size:12px;font-weight:850;letter-spacing:.32em}
.title-wrap h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,8vw,76px);line-height:.9;letter-spacing:-.045em;color:#f7d572;text-shadow:0 7px 18px rgba(0,0,0,.38)}
.title-wrap h1 span{display:block}
.title-lead{margin:34px auto 28px;color:#c4cfda;font-size:15px;font-weight:650;line-height:1.85}
.title-actions{display:grid;gap:10px;width:min(430px,100%);margin:auto}
.title-start-button,.title-setup-button{min-height:62px;font-size:16px;letter-spacing:.04em}
.title-start-locked{background:#0a111b!important;border:1px solid rgba(146,162,180,.10)!important;color:#475564!important;box-shadow:none!important}
.title-lock-note{margin:0;color:#8191a1;font-size:11px}
.audio-hint{margin:22px 0 0;color:#77899c;font-size:11px;line-height:1.6}.version{margin-top:12px;color:#52667c;font-size:9px;letter-spacing:.22em}

/* App shell */
.app{min-height:100vh;padding-bottom:32px}
.topbar{position:sticky;top:0;z-index:70;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px max(22px,calc((100vw - 1440px)/2));background:rgba(5,10,18,.91);border-bottom:1px solid rgba(156,184,215,.10);backdrop-filter:blur(18px)}
.logo-button{display:flex;align-items:center;gap:11px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#1678ce,#6651de);font-size:12px;font-weight:900}.logo-button b{display:block;font-size:14px;letter-spacing:.04em}.logo-button small{display:block;margin-top:2px;color:#6f8299;font-size:8px;letter-spacing:.18em}.top-actions{display:flex;gap:8px}
.screens{width:min(1440px,100%);margin:auto;padding:26px clamp(18px,2.8vw,40px) 42px}
.screen{display:none;animation:screen-in .22s ease}.screen.active{display:grid;gap:18px}@keyframes screen-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.bottom-nav{position:fixed;z-index:85;top:12px;left:50%;transform:translateX(-50%);width:min(690px,calc(100vw - 520px));height:48px;padding:4px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border:1px solid rgba(139,169,201,.17);border-radius:15px;background:rgba(8,17,28,.92);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.bottom-nav button{min-width:0;border:0;border-radius:11px;background:transparent;color:#8294a8;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.bottom-nav button span{font-size:15px}.bottom-nav button b{font-size:11px}.bottom-nav button.active{background:#132744;color:#eaf5ff;box-shadow:inset 0 0 0 1px rgba(88,172,241,.18)}
.rpg-home-brand{display:none}

/* HOME desktop: stable two-column */
#screen-home.active{grid-template-columns:minmax(310px,.78fr) minmax(520px,1.42fr);grid-template-areas:"brand brand" "install install" "profile quest" "boss boss" "radar radar" "shortcuts shortcuts";align-items:start}
#screen-home>.rpg-home-brand{grid-area:brand}#screen-home>.install-banner{grid-area:install}#screen-home>.hero-panel{grid-area:profile}#screen-home>.boss-banner{grid-area:boss}#screen-home>.pc-radar-panel{grid-area:radar}#screen-home>.home-main-quest{grid-area:quest}#screen-home>.home-shortcuts{grid-area:shortcuts}
#screen-home>.home-daily-growth,#screen-home>#profileButton,#screen-home>.weekly-panel,#screen-home>.team-panel,#screen-home>#mobileMoreToggle{display:none!important}
.hero-panel,.home-main-quest,.pc-radar-panel{padding:24px}
.hero-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.hero-name-row{display:flex;align-items:center;gap:13px}.home-avatar,.avatar-render{overflow:hidden}.home-avatar{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(102,183,246,.28);border-radius:17px;background:#10243a;font-size:29px}.avatar-render img,.home-avatar img{width:100%;height:100%;object-fit:cover}.hero-topline h2{margin:3px 0 0;font-size:25px}.home-team{display:block;margin-top:3px;color:var(--muted);font-size:10px}.title-chip{max-width:48%;min-height:36px;padding:8px 11px;border:1px solid rgba(216,174,85,.22);border-radius:10px;background:rgba(216,174,85,.07);color:#f0d18c;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.hero-level-grid{display:grid;grid-template-columns:105px minmax(140px,1fr);gap:14px;margin-top:22px}.level-orb{grid-row:span 2;min-height:108px;padding:15px;display:grid;place-content:center;text-align:center;border:1px solid rgba(91,176,242,.20);border-radius:16px;background:#0a1828}.level-orb span{color:#7f92a7;font-size:9px;letter-spacing:.14em}.level-orb b{margin-top:5px;font-family:Georgia,"Times New Roman",serif;font-size:29px;color:#f5f8fb}.level-orb em,.hero-exp em,.mini-status em{font-style:normal}.hero-exp{align-self:center}.exp-row{display:flex;justify-content:space-between;color:#8497aa;font-size:10px}.exp-row b{color:#dce6ef}.meter{height:8px;margin:8px 0;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#050b13;overflow:hidden}.meter i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .55s ease}.next-copy{color:#7e91a5;font-size:9px}.mini-status{padding:12px;border:1px solid rgba(139,169,201,.12);border-radius:13px;background:#091522}.mini-status span{display:block;color:#71869c;font-size:8px}.mini-status b{display:block;margin-top:5px;font-size:18px}
.boss-banner{padding:14px 18px;border:1px solid rgba(241,114,133,.28);border-radius:15px;background:rgba(79,22,35,.24);display:flex;justify-content:space-between;align-items:center}.boss-banner span{display:block;color:#ff9bac;font-size:9px;letter-spacing:.15em}.boss-banner b{font-size:14px}.boss-banner strong{font-size:20px;color:#ff9bac}
.home-main-quest{position:relative;overflow:hidden}.home-main-quest::after{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(92,72,222,.12),transparent 68%);pointer-events:none}.classic-ribbon{position:relative;z-index:1;display:inline-flex;margin:-4px 0 21px;padding:6px 11px;border:1px solid rgba(75,169,241,.26);border-radius:999px;background:#102640;color:#91d2ff;font-size:9px;font-weight:900;letter-spacing:.14em}.classic-ribbon.purple{border-color:rgba(149,112,238,.32);background:#1b1737;color:#c5adff}.home-main-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.home-main-head h2{margin:5px 0 0;font-size:25px}.home-main-head h2 strong{font-size:42px;color:#7dcaff}.bonus-chip{min-width:110px;padding:10px;border:1px solid rgba(144,102,235,.28);border-radius:13px;background:#28165b;color:#fff;cursor:pointer}.bonus-chip span,.bonus-chip small{display:block}.bonus-chip span{font-size:12px;font-weight:900}.bonus-chip small{margin-top:2px;color:#9c83dd;font-size:7px}.home-quest-meta{display:flex;align-items:center;gap:9px;margin-top:22px}.home-quest-meta span{padding:5px 8px;border:1px solid rgba(216,174,85,.28);color:#e7c876;font-size:8px}.home-quest-meta b{font-size:13px}.home-main-mission{margin:15px 0 18px;color:#d8e1e9;font-size:18px;line-height:1.55}.daily-buff{padding:13px 15px;display:grid;grid-template-columns:auto 1fr;gap:4px 13px;border:1px solid rgba(86,173,240,.16);border-radius:13px;background:#0a1929}.daily-buff span{grid-row:span 2;color:#77c8ff;font-size:8px;letter-spacing:.08em;align-self:center}.daily-buff b{font-size:13px}.daily-buff small{color:#7f92a7;font-size:9px}.quest-start{width:100%;min-height:78px;margin-top:20px;padding:14px 18px;border:1px solid rgba(144,207,255,.30);border-radius:16px;background:linear-gradient(105deg,#208eea,#6c52e7);box-shadow:0 12px 28px rgba(44,83,197,.24);display:flex;align-items:center;justify-content:space-between;color:#fff;cursor:pointer}.quest-start span{text-align:left}.quest-start small,.quest-start b{display:block}.quest-start small{margin-bottom:4px;color:#b9e2ff;font-size:9px;letter-spacing:.17em}.quest-start b{font-size:27px;letter-spacing:.03em}.quest-start i{font-size:34px;font-style:normal}.quest-note{margin:10px 2px 0;color:#8698aa;font-size:11px;line-height:1.6}.quest-note b{color:#c8d9e8}.result-import{width:100%;min-height:58px;margin-top:12px;padding:11px 14px;border:1px solid rgba(83,188,244,.28);border-radius:13px;background:#0b2033;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;cursor:pointer}.result-import span{font-size:20px;color:#7dd2ff}.result-import b{font-size:13px}.result-import small{color:#7f93a7;font-size:9px;text-align:right}.micro-goals{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#6f8295;font-size:9px}
.pc-radar-panel{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(360px,1.1fr);grid-template-areas:"head head" "radar mission" "radar action";gap:18px 28px}.pc-radar-head{grid-area:head;display:flex;justify-content:space-between;align-items:flex-start}.pc-radar-head h3{margin:4px 0 0}.pc-radar-head>span{color:#668099;font-size:9px;letter-spacing:.12em}.pc-radar-wrap{grid-area:radar;position:relative;min-height:300px;padding:30px 54px 40px;display:grid;place-items:center}.pc-radar{width:min(100%,250px);height:auto;max-height:250px;display:block}.radar-grid{fill:none;stroke:rgba(119,151,183,.16);stroke-width:1}.radar-axis{stroke:rgba(119,151,183,.10)}.radar-shape{fill:rgba(52,145,232,.22);stroke:#58b9f8;stroke-width:2}.radar-core{fill:#dcefff}.radar-label{position:absolute;z-index:2;display:flex;align-items:center;gap:5px;min-height:26px;padding:4px 8px;border:1px solid rgba(102,183,246,.10);border-radius:8px;background:rgba(6,18,33,.70);color:#9db1c5;font-size:10px;font-weight:700;line-height:1.25;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.12)}.radar-label b{color:#eef7ff;font-size:11px}.radar-label.r1{left:50%;top:0;transform:translateX(-50%)}.radar-label.r2{right:0;top:31%;transform:translateY(-50%)}.radar-label.r3{right:7%;bottom:0}.radar-label.r4{left:7%;bottom:0}.radar-label.r5{left:0;top:31%;transform:translateY(-50%)}.pc-next-mission{grid-area:mission;align-self:end;padding:22px;border:1px solid rgba(216,174,85,.18);border-radius:15px;background:#0a1725}.pc-next-mission span{display:block;color:#d9af58;font-size:9px;letter-spacing:.14em}.pc-next-mission b{display:block;margin-top:9px;font-size:18px;line-height:1.55}.pc-radar-action{grid-area:action;min-height:50px;border:1px solid var(--line);border-radius:12px;background:#101d2c;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-weight:800;cursor:pointer}
.facility-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.facility-card{min-height:118px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#0a1624;text-align:left;cursor:pointer}.facility-icon{display:inline-flex;padding:4px 7px;border-radius:7px;background:#122640;color:#8bcdfc;font-size:8px;font-weight:900}.facility-card b,.facility-card small{display:block}.facility-card b{margin-top:13px;font-size:13px}.facility-card small{margin-top:4px;color:#778ba0;font-size:9px;line-height:1.45}
.install-banner{padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;border:1px solid rgba(82,174,237,.18);border-radius:15px;background:#0a1827}.install-app-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:11px;font-weight:900}.install-copy span,.install-copy b,.install-copy small{display:block}.install-copy span{color:#76c4f8;font-size:8px}.install-copy b{margin-top:2px;font-size:12px}.install-copy small{margin-top:3px;color:#74889c;font-size:9px}.install-cta,.install-dismiss{border:0;cursor:pointer}.install-cta{min-height:40px;padding:0 14px;border-radius:10px;background:#152b44;font-weight:800}.install-dismiss{width:36px;height:36px;border-radius:10px;background:transparent;color:#718498}

/* Daily growth: mobile only */
.home-daily-growth{padding:19px}.daily-growth-head{display:flex;justify-content:space-between;align-items:flex-start}.daily-growth-head span{color:#d7b45f;font-size:9px;letter-spacing:.14em}.daily-growth-head h3{margin:4px 0 0}.daily-growth-head small{color:#687c91;font-size:9px}.daily-level-flow{margin:15px 0;padding:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;border:1px solid rgba(132,163,193,.13);border-radius:14px;background:#07131f}.daily-start-level span,.daily-current-level span{display:block;color:#73889e;font-size:8px}.daily-start-level b{font-size:18px}.daily-current-level{text-align:right}.daily-current-level b{font-size:32px;color:#f4f7fa}.daily-level-flow i{color:#60758a;font-style:normal}.daily-start-level em,.daily-current-level em{font-style:normal}.daily-growth-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.daily-growth-stats>div{padding:11px;border:1px solid rgba(132,163,193,.12);border-radius:12px;background:#091522}.daily-growth-stats span{display:block;color:#70869b;font-size:8px}.daily-growth-stats b{font-size:19px}.daily-growth-stats small{font-size:9px}.daily-growth-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.daily-growth-bottom>div{padding:12px;border:1px solid rgba(132,163,193,.12);border-radius:12px;background:#091522}.daily-growth-bottom span{display:block;color:#72879b;font-size:8px}.daily-growth-bottom b{display:block;margin-top:5px;font-size:13px}.daily-growth-bottom small{color:#71869b;font-size:9px}.daily-customer-level em,.daily-customer-level i{font-style:normal}.daily-growth-message{margin:12px 1px 0;color:#9aabbc;font-size:10px;line-height:1.6}


.mobile-detail-nav{display:none}.default-avatar{display:grid;width:100%;height:100%;place-items:center;font-size:.92em;line-height:1}.settings-teacher-open{margin-top:9px}

/* Page layouts */
.page-heading{padding:4px 2px 7px}.page-heading h1{margin:5px 0 6px;font-size:clamp(28px,4vw,42px)}.page-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
#screen-quest.active,#screen-training.active,#screen-ranking.active,#screen-growth.active,#screen-book.active{width:min(1040px,100%);margin:auto}
#screen-quest .panel,#screen-training .panel,#screen-ranking .panel,#screen-growth .panel,#screen-book .panel{padding:20px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.case-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-choice{min-height:138px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#0a1624;text-align:left;cursor:pointer}.case-choice:hover{border-color:rgba(84,174,242,.32)}.case-choice.active{border-color:#5bb8f4;background:#0c2034;box-shadow:inset 0 0 0 1px rgba(91,184,244,.14)}.case-no{display:block;color:#6f849a;font-size:8px;letter-spacing:.14em}.case-choice b,.case-choice small{display:block}.case-choice b{margin-top:15px;font-size:16px}.case-choice small{margin-top:6px;color:#8598ab;font-size:10px;line-height:1.5}
.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.mode-switch button{min-height:66px;border:1px solid var(--line);border-radius:12px;background:#091522;color:#8497aa;cursor:pointer}.mode-switch b,.mode-switch small{display:block}.mode-switch b{font-size:12px}.mode-switch small{margin-top:3px;font-size:8px}.mode-switch button.active{border-color:#5bb8f4;background:#10283f;color:#eff7fd}
.map-track{position:relative;height:9px;margin:25px 0 14px;border-radius:999px;background:#050b12}.map-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.map-track b{position:absolute;top:50%;width:18px;height:18px;border:3px solid #dcefff;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.map-copy,.chapter-story{color:#8195a9;font-size:10px}.chapter-story{margin-top:8px;color:#c6d2dd}.boss-chip,.season-chip{padding:7px 9px;border:1px solid rgba(241,108,129,.23);border-radius:9px;background:rgba(111,28,45,.20);color:#ff99aa;font-size:9px}.limited-panel{border-color:rgba(216,174,85,.28)!important}.limited-tag{color:#e0ba69;font-size:9px;letter-spacing:.15em}.limited-panel h3{margin:8px 0}.limited-panel p{color:var(--muted)}.quest-summary h2{margin:9px 0 20px;font-size:22px;line-height:1.5}.summary-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid rgba(138,166,195,.10);color:#8295a9;font-size:11px}.summary-row b{color:#e6edf3}
.training-camp-panel{position:relative}.training-picker,.customer-mode-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.training-picker button,.customer-mode-picker button{min-height:92px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#091522;text-align:left;cursor:pointer}.training-picker span{font-size:20px}.training-picker b,.training-picker small,.customer-mode-picker b,.customer-mode-picker small{display:block}.training-picker b{margin-top:6px}.training-picker small,.customer-mode-picker small{margin-top:3px;color:#768a9f;font-size:9px}.training-picker button.active,.customer-mode-picker button.active{border-color:#755ee4;background:#171b3a}.training-current{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(139,169,201,.10)}.training-current span{color:#778da2;font-size:9px}.training-current b{color:#c6b4ff;font-size:11px}.training-mode-mirror{display:none}.customer-custom-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.customer-custom-settings label span{display:block;margin-bottom:6px;color:#8296aa;font-size:9px}.training-start{margin-top:14px}
.my-rank-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0!important;overflow:hidden}.my-rank-panel>div{padding:18px;text-align:center;background:#0b1726}.my-rank-panel span{display:block;color:#73889d;font-size:8px}.my-rank-panel b{display:block;margin-top:7px;font-size:25px}.ranking-status{padding:16px 0;color:#8295a8;font-size:11px}.ranking-list,.monthly-awards{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(139,169,201,.10);border-radius:12px;background:#091522}.rank-row.me{border-color:rgba(83,183,245,.35);background:#0c2033}.rank-pos{font-size:19px;font-weight:900;text-align:center}.rank-name b,.rank-name small,.rank-score b,.rank-score small{display:block}.rank-name small,.rank-score small{color:#74889c;font-size:8px}.rank-score{text-align:right}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-card{text-align:center}.stat-card span,.stat-card b,.stat-card small{display:block}.stat-card span{color:#758a9f;font-size:8px}.stat-card b{margin-top:6px;font-size:27px}.stat-card small{margin-top:2px;color:#6f8296;font-size:9px}.chart-panel canvas{width:100%;height:auto;max-height:330px;margin-top:14px}.ability-list{display:grid;gap:10px;margin-top:16px}.ability-row{display:grid;grid-template-columns:150px 1fr 48px;align-items:center;gap:12px}.ability-name b,.ability-name small{display:block}.ability-name small{color:#73899f;font-size:8px}.ability-meter{height:9px;border-radius:999px;background:#050b13;overflow:hidden}.ability-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ability-value{text-align:right;font-weight:900}.skill-tree{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.skill-column>b{display:block;min-height:34px;font-size:10px}.skill-nodes{display:grid;gap:7px}.skill-node{min-height:38px;padding:8px;display:grid;place-items:center;border:1px solid rgba(139,169,201,.10);border-radius:10px;background:#08131f;color:#52687e;font-size:8px;text-align:center}.skill-node.on{border-color:rgba(83,184,244,.30);background:#10243a;color:#ccecff}.achievement-list,.customer-book,.collection-list,.work-reward-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.achievement,.customer-card,.collection-item,.work-reward{min-height:76px;padding:13px;border:1px solid rgba(139,169,201,.11);border-radius:12px;background:#091522;text-align:left}.collection-item{color:inherit;cursor:pointer}.achievement b,.achievement small,.customer-card b,.customer-card small,.collection-item b,.collection-item small,.work-reward b,.work-reward small{display:block}.achievement small,.customer-card small,.collection-item small,.work-reward small{margin-top:5px;color:#74899e;font-size:9px;line-height:1.5}.locked{opacity:.46}.collection-item.equipped{border-color:rgba(83,184,244,.35);background:#0c2033}.history-list{display:grid;gap:8px;margin-top:14px}.history-row{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(139,169,201,.10);border-radius:12px;background:#091522}.history-result{padding:6px;border-radius:8px;text-align:center;font-size:9px;font-weight:900}.history-result.clear{background:rgba(67,203,145,.14);color:#72e6af}.history-result.retry{background:rgba(255,117,138,.12);color:#ff98a8}.history-main b,.history-main small{display:block}.history-main small{margin-top:3px;color:#71869b;font-size:8px}.history-score{font-size:18px;font-weight:900}

/* Settings and overlays */
.overlay{position:fixed;inset:0;z-index:300;padding:calc(22px + var(--safe-top)) calc(18px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(18px + var(--safe-left));display:flex;align-items:flex-start;justify-content:center;background:rgba(2,6,12,.82);backdrop-filter:blur(14px);overflow:auto;overscroll-behavior:contain}
.overlay>.modal,.overlay>.profile-shell{margin:auto}
.modal{width:min(560px,100%);padding:22px;overflow:visible;max-height:none}
.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-top h2{margin:5px 0 0}.tutorial-modal,.dedicated-setup-modal{width:min(760px,100%)}
.onboarding-card{padding:26px}.setup-head h2{margin:7px 0 6px;font-size:27px}.setup-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.setup-once-banner{margin:10px 0 18px;padding:13px 15px;border:1px solid rgba(80,176,245,.21);border-radius:13px;background:rgba(36,117,184,.09);display:flex;align-items:center;justify-content:space-between;gap:15px}.setup-once-banner b{font-size:15px}.setup-once-banner span{color:#9aadbf;font-size:11px;text-align:right;line-height:1.5}
.onboarding-name{font-size:16px}.onboarding-section{margin-top:15px;padding:15px;border:1px solid rgba(139,169,201,.12);border-radius:14px;background:#091522}.onboarding-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.onboarding-section-head span,.onboarding-section-head b,.onboarding-section-head small{display:block}.onboarding-section-head span{color:#73bff2;font-size:8px}.onboarding-section-head b{margin-top:3px}.onboarding-section-head small{margin-top:3px;color:#71879b;font-size:9px}.setup-avatar-preview,.settings-avatar-preview{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(91,183,244,.25);border-radius:15px;background:#10243a;font-size:28px}.onboarding-photo-actions{display:flex;gap:9px;margin-top:13px}.onboarding-photo-button,.settings-photo-button{min-height:46px;padding:11px 15px;border:1px solid rgba(139,169,201,.18);border-radius:11px;background:#102035;display:flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer}.onboarding-photo-button input,.settings-photo-button input{display:none}.onboarding-photo-later{flex:1}.onboarding-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.onboarding-toggle-card{padding:14px;border:1px solid rgba(139,169,201,.12);border-radius:14px;background:#091522;display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-toggle-card span,.onboarding-toggle-card b,.onboarding-toggle-card small{display:block}.onboarding-toggle-card>div>span{color:#74c0f2;font-size:8px}.onboarding-toggle-card>div>small{margin-top:3px;color:#71869b;font-size:9px}.audio-power{min-width:78px;min-height:44px;border:1px solid rgba(83,207,151,.25);border-radius:999px;background:rgba(46,159,113,.11);color:#83dfb3;cursor:pointer}.audio-power i{display:none}.audio-power span b,.audio-power span small{display:block}.audio-power span small{font-size:7px}.setup-start{margin-top:5px;min-height:56px}
.setup-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 8px}.setup-progress i{height:4px;border-radius:999px;background:#152333}.setup-progress i.active{background:linear-gradient(90deg,var(--accent),#70c8ff)}.setup-progress-labels{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.setup-progress-labels span{text-align:center;color:#61768b;font-size:8px}.dedicated-step{position:relative;margin-top:10px;padding:17px;border:1px solid rgba(139,169,201,.13);border-radius:15px;background:#091522;display:grid;gap:11px}.dedicated-step.is-current{border-color:rgba(80,178,245,.30)}.dedicated-step.is-complete{border-color:rgba(71,206,146,.18)}.dedicated-step-number{position:absolute;right:14px;top:12px;color:rgba(120,166,207,.18);font-size:21px;font-weight:900}.dedicated-step-copy{padding-right:42px}.dedicated-step-copy>span{color:#73c1f4;font-size:8px;letter-spacing:.14em}.dedicated-step-copy h3{margin:4px 0;font-size:16px}.dedicated-step-copy p{margin:0;color:#8fa2b5;font-size:11px;line-height:1.65}.dedicated-return-note{padding:10px 11px;border-radius:10px;background:#0c1a2a;display:grid;grid-template-columns:auto 1fr;gap:9px}.dedicated-return-note b{color:#8acaf3;font-size:9px}.dedicated-return-note span{color:#899caf;font-size:9px;line-height:1.55}.dedicated-copy-guide{padding:13px;border:1px solid rgba(85,178,242,.25);border-radius:12px;background:#0b2032;display:grid;gap:4px;font-size:11px;line-height:1.55}.dedicated-copy-guide.success{border-color:rgba(81,211,153,.30);background:rgba(22,80,60,.24)}.dedicated-copy-guide.error{border-color:rgba(241,198,102,.30);background:rgba(87,62,15,.20)}.dedicated-copy-guide b{color:#85d0ff}.dedicated-copy-guide.success b{color:#7ae2b3}.dedicated-copy-guide.error b{color:#f1cf7b}.dedicated-copy-fallback{padding:13px;border:1px solid rgba(139,169,201,.13);border-radius:12px;background:#07111d}.dedicated-copy-fallback p{margin:0 0 10px;color:#94a6b8;font-size:10px;line-height:1.6}.dedicated-prompt-fallback{min-height:160px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.dedicated-live-note{margin:3px 0 0;color:#8296aa;font-size:9px;line-height:1.55}.dedicated-success{margin-top:8px;padding:10px;border-radius:10px;background:rgba(55,181,125,.12);color:#84ddb3;font-size:11px}.setup-complete-card{text-align:center;width:min(430px,100%);padding:30px}.setup-complete-mark{width:56px;height:56px;margin:15px auto;display:grid;place-items:center;border:1px solid rgba(72,205,145,.28);border-radius:50%;background:rgba(45,163,113,.12);color:#7ae0b0;font-size:28px;font-weight:900}.setup-complete-card h2{margin:0 0 9px}.setup-complete-card p{margin:0 0 20px;color:#96a8ba;line-height:1.7}
.mobile-howto-card{width:min(460px,100%)}.mobile-howto-top{text-align:center}.mobile-howto-badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#102945;color:#87d0ff;font-size:8px}.mobile-howto-top h2{margin:10px 0 6px}.mobile-howto-top p{margin:0;color:#8598ab;font-size:10px}.mobile-howto-flow{display:grid;gap:8px;margin:18px 0}.mobile-howto-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(139,169,201,.12);border-radius:12px;background:#091522}.mobile-howto-step>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#122b46;color:#83cdfd;font-weight:900}.mobile-howto-step b,.mobile-howto-step small{display:block}.mobile-howto-step small{margin-top:3px;color:#758a9f;font-size:9px}
.settings-modal{width:min(680px,100%)}.settings-row{min-height:56px;margin-top:10px;padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(139,169,201,.09)}.settings-row b,.settings-row small{display:block}.settings-row small{margin-top:3px;color:#75899e;font-size:9px}.settings-row input[type=range]{width:min(310px,55%)}.settings-divider{height:1px;margin:18px 0;background:rgba(139,169,201,.11)}.settings-sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-sound-choice{min-height:43px;border:1px solid var(--line);border-radius:10px;background:#091522;color:#8195a9;font-size:10px;cursor:pointer}.mini-sound-choice.active{border-color:#55b7f3;background:#10283f;color:#f0f7fc}.settings-avatar-head{margin-top:17px;display:flex;align-items:center;justify-content:space-between}.settings-avatar-head b,.settings-avatar-head small{display:block}.settings-avatar-head small{margin-top:3px;color:#75899d;font-size:9px}.settings-photo-button{margin-top:10px}.settings-mobile-chat-note{margin-top:14px;padding:13px;border:1px solid rgba(85,177,241,.20);border-radius:12px;background:#0b1c2d;display:grid;gap:4px}.settings-mobile-chat-note b{font-size:12px}.settings-mobile-chat-note span{color:#8ea1b4;font-size:10px;line-height:1.55}.settings-version{margin:14px 0 0;color:#52687e;text-align:center;font-size:8px;letter-spacing:.12em}
.quest-launch-card{width:min(480px,100%);text-align:center}.quest-launch-kicker{color:#75c4f7;font-size:9px;font-weight:900;letter-spacing:.14em}.quest-launch-card h2{margin:9px 0 7px;font-size:24px}.quest-launch-card>p{margin:0 0 15px;color:#91a4b7;font-size:11px;line-height:1.65}.quest-launch-card>.btn{margin-top:8px}.quest-launch-card>small{display:block;margin-top:11px;color:#71869b;font-size:9px}.quest-mobile-steps{display:grid;gap:8px;margin:15px 0}.quest-mobile-steps>div{padding:10px 11px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;border:1px solid rgba(139,169,201,.12);border-radius:11px;background:#091522;text-align:left}.quest-mobile-steps strong{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#122d49;color:#82d0ff}.quest-mobile-steps span{font-size:12px}.quest-launch-help{line-height:1.55}.quest-copy-fallback-card{width:min(760px,100%)}.quest-copy-fallback-text{min-height:220px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.save-data-modal{text-align:center;width:min(500px,100%)}.save-data-badge{color:#73c1f4;font-size:9px;letter-spacing:.15em}.save-result-orb{width:50px;height:50px;margin:14px auto;display:grid;place-items:center;border-radius:50%;background:#102b46;color:#80d0ff;font-size:24px}.save-data-modal h2{margin:0 0 8px}.save-data-modal>p{color:#8fa2b5;font-size:11px;line-height:1.6}.save-data-input{min-height:76px;text-align:center}.save-data-status{min-height:18px}.save-data-close-min{margin-top:10px;border:0;background:transparent;color:#7d91a5;min-height:40px;cursor:pointer}
.result-modal{width:min(650px,100%);text-align:center}.result-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.14em}.result-kicker.clear{background:rgba(72,205,146,.13);color:#7ce0b3}.result-kicker.retry{background:rgba(255,120,140,.11);color:#ff9dad}.result-rate-label{margin-top:16px;color:#788da1;font-size:9px}.result-score{font-size:70px;font-weight:950;line-height:1}.result-score small{font-size:22px}.result-score em{font-style:normal;color:#75c7fa}.result-modal h2{margin:8px 0 18px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-grid>div,.result-ability-gains{padding:12px;border:1px solid rgba(139,169,201,.11);border-radius:11px;background:#091522}.result-grid span{display:block;color:#74899d;font-size:8px}.result-grid b{font-size:19px}.result-ability-gains{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.result-ability-gains span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;background:#0d2032;color:#a9bbcc;font-size:9px;line-height:1.2}.result-ability-gains span b{color:#80cffd}.result-feedback{display:grid;gap:8px;margin:10px 0 16px;text-align:left}.result-feedback>div{padding:13px;border:1px solid rgba(139,169,201,.11);border-radius:12px;background:#091522}.result-feedback span{color:#75c6f8;font-size:8px;font-weight:900;letter-spacing:.12em}.result-feedback b{display:block;margin-top:4px}.result-feedback p{margin:6px 0 0;color:#9babbc;font-size:11px;line-height:1.65}
.bonus-modal,.treasure-modal,.diagnosis-modal{width:min(480px,100%);text-align:center}.bonus-tier,.rarity-label,.diagnosis-rarity{color:#e1bd6c;font-size:9px;letter-spacing:.15em}.bonus-orb,.treasure-box{font-size:52px;margin:12px}.bonus-id{margin:12px 0;color:#667b90;font-size:8px}.diagnosis-class{margin:12px 0;font-size:27px;font-weight:900}.diagnosis-copy{color:#96a8b9;font-size:11px}.diagnosis-strengths{display:grid;gap:8px;margin:14px 0;text-align:left}.diagnosis-strengths>div{padding:10px;border-radius:10px;background:#091522;font-size:10px}
.profile-shell{width:min(560px,100%);text-align:center}.profile-shot{padding:22px;border:1px solid rgba(216,174,85,.30);border-radius:18px;background:linear-gradient(180deg,#0b1c2d,#06101a);text-align:left}.profile-brand{color:#d6b25f;font-size:9px;letter-spacing:.16em}.profile-date{float:right;color:#697e92;font-size:8px}.profile-name{margin-top:25px;font-size:30px;font-weight:900}.profile-title{color:#e0bc69}.profile-levels,.profile-today-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.profile-levels>div,.profile-today-grid>div{padding:12px;border-radius:11px;background:#091522}.profile-levels span,.profile-today-grid span{display:block;color:#72879b;font-size:8px}.profile-levels b,.profile-today-grid b{font-size:20px}.profile-today{margin-top:15px}.profile-today .label{color:#75c5f7;font-size:8px}.profile-abilities{display:grid;gap:7px;margin-top:15px}.profile-ability{display:grid;grid-template-columns:110px 1fr 35px;align-items:center;gap:8px;font-size:9px}.profile-ability i{height:7px;border-radius:999px;background:#050b13;overflow:hidden}.profile-ability i b{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.profile-footer{margin-top:15px;padding-top:12px;border-top:1px solid rgba(139,169,201,.12);display:flex;justify-content:space-between;gap:10px;color:#7f93a6;font-size:8px}.screenshot-copy{color:#9aabbc;font-size:11px}
.title-picker-list{display:grid;gap:8px;margin-top:15px}.title-option{padding:12px;border:1px solid rgba(139,169,201,.12);border-radius:11px;background:#091522;text-align:left;cursor:pointer}.title-option b,.title-option small{display:block}.title-option small{margin-top:4px;color:#74899d;font-size:9px}.title-option.active{border-color:#55b8f4;background:#10243a}
.install-instructions{display:grid;gap:9px;margin:16px 0}.install-step,.install-benefit{padding:12px;border:1px solid rgba(139,169,201,.12);border-radius:11px;background:#091522}.install-step b,.install-step small{display:block}.install-step small{margin-top:4px;color:#74899d;font-size:9px}

@media(max-width:1120px) and (min-width:721px){
  .bottom-nav{width:min(560px,calc(100vw - 420px))}
  #screen-home.active{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.3fr)}
  .pc-radar-panel{grid-template-columns:minmax(340px,.9fr) minmax(300px,1.1fr)}
}

/* Mobile */
@media(max-width:720px){
  body{background:linear-gradient(180deg,#050912,#07111c 60%,#050912)}
  .app{padding-bottom:calc(84px + var(--safe-bottom))}
  .topbar{display:none}
  .screens{width:100%;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) 26px calc(12px + var(--safe-left))}
  .screen.active{gap:12px}
  .bottom-nav{top:auto;left:0;right:0;bottom:0;transform:none;width:100%;height:calc(70px + var(--safe-bottom));padding:5px var(--safe-right) var(--safe-bottom) var(--safe-left);border:0;border-top:1px solid rgba(141,168,195,.14);border-radius:0;background:rgba(5,11,19,.96);grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 24px rgba(0,0,0,.24)}
  .bottom-nav button{min-height:58px;display:grid;place-content:center;gap:3px;border-radius:11px}.bottom-nav button span{font-size:18px}.bottom-nav button b{font-size:9px}.bottom-nav button.active{background:#10233a;color:#e8f4fd}
  .toast{bottom:calc(80px + var(--safe-bottom));white-space:normal}
  .rpg-home-brand{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:5px 2px 10px;border-bottom:1px solid rgba(216,174,85,.22)}.rpg-home-brand strong,.rpg-home-brand>span{display:block}.rpg-home-brand strong{font-family:Georgia,"Times New Roman",serif;color:#e3c16f;font-size:24px;letter-spacing:-.02em}.rpg-home-brand>span{margin-left:8px;margin-right:auto;color:#71869a;font-size:8px}.rpg-brand-controls{display:flex;gap:7px}.rpg-mini-control{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#0b1827;color:#a7bacb}
  #screen-home.active{display:flex;flex-direction:column;gap:12px}
  #screen-home>.rpg-home-brand{order:0}#screen-home>.install-banner{order:1}#screen-home>.hero-panel{order:2}#screen-home>.boss-banner{order:3}#screen-home>.home-main-quest{order:4}#screen-home>.home-daily-growth{order:5}
  #screen-home>.pc-radar-panel,#screen-home>.home-shortcuts,#screen-home>#profileButton,#screen-home>.weekly-panel,#screen-home>.team-panel,#screen-home>#mobileMoreToggle{display:none!important}
  #screen-home>.home-daily-growth{display:block!important}
  .panel{border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
  .hero-panel,.home-main-quest,.home-daily-growth{padding:16px}
  .hero-topline{display:block}.hero-name-row{gap:11px}.home-avatar{width:58px;height:58px;border-radius:15px;font-size:25px}.hero-topline h2{font-size:22px}.title-chip{display:block;max-width:100%;margin-top:12px}
  .hero-level-grid{grid-template-columns:90px 1fr;gap:10px;margin-top:15px}.level-orb{min-height:92px}.mini-status{padding:10px}.mini-status b{font-size:16px}
  .classic-ribbon{margin-bottom:15px}.home-main-head h2{font-size:19px}.home-main-head h2 strong{font-size:34px}.bonus-chip{min-width:94px}.home-main-mission{font-size:15px;margin:13px 0}.daily-buff{grid-template-columns:1fr;gap:4px}.daily-buff span{grid-row:auto}.quest-start{min-height:72px;margin-top:15px}.quest-start b{font-size:22px}.quest-note{font-size:10px}.micro-goals{display:none}
  .daily-growth-stats{grid-template-columns:repeat(2,1fr)}.daily-growth-bottom{grid-template-columns:1fr}.daily-growth-message{font-size:10px}
  .install-banner{grid-template-columns:auto 1fr auto;padding:12px}.install-copy small{display:none}.install-dismiss{grid-column:3}.install-cta{grid-column:3;grid-row:1}.install-dismiss{display:none}
  .page-heading{padding-top:4px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}
  #screen-quest.active,#screen-training.active,#screen-ranking.active,#screen-growth.active,#screen-book.active{width:100%}
  #screen-quest .panel,#screen-training .panel,#screen-ranking .panel,#screen-growth .panel,#screen-book .panel{padding:15px}
  .case-choice-grid{grid-template-columns:1fr}.case-choice{min-height:106px}.mode-switch{gap:6px}.mode-switch button{min-height:58px}.quest-summary h2{font-size:18px}
  .training-picker{grid-template-columns:repeat(2,1fr)}.training-picker button{min-height:86px}.customer-custom-settings{grid-template-columns:1fr}.customer-mode-picker{grid-template-columns:1fr 1fr}
  .my-rank-panel{grid-template-columns:repeat(3,1fr)}.my-rank-panel>div{padding:13px 6px}.my-rank-panel b{font-size:21px}.stat-grid{grid-template-columns:repeat(2,1fr)}.ability-row{grid-template-columns:105px 1fr 36px;gap:8px}.skill-tree{grid-template-columns:1fr}.skill-column{display:grid;grid-template-columns:105px 1fr;align-items:center}.skill-column>b{min-height:0}.skill-nodes{grid-template-columns:repeat(5,1fr)}.skill-node{min-height:44px;padding:5px;font-size:7px}.achievement-list,.collection-list,.work-reward-list{grid-template-columns:1fr}.customer-book{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-card{min-height:68px;padding:11px}.history-row{grid-template-columns:64px 1fr auto}

  .mobile-detail-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border:1px solid rgba(139,169,201,.12);border-radius:13px;background:#07121e}
  .mobile-detail-nav button{min-height:44px;border:0;border-radius:9px;background:transparent;color:#7f93a7;font-size:10px;font-weight:800;cursor:pointer}
  .mobile-detail-nav button.active{background:#10253c;color:#eef7fd;box-shadow:inset 0 0 0 1px rgba(91,184,244,.18)}
  #screen-growth .achievement-list .achievement:nth-child(n+5){display:none}
  .overlay{padding:calc(12px + var(--safe-top)) calc(10px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(10px + var(--safe-left));align-items:flex-start}
  .modal,.onboarding-card{width:100%;padding:16px;border-radius:17px}
  .setup-head h2{font-size:22px}.setup-once-banner{display:block}.setup-once-banner b,.setup-once-banner span{display:block}.setup-once-banner span{margin-top:4px;text-align:left}.onboarding-toggle-grid{grid-template-columns:1fr}.onboarding-photo-actions{display:grid}.dedicated-step{padding:14px}.dedicated-step-copy{padding-right:30px}.dedicated-return-note{grid-template-columns:1fr;gap:3px}.dedicated-prompt-fallback{min-height:190px}.settings-sound-grid{grid-template-columns:repeat(2,1fr)}.settings-row{align-items:flex-start}.settings-row input[type=range]{width:52%}
  .quest-launch-card h2{font-size:21px}.quest-copy-fallback-text{min-height:250px}.result-score{font-size:58px}.result-grid{grid-template-columns:1fr 1fr}.profile-levels{grid-template-columns:1fr 1fr}.profile-footer{display:grid}.profile-shot{padding:16px}.profile-name{font-size:26px}.profile-ability{grid-template-columns:95px 1fr 30px}
  .title-screen{padding:calc(22px + var(--safe-top)) 18px calc(22px + var(--safe-bottom))}.title-wrap h1{font-size:clamp(43px,16vw,66px)}.title-lead{margin:26px auto 24px;font-size:14px}.title-start-button,.title-setup-button{min-height:58px}
}

@media(max-width:380px){
  .screens{padding-left:10px;padding-right:10px}.hero-panel,.home-main-quest,.home-daily-growth{padding:14px}.home-main-head h2{font-size:17px}.home-main-head h2 strong{font-size:31px}.bonus-chip{min-width:82px;padding:8px}.quest-start b{font-size:20px}.daily-growth-stats>div{padding:10px}.daily-growth-stats b{font-size:18px}.setup-once-banner b{font-size:14px}.dedicated-step-copy h3{font-size:15px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* V21 final declutter */
#screen-home>.install-banner{display:none!important}
@media(max-width:720px){
  .hero-level-grid{grid-template-columns:84px minmax(0,1fr) minmax(0,1fr)}
  .hero-level-grid>.level-orb{grid-row:1 / span 2;grid-column:1}
  .hero-level-grid>.hero-exp{grid-column:2 / 4;grid-row:1}
  .hero-level-grid>.mini-status{grid-row:2;padding:9px}
}


/* V21.2.1 GAME HUD — desktop final visual layer */
.dedicated-attach-guide{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:14px;border:1px solid rgba(118,96,255,.26);border-radius:12px;background:linear-gradient(90deg,rgba(34,79,133,.18),rgba(103,61,185,.14));font-size:11px}.dedicated-attach-guide span,.dedicated-attach-guide b,.dedicated-attach-guide strong{padding:7px 10px;border-radius:9px;background:#0a1726}.dedicated-attach-guide strong{color:#8fd6ff}.dedicated-attach-guide i{color:#7765ff;font-style:normal;font-weight:900}
@media(min-width:721px){
  body{background:radial-gradient(circle at 52% 18%,rgba(83,48,176,.20),transparent 28rem),radial-gradient(circle at 18% 55%,rgba(0,129,255,.10),transparent 30rem),linear-gradient(180deg,#030711 0%,#06101d 55%,#030711 100%)}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(91,124,170,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,124,170,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
  .topbar{min-height:68px;border-bottom:1px solid rgba(83,117,255,.18);background:rgba(3,8,17,.93);box-shadow:0 8px 32px rgba(0,0,0,.28)}
  .logo-mark{clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);border-radius:0;background:linear-gradient(135deg,#532fd2,#1b83e6);box-shadow:0 0 22px rgba(92,57,255,.35)}
  .bottom-nav{border-color:rgba(104,80,255,.34);background:rgba(4,11,24,.94);box-shadow:0 10px 28px rgba(0,0,0,.35),inset 0 0 24px rgba(72,51,188,.08)}
  .bottom-nav button.active{background:linear-gradient(180deg,rgba(86,57,220,.58),rgba(29,56,132,.42));color:#fff;box-shadow:inset 0 0 0 1px rgba(123,100,255,.55),0 0 18px rgba(87,52,255,.28)}
  .screens{width:min(1540px,100%);padding:18px clamp(14px,1.8vw,28px) 36px}
  #screen-home.active{grid-template-columns:minmax(260px,.82fr) minmax(500px,1.5fr) minmax(285px,.88fr);grid-template-areas:"install install install" "profile quest radar" "boss boss boss";gap:14px;align-items:stretch}
  #screen-home>.rpg-home-brand{display:none!important}
  #screen-home>.hero-panel{grid-area:profile;min-height:560px}
  #screen-home>.home-main-quest{grid-area:quest;min-height:560px}
  #screen-home>.pc-radar-panel{grid-area:radar;min-height:560px}
  #screen-home>.install-banner{grid-area:install}
  #screen-home>.boss-banner{grid-area:boss}
  #screen-home>.home-daily-growth,#screen-home>.home-shortcuts,#screen-home>#profileButton,#screen-home>.weekly-panel,#screen-home>.team-panel,#screen-home>#mobileMoreToggle{display:none!important}
  .hero-panel,.home-main-quest,.pc-radar-panel{position:relative;overflow:hidden;padding:20px;border-radius:12px;border:1px solid rgba(79,110,218,.34);background:linear-gradient(180deg,rgba(6,18,36,.98),rgba(3,11,23,.99));box-shadow:inset 0 0 0 1px rgba(69,106,173,.07),0 18px 38px rgba(0,0,0,.28)}
  .hero-panel::before,.home-main-quest::before,.pc-radar-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(46,128,255,.08),transparent 32%,transparent 70%,rgba(104,63,255,.08))}
  .hero-panel::after,.home-main-quest::after,.pc-radar-panel::after{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,#755cff,transparent);opacity:.75}
  .hero-topline{position:relative;z-index:1;display:grid;gap:16px}
  .hero-name-row{align-items:center}.home-avatar{width:94px;height:94px;border-radius:50%;border:2px solid rgba(66,166,255,.65);background:radial-gradient(circle,#173864,#071523 70%);box-shadow:0 0 0 6px rgba(84,55,255,.10),0 0 28px rgba(22,125,255,.20)}
  .hero-topline h2{font-size:24px;letter-spacing:.02em}.title-chip{max-width:none;width:100%;justify-content:space-between;border-color:rgba(109,80,255,.38);background:rgba(27,22,67,.42);color:#dfd8ff}
  .hero-level-grid{grid-template-columns:1fr 1.55fr;gap:10px;margin-top:20px}.level-orb{min-height:126px;border-radius:14px;border-color:rgba(114,80,255,.35);background:radial-gradient(circle at 50% 20%,rgba(104,62,255,.20),rgba(7,19,34,.95) 70%)}.level-orb b{color:#ffe07c;font-size:36px}.hero-exp{padding:16px;border-radius:14px;background:#071526;border:1px solid rgba(71,132,213,.18)}.meter{background:#030915}.meter i{background:linear-gradient(90deg,#14a3ff,#7546ff);box-shadow:0 0 12px rgba(90,70,255,.45)}.mini-status{border-color:rgba(78,122,187,.18);background:#071421}.mini-status b{font-size:23px}
  .home-main-quest{border-color:rgba(119,65,255,.48);box-shadow:inset 0 0 0 1px rgba(117,71,255,.08),0 0 34px rgba(80,43,185,.10),0 18px 38px rgba(0,0,0,.30)}
  .classic-ribbon{display:inline-flex;width:auto;padding:7px 12px;border-radius:999px;border:1px solid rgba(132,88,255,.42);background:linear-gradient(90deg,rgba(49,88,171,.45),rgba(89,49,183,.45));color:#cbdcff;letter-spacing:.14em}
  .home-main-head{margin-top:12px;align-items:center}.home-main-head h2{font-size:17px;color:#a6bad1}.home-main-head h2 strong{display:inline-grid;place-items:center;width:94px;height:94px;margin-left:8px;border-radius:50%;border:2px solid #705cff;background:radial-gradient(circle,rgba(58,82,192,.56),rgba(5,15,35,.94) 68%);color:#fff;font-size:48px;line-height:1;box-shadow:0 0 0 7px rgba(69,57,255,.09),0 0 28px rgba(75,60,255,.28)}
  .bonus-chip{border-color:rgba(124,80,255,.40);background:linear-gradient(180deg,#4c28b6,#2b176e);box-shadow:0 0 18px rgba(98,55,230,.22)}
  .home-quest-meta{margin-top:18px;padding:12px 14px;border:1px solid rgba(70,112,174,.16);border-radius:12px;background:#071526}.home-main-mission{font-size:22px;line-height:1.45;color:#f1f5fb;margin:15px 0 18px}
  .daily-buff{padding:14px 15px;border-color:rgba(52,129,218,.28);background:linear-gradient(90deg,#081b31,#0b1634)}
  .quest-start{position:relative;min-height:112px;margin-top:18px;border:1px solid #6656ff;border-radius:12px;background:linear-gradient(105deg,#6125d6 0%,#3e47e8 48%,#087fdc 100%);box-shadow:0 0 0 4px rgba(82,65,255,.08),0 0 32px rgba(84,55,255,.32),inset 0 0 28px rgba(255,255,255,.08)}.quest-start::before{content:"";position:absolute;inset:7px;border:1px solid rgba(198,206,255,.16);border-radius:8px;pointer-events:none}.quest-start b{font-size:32px;letter-spacing:.03em;text-shadow:0 2px 10px rgba(0,0,0,.30)}.quest-start small{letter-spacing:.18em;color:#cbd7ff}.quest-start i{font-size:36px;color:#b9d5ff}.quest-note{text-align:center;color:#9eacc1;font-size:10px}.micro-goals{border-top-color:rgba(85,76,183,.24)}
  .pc-radar-panel{display:flex!important;flex-direction:column}.pc-radar-head h3{font-size:18px}.pc-radar-head span{color:#54dfff}.pc-radar-wrap{flex:1;min-height:320px;padding:34px 48px 46px}.pc-radar{filter:drop-shadow(0 0 8px rgba(43,143,255,.15))}.radar-grid{stroke:rgba(54,133,255,.36)}.radar-axis{stroke:rgba(54,133,255,.20)}.radar-shape{fill:rgba(86,53,255,.40);stroke:#65c8ff;stroke-width:2;filter:drop-shadow(0 0 8px rgba(83,73,255,.5))}.radar-label{color:#dbe8f4}.radar-label b{color:#71dcff}.pc-radar-action{border-color:rgba(48,149,230,.35);background:#071a30;color:#73d3ff}.pc-next-mission{margin-top:10px;border-color:rgba(35,149,226,.38);background:linear-gradient(135deg,#06172c,#071f3b)}.pc-next-mission span{color:#43d4ff}.pc-next-mission b{font-size:12px;line-height:1.65}
}

/* V21.2.1 mobile launch — short, readable, no instruction wall */
@media(max-width:720px){
  .quest-launch-mobile.compact{width:min(92vw,430px);padding:20px 16px 16px;border-radius:18px}
  .quest-launch-mobile.compact .quest-launch-kicker{font-size:9px;letter-spacing:.18em}
  .quest-launch-mobile.compact h2{margin:8px 0 14px;font-size:20px;line-height:1.35}
  .quest-mobile-steps.compact{gap:7px;margin:0 0 14px}
  .quest-mobile-steps.compact>div{min-height:48px;padding:8px 10px;border-radius:12px}
  .quest-mobile-steps.compact strong{width:28px;height:28px;font-size:12px}
  .quest-mobile-steps.compact span{font-size:13px;line-height:1.45}
  .quest-mobile-steps.compact span b{color:#fff}
  .quest-launch-mobile.compact .btn-hero{min-height:54px;margin-top:2px;font-size:15px}
  .quest-launch-mobile.compact .btn-quiet{min-height:44px;margin-top:7px}
  .quest-launch-mobile.compact .quest-launch-help{margin:10px 4px 0;font-size:9px;line-height:1.45}
}

/* V21.2.1 desktop HUD polish — stronger RPG hierarchy without clutter */
@media(min-width:721px){
  .topbar::after{content:"BATTLE CONSOLE";position:absolute;left:50%;bottom:3px;transform:translateX(-50%);color:rgba(115,208,255,.42);font-size:7px;font-weight:900;letter-spacing:.28em;pointer-events:none}
  .hero-panel,.home-main-quest,.pc-radar-panel{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
  .hero-panel::after,.home-main-quest::after,.pc-radar-panel::after{left:24px;right:24px;background:linear-gradient(90deg,transparent,#2bb8ff 35%,#7b50ff 65%,transparent)}
  .home-main-quest .classic-ribbon::before{content:"◆";margin-right:7px;color:#7addff}
  .home-main-quest .home-main-head::after{content:"BATTLE READY";position:absolute;right:0;bottom:-18px;color:rgba(142,115,255,.7);font-size:8px;font-weight:900;letter-spacing:.18em}
  .quest-start{overflow:hidden}
  .quest-start::after{content:"";position:absolute;top:-55%;left:-25%;width:28%;height:210%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:quest-scan 3.8s ease-in-out infinite;pointer-events:none}
  @keyframes quest-scan{0%,65%{left:-28%;opacity:0}72%{opacity:1}100%{left:112%;opacity:0}}
  .pc-radar-panel::before{background:radial-gradient(circle at 50% 42%,rgba(39,98,255,.13),transparent 38%),linear-gradient(120deg,rgba(46,128,255,.06),transparent 32%,transparent 70%,rgba(104,63,255,.08))}
  .pc-next-mission{position:relative;overflow:hidden}
  .pc-next-mission::after{content:"NEXT";position:absolute;right:12px;bottom:-6px;color:rgba(94,198,255,.08);font-size:52px;font-weight:950;letter-spacing:-.06em}
}


/* V21.2.4 mobile initial setup: share -> copy -> manual fallback */
.dedicated-share-actions{display:grid;gap:10px}.dedicated-share-actions.hidden{display:none!important}
.dedicated-secondary-btn{background:linear-gradient(180deg,rgba(20,49,86,.94),rgba(10,29,53,.96));border:1px solid rgba(89,178,255,.35);color:#eaf6ff}
.dedicated-tertiary-btn{background:rgba(8,22,40,.72);border:1px solid rgba(137,165,200,.22);color:#bcd0e8}
.dedicated-share-note{margin:2px 4px 0;color:#8fa8c2;font-size:12px;line-height:1.55}
.dedicated-prompt-fallback{margin-top:12px;border:1px solid rgba(82,180,255,.28);border-radius:14px;background:rgba(3,16,31,.88);padding:12px}.dedicated-prompt-fallback.hidden{display:none!important}
.dedicated-fallback-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:8px}.dedicated-fallback-head b{color:#e8f5ff}.dedicated-fallback-head span{font-size:11px;color:#8fa8c2;text-align:right}
.dedicated-prompt-text{width:100%;min-height:190px;max-height:36vh;resize:vertical;border:1px solid rgba(96,171,255,.24);border-radius:10px;background:#06111f;color:#d8eaff;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-sizing:border-box}
@media(max-width:720px){.dedicated-share-actions .btn{min-height:52px;font-size:15px}.dedicated-share-note{font-size:11px}.dedicated-fallback-head{display:block}.dedicated-fallback-head span{display:block;margin-top:3px;text-align:left}.dedicated-prompt-text{min-height:220px;max-height:42vh}}


/* V21.2.5 setup rescue link */
.dedicated-rescue-link{appearance:none;border:0;background:transparent;color:#7891aa;font:600 11px/1.4 inherit;text-decoration:underline;text-decoration-color:rgba(120,145,170,.35);text-underline-offset:3px;cursor:pointer;padding:5px 2px;margin:0 auto;opacity:.78;transition:opacity .18s ease,color .18s ease}
.dedicated-rescue-link:hover,.dedicated-rescue-link:focus-visible{opacity:1;color:#a9c5de;outline:none}
.dedicated-rescue-actions{display:grid;gap:8px;padding:10px;border:1px solid rgba(126,158,190,.12);border-radius:12px;background:rgba(7,19,34,.52)}
.dedicated-rescue-actions.hidden{display:none!important}
@media(max-width:720px){.dedicated-rescue-link{font-size:11px}.dedicated-rescue-actions .btn{min-height:46px;font-size:13px}}


/* V21.2.6 SMART RETURN — share help + iPhone result bridge */
.dedicated-help-link{appearance:none;border:0;background:transparent;color:#7e9ab6;font:inherit;font-size:11px;text-decoration:underline;text-decoration-color:rgba(126,154,182,.35);text-underline-offset:3px;cursor:pointer;padding:2px 4px;justify-self:center}
.dedicated-help-link:hover{color:#a8c9e8}.dedicated-share-help{padding:12px 14px;border:1px solid rgba(91,166,232,.17);border-radius:12px;background:rgba(7,23,42,.72);color:#a9bdd1;font-size:11px;line-height:1.6}.dedicated-share-help b{color:#e7f5ff}.dedicated-share-help ol{margin:8px 0 6px;padding-left:22px}.dedicated-share-help li{margin:4px 0}.dedicated-share-help small{color:#7f95aa}
.mobile-return-bridge{width:min(520px,calc(100vw - 28px));text-align:left}.mobile-return-bridge h2{font-size:22px;line-height:1.35}.mobile-return-bridge>p{color:#a6b7c8;line-height:1.7}.bridge-steps{display:grid;grid-template-columns:28px 1fr;gap:9px 10px;margin:18px 0;padding:14px;border:1px solid rgba(91,166,232,.18);border-radius:13px;background:#081726}.bridge-steps b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2d8eff,#7956ff);color:white;font-size:12px}.bridge-steps span{align-self:center;color:#d5e3ef;font-size:13px}.bridge-copy-status{min-height:24px;margin-top:10px;color:#7de2b0;font-size:12px;line-height:1.6;text-align:center}.bridge-manual{margin-top:12px;padding:12px;border:1px solid rgba(241,198,102,.25);border-radius:12px;background:rgba(71,52,15,.18)}.bridge-manual p{margin:0 0 8px;color:#e0c986;font-size:11px}.bridge-manual textarea{width:100%;min-height:90px;box-sizing:border-box;border:1px solid rgba(147,173,204,.22);border-radius:9px;background:#06111f;color:#d8eaff;padding:10px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mobile-return-bridge .btn.is-success{background:linear-gradient(135deg,#1f9a6e,#2e79d7)}
@media(max-width:720px){.mobile-return-bridge{padding:22px 18px}.mobile-return-bridge h2{font-size:20px}.bridge-steps{grid-template-columns:26px 1fr;padding:12px}.bridge-steps span{font-size:12px}}


/* V21.2.8 MOBILE RPG — reference-inspired vertical status sheet */
.mobile-rpg-abilities,.mobile-rpg-strengths,.mobile-rpg-advice,.mobile-rpg-next{display:none}
@media(max-width:720px){
  body{background:#020812}
  .screens{padding-top:calc(8px + var(--safe-top));padding-left:10px;padding-right:10px}
  #screen-home.active{gap:7px}
  .rpg-home-brand{min-height:68px;justify-content:center;position:relative;border-bottom:1px solid rgba(215,169,62,.38);padding-bottom:12px}
  .rpg-home-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1;color:#ffd36d;text-shadow:0 2px 0 #6d4204,0 0 14px rgba(255,187,46,.18)}
  .rpg-home-brand>span{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);margin:0;color:#c5ccd6;font-size:8px;letter-spacing:.18em;white-space:nowrap}
  .rpg-brand-controls{position:absolute;right:0;top:7px}.rpg-mini-control{width:34px;height:34px;background:#071422;border-color:rgba(221,180,73,.22)}
  .panel{border-radius:10px;border-color:rgba(211,165,59,.48);background:linear-gradient(180deg,#061526,#03101d);box-shadow:inset 0 0 0 1px rgba(42,121,190,.08),0 5px 14px rgba(0,0,0,.18)}
  .hero-panel{order:2!important;padding:12px!important;border-color:rgba(211,165,59,.55)}
  .hero-topline{display:grid!important;grid-template-columns:76px 1fr;gap:10px;align-items:start}
  .hero-name-row{display:contents}.home-avatar{grid-column:1;grid-row:1 / span 2;width:72px;height:86px;border-radius:8px;border:1px solid #d29d32;background:#09182a;box-shadow:inset 0 0 0 2px rgba(42,138,220,.24)}
  .hero-name-row>div{grid-column:2}.hero-topline h2{font-size:21px;margin:3px 0}.hero-topline .eyebrow{grid-column:2;color:#9ab0c6;font-size:8px;letter-spacing:.12em}
  .title-chip{grid-column:2;margin:0!important;min-height:42px;border-radius:7px;border-color:rgba(51,145,222,.28);background:#071524;color:#e4edf5;font-size:11px}
  .hero-level-grid{margin-top:10px!important;padding-top:9px;border-top:1px solid rgba(205,160,54,.32);grid-template-columns:74px 1fr 58px!important;gap:7px!important}
  .hero-level-grid>.level-orb{grid-column:1!important;grid-row:1 / span 2!important;min-height:76px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:2px!important}.level-orb span{font-size:7px}.level-orb b{font-size:30px!important;color:#ffc62d!important}
  .hero-level-grid>.hero-exp{grid-column:2 / 4!important;grid-row:1!important;padding:3px 2px 0!important;border:0!important;background:transparent!important}.exp-row{font-size:8px}.hero-exp .meter{height:7px;border:1px solid #9c6717;background:#07101a}.hero-exp .meter i{background:linear-gradient(90deg,#236eff,#7b4cff)}.next-copy{font-size:8px;margin-top:5px}
  .hero-level-grid>.mini-status{grid-row:2!important;min-height:48px!important;padding:6px 8px!important;border-radius:6px!important;background:#061321!important}.hero-level-grid>.mini-status:nth-of-type(3){grid-column:2!important}.hero-level-grid>.mini-status:nth-of-type(4){grid-column:3!important}.mini-status span{font-size:7px}.mini-status b{font-size:15px!important}

  .mobile-rpg-abilities{display:block!important;order:3;padding:11px 12px!important}
  .mobile-rpg-section-title{display:flex;align-items:center;gap:8px;padding-bottom:7px;margin-bottom:8px;border-bottom:1px solid rgba(205,160,54,.26)}.mobile-rpg-section-title span{color:#69d4ff;font-size:8px;letter-spacing:.14em}.mobile-rpg-section-title b{font-size:13px;color:#eef5fb}.mobile-rpg-section-title.gold span,.mobile-rpg-section-title.gold b{color:#ffd05b}.mobile-rpg-section-title.amber span,.mobile-rpg-section-title.amber b{color:#ffbd3d}
  .mobile-ability-bars{display:grid;gap:7px}.mobile-ability-row{display:grid;grid-template-columns:96px 1fr 32px;align-items:center;gap:8px}.mobile-ability-row span{font-size:10px;color:#d7e1e9}.mobile-ability-row i{height:7px;border:1px solid #9a6616;background:#07101b;overflow:hidden}.mobile-ability-row i b{display:block;height:100%;background:linear-gradient(90deg,#2379ff,#5a6dff);box-shadow:0 0 8px rgba(61,112,255,.30)}.mobile-ability-row strong{font-size:11px;text-align:right;color:#eef7ff}

  #screen-home>.boss-banner{order:4!important}.home-main-quest{order:5!important;padding:13px!important;border-color:rgba(93,73,226,.55);background:linear-gradient(180deg,#08152b,#050e1b)}
  .classic-ribbon{margin-bottom:10px!important;padding:5px 9px!important;font-size:7px!important}.home-main-head h2{font-size:14px!important}.home-main-head h2 strong{font-size:28px!important;width:auto!important;height:auto!important;margin-left:3px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#eaf1ff!important}.bonus-chip{min-width:72px!important;padding:6px!important}.bonus-chip span{font-size:9px}.bonus-chip small{font-size:6px}
  .home-quest-meta{margin-top:10px!important;padding:7px 8px!important}.home-main-mission{font-size:14px!important;margin:9px 0 10px!important}.daily-buff{padding:9px!important;font-size:9px!important}.daily-buff small{font-size:8px}
  .quest-start{min-height:68px!important;margin-top:10px!important;border-radius:8px!important}.quest-start b{font-size:22px!important}.quest-start i{font-size:24px!important}.quest-note{font-size:9px!important;margin:7px 2px 0!important}

  .mobile-rpg-strengths{display:block!important;order:6;padding:11px 12px!important}.mobile-strength-list{display:grid;gap:7px}.mobile-strength-list>div{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:start}.mobile-strength-list em{width:23px;height:23px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(180deg,#f4c74a,#9d6812);color:#06101c;font-style:normal;font-weight:950;font-size:11px}.mobile-strength-list b{display:block;color:#edf4fa;font-size:11px}.mobile-strength-list small{display:block;color:#9aaebe;font-size:9px;line-height:1.5;margin-top:1px}
  .mobile-rpg-advice{display:block!important;order:7;padding:11px 12px!important}.mobile-rpg-advice p{margin:0;color:#c6d3de;font-size:10px;line-height:1.75;padding-left:11px;border-left:2px solid #d69a21}
  .mobile-rpg-next{display:block!important;order:8;padding:12px!important;border-color:rgba(116,74,235,.62);background:linear-gradient(135deg,#10132e,#071327)}.mobile-rpg-next-head{display:flex;gap:8px;align-items:center}.mobile-rpg-next-head span{font-size:8px;letter-spacing:.12em;color:#b386ff}.mobile-rpg-next-head b{font-size:13px;color:#dfcaff}.mobile-rpg-next p{margin:8px 0 0;color:#e7edf5;font-size:11px;line-height:1.7}
  #screen-home>.home-daily-growth{order:9!important;padding:11px 12px!important;border-color:rgba(211,165,59,.5);background:#04101c}.daily-growth-head h3{font-size:14px}.daily-level-flow{margin:9px 0;padding:9px;border-radius:7px}.daily-current-level b{font-size:25px}.daily-growth-stats{gap:5px}.daily-growth-stats>div{padding:8px;border-radius:6px}.daily-growth-stats b{font-size:16px}.daily-growth-bottom{gap:5px;margin-top:5px}.daily-growth-bottom>div{padding:8px;border-radius:6px}.daily-growth-message{font-size:9px;margin-top:8px}
  #screen-home>.pc-radar-panel,#screen-home>.home-shortcuts,#screen-home>#profileButton,#screen-home>.weekly-panel,#screen-home>.team-panel,#screen-home>#mobileMoreToggle{display:none!important}
}

/* =========================================================
   V21.3.1 MOBILE VISUAL OVERHAUL
   Reference target: dense JRPG profile / adventure-book HUD
   ========================================================= */
.mobile-rpg-signature{display:none}
.mobile-growth-trend{display:none}
@media(max-width:720px){
  :root{--rq-gold:#e9ad32;--rq-gold2:#775017;--rq-blue:#1677ff;--rq-violet:#9448ff;--rq-ink:#020913}
  body{
    background:
      radial-gradient(circle at 50% -15%,rgba(24,82,146,.20),transparent 35%),
      radial-gradient(circle at 100% 55%,rgba(53,37,118,.10),transparent 28%),
      linear-gradient(180deg,#01060c 0%,#020a13 55%,#01060d 100%);
  }
  body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.30;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:22px 22px}
  .screens{padding-left:8px;padding-right:8px;padding-bottom:calc(88px + var(--safe-bottom));max-width:540px;margin:0 auto}
  #screen-home.active{gap:5px}

  /* logo: bigger, metallic, no app-dashboard feeling */
  .rpg-home-brand{height:82px;min-height:82px;padding:5px 0 13px;border:0!important;overflow:visible}
  .rpg-home-brand:after{content:"";position:absolute;left:9%;right:9%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,#8c6324 22%,#f0be55 50%,#8c6324 78%,transparent);box-shadow:0 0 8px rgba(233,173,50,.25)}
  .rpg-home-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:900;letter-spacing:-.055em;color:#f5c75d;background:linear-gradient(180deg,#fff2ab 0%,#e2a72d 44%,#8b530f 58%,#ffd86c 78%,#a86512 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #382100) drop-shadow(0 0 5px rgba(255,196,62,.20))}
  .rpg-home-brand>span{bottom:3px;color:#b9c4cf;font-size:8px;letter-spacing:.28em;text-shadow:0 1px 2px #000}
  .rpg-brand-controls{right:1px;top:13px}.rpg-mini-control{width:31px;height:31px;border-radius:3px!important;border:1px solid rgba(226,174,62,.33);background:linear-gradient(180deg,#071726,#030b14);color:#d5b260;box-shadow:inset 0 0 0 1px rgba(18,93,157,.16)}

  /* universal RPG metal frame */
  #screen-home .panel{position:relative;border-radius:2px!important;border:1px solid rgba(191,133,35,.88)!important;background:linear-gradient(180deg,rgba(4,18,33,.98),rgba(2,11,21,.99))!important;box-shadow:inset 0 0 0 1px rgba(29,106,164,.28),inset 0 0 24px rgba(0,0,0,.22),0 3px 9px rgba(0,0,0,.35)!important;overflow:visible}
  #screen-home .panel:before,#screen-home .panel:after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;z-index:2}
  #screen-home .panel:before{left:-2px;top:-2px;border-left:2px solid #e4b34f;border-top:2px solid #e4b34f}
  #screen-home .panel:after{right:-2px;bottom:-2px;border-right:2px solid #e4b34f;border-bottom:2px solid #e4b34f}

  /* profile sheet */
  .hero-panel{padding:16px 11px 11px!important;margin-top:4px}
  .hero-panel:after{right:-2px!important;bottom:-2px!important}
  .hero-panel>.hero-topline:before{content:"PROFILE";position:absolute;left:10px;top:-10px;min-width:74px;padding:2px 14px 3px;background:linear-gradient(180deg,#0b2339,#05111e);border:1px solid #8c6324;border-left-color:#dbac43;color:#e9edf2;font-size:9px;letter-spacing:.08em;clip-path:polygon(7px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
  .hero-topline{position:relative;grid-template-columns:92px 1fr!important;gap:10px!important;min-height:112px}
  .home-avatar{width:88px!important;height:108px!important;border-radius:2px!important;border:1px solid #bd8324!important;background:radial-gradient(circle at 50% 40%,#103a62,#04111f 70%)!important;box-shadow:inset 0 0 0 2px #07325a,inset 0 0 0 3px rgba(221,169,56,.55),0 0 12px rgba(20,91,160,.20)!important;font-size:38px!important}
  .hero-topline .eyebrow{display:none}
  .hero-topline h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px!important;font-weight:800;letter-spacing:.04em;color:#f4f4f2!important;text-shadow:0 1px 2px #000;margin:3px 0 5px!important}
  .title-chip{justify-content:flex-start!important;min-height:46px!important;border-radius:2px!important;border:1px solid rgba(60,111,154,.42)!important;background:linear-gradient(180deg,#07182a,#04101c)!important;color:#d5e4ef!important;font-size:10px!important;line-height:1.45;padding:7px 9px!important}
  .title-chip:before{content:"称号";display:inline-block;margin-right:7px;color:#7fd7ff;font-size:8px;letter-spacing:.08em}
  .hero-level-grid{grid-template-columns:84px 1fr 64px!important;border-top:1px solid rgba(192,135,36,.72)!important;margin-top:7px!important;padding-top:6px!important}
  .level-orb b{font-family:Georgia,serif;font-size:32px!important;color:#ffbf27!important;text-shadow:0 1px 0 #6b4300,0 0 8px rgba(255,175,23,.24)}
  .level-orb span{color:#aab9c5!important;letter-spacing:.08em!important}
  .hero-exp .meter{height:8px!important;border-radius:0!important;border-color:#93621a!important;background:#02070d!important}.hero-exp .meter i{background:linear-gradient(90deg,#136bff 0%,#1a7dff 63%,#8751ff 100%)!important;box-shadow:0 0 5px #166cff}
  .exp-row span,.exp-row b{color:#d1dbe3!important}.next-copy{color:#9cb0c0!important}
  .hero-level-grid>.mini-status{border-radius:1px!important;border:1px solid rgba(38,93,137,.42)!important;background:linear-gradient(180deg,#061729,#030c16)!important}
  .mini-status span{color:#8fa6b8!important}.mini-status b{color:#eef5fa!important}

  /* parameter block */
  .mobile-rpg-abilities{padding:10px 11px 12px!important}
  .mobile-rpg-section-title{position:relative;margin:0 0 8px!important;padding:0 0 7px!important;border-bottom:1px solid rgba(184,127,29,.68)!important}.mobile-rpg-section-title:after{content:"";position:absolute;left:0;bottom:-1px;width:62px;height:1px;background:#d8a63e;box-shadow:0 0 6px rgba(226,171,58,.45)}
  .mobile-rpg-section-title span{font-size:7px!important;color:#60c8ff!important}.mobile-rpg-section-title b{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:13px!important;letter-spacing:.04em!important;color:#f1f4f6!important}
  .mobile-ability-bars{gap:6px!important}
  .mobile-ability-row{grid-template-columns:116px 1fr 34px!important;gap:7px!important;min-height:21px}
  .mobile-ability-row span{position:relative;padding-left:20px;font-size:10px!important;color:#edf0f3!important}.mobile-ability-row span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;text-align:center;font-size:11px;filter:drop-shadow(0 0 4px rgba(65,152,255,.45))}.mobile-ability-row:nth-child(1) span:before{content:"♥";color:#ff4e5c}.mobile-ability-row:nth-child(2) span:before{content:"★";color:#ffc125}.mobile-ability-row:nth-child(3) span:before{content:"◆";color:#a8df23}.mobile-ability-row:nth-child(4) span:before{content:"↗";color:#4dbaff}.mobile-ability-row:nth-child(5) span:before{content:"✧";color:#23d6ff}
  .mobile-ability-row i{height:7px!important;border-radius:0!important;border:1px solid #9b6816!important;background:#02070d!important;box-shadow:inset 0 0 4px #000}.mobile-ability-row i b{background:linear-gradient(90deg,#0875ff,#296fff 68%,#6f52ff)!important;box-shadow:0 0 6px rgba(40,112,255,.65)!important}.mobile-ability-row strong{font-family:Georgia,serif;font-size:12px!important;color:#f3f5f7!important}

  /* signature skill: large purple reward panel */
  .mobile-rpg-signature{display:grid!important;order:4!important;grid-template-columns:58px 1fr auto;gap:9px;align-items:center;padding:11px 10px!important;border-color:#7850d7!important;background:radial-gradient(circle at 12% 50%,rgba(132,56,255,.28),transparent 28%),linear-gradient(135deg,#10102d 0%,#071329 52%,#040b17 100%)!important;box-shadow:inset 0 0 0 1px rgba(128,75,249,.22),0 0 14px rgba(83,47,175,.10)!important}
  .mobile-rpg-signature:before{border-left-color:#a06cff!important;border-top-color:#a06cff!important}.mobile-rpg-signature:after{border-right-color:#a06cff!important;border-bottom-color:#a06cff!important}
  .mobile-signature-icon{width:52px;height:52px;display:grid;place-items:center;font-size:34px;color:#e0c5ff;text-shadow:0 0 8px #8c3cff,0 0 18px #6d30ff;transform:rotate(-12deg);background:radial-gradient(circle,rgba(131,70,255,.28),transparent 68%)}
  .mobile-signature-copy span{display:block;color:#d5dce6;font-size:8px;letter-spacing:.14em}.mobile-signature-copy h3{margin:2px 0 4px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;line-height:1.15;color:#d87bff;text-shadow:0 0 8px rgba(191,72,255,.35)}.mobile-signature-copy p{margin:0;color:#cbd1dc;font-size:8.7px;line-height:1.55}.mobile-rpg-signature>strong{align-self:start;margin-top:0;padding:3px 7px;border-radius:2px;background:linear-gradient(180deg,#7133e8,#4720a8);color:#f2eaff;font-size:8px;letter-spacing:.06em;box-shadow:0 0 8px rgba(121,52,236,.28)}

  #screen-home>.boss-banner{order:5!important}
  .home-main-quest{order:6!important;padding:12px 11px!important;border-color:#8c5ed8!important;background:radial-gradient(circle at 90% 90%,rgba(102,37,188,.20),transparent 30%),linear-gradient(180deg,#080d21,#030b16)!important}
  .classic-ribbon{border-radius:1px!important;background:linear-gradient(90deg,#4e247c,#1d3055)!important;border:1px solid rgba(160,106,230,.38)!important;color:#dec9ff!important}
  .home-main-head h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif!important;color:#e9edf2!important}.home-main-head h2 strong{font-family:Georgia,serif!important;color:#ffcf47!important;text-shadow:0 0 8px rgba(255,181,38,.18)}
  .home-quest-meta{border-radius:1px!important;border-color:rgba(74,113,155,.38)!important;background:#06111e!important}.home-main-mission{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px!important;line-height:1.55!important;color:#f1f3f5!important}
  .daily-buff{border-radius:1px!important;border-left:2px solid #8058ff!important;background:linear-gradient(90deg,rgba(79,40,135,.24),rgba(8,21,39,.72))!important}.daily-buff span{color:#ad84ff!important}.daily-buff b{color:#f0e7ff!important}
  .quest-start{position:relative;overflow:hidden;min-height:71px!important;border-radius:2px!important;border:1px solid #9d72ff!important;background:linear-gradient(100deg,#126fff 0%,#4459ff 48%,#7b3ce7 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 0 16px rgba(75,80,255,.27)!important}.quest-start:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.15) 47%,transparent 59%);transform:translateX(-120%);animation:rqQuestSheen 4.2s ease-in-out infinite}.quest-start small{letter-spacing:.2em!important}.quest-start b{font-family:Georgia,"Times New Roman",serif;font-size:23px!important;letter-spacing:.035em;text-shadow:0 1px 2px rgba(0,0,0,.4)}
  @keyframes rqQuestSheen{0%,70%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
  .quest-note{color:#889baa!important}.quest-note b{color:#d9e6ef!important}

  /* strengths/advice = paper-like dense status rows */
  .mobile-rpg-strengths{order:7!important;padding:10px 11px!important}.mobile-rpg-section-title.gold span,.mobile-rpg-section-title.gold b{color:#ffca43!important}
  .mobile-strength-list{gap:5px!important}.mobile-strength-list>div{grid-template-columns:28px 1fr!important;gap:7px!important}.mobile-strength-list em{width:24px!important;height:24px!important;border-radius:1px!important;clip-path:polygon(50% 0,100% 26%,90% 100%,10% 100%,0 26%);background:linear-gradient(180deg,#ffd35e,#9e6507)!important;color:#07101b!important;font-family:Georgia,serif;font-size:12px!important}.mobile-strength-list b{font-size:10.5px!important;color:#f2f3f4!important}.mobile-strength-list small{font-size:8.5px!important;color:#abb8c4!important}
  .mobile-rpg-advice{order:8!important;padding:10px 11px!important}.mobile-rpg-section-title.amber span,.mobile-rpg-section-title.amber b{color:#ffc02d!important}.mobile-rpg-advice p{padding-left:16px!important;border-left:0!important;position:relative;font-size:9.2px!important;color:#d7dee5!important}.mobile-rpg-advice p:before{content:"•";position:absolute;left:2px;color:#ffc02d;font-size:16px;line-height:1}

  .mobile-rpg-next{order:9!important;padding:10px 11px 12px!important;border-color:#8c57d9!important;background:radial-gradient(circle at 90% 60%,rgba(111,44,205,.20),transparent 30%),linear-gradient(135deg,#100b26,#06111e)!important}.mobile-rpg-next-head span{color:#a879ff!important}.mobile-rpg-next-head b{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:#d9bcff!important;font-size:13px!important}.mobile-rpg-next p{padding:7px 8px;margin-top:8px!important;border-left:2px solid #7e4de1;background:rgba(9,14,33,.58);font-size:9.5px!important;color:#e4e8ee!important}

  /* growth = compact status + real RPG-like trend graph */
  #screen-home>.home-daily-growth{order:10!important;padding:10px 11px 11px!important;background:linear-gradient(180deg,#041321,#020b13)!important}
  .daily-growth-head{padding-bottom:6px;border-bottom:1px solid rgba(193,136,35,.62)}.daily-growth-head span{color:#f0ad2b!important}.daily-growth-head h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px!important;color:#ffd05a!important}.daily-growth-head small{color:#8ea0ae!important}
  .daily-level-flow{border-radius:1px!important;border:1px solid rgba(43,90,126,.42)!important;background:#04101b!important}.daily-start-level b,.daily-current-level b{font-family:Georgia,serif}.daily-current-level b{color:#ffd14d!important;text-shadow:0 0 7px rgba(255,194,37,.2)}
  .daily-growth-stats>div,.daily-growth-bottom>div{border-radius:1px!important;border:1px solid rgba(38,81,113,.38)!important;background:#03101b!important}.daily-growth-stats span,.daily-growth-bottom span{color:#8097a8!important}.daily-growth-stats b{font-family:Georgia,serif;color:#edf3f7!important}
  .mobile-growth-trend{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(194,135,34,.52)}.mobile-growth-trend-head{display:flex;align-items:baseline;justify-content:space-between}.mobile-growth-trend-head b{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:12px;color:#ffc43f}.mobile-growth-trend-head span{font-size:7px;color:#798c9b}.mobile-growth-trend svg{display:block;width:100%;height:auto;margin-top:2px;overflow:visible}.spark-axis{stroke:#394757;stroke-width:1}.spark-line{fill:none;stroke:#ffad18;stroke-width:2.4;filter:drop-shadow(0 0 2px rgba(255,171,24,.35))}.spark-dot{fill:#fff4c3;stroke:#ff9d00;stroke-width:2.3}.spark-label{fill:#dce6ee;font:8px ui-sans-serif,system-ui,sans-serif}.daily-growth-message{display:none!important}

  #screen-home>.pc-radar-panel,#screen-home>.home-shortcuts,#screen-home>#profileButton,#screen-home>.weekly-panel,#screen-home>.team-panel,#screen-home>#mobileMoreToggle{display:none!important}
}


/* V21.3.3 MOBILE FLOW — responsive rebuild + clear quest/save UX */
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .screens{width:100%;max-width:520px!important;margin:0 auto!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(104px + var(--safe-bottom))!important;box-sizing:border-box;scroll-padding-bottom:calc(104px + var(--safe-bottom))}
  #screen-home.active{display:flex!important;flex-direction:column!important;gap:9px!important;width:100%!important;min-width:0!important}
  #screen-home>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;align-self:stretch!important}
  #screen-home .panel{min-width:0!important;max-width:100%!important}
  .rpg-home-brand{display:block!important;position:relative!important;height:86px!important;min-height:86px!important;padding:8px 82px 16px 2px!important;box-sizing:border-box!important;text-align:left!important}
  .rpg-home-brand strong{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(25px,8.1vw,34px)!important;letter-spacing:-.055em!important;line-height:1.06!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
  .rpg-home-brand>span{left:2px!important;bottom:9px!important;transform:none!important;margin:0!important;font-size:8px!important;letter-spacing:.21em!important;white-space:nowrap!important}
  .rpg-brand-controls{position:absolute!important;right:0!important;top:7px!important;display:flex!important;gap:6px!important;z-index:4!important}
  .rpg-mini-control{width:35px!important;height:35px!important;min-width:35px!important}
  .hero-panel{padding:17px 12px 12px!important;margin-top:2px!important}
  .hero-topline{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:7px!important;min-height:116px!important;align-items:start!important}
  .hero-topline>div:first-child{display:contents!important}.hero-name-row{display:contents!important}
  .home-avatar{grid-column:1!important;grid-row:1 / span 2!important;width:94px!important;height:112px!important;max-width:100%!important;box-sizing:border-box!important;font-size:36px!important}
  .hero-name-row>div{grid-column:2!important;grid-row:1!important;min-width:0!important;padding-top:3px!important}
  .hero-topline h2{font-size:clamp(20px,5.5vw,24px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:4px 0 6px!important}
  .title-chip{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;padding:8px 9px!important}
  .title-chip span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .hero-level-grid{display:grid!important;grid-template-columns:80px minmax(0,1fr) minmax(72px,.62fr)!important;gap:7px!important;width:100%!important;min-width:0!important;margin-top:10px!important;padding-top:9px!important}
  .hero-level-grid>.level-orb{grid-column:1!important;grid-row:1 / span 2!important;min-width:0!important}.hero-level-grid>.hero-exp{grid-column:2 / 4!important;grid-row:1!important;min-width:0!important}.hero-level-grid>.mini-status:nth-of-type(3){grid-column:2!important;grid-row:2!important;min-width:0!important}.hero-level-grid>.mini-status:nth-of-type(4){grid-column:3!important;grid-row:2!important;min-width:0!important}.hero-level-grid>.mini-status{overflow:hidden!important}.mini-status b{white-space:nowrap!important}
  .mobile-rpg-abilities{width:100%!important;padding:12px!important}.mobile-ability-bars{width:100%!important;gap:8px!important}.mobile-ability-row{display:grid!important;grid-template-columns:minmax(108px,.92fr) minmax(72px,1fr) 30px!important;gap:7px!important;width:100%!important;min-width:0!important;align-items:center!important}.mobile-ability-row span{min-width:0!important;white-space:nowrap!important;font-size:10px!important}.mobile-ability-row i{width:100%!important;min-width:0!important}.mobile-ability-row strong{width:30px!important}
  .mobile-rpg-signature{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-width:0!important;padding:13px 12px!important;position:relative!important}.mobile-signature-icon{width:48px!important;height:56px!important;font-size:30px!important}.mobile-signature-copy{min-width:0!important;padding-right:68px!important}.mobile-signature-copy h3{font-size:clamp(17px,4.8vw,20px)!important;white-space:normal!important;overflow-wrap:anywhere!important}.mobile-signature-copy p{font-size:9.4px!important;line-height:1.6!important}.mobile-rpg-signature>strong{position:absolute!important;right:10px!important;top:10px!important;margin:0!important;max-width:66px!important;text-align:center!important}
  .home-main-quest,.mobile-rpg-strengths,.mobile-rpg-advice,.mobile-rpg-next,#screen-home>.home-daily-growth{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .mobile-quest-note{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin:10px 1px 2px!important;padding:9px 10px!important;border:1px solid rgba(91,154,255,.22)!important;background:rgba(7,23,42,.72)!important;text-align:left!important;line-height:1.45!important}.mobile-quest-note span{display:none!important}.mobile-quest-note b{font-size:10px!important;color:#eef6ff!important}
  .result-import{width:100%!important;box-sizing:border-box!important;margin-top:9px!important;min-height:58px!important}.result-import b{font-size:12px!important}
  .daily-growth-stats,.daily-growth-bottom{min-width:0!important}.daily-growth-stats>div,.daily-growth-bottom>div{min-width:0!important;overflow:hidden!important}.mobile-growth-trend svg{max-width:100%!important}
  .bottom-nav{height:calc(76px + var(--safe-bottom))!important;min-height:calc(76px + var(--safe-bottom))!important;z-index:80!important}.bottom-nav button{min-width:0!important}
  .quest-launch-mobile.compact{width:min(calc(100vw - 28px),430px)!important;padding:22px 16px 17px!important}.quest-launch-mobile.compact h2{font-size:19px!important;line-height:1.38!important;margin:8px 0 15px!important}.quest-launch-mobile.compact h2 strong{display:inline-block;margin-top:4px;color:#fff;font-size:23px;text-shadow:0 0 10px rgba(81,128,255,.42)}
  .quest-mobile-steps.compact>div{grid-template-columns:34px minmax(0,1fr)!important;min-height:50px!important}.quest-mobile-steps.compact>div.is-primary{min-height:72px!important;border-color:rgba(95,131,255,.72)!important;background:linear-gradient(135deg,rgba(32,91,211,.34),rgba(92,49,190,.28))!important;box-shadow:inset 0 0 0 1px rgba(122,159,255,.18),0 0 18px rgba(70,94,255,.12)!important}.quest-mobile-steps.compact>div.is-primary strong{background:linear-gradient(180deg,#3b83ff,#6a4eff)!important;color:#fff!important}.quest-mobile-steps.compact>div.is-primary span b{display:block!important;font-size:14px!important;color:#fff!important}.quest-mobile-steps.compact>div.is-primary span small{display:block!important;margin-top:4px!important;color:#a9c8ff!important;font-size:9px!important}.quest-launch-mobile.compact .btn-hero{min-height:58px!important;font-size:15px!important}
  .save-data-modal{width:min(calc(100vw - 28px),430px)!important}
}
@media(max-width:390px){
  .screens{padding-left:10px!important;padding-right:10px!important}.rpg-home-brand{padding-right:76px!important}.rpg-home-brand strong{font-size:clamp(24px,7.8vw,30px)!important}.hero-topline{grid-template-columns:88px minmax(0,1fr)!important;column-gap:10px!important}.home-avatar{width:86px!important;height:104px!important}.hero-level-grid{grid-template-columns:74px minmax(0,1fr) minmax(68px,.64fr)!important}.mobile-ability-row{grid-template-columns:minmax(104px,.95fr) minmax(60px,1fr) 28px!important;gap:6px!important}.mobile-signature-copy{padding-right:62px!important}
}


/* V21.3.4 ONE TAP SAVE BASE */
.mobile-save-one-tap .save-reflect-main{min-height:64px;font-size:18px;font-weight:900;letter-spacing:.02em;margin-top:16px}
.mobile-save-one-tap .save-data-status{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45}
@media (max-width: 700px){
  #importQuestResult.result-import:not(.hidden){display:grid!important;grid-template-columns:42px 1fr;align-items:center;width:100%;min-height:74px;margin:14px 0 4px;padding:13px 15px;border:1px solid rgba(255,210,94,.75);box-shadow:0 0 0 1px rgba(132,88,255,.2) inset,0 10px 28px rgba(0,0,0,.3),0 0 22px rgba(115,80,255,.18);}
  #importQuestResult.result-import span{grid-row:1/3;font-size:26px}
  #importQuestResult.result-import b{font-size:16px;line-height:1.25;text-align:left}
  #importQuestResult.result-import small{font-size:11px;line-height:1.35;text-align:left;opacity:.82}
  .save-data-modal{width:min(92vw,420px)!important;padding:24px 18px calc(20px + env(safe-area-inset-bottom))!important}
}


/* V21.3.5 STRICT GATE SAVE */
.save-fallback{margin-top:12px;padding:12px;border:1px solid rgba(255,210,94,.45);background:rgba(7,12,28,.78);text-align:left}
.save-fallback label{display:block;font-weight:900;font-size:13px;margin-bottom:8px;color:#ffe29a}
.save-fallback textarea{width:100%;min-height:72px;resize:none;border:1px solid rgba(130,158,255,.48);background:#060b1c;color:#fff;border-radius:10px;padding:12px;font-size:14px;line-height:1.4}
.save-fallback small{display:block;margin-top:7px;opacity:.78;line-height:1.4}
@media(max-width:700px){.mobile-save-one-tap{width:min(94vw,430px)!important}.mobile-save-one-tap h2{font-size:26px}.mobile-save-one-tap .save-reflect-main{min-height:70px;font-size:19px}.save-fallback textarea{font-size:16px}}


/* V21.4 FINAL SYNC — one-path save, smart coach, device sync */
.rq-coach-panel{position:relative;overflow:hidden;padding:16px 18px;border-color:rgba(95,119,255,.4);background:linear-gradient(145deg,rgba(8,24,47,.96),rgba(13,12,39,.96))}
.rq-coach-panel::after{content:"";position:absolute;inset:auto -20% -80% 35%;height:150px;background:radial-gradient(circle,rgba(91,67,255,.22),transparent 68%);pointer-events:none}
.rq-coach-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.rq-coach-head span{display:block;color:#6fd7ff;font-size:9px;font-weight:950;letter-spacing:.18em}.rq-coach-head b{display:block;margin-top:5px;color:#f4f7ff;font-size:16px}.rq-coach-head em{font-style:normal;padding:5px 8px;border:1px solid rgba(111,215,255,.35);border-radius:999px;color:#9be7ff;font-size:9px;font-weight:900;letter-spacing:.1em}.rq-coach-panel>p{margin:12px 0;color:#aebed3;font-size:12px;line-height:1.7}.rq-coach-action{padding:10px 12px;border-left:2px solid #7b63ff;background:rgba(70,61,155,.13)}.rq-coach-action span{display:block;color:#9588ff;font-size:8px;font-weight:900;letter-spacing:.16em}.rq-coach-action b{display:block;margin-top:4px;color:#eaf0ff;font-size:12px;line-height:1.55}
.home-sync-status{display:flex;align-items:center;gap:7px;margin-top:9px;color:#7f99b7;font-size:9px;font-weight:800}.home-sync-status i{width:7px;height:7px;border-radius:50%;background:#60718a;box-shadow:0 0 8px rgba(96,113,138,.3)}.home-sync-status.is-synced{color:#75d9b0}.home-sync-status.is-synced i{background:#57d79b;box-shadow:0 0 10px rgba(87,215,155,.55)}.home-sync-status.is-waiting{color:#f1c978}.home-sync-status.is-waiting i{background:#f1c15e;box-shadow:0 0 10px rgba(241,193,94,.5)}
.sync-settings-panel{margin:18px 0;padding:15px;border:1px solid rgba(86,153,255,.28);border-radius:14px;background:linear-gradient(180deg,rgba(8,24,43,.82),rgba(5,14,29,.88))}.sync-settings-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.sync-settings-head span{display:block;color:#75d8ff;font-size:8px;font-weight:950;letter-spacing:.16em}.sync-settings-head b{display:block;margin-top:3px;color:#eef7ff}.sync-settings-head em{font-style:normal;border:1px solid rgba(96,211,255,.32);border-radius:999px;padding:5px 8px;color:#90e3ff;font-size:9px;font-weight:900}.sync-settings-panel>p{color:#98aec5;font-size:11px;line-height:1.6}.sync-divider{display:flex;align-items:center;gap:9px;margin:14px 0 9px;color:#7187a1;font-size:9px;font-weight:900;letter-spacing:.1em}.sync-divider::before,.sync-divider::after{content:"";height:1px;flex:1;background:rgba(116,145,180,.18)}.sync-code-box{margin:10px 0;padding:13px;text-align:center;border:1px solid rgba(255,210,92,.44);border-radius:12px;background:rgba(52,37,7,.22)}.sync-code-box span,.sync-code-box small{display:block;color:#aeb7c5;font-size:9px}.sync-code-box b{display:block;margin:5px 0;color:#ffe084;font:950 38px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-indent:.22em;text-shadow:0 0 14px rgba(255,195,63,.25)}.sync-redeem-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(150px,1.4fr);gap:8px;margin-top:10px}.sync-code-input{text-align:center;font:900 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.sync-advanced{margin-top:12px;color:#8198b1;font-size:10px}.sync-advanced summary{cursor:pointer;padding:6px 0}.sync-advanced .field-label{margin-top:10px}
.mobile-save-one-tap>p strong{color:#fff}.save-data-close-min.danger-min{color:#9aa8ba;opacity:.66}.save-data-close-min.danger-min:hover{color:#ff9aa4;opacity:1}.save-fallback .btn{margin-top:9px}.save-data-status{white-space:normal}.save-data-modal .save-result-orb{filter:drop-shadow(0 0 12px rgba(111,112,255,.25))}
@media(max-width:720px){
  .rq-coach-panel{padding:13px 12px}.rq-coach-head b{font-size:14px}.rq-coach-panel>p{font-size:10.5px;line-height:1.65}.rq-coach-action b{font-size:10.5px}.home-sync-status{justify-content:center;margin-bottom:1px}
  .sync-redeem-row{grid-template-columns:1fr}.sync-redeem-row .btn{min-height:50px}.sync-code-box b{font-size:34px}
  .mobile-save-one-tap{padding-left:17px!important;padding-right:17px!important}.mobile-save-one-tap>p{font-size:12px;line-height:1.65}.save-data-close-min.danger-min{min-height:42px;margin-top:9px}
}
@media(max-width:430px){.screens{max-width:430px!important}.rq-coach-panel,.home-main-quest,.mobile-rpg-strengths,.mobile-rpg-advice,.mobile-rpg-next,.home-daily-growth{max-width:100%!important}.sync-settings-panel{padding:13px 11px}.sync-code-box b{letter-spacing:.17em;text-indent:.17em}}
@media(max-width:393px){.rpg-home-brand strong{font-size:clamp(23px,7.7vw,29px)!important}.rq-coach-head{gap:8px}.rq-coach-head b{font-size:13px}.sync-settings-head b{font-size:13px}}
@media(max-width:375px){.screens{padding-left:9px!important;padding-right:9px!important}.rpg-home-brand{padding-right:74px!important}.rpg-home-brand strong{font-size:27px!important}.hero-topline{grid-template-columns:84px minmax(0,1fr)!important}.home-avatar{width:82px!important;height:100px!important}.hero-level-grid{grid-template-columns:70px minmax(0,1fr) minmax(64px,.62fr)!important}.mobile-ability-row{grid-template-columns:minmax(99px,.94fr) minmax(54px,1fr) 27px!important}.rq-coach-panel{padding:12px 10px}.rq-coach-panel>p{font-size:10px}.sync-code-box b{font-size:31px}}


/* V21.4 DAILY LOGIN GACHA */
.daily-gacha-ready{position:relative;overflow:hidden}.daily-gacha-ready::before,.gacha-result::before{content:"";position:absolute;inset:-30%;pointer-events:none;background:conic-gradient(from 0deg,transparent,rgba(90,173,255,.08),transparent,rgba(173,111,255,.12),transparent);animation:gachaHalo 8s linear infinite}.daily-gacha-ready>* ,.gacha-result>*{position:relative;z-index:1}.gacha-ready-orb{width:88px;height:88px;margin:18px auto 15px;display:grid;place-items:center;border:1px solid rgba(124,205,255,.38);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(122,211,255,.34),rgba(47,69,132,.32) 38%,rgba(15,19,45,.96) 72%);box-shadow:0 0 26px rgba(83,141,255,.28),inset 0 0 20px rgba(141,104,255,.14);font-size:42px;font-weight:950;color:#d9efff;text-shadow:0 0 16px rgba(133,202,255,.72)}
.gacha-draw-button{min-height:60px;font-size:17px;font-weight:950;box-shadow:0 0 24px rgba(85,124,255,.18)}.gacha-odds{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.gacha-odds span{padding:7px 4px;border:1px solid rgba(124,155,195,.13);border-radius:8px;background:rgba(7,17,29,.72);color:#8195aa;font-size:8px;font-weight:900}.gacha-rarity-stars{margin:-6px 0 8px;color:#ffd768;font-size:13px;letter-spacing:.18em;text-shadow:0 0 12px rgba(255,201,70,.42)}.gacha-game-reward{margin:14px 0 8px;padding:12px;border:1px solid rgba(108,184,255,.2);border-radius:12px;background:rgba(9,29,49,.72)}.gacha-game-reward span,.gacha-game-reward b{display:block}.gacha-game-reward span{color:#7bcaff;font-size:8px;font-weight:950;letter-spacing:.14em}.gacha-game-reward b{margin-top:4px;color:#eff8ff;font-size:13px}.gacha-result.rare{box-shadow:inset 0 0 42px rgba(86,164,255,.06)}.gacha-result.super{box-shadow:inset 0 0 48px rgba(176,93,255,.10)}.gacha-result.ultra{box-shadow:inset 0 0 54px rgba(255,194,68,.14)}.gacha-result.super .gacha-reveal-orb,.gacha-result.ultra .gacha-reveal-orb{filter:drop-shadow(0 0 18px rgba(208,131,255,.55))}.gacha-result.ultra .gacha-reveal-orb{filter:drop-shadow(0 0 22px rgba(255,201,70,.68))}.gacha-spinning .gacha-ready-orb{animation:gachaSpin .65s cubic-bezier(.2,.8,.2,1) infinite}.gacha-spinning{pointer-events:none}
@keyframes gachaSpin{0%{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.15) rotate(180deg);filter:brightness(1.7)}100%{transform:scale(1) rotate(360deg);filter:brightness(1)}}@keyframes gachaHalo{to{transform:rotate(360deg)}}
@media(max-width:430px){.gacha-odds{grid-template-columns:repeat(2,1fr)}.gacha-ready-orb{width:80px;height:80px}.gacha-draw-button{min-height:58px}}

/* Preserve the approved PC HOME layout: new coach/sync HUD is mobile-first. */
@media(min-width:721px){
  #screen-home .rq-coach-panel{display:none!important}
  #screen-home .home-sync-status{display:none!important}
}

/* =========================================================
   V22.0 FINAL — FUTURE MOBILE HUD / QR / SUPPORT / PWA
   PC layout is intentionally protected by mobile media scope.
   ========================================================= */
.future-event-panel{position:relative;overflow:hidden;opacity:.72;filter:saturate(.72);border-style:dashed!important}
.future-event-panel::after{content:"OFFLINE";position:absolute;right:12px;top:12px;padding:4px 7px;border:1px solid rgba(144,164,196,.25);font-size:8px;font-weight:950;letter-spacing:.18em;color:#8293ad;background:rgba(4,9,20,.72)}
.future-event-lock{display:flex;align-items:center;gap:12px;padding:14px 0}.future-event-lock>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(128,149,180,.25);background:rgba(8,15,30,.7);font-size:17px}.future-event-lock b{display:block;color:#b6c0d0}.future-event-lock small{display:block;margin-top:4px;color:#718099;line-height:1.45}
.next-customer-panel{position:relative;overflow:hidden}.next-customer-hud{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid rgba(98,202,255,.25);background:linear-gradient(135deg,rgba(6,26,48,.92),rgba(14,12,42,.92));box-shadow:inset 0 0 28px rgba(67,111,255,.06)}
.next-customer-hud::before,.next-customer-hud::after{content:"";position:absolute;width:42px;height:1px;background:#67dcff;box-shadow:0 0 9px rgba(103,220,255,.75)}.next-customer-hud::before{top:0;left:0}.next-customer-hud::after{bottom:0;right:0;background:#9c72ff;box-shadow:0 0 9px rgba(156,114,255,.72)}
.next-customer-hud .customer-level-orb{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(109,220,255,.45);border-radius:50%;background:radial-gradient(circle at 40% 30%,rgba(87,217,255,.2),rgba(24,25,69,.88) 58%,rgba(4,11,25,.98));box-shadow:0 0 28px rgba(70,139,255,.18),inset 0 0 18px rgba(110,86,255,.16)}
.customer-level-orb span{display:block;color:#72dbff;font-size:8px;font-weight:950;letter-spacing:.13em;text-align:center}.customer-level-orb b{display:block;color:#fff;font:950 24px/1 system-ui;text-shadow:0 0 14px rgba(103,220,255,.38)}
.next-customer-copy span{display:block;color:#7be0ff;font-size:8px;font-weight:950;letter-spacing:.16em}.next-customer-copy b{display:block;margin-top:5px;color:#f5f8ff;font-size:16px}.next-customer-copy small{display:block;margin-top:5px;color:#91a7c3;font-size:10px;line-height:1.45}.next-customer-boss{padding:6px 8px;border:1px solid rgba(255,209,94,.46);color:#ffe08a;background:rgba(74,50,8,.22);font-size:8px;font-weight:950;letter-spacing:.12em;box-shadow:0 0 12px rgba(255,203,73,.12)}
.next-customer-scan{position:absolute;inset:0;pointer-events:none;overflow:hidden}.next-customer-scan::after{content:"";position:absolute;left:0;right:0;height:1px;top:10%;background:linear-gradient(90deg,transparent,rgba(103,225,255,.55),transparent);animation:rqScan 4.8s ease-in-out infinite}
@keyframes rqScan{0%,100%{transform:translateY(0);opacity:.08}50%{transform:translateY(88px);opacity:.45}}
.sync-qr-code{width:196px;min-height:196px;margin:12px auto;display:grid;place-items:center;padding:10px;border:1px solid rgba(104,212,255,.36);background:#fff;box-shadow:0 0 24px rgba(79,158,255,.16)}.sync-qr-code:empty{display:none}.sync-qr-code img,.sync-qr-code canvas{max-width:176px!important;max-height:176px!important}
.support-settings-panel{margin-top:16px;padding:14px;border:1px solid rgba(114,126,255,.25);background:linear-gradient(145deg,rgba(13,19,46,.78),rgba(6,18,31,.82))}.support-settings-panel b{display:block;color:#eaf2ff}.support-settings-panel p{margin:5px 0 11px;color:#8da0bb;font-size:10px;line-height:1.6}
.devices-list{display:grid;gap:8px;margin-top:13px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(101,148,201,.18);background:rgba(7,18,34,.78)}.device-row b,.device-row small{display:block}.device-row b{color:#eff6ff}.device-row small{margin-top:4px;color:#7f94ad;font-size:9px}.device-row .btn{min-height:38px;padding:8px 11px;font-size:10px}
.feedback-textarea{resize:vertical;min-height:132px!important}.feedback-status{min-height:24px;margin-top:10px;color:#83d9ff;font-size:10px;line-height:1.55}.feedback-modal{max-width:520px}
.skill-score-bonus{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;margin:9px auto 15px;max-width:310px;padding:9px 12px;border:1px solid rgba(139,102,255,.36);background:linear-gradient(90deg,rgba(74,53,168,.18),rgba(22,82,129,.18));box-shadow:0 0 22px rgba(107,82,255,.08)}.skill-score-bonus span{grid-column:1/3;color:#9e8cff;font-size:8px;font-weight:950;letter-spacing:.16em}.skill-score-bonus b{color:#fff;font-size:18px}.skill-score-bonus small{color:#83abc5;text-align:right;font-size:9px}.version-check{margin:13px 0;padding:10px;border:1px solid rgba(122,162,217,.2);background:rgba(3,10,22,.65);font:800 10px/1.5 ui-monospace,monospace;color:#a7c7e8}
.install-banner{position:relative;overflow:hidden}.install-banner::before{content:"PWA";position:absolute;right:12px;top:10px;color:#80dfff;font-size:8px;font-weight:950;letter-spacing:.18em;opacity:.65}

@media(max-width:720px){
  body{background:
    radial-gradient(circle at 18% -5%,rgba(36,107,173,.20),transparent 26%),
    radial-gradient(circle at 93% 15%,rgba(106,71,195,.17),transparent 30%),
    linear-gradient(180deg,#030812 0%,#050b18 44%,#070b17 100%)!important}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.16;background-image:linear-gradient(rgba(106,205,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(106,205,255,.04) 1px,transparent 1px);background-size:100% 34px,34px 100%;mask-image:linear-gradient(to bottom,black,transparent 82%)}
  .screens,.bottom-nav,.topbar,.overlay{position:relative;z-index:1}
  .rpg-home-brand{position:relative}.rpg-home-brand::after{content:"SYSTEM ONLINE";display:block;margin-top:3px;color:#55d7ff;font-size:7px;font-weight:950;letter-spacing:.24em;opacity:.78}
  #screen-home .rpg-hero-card,#screen-home .home-main-quest,#screen-home .rq-coach-panel,#screen-home .mobile-rpg-strengths,#screen-home .mobile-rpg-advice,#screen-home .mobile-rpg-next,#screen-home .home-daily-growth{border-radius:4px!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-color:rgba(96,172,244,.25)!important;background-image:linear-gradient(145deg,rgba(6,17,34,.94),rgba(9,10,32,.94))!important;box-shadow:inset 0 0 0 1px rgba(137,95,255,.04),0 12px 34px rgba(0,0,0,.22)!important}
  #screen-home .rpg-hero-card::before,#screen-home .home-main-quest::before{content:"";position:absolute;left:0;top:0;width:58px;height:1px;background:#61d9ff;box-shadow:0 0 10px rgba(97,217,255,.65)}
  .hero-level-value,.home-main-quest .quest-level,.rpg-level strong{font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(96,215,255,.22)}
  .btn-hero{border-radius:3px!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(105deg,#1d5da8 0%,#3e52c9 48%,#7048d6 100%)!important;border:1px solid rgba(125,211,255,.5)!important;box-shadow:0 0 22px rgba(71,113,255,.17),inset 0 0 22px rgba(118,213,255,.06)!important}
  .btn-hero::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b6f0ff,transparent);opacity:.75}
  .bottom-nav{backdrop-filter:blur(18px);background:rgba(3,8,18,.88)!important;border-top-color:rgba(94,177,235,.22)!important;box-shadow:0 -12px 35px rgba(0,0,0,.28)}
  .bottom-nav button.active{color:#8ce8ff!important;text-shadow:0 0 12px rgba(93,222,255,.35)}
  .modal{border-radius:5px!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));border-color:rgba(107,177,241,.32)!important;background:linear-gradient(150deg,rgba(5,14,30,.98),rgba(10,8,31,.98))!important}
  .sync-qr-code{width:184px;min-height:184px}.sync-qr-code img,.sync-qr-code canvas{max-width:164px!important;max-height:164px!important}
  .next-customer-hud{grid-template-columns:58px 1fr auto;padding:13px 11px;gap:9px}.next-customer-hud .customer-level-orb{width:56px;height:56px}.customer-level-orb b{font-size:21px}.next-customer-copy b{font-size:14px}.next-customer-copy small{font-size:9px}
}
@media(max-width:430px){.next-customer-boss{padding:5px 6px;font-size:7px}.sync-qr-code{width:178px;min-height:178px}.sync-qr-code img,.sync-qr-code canvas{max-width:158px!important;max-height:158px!important}}
@media(max-width:393px){.next-customer-hud{grid-template-columns:54px 1fr}.next-customer-hud .customer-level-orb{width:52px;height:52px}.next-customer-boss{grid-column:1/3;justify-self:start}.next-customer-copy b{font-size:13px}}
@media(max-width:375px){.next-customer-hud{padding:11px 9px}.sync-qr-code{width:170px;min-height:170px}.sync-qr-code img,.sync-qr-code canvas{max-width:150px!important;max-height:150px!important}.feedback-modal{width:94vw!important}}
@media(prefers-reduced-motion:reduce){.next-customer-scan::after,.daily-gacha-ready::before,.gacha-result::before{animation:none!important}.btn,.screen,.modal{transition:none!important}}