.tower-hero{display:flex;align-items:center;gap:24px;padding:28px;background:linear-gradient(120deg,#fff1c9,#ffe2a5);border:2px solid #ffd17b;border-radius:28px;margin:24px 0}.tower-hero img{width:130px;height:140px;object-fit:contain}.tower-hero h2{margin:12px 0}.tower-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:30px;align-items:start}.tower-layout .tower-overview{position:static;width:auto;min-height:0;display:block;padding:16px;background:linear-gradient(#fff7e1,#fff0cc);border-radius:24px;border:1px solid #eed9b1}.tower-crown{text-align:center;font-size:40px;margin-bottom:14px}.tower-crown strong{display:block;font-size:17px}.tower-floor{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px;min-height:64px;margin:9px 0;border-radius:14px;background:#fff9e9;border:1px solid #ead8b4;box-shadow:0 4px 0 #e7d4af}.tower-floor small{font-size:11px;margin-left:auto;max-width:95px;line-height:1.4}.tower-floor.active{background:#ffbf47;border-color:#e5a221;outline:3px solid #ffe5a0}.tower-floor.complete{background:#def0cc}.tower-floor.locked{opacity:1;color:#8b806d;background:#efede5;box-shadow:0 3px 0 #d9d5ca}.tower-trail{list-style:none;padding:12px 0;margin:0;display:flex;flex-direction:column;gap:18px}.tower-step{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:24px;background:#fffaf0;border:2px solid #efe2c9;position:relative;margin-left:24px}.tower-step:nth-child(even){margin-left:0;margin-right:24px}.tower-step.current{background:#fff0c7;border-color:#f2af36;box-shadow:0 5px 0 #f2d598}.tower-step.done{background:#f0f8e7;border-color:#cce2b7}.tower-step-num{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f3e7cf;font-weight:bold}.tower-step.current .tower-step-num{background:#ffa82a;color:#4e2b09}.tower-step.done .tower-step-num{background:#86c95c;color:#173d0e}.tower-step h3{margin:5px 0}.tower-step p{font-size:14px}.tower-step.waiting{color:#827565}.tower-step button{min-height:44px}.tower-blocked{text-align:center}.tower-blocked img{max-width:140px}@media(max-width:700px){.tower-layout{grid-template-columns:1fr}.tower-hero{padding:20px;gap:12px}.tower-hero img{width:82px;height:100px}.tower-hero h2{font-size:21px}.tower-overview .tower-floor{min-height:48px;padding:8px 12px}.tower-crown{font-size:28px}.tower-step{margin-left:12px;padding:16px;gap:12px}.tower-step:nth-child(even){margin-right:12px}.tower-step-num{flex-basis:34px;height:34px}.tower-step h3{font-size:18px}.tower-floor small{max-width:none}}
.tower-floor{position:relative}.tower-floor .tower-resident{position:absolute;width:50px;height:50px;object-fit:contain;right:-12px;top:-24px;filter:drop-shadow(0 4px 2px #94662c33);animation:bao-floor-hop .8s ease-out}.tower-floor.active small{padding-right:14px}.tower-celebration{text-align:center;background:linear-gradient(130deg,#fff7da,#ffedaf);margin-bottom:24px;border:2px solid #ffc24d}.tower-jump-scene{height:210px;max-width:350px;margin:auto;position:relative;overflow:hidden}.tower-jump-platform{position:absolute;bottom:20px;width:105px;padding:15px 4px;border-radius:16px;background:#ffc34e;box-shadow:0 8px 0 #d59728;font-weight:bold}.tower-jump-platform.from{left:12px}.tower-jump-platform.to{right:12px;bottom:45px;background:#c5e899;box-shadow:0 8px 0 #87b65c}.tower-jumping-bao{position:absolute;width:95px;height:100px;object-fit:contain;bottom:90px;left:12px;animation:bao-level-jump 2.5s ease-in-out forwards}.tower-confetti{position:absolute;inset:0;color:#eea21e;font-size:22px;animation:bao-sparkle 2.5s ease-out}@keyframes bao-level-jump{0%,15%{left:12px;bottom:70px;transform:rotate(-8deg) scale(.92)}48%{left:38%;bottom:125px;transform:rotate(10deg) scale(1.05)}85%,100%{left:calc(100% - 107px);bottom:95px;transform:rotate(0) scale(1)}}@keyframes bao-floor-hop{0%{transform:translateY(24px) scale(.8)}60%{transform:translateY(-15px) rotate(8deg)}100%{transform:translateY(0)}}@keyframes bao-sparkle{0%{opacity:0;transform:translateY(40px)}45%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}@media(prefers-reduced-motion:reduce){.tower-jumping-bao{animation:none;left:calc(100% - 107px);bottom:95px}.tower-resident,.tower-confetti{animation:none!important}}