@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#59496a;--purple:#8f6fb1;--deep:#70528d;--mint:#9fe7cd;--yellow:#ffdc82;--panel:#fffdfd;--line:#e7dcef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Nunito,"Trebuchet MS",Arial,sans-serif;background:linear-gradient(180deg,#f8efff 0,#e7f8ff 55%,#eefbea 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7d5cca;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.44}.shell{max-width:1460px;margin:auto;padding:18px 20px}.hero{display:flex;gap:20px;justify-content:space-between;align-items:center;border:2px solid #fff;border-radius:28px;padding:16px 24px;background:#ffffffdf;box-shadow:0 12px 35px #76569f17;backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:14px}.logo{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#ffddeb,#e2e0ff);box-shadow:inset 0 -5px #ffffff75}.logo img{width:54px;height:54px;object-fit:contain}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;line-height:1;margin:0;font-weight:900;color:#785795}.brand p{margin:5px 0 0;color:#9786a1;font-weight:700}.stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stat{padding:8px 13px;min-width:142px;background:#fff;border-radius:18px;border:2px solid #f0e5f4;display:flex;align-items:center;gap:8px}.stat>img{width:36px;height:36px;object-fit:contain}.stat small{display:block;color:#a18ea8;font-size:10px;letter-spacing:1.1px;font-weight:900}.stat strong{font-weight:900;font-size:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button img,.btn-icon{width:28px;height:28px;object-fit:contain;flex:0 0 auto}.bonus{border:0;background:linear-gradient(125deg,#ffdc86,#ffb98e);color:#714b4b;font-weight:900;border-radius:17px;padding:11px 15px;box-shadow:0 5px 0 #e3a278}.bonus.active{background:linear-gradient(125deg,#cbffd0,#8ee0bf);box-shadow:0 5px 0 #65be9f}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 7px 15px}.tower-chooser{display:flex;gap:15px;align-items:center}.round-icon{border:2px solid #eedfee;background:#fff;width:46px;height:46px;border-radius:15px;padding:6px;display:grid;place-items:center}.round-icon img{width:100%;height:100%;object-fit:contain}.tower-chooser strong{font-size:21px;display:block;font-weight:900}.tower-chooser small{display:block;color:#9681a1;font-weight:800}.toolbar p{background:#ffffffc9;padding:9px 16px;border-radius:15px;margin:0;max-width:58%;font-weight:800;box-shadow:0 4px 15px #9783ac0d}.scene-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.skyline{overflow:hidden;border:5px solid #fff9;background:linear-gradient(#cdefff,#fff8ef 63%,#d8f0d8);border-radius:32px;box-shadow:0 18px 35px #624c8822;padding:18px 12px 0;position:relative;min-width:0}.tower-roof{position:relative;text-align:center;width:min(800px,100%);margin:20px auto 0;background:linear-gradient(135deg,#b99ad5,#9b7bbb);border:7px solid #81639e;border-radius:55% 55% 0 0 / 44px 44px 0 0;height:68px;padding-top:20px;box-shadow:inset 0 10px #ffffff30}.tower-roof span{font-size:18px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 2px #735b89}.tower-scroll{max-height:min(72vh,820px);overflow:auto;scrollbar-color:#c8b1dc #f4eefa;scrollbar-width:thin;width:min(800px,100%);margin:auto;overscroll-behavior:contain;border:9px solid #81639e;border-top:0;border-bottom:0;background:#f7effb}.tower-shaft{display:flex;flex-direction:column}.floor{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:10px;min-height:256px;position:relative;padding:11px;background:linear-gradient(115deg,#fffdfd,#fff6fb);border-bottom:9px solid #81639e}.floor:nth-child(even){background:#faf8ff}.floor.locked{filter:saturate(.72)}.shop-scene{position:relative;background-size:cover;background-position:center;overflow:hidden;border-radius:18px;border:3px solid #ffffffb8;box-shadow:0 6px 18px #6e507427;min-height:226px;isolation:isolate}.shop-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff4 0,#fff0 42%,#4a355718 100%);z-index:1;pointer-events:none}.shop-scene:after{content:"";position:absolute;inset:0;border-radius:15px;box-shadow:inset 0 0 0 2px #fff5;z-index:9;pointer-events:none}.shop-tag{position:absolute;z-index:12;top:8px;left:9px;display:flex;align-items:center;gap:7px;background:#fffdf0ed;border-radius:14px;padding:5px 10px 5px 6px;font-size:11px;font-weight:900;color:#73566a;box-shadow:0 3px 8px #0002;border:2px solid #fff}.shop-tag img{width:32px;height:32px;object-fit:contain}.scene-prop{position:absolute;z-index:4;object-fit:contain;filter:drop-shadow(0 5px 3px #38294635)}.scene-prop.a{left:10px;bottom:7px;width:82px;height:82px}.scene-prop.b{right:6px;bottom:5px;width:74px;height:74px}.counter{position:absolute;left:50%;bottom:13px;z-index:4;width:105px;height:42px;transform:translateX(-50%);background:linear-gradient(140deg,#ffddedee,#e6d6ffee);border:3px solid #ffffffef;border-radius:12px;box-shadow:0 6px 0 #ad91bd99}.counter:after{content:"";position:absolute;left:19px;right:19px;top:10px;height:9px;border-radius:8px;background:#fff8}.character{position:absolute;z-index:7;pointer-events:none;filter:drop-shadow(0 5px 3px #2c194d38)}.character img{width:100%;height:100%;object-fit:contain;display:block}.character.worker{right:17%;bottom:27px;width:88px;height:100px;animation:bob 2.1s ease-in-out infinite}.character.manager{right:16%;bottom:26px;width:96px;height:108px;animation:bob 2.1s ease-in-out infinite}.character.customer{left:-80px;bottom:16px;width:70px;height:82px;opacity:0;animation:visit var(--visit) linear infinite;animation-delay:var(--delay)}.character.customer img{animation:bob .7s ease-in-out infinite;animation-delay:var(--delay)}.character.purchase{right:5px;bottom:10px;width:73px;height:87px;animation:purchasePop 1.8s ease-in-out infinite}.thought{position:absolute;left:27px;top:-19px;width:28px;height:28px;background:#fff;border:2px solid #f2d9e8;border-radius:11px;display:grid;place-items:center;box-shadow:0 3px 5px #0002;opacity:0;animation:thought var(--visit) ease-in-out infinite;animation-delay:var(--delay)}.thought img{width:18px!important;height:18px!important}.sale-sparkle{position:absolute;z-index:15;right:27%;bottom:105px;width:48px;height:48px;opacity:0;pointer-events:none}.sale-sparkle img{width:100%;height:100%;object-fit:contain}.sale-sparkle.pop{animation:pop .7s ease-out forwards}.shop-details{border:2px solid #efdcf1;border-radius:17px;background:#fff;box-shadow:0 5px 10px #70538313;padding:10px;display:flex;flex-direction:column;gap:8px}.shop-name{font-size:15px;font-weight:900;line-height:1.15;color:#604a70}.shop-stats{display:flex;gap:6px;flex-wrap:wrap;color:#947c9d;font-size:12px;font-weight:900}.shop-stats span{background:#f8f1fb;padding:3px 7px;border-radius:7px}.progress-track{background:#f4eaf7;height:13px;border-radius:999px;overflow:hidden;border:1px solid #eaddee}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#a0e6ca,#8acdea);border-radius:999px;transition:width .12s linear}.progress-label{font-size:11px;min-height:13px;font-weight:900;color:#8b7c93}.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.action{font-size:11px;font-weight:900;border:0;border-radius:12px;padding:6px;min-height:43px;color:#614d66;display:flex;align-items:center;justify-content:center;gap:5px}.action .btn-icon{width:26px;height:26px}.action.work{background:#9ee7c9;box-shadow:0 3px #78ccaa}.action.upgrade{background:#c8dcff;box-shadow:0 3px #a8c3f3}.action.hire{background:#ffe1a3;box-shadow:0 3px #e9bb77}.action.unlock{background:#ffd0e2;box-shadow:0 3px #ecaac8;grid-column:span 2}.locked-cover{position:absolute;inset:0;z-index:20;background:#4c344778;display:grid;place-items:center;backdrop-filter:blur(1.2px)}.locked-cover img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 3px #0004)}.tower-lock{min-height:310px;padding:35px 15px;text-align:center;background:linear-gradient(150deg,#f5e5fc,#f9f3ff);display:grid;place-items:center}.tower-lock-card{border:3px dashed #cfaade;background:#fff;border-radius:25px;padding:26px;max-width:430px}.tower-lock-card>img{width:76px;height:76px;object-fit:contain}.tower-lock-card h2{margin:5px 0 10px}.tower-lock-card p{font-weight:800}.lobby{width:min(800px,100%);height:76px;background:linear-gradient(#fdd5e4,#d5b7e7);margin:0 auto;border:9px solid #81639e;display:flex;justify-content:center;align-items:center;gap:20px}.lobby img{width:40px;height:40px;object-fit:contain}.lobby-title{font-weight:900;letter-spacing:2px;font-size:14px;color:#fff;text-shadow:0 2px #8b69a5}.sidebar{display:flex;flex-direction:column;gap:14px}.side-card{background:#fffdfdf2;border-radius:22px;border:2px solid #fff;box-shadow:0 10px 25px #70538312;padding:16px 18px}.side-title{display:flex;align-items:center;gap:8px;font-weight:900;font-size:18px;color:#815c9c}.side-title img{width:34px;height:34px;object-fit:contain}.side-card p{font-size:14px;line-height:1.55;margin:8px 0;color:#806b86;font-weight:700}.secondary,.quiet{width:100%;border:0;border-radius:12px;font-weight:900;padding:8px;margin-top:10px;background:#e5daf9;color:#665078}.quiet{background:#f9eff2;color:#927883}.secondary img,.quiet img{width:28px;height:28px}footer{text-align:center;font-size:12px;color:#a48eaa;padding:19px;font-weight:800}dialog{border:0;padding:0;border-radius:26px;box-shadow:0 25px 80px #392b5685;width:min(430px,92vw)}dialog::backdrop{background:#3b305981;backdrop-filter:blur(4px)}.modal-inner{padding:26px;text-align:center;position:relative}.quiz-icon{height:64px;display:flex;align-items:center;justify-content:center;gap:4px}.quiz-icon img{width:50px;height:50px;object-fit:contain}.modal-inner h2{margin:5px}.modal-inner p{font-size:14px;color:#88728c}.question{font-size:40px;font-weight:900;padding:16px;background:#f7ecff;border-radius:16px;margin:15px 0}.modal-inner label{display:block;margin-bottom:7px;font-weight:900}.modal-inner input{display:block;margin:auto auto 15px;text-align:center;font-size:26px;width:170px;border:2px solid #e6cdea;border-radius:14px;padding:8px}.modal-inner .bonus{width:100%}.close-modal{position:absolute;right:10px;top:8px;width:40px;height:40px}.modal-inner #quizFeedback{font-weight:900;padding-top:10px;min-height:27px}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes visit{0%{left:-80px;opacity:0;transform:scale(.86)}5%{opacity:1}30%{left:43%;opacity:1;transform:scale(.98)}62%{left:43%;opacity:1;transform:scale(.98)}94%{opacity:1}100%{left:calc(100% + 15px);opacity:0;transform:scale(.9)}}@keyframes thought{0%,28%,59%,100%{opacity:0}34%,55%{opacity:1}}@keyframes purchasePop{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.5)}30%{opacity:1;transform:translateY(-10px) scale(1.15)}100%{opacity:0;transform:translateY(-45px)}}@media(max-width:1050px){.scene-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:1fr 1fr}.tower-roof,.tower-scroll,.lobby{width:min(860px,100%)}}@media(max-width:700px){.shell{padding:8px}.hero{padding:12px;flex-direction:column;align-items:stretch;border-radius:18px;gap:12px}.brand .logo{width:54px;height:54px}.stats{gap:7px}.stat{flex:1;padding:7px;min-width:105px}.stat strong{font-size:18px}.bonus{padding:9px}.toolbar{align-items:stretch;flex-direction:column;gap:10px}.toolbar p{max-width:100%;font-size:13px}.skyline{padding:6px 4px 0;border-radius:19px}.tower-roof{margin-top:18px;height:55px;padding-top:13px}.tower-roof span{font-size:14px}.tower-scroll{border-width:5px;max-height:74vh}.floor{grid-template-columns:1fr;padding:7px;gap:6px}.shop-scene{min-height:205px}.shop-details{gap:5px;padding:8px}.shop-actions{grid-template-columns:repeat(3,1fr)}.action.unlock{grid-column:span 3}.sidebar{display:flex}.lobby{border-width:5px}.lobby-title{font-size:11px;letter-spacing:1px}.side-card{padding:14px}.character.worker,.character.manager{right:15%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}