:root{--ink:#182038;--muted:#78819a;--purple:#6c5ce7;--purple2:#8b7dff;--bg:#f5f6fb;--card:#fff;--green:#28c58b;--shadow:0 12px 34px #4a4d7818}*{box-sizing:border-box}body{margin:0;background:#dde1ee;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}button{font:inherit;border:0;cursor:pointer}#app{max-width:500px;min-height:100dvh;margin:auto;background:var(--bg);position:relative;padding-bottom:88px;overflow:hidden}header{height:78px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;background:#fff}h1,h2,h3,p{margin:0}header h1{font-size:22px}small{color:var(--muted);display:block}.avatar{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#ffadbd,#8a74ff);color:#fff;font-weight:800}.stats{display:flex;background:#fff;padding:8px 20px 15px;gap:9px}.stats div{flex:1;background:#f7f7fc;border-radius:14px;padding:8px;text-align:center}.stats span{font-size:14px}.stats b{font-size:14px;margin:0 4px}.stats small{font-size:9px}.screen{display:none;padding:18px 18px 30px;min-height:650px}.screen.active{display:block}.hero{background:linear-gradient(135deg,#6957ef,#9678ff);min-height:225px;border-radius:27px;color:#fff;padding:25px;display:flex;overflow:hidden;box-shadow:0 18px 35px #6c5ce747}.hero h2{font-size:25px;line-height:1.12;margin:12px 0}.hero p{font-size:13px;opacity:.8;margin-bottom:18px}.hero .pill{background:#ffffff26;color:#fff}.tower{font-size:82px;align-self:flex-end;filter:drop-shadow(0 10px 12px #27205b55);transform:translate(10px,12px)}.pill{display:inline-block;padding:6px 11px;border-radius:99px;background:#eeeafd;color:var(--purple);font-size:11px;font-weight:700}.primary{background:#fff;color:var(--purple);padding:12px 17px;border-radius:13px;font-weight:800}.wide{width:100%;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;padding:16px;margin-top:18px;box-shadow:0 10px 22px #6c5ce73a}h3{font-size:15px;margin:23px 2px 11px}.card{background:var(--card);border-radius:19px;padding:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:13px}.card button,.friend button{margin-left:auto;background:#eeeafd;color:var(--purple);border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800}.card small{font-size:11px;margin-top:4px}.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px}.purple{background:#eeeafd}.progress>div:last-child{flex:1}.ring{width:52px;height:52px;border-radius:50%;border:6px solid #ded9ff;display:grid;place-items:center;color:var(--purple);font-weight:900}.bar{height:8px;background:#eceef5;border-radius:10px;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),#a88cff);border-radius:10px;transition:.4s}.title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.title h2{font-size:22px}.back{width:40px;height:40px;border-radius:13px;background:#fff;font-size:27px;color:var(--ink)}.map{height:545px;border-radius:27px;position:relative;overflow:hidden;background:linear-gradient(#97dbff 0 26%,#8bd58f 26%);box-shadow:var(--shadow)}.map:before{content:'☀️　☁️　　　　　☁️';position:absolute;top:25px;left:20px;font-size:30px}.road{position:absolute;background:#626b7c;border:4px solid #fff3}.r1{width:135%;height:75px;left:-50px;top:270px;transform:rotate(-9deg)}.r2{height:130%;width:60px;left:205px;top:100px}.place{position:absolute;width:136px;min-height:103px;border-radius:20px;background:#ffffffeb;box-shadow:0 10px 25px #21334635;padding:11px;color:var(--ink)}.place span{display:block;font-size:35px}.place b,.place small{display:block}.place small{font-size:9px}.school{top:115px;left:23px}.work{top:96px;right:21px}.home{bottom:55px;left:21px}.bank{bottom:40px;right:21px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:11px 13px;border-radius:13px;background:#fff;color:var(--muted);box-shadow:var(--shadow);font-size:12px}.chip.on{background:var(--purple);color:#fff}.quizintro{margin-top:20px}.quizintro span{font-size:36px}.hidden{display:none!important}.quiztop{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.question{display:block;margin-top:18px;padding:20px}.question h2{font-size:20px;margin:17px 0}.answer{display:block;width:100%;text-align:left;margin:9px 0;padding:14px;border-radius:13px;background:#f2f3f8;color:var(--ink)}.answer.correct{background:#d9f8eb;color:#087b53}.answer.wrong{background:#ffe0e5;color:#b22645}.question p{font-size:12px;color:var(--muted);min-height:34px;margin-top:12px}.result{text-align:center;padding-top:60px}.trophy{font-size:90px}.result h2{font-size:28px}.result p{color:var(--muted);margin:12px}.careerhead{background:linear-gradient(135deg,#242c55,#534caa);color:#fff}.careerhead>span{font-size:49px}.careerhead small{color:#c8c8ef}.careerhead b{color:#9df0cc;font-size:12px}.careeritem,.houseitem{background:#fff;padding:15px;border-radius:17px;margin:10px 0;display:flex;align-items:center;gap:12px}.careeritem.locked{opacity:.5}.careeritem span{font-size:30px}.careeritem i{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted)}.room{height:245px;border-radius:27px;background:linear-gradient(#f7cfae 0 66%,#b07b52 66%);display:grid;place-items:center;box-shadow:inset 0 -20px 30px #60371628}.room div{font-size:70px;text-align:center}.room span{font-size:38px}.houseitem button{margin-left:auto;padding:10px;border-radius:10px;background:var(--purple);color:white}.houseitem button:disabled{background:#ddd}.balance{padding:25px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#1ab98a,#73d3a0)}.balance h2{font-size:30px}.balance small{color:#dcfff5}.tip{margin:14px 0}.tip>span{font-size:30px}.budgetrow{padding:15px;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.budgetrow:first-of-type{border-radius:15px 15px 0 0}.budgetrow:last-of-type{border-radius:0 0 15px 15px}.search{padding:13px;background:#fff;border-radius:14px;margin-bottom:13px}.search input{border:0;outline:0;margin-left:8px}.friend{margin:10px 0}.friend .pink{background:#ff7995}.friend .blue{background:#4fb2e8}.empty{text-align:center;color:var(--muted);padding:50px 25px}.empty span{font-size:50px}.profilehero{text-align:center;padding:15px}.large{display:grid;place-items:center;width:86px;height:86px;margin:auto;font-size:24px}.profilehero h2{margin-top:10px}.profilehero+.card{justify-content:space-around;text-align:center}.danger{width:100%;margin-top:30px;padding:14px;background:#ffe1e7;color:#bf3451;border-radius:14px}nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);height:78px;background:#fff;display:flex;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #27304f15}nav button{flex:1;background:none;color:#9a9fb0;font-size:10px}nav span{display:block;font-size:21px;margin-bottom:3px}nav .selected{color:var(--purple);font-weight:800}#toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,20px);background:#202638;color:#fff;padding:12px 18px;border-radius:12px;opacity:0;transition:.25s;z-index:20;white-space:nowrap;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){#app{box-shadow:0 0 80px #15193630}}