:root{color-scheme:light;--ink:#263f36;--paper:#f5f2e7;--accent:#d8f19b}body[data-game=pop]{background:#e7ecdf;color:var(--ink);font-family:Inter,Arial,sans-serif;margin:0}.td-app{max-width:660px;margin:auto;padding:18px 18px max(25px,env(safe-area-inset-bottom))}.td-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.td-header a{text-decoration:none;color:var(--ink);font-size:17px;font-weight:800}.td-header a span{font-size:11px;letter-spacing:1.3px;margin-left:7px}.td-header>div{display:flex;gap:6px}.small-button{border:1px solid #bccab8;background:#f9f8ed;border-radius:11px;min-width:42px;min-height:42px;padding:8px 12px;color:var(--ink);font-weight:800;cursor:pointer}.small-button:disabled{opacity:.4;cursor:default}.td-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.td-title .eyebrow{font-size:10px;letter-spacing:1.6px}.td-title h1{font-size:40px;line-height:1.1;letter-spacing:-2px;margin:5px 0}.td-title em{font-style:normal;color:#4f7751}.level-label{font-size:10px;line-height:1.45;letter-spacing:1px;text-align:right;border-left:1px solid #b9c6b2;padding-left:15px}.td-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#f9f8ef;border:1px solid #c9d1be;border-radius:15px 15px 0 0;padding:13px 5px}.td-stats>div{text-align:center;border-right:1px solid #dce0ce}.td-stats>div:last-child{border:0}.td-stats small{display:block;font-size:9px;letter-spacing:1.2px;margin-bottom:6px}.td-stats b{font-size:19px;font-variant-numeric:tabular-nums}.td-stats #lives{color:#b54e61}.td-board{position:relative;border:1px solid #263f36;border-radius:0 0 16px 16px;overflow:hidden;background:#25493e;aspect-ratio:600/680}.td-board canvas{display:block;width:100%;height:100%;touch-action:manipulation}.td-start,.td-pause,.td-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#f5f2e7ed;backdrop-filter:blur(4px)}[hidden]{display:none!important}.td-start h2,.td-pause h2,.td-result h2{font-size:42px;line-height:1.05;letter-spacing:-1.8px;margin:14px 0;color:#264536}.td-start h2 em{font-style:normal;color:#578050}.td-start .eyebrow,.td-result .eyebrow{font-size:9px;letter-spacing:1.5px}.intro-balloons{height:155px;position:relative;width:210px}.intro-balloons img:first-child{height:155px;position:absolute;left:0;transform:rotate(-12deg);filter:sepia(.4) hue-rotate(45deg) saturate(1.9)}.intro-balloons img:last-child{width:100px;position:absolute;right:0;bottom:0;transform:rotate(20deg)}.td-start p,.td-result p{font-size:13px;line-height:1.55;margin:10px 0 18px}.td-start small{font-size:10px;line-height:1.5;margin-top:12px;color:#687866}.td-app .primary{background:#d7efa3;color:#203d2d;border:1px solid #243e2b;box-shadow:0 3px 0 #28462e;min-height:47px;border-radius:11px;font-size:14px;padding:12px 17px}.td-app .primary:disabled{opacity:.6;box-shadow:none;cursor:default}.td-app .secondary{color:#294732;border-color:#97ad8f;margin-top:12px;font-size:13px}.td-app button:focus-visible,.td-app a:focus-visible{outline:3px solid #e89565;outline-offset:3px}.wave-controls{display:flex;gap:9px;margin-top:12px}.wave-controls .primary{flex:1;display:flex;justify-content:center;align-items:center}.wave-controls .small-button{min-width:56px}.wave-hint{font-size:12px;line-height:1.5;min-height:36px;margin:13px 3px 10px;color:#4e6551}.shop{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tower-card{min-width:0;background:#f9f8ee;border:1px solid #bdc9b4;border-radius:12px;padding:5px 3px 7px;text-align:center;color:#344c3d;cursor:pointer;position:relative}.tower-card img{width:100%;max-width:66px;display:block;margin:auto}.tower-card span{display:block;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower-card b{display:block;font-size:12px;margin-top:4px}.tower-card[aria-pressed=true]{background:#d8eca9;border:2px solid #3b6844;padding:4px 2px 6px}.tower-card.too-expensive b{color:#b16868}.tower-card:disabled{opacity:.7;cursor:default}.tower-panel{margin-top:10px;border:1px dashed #acbca1;border-radius:12px;padding:12px;background:#eff2e7;display:flex;flex-wrap:wrap;gap:8px;min-height:93px}.tower-panel>div:first-child{flex:1;min-width:180px}.tower-panel b{font-size:13px}.tower-panel p{font-size:11px;line-height:1.5;margin:4px 0 0}.tower-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tower-actions .small-button{font-size:11px}.td-app .ranking-controls{margin-top:20px}.td-app .rank-button{color:#304837;background:#f8f8ee;border-color:#b9c7ae}.td-app .rank-tabs button[aria-pressed=true]{background:#d8efa8}.td-footer{text-align:center;display:block!important;color:#7b8b75;font-size:10px;line-height:1.8;margin-top:22px}.td-app .result-score{color:#31553a;font-size:65px}.td-app dialog,#help{max-width:540px;border:1px solid #bac7ab;border-radius:20px;background:#f5f2e7;color:#294232;padding:24px;width:calc(100% - 24px);box-sizing:border-box;max-height:85dvh}#help p{font-size:13px;line-height:1.7}#help h3{font-size:16px;margin-top:24px}#tower-guide>div{display:flex;align-items:center;gap:10px;margin:15px 0}#tower-guide img{width:50px;height:50px}#tower-guide p{margin:3px 0;font-size:12px}.slot-access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.slot-access:focus-within{position:static;width:auto;height:auto;clip-path:none;display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.td-app #ranking h2{font-size:20px}.td-app #ranking>p{font-size:12px}.td-app #rank-status{font-size:11px}@media(max-width:420px){.td-app{padding:12px 10px 24px}.td-header{margin-bottom:20px}.td-title h1{font-size:34px}.td-start,.td-pause,.td-result{padding:16px}.td-start h2,.td-result h2{font-size:33px;margin:9px 0}.intro-balloons{height:117px;width:180px}.intro-balloons img:first-child{height:120px}.intro-balloons img:last-child{width:82px}.td-start p{font-size:12px;margin:6px 0 13px}.td-start small{font-size:9px;margin-top:8px}.shop{gap:4px}.tower-card span{font-size:8px}.td-stats b{font-size:17px}.level-label{font-size:8px;padding-left:8px}.td-start .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.wave-preview{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.wave-chip{display:inline-flex;gap:5px;align-items:center;border:1px solid #c0cbb5;border-radius:20px;padding:5px 8px;background:#f6f6e9;font-size:9px;color:#4a634d}.wave-chip i{display:inline-block;width:9px;height:12px;border-radius:50%;border:1px solid #51604a55;flex-shrink:0}.td-start p{line-height:1.4}.td-board{box-shadow:0 4px 0 #b5c3a5}.tower-panel{border-style:solid}.td-stats{box-shadow:inset 0 2px 0 #ffffff80}