/* Tour de l'Éclipse — entrée depuis la Carte et liste mobile des étages. */
.tower-entry{
  width:calc(100% - 24px); margin:10px 12px 12px; padding:11px 14px; border-radius:14px;
  border:1px solid rgba(194,156,255,.45); color:#f3e9ff; background:linear-gradient(120deg,#261536,#120c20);
  box-shadow:0 8px 20px rgba(7,3,14,.35); font:800 12px/1.3 var(--display); letter-spacing:.5px;
}
.tower-entry small{display:block;margin-top:3px;color:#bba9cf;font:500 10px/1.3 var(--body);letter-spacing:0}
.tower-screen{padding-bottom:82px}.tower-page{width:min(100%,520px);margin:0 auto;padding:16px 14px 24px}
.tower-vista{position:relative;height:min(62vh,610px);min-height:430px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(215,174,255,.66);border-radius:20px;background:#09050e;box-shadow:inset 0 0 35px #050209,0 12px 34px rgba(0,0,0,.4),0 0 0 1px rgba(255,216,119,.1);scrollbar-width:thin;scrollbar-color:#8153a8 #130b1c}
.tower-ascent{position:relative;height:1320px;overflow:hidden;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.tower-ascent:before{content:"";position:absolute;z-index:1;left:50%;bottom:3%;width:122px;height:94%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(213,175,255,.16) 43%,rgba(255,229,153,.38) 50%,rgba(213,175,255,.16) 57%,transparent);clip-path:polygon(46% 0,54% 0,78% 100%,22% 100%);filter:blur(1px)}
.tower-ascent:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,2,8,.32),transparent 27%,transparent 73%,rgba(4,2,8,.32))}
.tower-beam{position:absolute;z-index:2;left:50%;bottom:4%;width:4px;height:90%;transform:translateX(-50%);background:linear-gradient(0deg,#5c367e,#d9b6ff 48%,#ffe19a);box-shadow:0 0 12px #a568df,0 0 26px rgba(255,219,135,.4);opacity:.72}
.tower-waymark{position:absolute;z-index:7;top:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:88%;padding:6px 11px;border:1px solid #e7c97988;border-radius:11px;background:#120b1ddd;color:#fff5d2;text-align:center;box-shadow:0 4px 12px #0008}.tower-waymark b{display:block;font:800 11px var(--display);letter-spacing:.4px}.tower-waymark small{display:block;margin-top:2px;color:#cbb9da;font:9px var(--body)}
.tower-step{position:absolute;z-index:2;left:var(--step-x);bottom:var(--level);width:128px;height:17px;transform:translate(-50%,50%) rotate(var(--tilt));border:1px solid #604070;border-radius:50% 50% 6px 6px;background:linear-gradient(180deg,#412950,#160d20 65%,#08050d);box-shadow:0 4px 7px #0008,inset 0 1px #ffffff24;opacity:.48}.tower-step:before{content:"";position:absolute;z-index:-1;left:50%;top:-62px;width:4px;height:64px;transform:translateX(-50%);transform-origin:bottom;background:linear-gradient(#73518d,#26162f);box-shadow:0 0 7px #9a6cb555}.tower-step:after{content:"";position:absolute;inset:4px 11px auto;height:2px;background:#cda4de55;box-shadow:0 4px #0005}.tower-step span{position:absolute;left:50%;top:1px;transform:translateX(-50%);font:800 8px var(--display);color:#d7bddf;opacity:.7}.tower-step.done{border-color:#4f956c;background:linear-gradient(180deg,#377855,#143023 65%,#07110c);opacity:.88}.tower-step.done:after{background:#9ae7b788}.tower-step.open{border-color:#e1bc6e;box-shadow:0 0 13px #f2c95a77,0 4px 7px #0008;opacity:1}.tower-step.boss{width:156px;height:21px;border-color:#e1b862;box-shadow:0 0 16px #e1b86255,0 4px 7px #0008}
.tower-statue{position:absolute;z-index:3;left:var(--side);bottom:var(--level);width:66px;height:82px;transform:translate(-50%,50%);padding:0;border:0;background:none;color:#fff;filter:drop-shadow(0 7px 7px #000);transition:transform .18s,filter .18s,opacity .18s}
.tower-statue:not(:disabled):active{transform:translate(-50%,50%) scale(.9)}.tower-statue.locked{opacity:.34;filter:grayscale(1) drop-shadow(0 4px 4px #000)}
.tower-statue.open{animation:towerStatuePulse 1.5s ease-in-out infinite}.tower-statue.boss{width:76px;height:92px}
.ts-floor{position:absolute;z-index:5;left:-2px;top:3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #e9c67c;background:linear-gradient(145deg,#47265f,#170d20);color:#fff3d1;font:800 10px var(--display);box-shadow:0 2px 5px #000}
.ts-figure{position:absolute;z-index:2;left:7px;right:7px;top:5px;height:60px;display:grid;place-items:end center;overflow:hidden;border:1px solid rgba(228,202,255,.38);border-radius:18px 18px 7px 7px;background:radial-gradient(ellipse at 50% 18%,rgba(237,206,255,.35),rgba(46,25,63,.32) 52%,rgba(11,6,17,.82));font-size:31px;transform-origin:50% 100%}
.ts-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 32%,transparent 68%,rgba(0,0,0,.25));pointer-events:none}.ts-figure img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.tower-statue.done .ts-figure{filter:contrast(1.12) saturate(1.12) brightness(1.06)}
.ts-base{position:absolute;z-index:3;left:4px;right:4px;bottom:3px;height:16px;border-radius:50% 50% 5px 5px;background:linear-gradient(#b692ca,#51356b 48%,#171020 52%,#09060d);border:1px solid #caa5dc;box-shadow:0 0 11px rgba(181,117,232,.58),inset 0 2px 2px rgba(255,255,255,.28)}.ts-state{position:absolute;z-index:6;left:50%;bottom:-13px;transform:translateX(-50%);min-width:49px;color:#cbb8d9;font:800 7px var(--display);white-space:nowrap;text-shadow:0 1px 3px #000}.tower-statue.done .ts-state{color:#94e7b3}.tower-statue.open .ts-state{color:#ffe18e}
.tower-statue.done .ts-base{background:linear-gradient(#5cb982,#214b34 55%,#102019);border-color:#72d59b}.ts-crown{position:absolute;z-index:5;right:0;top:-5px;color:#ffd66e;text-shadow:0 0 7px #ffb52e;font-size:19px}
.tower-climber{position:absolute;z-index:6;left:var(--to-x);bottom:var(--to);width:48px;height:56px;transform:translate(-50%,50%);filter:drop-shadow(0 0 10px #fff);transition:left .3s ease}
.tower-climber span{display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff0b5;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#6f4196,#1a0e26 72%);font-size:25px;box-shadow:0 0 0 4px rgba(181,111,234,.25),0 0 18px #bb7bea}
.tower-climber img{width:100%;height:100%;object-fit:cover}.tower-climber i{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);color:#ffd66e;font:900 13px var(--display);text-shadow:0 0 8px #ffd66e}
.tower-climber.rising{animation:towerClimbUp 1.35s cubic-bezier(.2,.8,.25,1) both}.tower-list-title{margin:18px 4px 8px;color:#ddc8ed;font:800 13px var(--display);letter-spacing:.6px}
@keyframes towerClimbUp{0%{left:var(--from-x);bottom:var(--from);transform:translate(-50%,50%) scale(.82);filter:drop-shadow(0 0 4px #fff)}48%{transform:translate(-50%,35%) scale(1.08);filter:drop-shadow(0 0 20px #ffd66e)}100%{left:var(--to-x);bottom:var(--to);transform:translate(-50%,50%) scale(1);filter:drop-shadow(0 0 10px #fff)}}
@keyframes towerStatuePulse{0%,100%{filter:drop-shadow(0 5px 5px #000)}50%{filter:drop-shadow(0 0 13px #d28cff)}}
.tower-modal{position:fixed;inset:0;z-index:190;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,2,9,.84);backdrop-filter:blur(8px)}
.tower-modal.show{display:flex}
.tower-card{width:min(94vw,460px);max-height:88vh;overflow:auto;padding:18px;border:1px solid #5f4776;border-radius:20px;background:linear-gradient(180deg,#21142e,#0c0813);box-shadow:0 24px 70px #000}
.tower-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.tower-head h2{margin:0;color:#f4e9ff;font:800 20px/1.2 var(--display)}
.tower-head p{margin:4px 0 0;color:#ad9bbb;font-size:11px}
.tower-close{border:1px solid #5f4776;border-radius:50%;width:34px;height:34px;background:#160d20;color:#fff;font-size:18px}
.tower-floor{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;margin:8px 0;padding:10px;border:1px solid #392a48;border-radius:13px;background:#150d1e;color:#eee;text-align:left}
.tower-floor.open{border-color:#8d5bc0;background:linear-gradient(100deg,#241335,#151020)}
.tower-floor.done{border-color:#32684a}.tower-floor:disabled{opacity:.42}
.tower-num{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2b1939;color:#e6caff;font:800 15px var(--display)}
.tower-floor.done .tower-num{background:#173726;color:#a8f0c2}
.tower-info b{display:block;font:700 12px var(--display)}.tower-info span{display:block;margin-top:3px;color:#a999b5;font-size:10px}
.tower-state{color:#d9bdff;font-size:16px}.tower-floor.done .tower-state{color:#7bdda0}
.nav button.locked{opacity:.38}.nav button.locked .ni{filter:grayscale(1)}
.nav button .tower-nav-icon{position:relative;display:inline-block!important;width:27px;height:25px;margin:0 auto 2px;border:2px solid #fff0a8;border-radius:4px 4px 8px 8px;background:linear-gradient(90deg,#371950 0 18%,#d89cff 19% 33%,#512473 34% 48%,#ffdc82 49% 55%,#512473 56% 70%,#d89cff 71% 84%,#371950 85%);box-shadow:0 0 5px #fff5b0,0 0 15px rgba(224,150,255,.95),inset 0 0 0 2px rgba(17,7,32,.72);filter:none!important;opacity:1}
.tower-nav-icon:before{content:"";position:absolute;left:1px;right:1px;top:-11px;height:12px;background:linear-gradient(90deg,#8c52bb,#fff7b7 50%,#8c52bb);clip-path:polygon(50% 0,100% 100%,72% 100%,72% 67%,57% 67%,57% 100%,43% 100%,43% 67%,28% 67%,28% 100%,0 100%);filter:drop-shadow(0 1px 2px #160b20)}
.tower-nav-icon:after{content:"";position:absolute;left:10px;bottom:1px;width:5px;height:11px;border-radius:4px 4px 0 0;background:#fff6ae;box-shadow:0 0 6px 2px #ffd875}.tower-nav-floor{position:absolute;z-index:2;right:-8px;top:-8px;display:grid;width:14px;height:14px;place-items:center;border:1px solid #fff2af;border-radius:50%;background:#21102f;color:#fff4bc;font:800 7px var(--display);box-shadow:0 0 7px #ffd875;font-style:normal}
@media (prefers-reduced-motion:reduce){.tower-modal{backdrop-filter:none}.tower-statue.open,.tower-climber.rising{animation:none}.tower-statue{transition:none}}