.tower-page h1{margin:0 0 8px}.tower-page .intro{margin:0 0 12px;color:#555;font-size:13px;line-height:1.5}.tower-page .controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px;color:#666;font-size:13px}.tower-page .controls label{display:inline-flex;align-items:center;gap:5px}.tower-page .controls select{padding:4px 6px;border:1px solid #cccccc;border-radius:6px;background:#fff;font:inherit}.tower-page .hud{font-variant-numeric:tabular-nums}.tower-page .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 6px;border:1px solid #b4196d;border-radius:8px;background:linear-gradient(#ff9fd2,#e8309a 55%,#d01e8a);color:#fff;font:700 13px/1.2 Arial,Helvetica,sans-serif;text-shadow:0 1px 0 rgba(90,0,50,.5);box-shadow:inset 0 1px #ffffff80,0 2px 3px #00000040;cursor:pointer}.tower-page .pill:hover{filter:brightness(1.08)}.tower-page .made{margin:8px 0 0;color:#777;font-size:12px;text-align:center}.tower-page .said{margin-top:10px;text-align:center}.tower-page .won{margin:0;font:700 20px/1.2 Arial Black,Arial,sans-serif;color:#d01e8a}.tower-page .used{margin:6px 0 0;color:#777;font-size:12px}.tower-page .wait{padding:60px 0;color:#999;text-align:center}.board.tower{position:relative;width:100%;height:min(80vh,640px);border-radius:12px;overflow:hidden;background:linear-gradient(#ffd3ea,#fff3fa)}.board.tower canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.board.tower .sky{position:absolute;inset:-8%;animation:sky-drift 40s ease-in-out infinite alternate}@keyframes sky-drift{0%{transform:translate3d(-3%,1.5%,0) scale(1)}to{transform:translate3d(3%,-1.5%,0) scale(1.07)}}.board.tower canvas.soft{filter:blur(1.2px)}.board.tower .layers{position:absolute;inset:0;overflow:hidden}.board.tower .layers canvas{position:absolute;top:0;left:0;width:100%;height:100%}.board.tower .layers canvas.drift{width:200%;animation:drift linear infinite}@keyframes drift{to{transform:translate(-50%)}}.board.tower .light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000 55%,#0000004d)}.board.tower canvas:not(.scenery){touch-action:pan-y;cursor:grab;outline:none}.board.tower canvas:not(.scenery):focus-visible{box-shadow:inset 0 0 0 3px #ff7ab8}.tower-ui{position:absolute;inset:0;pointer-events:none}.tower-ui .points{position:absolute;top:10px;left:16px;text-align:left;font:700 28px/1 Arial Black,Arial,sans-serif;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #1b2430,0 2px 0 #1b2430,2px 0 0 #1b2430,-2px 0 0 #1b2430,0 -2px 0 #1b2430,0 4px 6px rgba(0,0,0,.5)}.tower-ui .meter{position:absolute;left:22px;bottom:44px;width:18px;height:min(46%,260px);border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#ffffff8c,#ffffff40);border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #50003259,inset 0 1px 3px #50003240}.tower-ui .meter .fill{position:absolute;inset:0;transform-origin:50% 100%;transform:scaleY(var(--part, 0));transition:transform .5s cubic-bezier(.3,1.3,.5,1);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.9) 0 1px,transparent 2px) 0 0 / 7px 9px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.7) 0 1px,transparent 2px) 3px 4px / 9px 11px,linear-gradient(#ff9ad5,#ff3fa4 60%,#d3157f)}.tower-ui .meter.full{box-shadow:0 0 0 2px #fff,0 0 16px #ff6fc0}.tower-ui .pct{position:absolute;left:31px;bottom:16px;transform:translate(-50%);font:700 16px/1 Arial Black,Arial,sans-serif;color:#fff;text-shadow:0 0 2px #6a0f45,0 1px 0 #6a0f45,1px 0 0 #6a0f45,-1px 0 0 #6a0f45,0 -1px 0 #6a0f45;font-variant-numeric:tabular-nums}.tower-ui .card{position:absolute;top:30%;left:50%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 26px 16px;border-radius:16px;background:#3c0a28b8;color:#fff;text-align:center;transform:translate(-50%,-50%);opacity:0;box-shadow:0 10px 30px #0006}.tower-ui .card b{font:700 26px/1 Arial Black,Arial,sans-serif}.tower-ui .card span{font-size:14px;color:#ffd6ec}.tower-ui .card span:empty{display:none}.tower-ui .card.show{animation:card 2.6s ease both}@keyframes card{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}15%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.tower-ui .done{position:absolute;top:42%;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 30px 20px;border-radius:16px;background:#3c0a28c7;color:#fff;text-align:center;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006;pointer-events:auto;animation:done .5s ease both}.tower-ui .done[hidden]{display:none}.tower-ui .done b{font:700 26px/1.1 Arial Black,Arial,sans-serif}.tower-ui .done span{font-size:15px;color:#ffd6ec}.tower-ui .done .pill{margin-top:4px;padding:6px 18px;border:1px solid #b4196d;border-radius:8px;background:linear-gradient(#ff9fd2,#e8309a 55%,#d01e8a);color:#fff;font:700 15px/1.2 Arial,Helvetica,sans-serif;text-shadow:0 1px 0 rgba(90,0,50,.5);box-shadow:inset 0 1px #ffffff80,0 2px 3px #00000040;cursor:pointer}@keyframes done{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tower-ui .plus{position:absolute;font:700 18px/1 Arial Black,Arial,sans-serif;color:#fff;white-space:nowrap;transform:translate(-50%,-50%);text-shadow:0 0 2px #1b2430,0 2px 0 #1b2430,2px 0 0 #1b2430,-2px 0 0 #1b2430,0 -2px 0 #1b2430;animation:plus 1.1s ease-out both}@keyframes card-still{0%{opacity:1}to{opacity:0}}@keyframes plus{0%{opacity:0;transform:translate(-50%,-20%) scale(.7)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}.tower-ui .fire{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:0;background:none;font:700 11px/1 Arial,Helvetica,sans-serif;color:#fff;text-shadow:0 1px 2px #000000;pointer-events:auto;cursor:pointer}.tower-ui .fire .orb{display:grid;place-items:center;width:54px;height:54px;border:3px solid #f2c21b;border-radius:10px;font-size:28px;line-height:1;background:radial-gradient(circle at 50% 55%,#ffe36b,#ff8a1c 40%,#c2240e 80%);box-shadow:0 3px 6px #00000080}.tower-ui .fire:disabled{cursor:default}.tower-ui .fire:disabled .orb{filter:grayscale(1) brightness(.75);border-color:#d8d8d8}.tower-ui .fire.armed .orb{box-shadow:0 0 0 3px #fff,0 0 18px #ff9a2a}@media(prefers-reduced-motion:reduce){.tower-ui .plus,.tower-ui .done,.board.tower .sky,.board.tower .layers canvas.drift{animation:none}.tower-ui .meter .fill{transition:none}.tower-ui .card.show{animation:card-still 2.6s step-end both}}