.tower-shell{max-width:780px;height:var(--view-height);min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;margin:auto;background:#f5efde;color:#344b46;padding-bottom:calc(24px + env(safe-area-inset-bottom));--element:#dc7141;--element-light:#fff0a8}.tower-header{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 13px;background:#274f4c;color:#fff2cd;border-bottom:3px solid #d1b46d}.tower-header h1{font-size:23px;margin:3px 0 0;letter-spacing:.14em}.tower-header small{font-size:9px;letter-spacing:.14em}.tower-header .icon-button{color:#f3db9d}.tower-banner{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 65%,#f0e3b9,#c4d5bc 45%,#dce5cf);border-bottom:2px solid #d9c99e}.tower-banner>img{position:absolute;height:320px;width:360px;object-fit:contain;right:-25px;top:-37px;filter:drop-shadow(0 9px 5px #344b4640);opacity:.85}.tower-banner>div{position:relative;padding:21px 24px;background:linear-gradient(90deg,#f0eddbe8,transparent 85%);height:100%;width:75%}.tower-seal{display:block;width:43px;height:43px;color:var(--element);background:#fff7dc;border:2px solid #bea564;border-radius:50%;padding:6px;box-shadow:0 2px 0 #94713b}.tower-banner small{font-size:8px;letter-spacing:.15em;display:block;margin-top:12px}.tower-banner h2{margin:4px 0;font-size:30px;letter-spacing:.1em;text-shadow:0 2px #fff4d5}.tower-banner p{font-size:12px;margin:5px 0 11px}.tower-banner b{font-size:26px;color:#31594c}.tower-banner em{font-size:13px;font-style:normal;font-weight:500}.tower-player{display:flex;justify-content:space-between;padding:10px 18px;font-size:12px;background:#e9e5d1;border-bottom:1px solid #d1c9ad}.tower-player b{margin-left:5px}.tower-elements{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:15px 16px}.tower-elements button{padding:7px 4px;background:linear-gradient(#fff9e8,#e9ddbd);border:1px solid #c2ae80;border-bottom:3px solid #ab9060;border-radius:12px;color:#4b574b;box-shadow:inset 0 0 0 2px #fff8e6}.tower-elements button[aria-pressed=true]{background:#294f49;color:#fff3cf;border-color:#c7aa66;box-shadow:inset 0 0 0 2px #517066}.tower-elements svg{display:block;height:25px;width:25px;margin:0 auto 6px;color:var(--rune);filter:drop-shadow(0 1px 0 #fff3c888)}.tower-elements span,.tower-elements small{display:block;font-size:11px}.tower-elements small{font-size:9px;opacity:.72;margin-top:4px}.tower-tabs{display:flex;gap:6px;padding:0 16px;border-bottom:2px solid #bda66f}.tower-tabs button{width:50%;padding:12px;background:#e2d8bd;color:#566156;border:1px solid #cbbb96;border-bottom:0;border-radius:12px 12px 0 0;font-weight:bold}.tower-tabs button[aria-selected=true]{background:#426b5b;color:#fff4d1;border-color:#426b5b}.tower-tabs small{font-size:10px;margin-left:3px}.tower-notice{margin:0;padding:0 18px;color:#7a4c24;font-size:13px}.tower-notice:not(:empty){padding-top:12px}.tower-panel{padding:18px 16px}.tower-panel p{font-size:13px;line-height:1.65}.tower-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tower-panel-heading h3{margin:0;font-size:15px}.tower-panel-heading small,.tower-panel-heading>span{font-size:10px;color:#788074}.tower-floors{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.tower-floors button{position:relative;min-height:90px;border:1px solid #c9b78d;border-bottom:3px solid #ad9261;border-radius:11px;background:linear-gradient(#fffdf1,#ece0bd);color:#4b5b4b;padding:9px 2px}.tower-floors small{font-size:9px;display:block}.tower-floors b{font-size:24px;display:block;font-family:Georgia,serif;line-height:1.2}.tower-floors em{font-size:11px;font-style:normal}.tower-floors span{font-size:9px}.tower-floors i{position:absolute;right:5px;top:5px;font-size:8px;font-style:normal;opacity:.8}.tower-floors .locked{filter:saturate(.25);color:#90917f}.tower-floors .cleared{background:#dbe6c8;color:#426646}.tower-floors [aria-pressed=true]{outline:2px solid var(--element);outline-offset:2px;filter:none}.tower-floor-heading{display:flex;align-items:center;gap:10px;margin-top:27px;border-top:1px solid #d5c8a7;padding-top:18px}.tower-floor-heading>span{width:37px;min-width:37px;color:var(--element)}.tower-floor-heading h2{font-size:18px;margin:4px 0}.tower-floor-heading small{font-size:10px}.tower-floor-heading strong{margin-left:auto;font-size:17px;white-space:nowrap;color:#9c7641}.tower-floor-heading strong small{font-size:9px;display:block;font-weight:normal;text-align:right}.tower-drop{margin-top:15px!important}.tower-drop details{font-size:12px;padding-top:8px;border-top:1px solid #d7cdb1}.tower-drop summary{cursor:pointer;font-weight:bold;min-height:28px}.tower-actions{display:flex;gap:8px;margin-top:15px}.tower-actions>button{flex:1;min-width:0;font-size:13px;padding:13px 5px}.tower-actions svg{width:18px;height:18px}.tower-lock{text-align:center;color:#936b4a;font-size:12px!important}.tower-preview{background:#e6e6d4;border:1px dashed #aab494;border-radius:10px;padding:12px;margin-top:16px}.tower-preview b{font-size:11px}.tower-preview p{font-size:11px;margin:5px 0 10px}.tower-preview button{font-size:12px;min-height:40px}.tower-record{color:#5e7956}.tower-footer{padding:0 18px;text-align:center}.tower-footer>button{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid #c7b887;border-radius:9px;background:#fdf6df;color:#5b6149}.tower-footer svg{width:16px}.tower-footer>small{display:block;font-size:10px;margin:12px;color:#778071}.tower-portrait{height:300px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#fffdf4 10%,#e6e4d1 70%);border:1px solid #ccbd96;border-radius:18px;box-shadow:inset 0 0 0 4px #f7f0dd}.tower-portrait img{position:absolute;width:240px;height:240px;object-fit:contain;left:50%;top:30px;transform:translateX(-50%);z-index:1}.tower-portrait canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tower-portrait [data-gear-fx=front]{z-index:2}.tower-portrait>small{position:absolute;bottom:12px;left:0;right:0;text-align:center;z-index:3;font-size:10px;color:#647365}.tower-cosmetics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.tower-cosmetics article{position:relative;padding:15px 10px;border:1px solid #d0ba8c;border-radius:12px;background:#fff9e7;text-align:center}.tower-cosmetic-rune{display:block;margin:0 auto 8px;width:27px;color:var(--element)}.tower-cosmetics h3{font-size:17px;margin:7px 0}.tower-cosmetics small{font-size:10px}.tower-cosmetics p{font-size:11px}.tower-cosmetics button{font-size:12px;width:100%;padding:10px 5px;margin-top:6px}.tower-help{font-size:11px!important;color:#7b806e}.tower-shell button:focus-visible{outline:3px solid #dfa83e;outline-offset:3px}.tower-shell button:disabled{cursor:not-allowed;opacity:.55}.wallet-strip{flex-wrap:wrap}.enchant-stone-mark{display:inline-grid;place-items:center;color:#9271be;font-size:22px;text-shadow:0 1px #fff2cc;line-height:24px;width:24px}.element-gear-icon{position:relative;display:inline-block}.element-gear-icon>small{position:absolute;bottom:0;right:0;background:#2f5148;color:#fff8d5;border:1px solid #d6bd76;padding:2px 4px;border-radius:5px;font-size:9px}.enchant-payment{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:12px 0}.enchant-payment select{max-width:65%;padding:8px;background:#fff7df;border:1px solid #c1ac7b;border-radius:6px}.camp-tower-link{position:absolute;top:calc(190px + env(safe-area-inset-top));left:14px;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid #c0a36a;border-radius:12px;background:#315c50ee;color:#fff1c8;font-weight:bold;box-shadow:0 3px 0 #395343}.camp-tower-link svg{width:23px;height:23px}.camp-tower-link small{display:block;font-size:9px;font-weight:normal;margin-top:2px}.tower-reward-unlock{background:#e7ebd0;border:1px solid #bcae72;border-radius:10px;padding:12px;color:#3c6855;text-align:center}.tower-reward-unlock b{display:block;margin-bottom:6px}@media(min-width:650px){.tower-banner{height:260px}.tower-banner>img{height:400px;width:500px;right:0;top:-60px}.tower-banner>div{padding:30px}.tower-elements{padding:20px 25px;gap:14px}.tower-elements button{padding:12px}.tower-elements svg{height:32px;width:32px}.tower-panel{padding:22px 28px}.tower-floors{gap:14px}.tower-floors button{min-height:105px}.tower-portrait{height:370px}.tower-portrait img{width:310px;height:310px}.tower-tabs{padding:0 25px}}@media(prefers-reduced-motion:reduce){.tower-shell *{scroll-behavior:auto!important}}

.tower-header .icon-button{color:#755e35}