/* Reference-inspired mobile interface; loaded after legacy component styles. */
:root{color-scheme:light;--bg:#fff;--panel:#f2f5f8;--panel2:#e9eff6;--line:#dce4ed;--text:#19212c;--muted:#617083;--lime:#2469da;--orange:#a1530b;--blue:#2469da;--pink:#aa3e76;--worth-0:#4597ac;--worth-1:#ef7180;--worth-2:#eab865;--worth-3:#a785b7;--worth-4:#75ab9b;font-family:'DM Sans',system-ui,sans-serif}
body{background:#fff}h1,h2,.serif{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.025em}h1{font-size:2.55rem}h2{font-size:1.65rem}p{line-height:1.6}small,.note,.help-text{font-size:.875rem}.shell{max-width:1320px;grid-template-columns:215px minmax(0,1fr)}.main{padding:30px 42px 50px}.sidebar{padding:32px 22px;background:#f9fbfd;border-right:1px solid var(--line);gap:40px}.mark{background:#2877ef;color:white}.brand{letter-spacing:-.04em}.nav{gap:12px}.nav button{gap:12px;padding:13px;color:#69798c}.nav button.active{background:#e8f0ff;color:#236bdc}.nav svg{flex:none}.side-bottom{gap:18px}.side-bottom button:hover,.plain:hover{color:#2469da}.bottom-nav{display:none}.topbar{margin-bottom:28px}.topbar .plain{color:#2469da;font-weight:600}.intro{margin-bottom:28px}.intro h1{font-size:2.4rem}.intro .eyebrow{font-size:.75rem;letter-spacing:.07em}.intro p{font-size:.95rem}.time-block{font-size:.85rem}.btn{background:#2878ef;color:#fff;border:1px solid transparent;border-radius:12px;padding:12px 20px;min-height:46px;font-weight:600;box-shadow:none}.btn:hover{background:#1c61c8}.btn.secondary{background:#eaf0f7;border:1px solid #dce5ef;color:#245c9c}.btn.secondary:hover{background:#dce8f7}.btn.danger{background:#b6354a;color:white}.btn:disabled{opacity:.5}.button-row{gap:10px;flex-wrap:wrap}.positive{color:#14764b}.negative{color:#b4374b}.panel,.stat,.country-card,.challenge-card{background:#f3f6f9;border:1px solid #e4eaf0;border-radius:20px;box-shadow:none}.panel p{margin-top:10px}.chip{background:#f0f4fa;color:#526780;border-color:#dce5ef}.chip.lime{background:#e9f1ff;color:#2363b4;border-color:#c9dbf5}.feature-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;width:100%;min-height:124px;border:0;border-radius:22px;padding:25px;background:linear-gradient(120deg,#eaf2ff,#d4e4ff);color:#173a6a;gap:8px}.feature-link span{font-size:1.5rem;font-weight:700}.feature-link small{color:#42628b;font-size:.95rem}.feature-link:hover{background:#d1e4ff}.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.balance-card{padding:30px 32px;border-radius:28px;background:linear-gradient(120deg,#416fbd,#172d57);color:#fff;display:grid;gap:13px;min-height:205px}.balance-card>span{font-size:1.05rem}.balance-card>strong{font-size:clamp(2rem,4vw,3.4rem);font-weight:650;letter-spacing:-.035em;overflow-wrap:anywhere}.balance-card small{color:#dae7ff}.invest-tabs{display:flex;margin:0 0 24px;border-bottom:1px solid #dee5ed}.invest-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:white;padding:15px 6px;color:#5e6772;min-height:55px}.invest-tabs button.active{color:#2965ba;border-color:#2965ba}.estimate-note{font-size:.875rem;color:#64758b;line-height:1.6;margin:20px 0 28px}.wealth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.asset-card{background:#f0f4f8;padding:23px;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.asset-card>strong{font-size:1.4rem}.asset-card h3{font-size:1.22rem}.asset-card p{font-size:.92rem;color:#607083}.asset-card .button-row{margin-top:auto;width:100%}.asset-symbol{min-width:52px;height:52px;border-radius:18px;background:#dbe9ff;color:#2459a3;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;padding:8px}.asset-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:.85rem}.income-total{display:flex;flex-direction:column;gap:6px;border-radius:20px;margin-top:18px;padding:24px 30px;background:#eaf5f2}.income-total strong{font-size:2rem;color:#126849}.income-total span{color:#43715f}.metric-tile{background:#f2f5f9;border-radius:18px;padding:22px;display:grid;gap:8px}.metric-tile>span{color:#637184}.metric-tile>strong{font-size:1.6rem}.fortune{margin-bottom:26px}.fortune>span{color:#677587}.fortune>strong{display:block;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.035em;overflow-wrap:anywhere}.fortune p{color:#6b7785;margin-top:5px}.worth-bar{display:flex;height:17px;gap:3px;margin-bottom:24px;overflow:hidden;border-radius:6px;background:#f1f5f8}.worth-bar i{min-width:3px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-tile{border-left:15px solid;background:#f4f7fa;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:4px;min-width:0}.profile-tile span{font-size:.9rem;color:#687586}.profile-tile strong{font-size:1.18rem;overflow-wrap:anywhere}.section-heading{margin:30px 0 18px;gap:12px;flex-wrap:wrap}.story{background:linear-gradient(130deg,#e9f2ff,#d7e7fb);border:1px solid #d3e0ef;color:#163157}.story .eyebrow,.story p,.story-footer{color:#486485}.choice{background:#fff;border-color:#c4d5ec;color:#1d3654}.choice:hover{background:#f4f8ff}.choice small{color:#537197}.activity{background:#f4f7fa;color:#19212c;border-color:#dde6ef}.activity:hover{background:#e9f1fb}.filter{color:#536a84;border-color:#dce5ee;background:#f3f6fa}.filter.active{background:#276fd9;color:#fff;border-color:#276fd9}.start-card{background:linear-gradient(120deg,#e8f2ff,#d8e6ff);border-color:#c5d6f1}.start-card p{color:#49627d}.result{background:#e9f2ff;color:#214b7d;border-color:#cee0fa}.source-note{background:#edf2f8;color:#435a72}.journal-entry{background:#f1f5fa}.avatar-controls,.avatar-preview,.room-preview{background:#f2f5f8;color:#25384d}.avatar-stage{background:radial-gradient(ellipse at center,#dbe9ec,#adc4cf)}.character-banner{background:#ecf2f9;border-color:#d4e0ee}.character-banner small{color:#52667e}.footer-note{font-size:.875rem}dialog{background:white;color:#19212c;border:1px solid #dce4ee;border-radius:24px;box-shadow:0 25px 90px #172a4b33}input,select{background:#fff;color:#19212c;border-color:#bdcbda}#toast{background:#172b4d;color:white}a{color:#2469da}
@media(max-width:850px){.shell{display:block}.sidebar{position:static;display:flex;padding:18px 20px;background:#fff;border-bottom:0;height:auto}.sidebar .nav,.sidebar .side-bottom{display:none}.main{padding:12px 20px 115px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fffffff5;border-top:1px solid #e4eaf1;padding:9px 8px max(12px,env(safe-area-inset-bottom));gap:2px;box-shadow:0 -4px 22px #19345b08}.bottom-nav button{flex:1;min-width:0;border:0;background:transparent;color:#738296;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:52px;padding:4px 0;font-size:.75rem}.bottom-nav button.active{color:#256ee0}.bottom-nav button.active svg{stroke-width:2}.topbar{margin-bottom:22px}.intro h1{font-size:2rem}.balance-card{padding:25px;border-radius:25px;min-height:190px}.intro .eyebrow{display:none}.intro p{font-size:.9rem}.intro{gap:14px}#toast{bottom:90px}.wealth-grid{gap:14px}.nav button span:last-child{display:inline}}
@media(max-width:560px){.wealth-grid,.destination-grid{grid-template-columns:1fr}.intro{align-items:flex-start}.intro h1{font-size:2rem}.invest-tabs{margin-left:-4px;margin-right:-4px}.invest-tabs button{font-size:.875rem;padding:13px 3px}.balance-card>strong{font-size:2.6rem}.asset-card{padding:22px}.profile-tile{padding:12px 10px;border-left-width:11px}.profile-grid{gap:10px}.profile-tile span{font-size:.8rem}.profile-tile strong{font-size:1.05rem}.fortune p{font-size:.9rem}.income-total{padding:22px}.fortune>strong{font-size:2.5rem}.topbar .chip{display:none}.intro p{max-width:240px}.time-block{font-size:.8rem;flex-shrink:0}.fields{grid-template-columns:1fr}.asset-top .positive,.asset-top .negative{font-size:.8rem}.feature-link{min-height:115px}.btn{padding:12px 16px}}