:root{--sand-gold: #f7d070;--sand-dark: #d8a752;--sand-light: #fff0b8;--sea-blue: #29c5b5;--sea-light: #48e5d5;--sea-deep: #167d73;--coral-red: #ff4b4b;--coral-light: #ff6b6b;--coral-deep: #e63946;--confirm-green: #2ed573;--confirm-green-deep: #1fa85c;--star-orange: #ff8826;--shell-purple: #9b51e0;--purple-light: #b572ff;--purple-deep: #7e38d1;--wood-brown: #8b5a2b;--wood-dark: #5c3a1e;--pearl-white: #ffffff;--ink: #0d1b24;--ink-soft: #1a2b36;--text-main: #f4f8fb;--text-dim: #b9c8d3;--glass-panel: linear-gradient(180deg, rgba(20, 38, 50, .82) 0%, rgba(11, 24, 33, .9) 100%);--glass-pill: linear-gradient(180deg, rgba(22, 42, 55, .78) 0%, rgba(12, 26, 35, .86) 100%);--glass-border: rgba(255, 240, 184, .34);--glass-border-strong: rgba(247, 208, 112, .75);--glass-inner: inset 0 1px 0 rgba(255, 255, 255, .16);--modal-surface: linear-gradient(180deg, rgba(31, 58, 74, .97) 0%, rgba(13, 27, 36, .97) 100%);--scrim: rgba(6, 16, 24, .62);--blur-soft: blur(8px);--blur-strong: blur(14px);--grad-sand: linear-gradient(180deg, #ffe49a 0%, #e5b258 100%);--grad-sea: linear-gradient(180deg, #5ceede 0%, #17a294 100%);--grad-coral: linear-gradient(180deg, #ff8080 0%, #d83244 100%);--grad-purple: linear-gradient(180deg, #c08cff 0%, #6f2ec4 100%);--grad-wave: linear-gradient(180deg, #ffab52 0%, #e8434d 100%);--grad-wave-amber: linear-gradient(180deg, #ffc04d 0%, #ff8826 50%, #e65100 100%);--grad-wave-active: linear-gradient(180deg, #5ceede 0%, #0f9e88 100%);--grad-navy: linear-gradient(180deg, #1d3545 0%, #0d1b24 100%);--grad-wood: linear-gradient(180deg, #b87a3d 0%, #8b5321 40%, #5d3512 100%);--wood-light: #b87a3d;--wood-mid: #8b5321;--wood-deep: #5d3512;--grad-progress: linear-gradient(90deg, #f7d070 0%, #ff8826 100%);--grad-hp: linear-gradient(90deg, #ff4b4b 0%, #ffc44d 55%, #48e5d5 100%);--grad-loading: radial-gradient(circle at 30% 20%, #35d8c6 0%, #1d8e86 45%, #0d4650 100%);--sh-soft: 0 .25rem .75rem rgba(2, 12, 18, .35);--sh-panel: 0 .5rem 1.5rem rgba(2, 12, 18, .45);--sh-modal: 0 1.25rem 3rem rgba(2, 10, 16, .65);--sh-btn: 0 .2rem 0 rgba(0, 0, 0, .28), 0 .35rem .8rem rgba(2, 12, 18, .35);--glow-gold: 0 0 .9rem rgba(247, 208, 112, .65);--glow-coral: 0 0 .9rem rgba(255, 71, 87, .7);--r-sm: .5rem;--r-md: .75rem;--r-lg: 1.1rem;--r-xl: 1.5rem;--r-pill: 999px;--gap-xs: .25rem;--gap-sm: .4rem;--gap-md: .6rem;--gap-lg: .9rem;--tap-min: 44px;--z-canvas: 1;--z-hud: 10;--z-inspector: 20;--z-fct: 40;--z-toast: 50;--z-coach: 55;--z-modal: 60;--z-modal-top: 61;--z-rotate: 90;--z-banner: 80;--z-mock-ad: 95;--z-loading: 100;--banner-h: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--edge: .7rem;--app-h: 100vh;--font-ui: "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}html{font-size:clamp(12.5px,2.9vmin,17px)}@supports (height: 100dvh){:root{--app-h: 100dvh}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:var(--app-h);overflow:hidden;position:fixed;inset:0;overscroll-behavior:none;touch-action:none;background:var(--ink);color:var(--text-main);font-family:var(--font-ui);line-height:1.35;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[hidden]{display:none!important}img,svg,canvas{-webkit-user-drag:none;user-select:none}body{font-size:1rem}#game-canvas-container{position:absolute;inset:0;z-index:var(--z-canvas);touch-action:none}canvas{display:block;width:100%;height:100%}#ui-layer{position:absolute;inset:0;z-index:var(--z-hud);pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-sm);padding:calc(var(--edge) + var(--safe-top)) calc(var(--edge) + var(--safe-right)) calc(var(--edge) + var(--safe-bottom) + var(--banner-h, 0px)) calc(var(--edge) + var(--safe-left))}.interactive{pointer-events:auto}.icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex:0 0 auto}.icon>.icon-svg{width:100%;height:100%;display:block}.icon-svg{width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.2em}.icon-svg.dim{color:#ffffff47}.icon-img{display:inline-block;width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.22em;background-image:url(./icons-sheet-B2odWYIH.webp);background-repeat:no-repeat;background-size:500% 800%}.icon>.icon-img{width:100%;height:100%}.icon-img.dim{opacity:.32}.icon-hero{width:3.4rem;height:3.4rem;color:var(--sand-gold)}.ic-img-castle{background-position:0% 0%}.ic-img-wave{background-position:25% 0%}.ic-img-shell{background-position:50% 0%}.ic-img-pearl{background-position:75% 0%}.ic-img-droplet{background-position:100% 0%}.ic-img-bricks{background-position:0% 14.2857%}.ic-img-sun{background-position:25% 14.2857%}.ic-img-coconut{background-position:50% 14.2857%}.ic-img-totem{background-position:75% 14.2857%}.ic-img-whirlpool{background-position:100% 14.2857%}.ic-img-crab{background-position:0% 28.5714%}.ic-img-tsunami{background-position:25% 28.5714%}.ic-img-star{background-position:50% 28.5714%}.ic-img-sparkle{background-position:75% 28.5714%}.ic-img-trophy{background-position:100% 28.5714%}.ic-img-umbrella{background-position:0% 42.8571%}.ic-img-spawn{background-position:25% 42.8571%}.ic-img-battle{background-position:50% 42.8571%}.ic-img-heart{background-position:75% 42.8571%}.ic-img-route{background-position:100% 42.8571%}.ic-img-pause{background-position:0% 57.1429%}.ic-img-play{background-position:25% 57.1429%}.ic-img-video{background-position:50% 57.1429%}.ic-img-star_empty{background-position:75% 57.1429%}.ic-img-lock{background-position:100% 57.1429%}.ic-img-upgrade{background-position:0% 71.4286%}.ic-img-sell{background-position:25% 71.4286%}.ic-img-close{background-position:50% 71.4286%}.ic-img-cross{background-position:75% 71.4286%}.ic-img-help{background-position:100% 71.4286%}.ic-img-rotate{background-position:0% 85.7143%}.ic-img-plus{background-position:25% 85.7143%}.ic-img-minus{background-position:50% 85.7143%}.ic-img-recenter{background-position:75% 85.7143%}.ic-img-breach{background-position:100% 85.7143%}.ic-img-next{background-position:0% 100%}.ic-img-back{background-position:25% 100%}.ic-img-check{background-position:50% 100%}.ic-img-flag{background-position:75% 100%}#loading-screen{position:absolute;inset:0;z-index:var(--z-loading);background:var(--grad-loading);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);padding:calc(1rem + var(--safe-top)) 1rem calc(1rem + var(--safe-bottom));transition:opacity .45s ease}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-title{font-size:clamp(1.4rem,5.5vmin,2.6rem);font-weight:900;letter-spacing:.02em;color:var(--sand-light);text-align:center;text-shadow:0 .25rem .6rem rgba(0,0,0,.4),0 0 1.4rem rgba(247,208,112,.55)}.loading-subtitle{font-size:1.05rem;color:var(--pearl-white);opacity:.9;text-align:center;margin-bottom:var(--gap-lg)}.progress-bar-container{width:min(78vw,24rem);height:1.3rem;background:#030e1473;border:.12rem solid var(--sand-light);border-radius:var(--r-pill);padding:.16rem;box-shadow:var(--sh-soft),var(--glass-inner)}.progress-bar-fill{height:100%;width:0%;border-radius:var(--r-pill);background:var(--grad-progress);box-shadow:var(--glow-gold);transition:width .18s ease-out}.loading-text{font-size:.86rem;font-weight:700;color:var(--sand-light)}.btn{font-family:inherit;font-size:.95rem;font-weight:800;line-height:1.1;color:var(--wood-dark);background:var(--grad-sand);border:.12rem solid var(--sand-light);border-radius:var(--r-md);padding:.55rem 1rem;min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:var(--sh-btn),var(--glass-inner);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(.12rem) scale(.98);filter:brightness(.94);box-shadow:var(--sh-soft)}.btn[disabled],.btn.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.btn-coral{background:var(--grad-coral);color:var(--pearl-white);border-color:#ffbebed9}.btn-sea{background:var(--grad-sea);color:#07352f;border-color:#9efff6e6}.btn-purple{background:var(--grad-purple);color:var(--pearl-white);border-color:#e2c5ffd9}.btn-ghost{background:#ffffff12;color:var(--text-main);border-color:#ffffff38;box-shadow:none}.btn-lg{font-size:1.1rem;padding:.75rem 1.6rem;border-radius:var(--r-lg)}.btn-sm{font-size:.8rem;padding:.35rem .7rem;min-height:2rem}.btn-icon-only{width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);padding:0;border-radius:var(--r-pill);font-size:.9rem}.btn-icon-only .icon{width:1.35em;height:1.35em}@media (hover: hover) and (pointer: fine){.btn:hover{filter:brightness(1.07);box-shadow:var(--sh-btn),var(--glow-gold)}.btn[disabled]:hover,.btn.is-disabled:hover{filter:grayscale(.5);box-shadow:var(--sh-btn)}}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-md);width:100%}.hud-stats-group{display:flex;gap:var(--gap-sm);flex-wrap:wrap;min-width:0}.hud-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;min-height:2.1rem;font-size:.92rem;font-weight:800;color:var(--text-main);background:var(--glass-pill);backdrop-filter:var(--blur-soft);-webkit-backdrop-filter:var(--blur-soft);border:.1rem solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--sh-soft),var(--glass-inner);white-space:nowrap}.hud-pill .icon{color:var(--sand-gold)}#shells-pill .icon{color:var(--sand-light)}#pearls-pill .icon{color:var(--purple-light)}#wave-pill .icon{color:var(--sea-light)}.hud-hp-fill{display:block;width:4.4rem;height:.55rem;margin-left:.15rem;background:#00000080;border:.06rem solid rgba(255,255,255,.28);border-radius:var(--r-pill);overflow:hidden}.hud-hp-bar{display:block;height:100%;width:100%;border-radius:var(--r-pill);background:var(--grad-hp);background-size:4.4rem 100%;background-position:left center;transition:width .3s ease}.hud-controls-group{display:flex;gap:var(--gap-sm);flex:0 0 auto}#speed-btn{font-size:.85rem;font-weight:900}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap-md);width:100%;min-width:0}.hud-bottom-left{display:flex;flex-direction:column;gap:var(--gap-sm);min-width:0}.abilities-panel{display:flex;gap:var(--gap-sm);align-self:flex-start}.ability-btn{position:relative;width:3.4rem;height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;color:var(--text-main);background:var(--glass-panel);backdrop-filter:var(--blur-soft);-webkit-backdrop-filter:var(--blur-soft);border:.12rem solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--sh-soft),var(--glass-inner);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ability-btn .ability-icon{color:var(--sand-gold);width:1.6rem;height:1.6rem}#ability-whirlpool .ability-icon{color:var(--sea-light)}#ability-militia .ability-icon{color:var(--coral-light)}.ability-btn.active{border-color:var(--coral-red);background:linear-gradient(180deg,#ff47576b,#96192880);box-shadow:var(--glow-coral),var(--glass-inner);transform:translateY(-.15rem)}.ability-btn.on-cooldown .ability-icon{opacity:.35;filter:grayscale(.85)}.ability-hotkey{position:absolute;top:.12rem;left:.3rem;font-size:.64rem;font-weight:900;color:var(--sand-gold)}.ability-charges{position:absolute;top:.12rem;right:.3rem;font-size:.64rem;font-weight:900;color:var(--sea-light)}.ability-refill-btn{font-family:inherit;display:inline-flex;align-items:center;gap:.12rem;font-size:.66rem;font-weight:800;line-height:1.3;padding:.05rem .3rem;color:var(--sand-light);background:#00000073;border:.06rem solid rgba(255,255,255,.3);border-radius:var(--r-pill);cursor:pointer}.ability-refill-btn:empty{display:none}.ability-refill-btn .icon-svg,.ability-refill-btn .icon-img{width:.85em;height:.85em}.ability-refill-btn.disabled{opacity:.4;cursor:not-allowed}.tower-desc-bar{display:flex;align-items:center;gap:.4rem;max-width:min(26rem,92vw);margin-bottom:.35rem;padding:.35rem .65rem;background:var(--glass-panel);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border:.1rem solid var(--glass-border-strong);border-radius:var(--r-md);box-shadow:var(--glass-inner);font-size:.74rem;line-height:1.25;color:var(--text-main)}.tower-desc-bar[hidden]{display:none}.tower-desc-bar .tower-desc-icon{flex:0 0 auto;width:1.1rem;height:1.1rem;color:var(--sand-gold)}.build-panel{display:flex;gap:var(--gap-sm);padding:.4rem .55rem;max-width:100%;background:var(--glass-panel);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border:.12rem solid var(--glass-border-strong);border-radius:var(--r-lg);box-shadow:var(--sh-panel),var(--glass-inner);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}.build-panel::-webkit-scrollbar{display:none}.tower-card{position:relative;flex:0 0 auto;width:4.3rem;height:4.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.25rem;color:var(--text-main);background:#ffffff12;border:.12rem solid transparent;border-radius:var(--r-md);cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.tower-card .tower-card-icon{width:1.55rem;height:1.55rem;color:var(--sand-light)}#card-splasher .tower-card-icon{color:var(--sea-light)}#card-wall .tower-card-icon{color:var(--sand-dark)}#card-prism .tower-card-icon{color:var(--star-orange)}#card-beacon .tower-card-icon{color:var(--purple-light)}.tower-card.selected{border-color:var(--sand-gold);background:linear-gradient(180deg,#f7d07057,#b07c1c47);transform:translateY(-.25rem);box-shadow:var(--glow-gold),var(--glass-inner)}.tower-card.disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.7)}.tower-card-name{font-size:.72rem;font-weight:800;text-align:center;line-height:1.05}.tower-card-cost{display:inline-flex;align-items:center;gap:.12rem;font-size:.78rem;font-weight:900;color:var(--sand-gold)}.tower-card-cost .icon-svg,.tower-card-cost .icon-img{width:.9em;height:.9em;vertical-align:-.12em}.tower-card-hotkey{position:absolute;top:.1rem;left:.25rem;font-size:.62rem;font-weight:800;color:var(--text-dim);background:#00000073;border-radius:var(--r-sm);padding:0 .22rem}.action-panel-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap-sm);flex:0 0 auto}.start-wave-btn{min-width:8.5rem;min-height:3.2rem;font-size:1rem;border-radius:var(--r-lg);background:var(--grad-wave);color:var(--pearl-white);border-color:#ffd2a0e6}.start-wave-btn.wave-active{background:var(--grad-wave-active);border-color:#c8fff8e6;color:#06302b}#touch-camera-controls{position:absolute;right:calc(var(--edge) + var(--safe-right));top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:var(--gap-sm);z-index:var(--z-hud)}html[data-layout=touch] #touch-camera-controls{display:flex}.touch-cam-btn{width:var(--tap-min);height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;color:var(--sand-light);background:var(--glass-panel);backdrop-filter:var(--blur-soft);-webkit-backdrop-filter:var(--blur-soft);border:.12rem solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--sh-soft),var(--glass-inner);cursor:pointer}.touch-cam-btn:active{transform:scale(.94);border-color:var(--sand-gold)}.touch-cam-btn .icon{width:1.4rem;height:1.4rem}.touch-hint{position:absolute;left:50%;top:22%;transform:translate(-50%);display:none;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:700;color:var(--sand-light);background:var(--glass-pill);border:.1rem solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--sh-soft);pointer-events:none}html[data-layout=touch] .touch-hint.visible{display:inline-flex;animation:hintFade 4.5s ease forwards}@keyframes hintFade{0%{opacity:0;transform:translate(-50%,-.5rem)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}#tower-inspector{position:absolute;z-index:var(--z-inspector);display:none;flex-direction:column;gap:var(--gap-sm);min-width:13rem;max-width:min(20rem,90vw);padding:.75rem;background:var(--glass-panel);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border:.12rem solid var(--glass-border-strong);border-radius:var(--r-lg);box-shadow:var(--sh-modal);pointer-events:auto;transform:translate(-50%,-100%) translateY(-.9rem)}.inspector-header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm);padding-bottom:.35rem;border-bottom:.06rem solid rgba(255,255,255,.16)}.inspector-title{font-size:.95rem;font-weight:900;color:var(--sand-gold)}.inspector-close{width:1.6rem;height:1.6rem;min-height:1.6rem;padding:0;border-radius:var(--r-pill)}.inspector-close .icon{width:.9rem;height:.9rem}.inspector-stats{display:flex;flex-wrap:wrap;gap:.3rem .6rem;font-size:.8rem;color:var(--text-dim)}.inspector-stat{display:inline-flex;align-items:center;gap:.2rem}.inspector-stat b{color:var(--text-main)}.inspector-aura{color:var(--purple-light);font-weight:800}.inspector-desc{font-size:.76rem;line-height:1.3;color:var(--text-dim)}.placement-confirm{position:absolute;z-index:var(--z-inspector);display:flex;gap:.9rem;pointer-events:auto;transform:translate(-50%,-100%)}.placement-confirm[hidden]{display:none}.placement-btn{width:3.6rem;height:3.6rem;min-height:3.6rem;display:flex;align-items:center;justify-content:center;border:.14rem solid transparent;border-radius:var(--r-pill);box-shadow:var(--sh-soft);cursor:pointer;transition:transform .12s ease}.placement-btn:active{transform:scale(.92)}.placement-btn .icon{width:1.5rem;height:1.5rem}.placement-confirm-btn{background:linear-gradient(180deg,var(--confirm-green) 0%,var(--confirm-green-deep) 100%);color:var(--ink)}.placement-cancel-btn{background:linear-gradient(180deg,var(--coral-light) 0%,var(--coral-deep) 100%);color:var(--text-main)}.inspector-actions{display:flex;gap:var(--gap-sm)}.inspector-actions .btn{flex:1 1 auto;font-size:.8rem;padding:.4rem .5rem;min-height:2.4rem}#toast-container{position:absolute;top:calc(3.6rem + var(--safe-top));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);width:min(90vw,26rem);pointer-events:none}.toast{max-width:100%;padding:.45rem 1rem;font-size:.88rem;font-weight:800;text-align:center;color:var(--pearl-white);background:linear-gradient(180deg,#ee5253f5,#b92d37f5);border:.1rem solid var(--sand-light);border-radius:var(--r-pill);box-shadow:var(--sh-panel);animation:toastFade 2.6s forwards ease-in-out}.toast-info{background:linear-gradient(180deg,#29c5b5f5,#148076f5)}.toast-gold{background:linear-gradient(180deg,#f7d070f7,#ce982af7);color:var(--wood-dark)}@keyframes toastFade{0%{opacity:0;transform:translateY(-.5rem) scale(.92)}12%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.5rem) scale(.9)}}.floating-combat-text{position:absolute;z-index:var(--z-fct);transform:translate(-50%,-50%);pointer-events:none;font-size:1.05rem;font-weight:900;text-shadow:0 .12rem .3rem rgba(0,0,0,.85);animation:floatUpFade .85s ease-out forwards}.fct-dmg{color:var(--sand-light)}.fct-crit{color:var(--coral-red);font-size:1.35rem;text-shadow:0 0 .7rem rgba(255,71,87,.9)}.fct-slow{color:var(--sea-light);font-size:.95rem}.fct-gold{color:var(--sand-gold);font-size:1.1rem}@keyframes floatUpFade{0%{opacity:1;transform:translate(-50%,-20%) scale(1.1)}50%{transform:translate(-50%,-60%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(.85)}}.modal-backdrop{position:absolute;inset:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:calc(.8rem + var(--safe-top)) calc(.8rem + var(--safe-right)) calc(.8rem + var(--safe-bottom) + var(--banner-h, 0px)) calc(.8rem + var(--safe-left));background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}#tutorial-modal{z-index:var(--z-modal-top)}.modal-box{display:flex;flex-direction:column;gap:var(--gap-md);width:min(100%,30rem);max-height:calc(var(--app-h) - 1.6rem - var(--safe-top) - var(--safe-bottom) - var(--banner-h, 0px));padding:1.1rem 1.2rem;text-align:center;background:var(--modal-surface);border:.15rem solid var(--glass-border-strong);border-radius:var(--r-xl);box-shadow:var(--sh-modal),var(--glass-inner);animation:popIn .24s cubic-bezier(.175,.885,.32,1.275)}.modal-box.modal-wide{width:min(100%,38rem)}@keyframes popIn{0%{transform:scale(.9) translateY(.6rem);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-title{display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:clamp(1.15rem,3.4vmin,1.7rem);font-weight:900;color:var(--sand-gold);text-shadow:0 .12rem .25rem rgba(0,0,0,.45)}.modal-title.title-win{color:var(--sand-light)}.modal-title.title-lose{color:var(--coral-light)}.modal-body{font-size:.92rem;line-height:1.45;color:var(--text-main);min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:.4rem}.modal-body::-webkit-scrollbar-thumb{background:#f7d07073;border-radius:var(--r-pill)}.modal-btn-row{display:flex;flex-wrap:wrap;gap:var(--gap-sm);justify-content:center;flex:0 0 auto}.modal-btn-row.column{flex-direction:column;align-items:stretch}.reward-line{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.5rem;font-size:1.02rem;font-weight:800;color:var(--sand-gold)}.stars-row{display:flex;justify-content:center;gap:.25rem;margin:.5rem 0;color:var(--sand-gold)}.stars-row .icon-svg,.stars-row .icon-img{width:2rem;height:2rem}#level-list-container{display:flex;flex-direction:column;gap:var(--gap-sm);max-height:min(24rem,52vh)}.level-row{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);padding:.55rem .8rem;text-align:left;background:#ffffff12;border:.06rem solid rgba(255,255,255,.08);border-radius:var(--r-md)}.level-row.locked{opacity:.6}.level-name{font-size:.95rem;font-weight:800;color:var(--sand-light)}.level-stars{display:flex;align-items:center;gap:.15rem;margin-top:.15rem;color:var(--sand-gold)}.level-stars .icon-svg,.level-stars .icon-img{width:.95rem;height:.95rem}.talent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--gap-md);margin-top:var(--gap-md);text-align:left}.talent-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-sm);padding:.7rem;background:#ffffff0f;border:.08rem solid rgba(255,240,184,.28);border-radius:var(--r-md)}.talent-name{font-size:.9rem;font-weight:800;color:var(--sand-light)}.talent-desc{font-size:.78rem;color:var(--text-dim)}.talent-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm)}.talent-price{display:inline-flex;align-items:center;gap:.2rem;line-height:1;font-size:.82rem;font-weight:800;color:var(--sand-gold)}.pearl-counter{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.4rem;font-weight:800;color:var(--sand-gold)}.settings-list{display:flex;flex-direction:column;gap:var(--gap-md);text-align:left}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);min-height:var(--tap-min);padding:.3rem .5rem;background:#ffffff0d;border-radius:var(--r-md)}.settings-row-btn{flex:0 0 auto;min-height:var(--tap-min);padding:.3rem 1rem}.settings-row-note{color:var(--text-dim)}.auth-text{margin:0;color:var(--text-main);line-height:1.45;text-align:left}.switch{position:relative;width:3rem;height:1.6rem;flex:0 0 auto}.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch-track{position:absolute;inset:0;border-radius:var(--r-pill);background:#ffffff2e;border:.08rem solid rgba(255,255,255,.25);transition:background .18s ease;pointer-events:none}.switch-track:after{content:"";position:absolute;top:.14rem;left:.16rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--pearl-white);box-shadow:var(--sh-soft);transition:transform .18s ease}.switch input:checked+.switch-track{background:var(--grad-sea)}.switch input:checked+.switch-track:after{transform:translate(1.36rem)}.range-field{flex:1 1 auto;max-width:9rem;height:.4rem;min-height:0;border-radius:var(--r-pill);background:#ffffff2e;accent-color:var(--sea-blue);cursor:pointer}.select-field{font-family:inherit;font-size:.88rem;font-weight:700;color:var(--text-main);background:#08141ce6;border:.08rem solid var(--glass-border);border-radius:var(--r-sm);padding:.35rem .6rem;min-height:2.2rem;cursor:pointer}.tutorial-icon{display:flex;justify-content:center;color:var(--sand-gold)}.tutorial-diagram{display:flex;justify-content:center;gap:var(--gap-lg);flex-wrap:wrap}.tut-maze-col{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs)}.tut-maze-label{display:inline-flex;align-items:center;gap:.2rem;font-size:.76rem;font-weight:800}.tut-maze-label.bad{color:var(--coral-light)}.tut-maze-label.good{color:#6bffa0}.tut-grid{display:grid;grid-template-columns:repeat(5,1.05rem);grid-auto-rows:1.05rem;gap:.12rem;padding:.35rem;background:#0000004d;border-radius:var(--r-sm)}.tut-cell{display:flex;align-items:center;justify-content:center;border-radius:.15rem}.tut-cell .icon{width:.8rem;height:.8rem}.tut-cell.c-sand{background:#e8c583}.tut-cell.c-path{background:var(--sand-gold)}.tut-cell.c-wall{background:#6b4a2e}.tut-cell.c-spawn{background:#4fc3f7;color:#06344a}.tut-cell.c-castle{background:#ffb347;color:var(--wood-dark)}.tut-maze-caption{max-width:8.5rem;font-size:.7rem;line-height:1.25;color:var(--text-dim);text-align:center}.tutorial-dots{display:flex;justify-content:center;gap:.4rem}.tutorial-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff40;transition:background .2s ease,transform .2s ease}.tutorial-dot.active{background:var(--sand-gold);transform:scale(1.25)}#tutorial-coach{position:absolute;inset:0;z-index:var(--z-coach);display:none;pointer-events:none}.coach-highlight{position:fixed;border:.16rem solid var(--sand-gold);border-radius:var(--r-md);pointer-events:none;box-shadow:var(--glow-gold),0 0 0 .16rem #f7d07059;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease;animation:coachPulse 1.4s ease-in-out infinite}@keyframes coachPulse{0%,to{box-shadow:var(--glow-gold),0 0 0 .16rem #f7d07059}50%{box-shadow:0 0 1.4rem .35rem #f7d070,0 0 0 .3rem #f7d07080}}.coach-bubble{position:fixed;display:flex;flex-direction:column;gap:var(--gap-sm);max-width:min(17rem,80vw);padding:.7rem .85rem;background:var(--modal-surface);border:.12rem solid var(--glass-border-strong);border-radius:var(--r-lg);box-shadow:var(--sh-modal);pointer-events:auto}.coach-text{font-size:.82rem;font-weight:700;line-height:1.35;color:var(--text-main)}.coach-hint{font-size:.74rem;color:var(--sand-gold)}.coach-next-btn{align-self:center;font-size:.78rem;padding:.4rem .9rem;min-height:2.2rem}.coach-skip-btn{align-self:flex-end;font-family:inherit;font-size:.68rem;color:var(--text-dim);background:none;border:none;text-decoration:underline;cursor:pointer;padding:.1rem}@media (max-height: 460px) and (orientation: landscape){:root{--edge: .45rem}.ability-btn{width:3rem;height:3.5rem}.tower-card{width:3.8rem;height:4.1rem}.start-wave-btn{min-width:7rem;min-height:2.9rem;font-size:.9rem}.modal-box{padding:.8rem .9rem;gap:var(--gap-sm)}#toast-container{top:calc(3rem + var(--safe-top))}}@media (max-width: 640px){.hud-pill{font-size:.82rem;padding:.3rem .6rem}.hud-hp-fill{width:3.2rem}.build-panel{padding:.3rem .4rem}.tower-card{width:3.6rem;height:4rem}.tower-card-name{font-size:.68rem}.talent-grid{grid-template-columns:1fr}.modal-btn-row .btn{flex:1 1 8rem}}@media (orientation: portrait){.hud-bottom{flex-direction:column;align-items:stretch;gap:var(--gap-sm)}.action-panel-right{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap}.abilities-panel{align-self:center}.build-panel{justify-content:flex-start}#touch-camera-controls{top:auto;bottom:36%;transform:none}}@media (min-width: 1600px){#ui-layer{padding-inline:calc(2rem + var(--safe-left)) calc(2rem + var(--safe-right))}.modal-box{width:min(100%,34rem)}}html[data-layout=desktop] .tower-card:hover:not(.disabled),html[data-layout=desktop] .ability-btn:hover{border-color:var(--sand-gold);transform:translateY(-.15rem)}html[data-layout=touch] .tower-card-hotkey,html[data-layout=touch] .ability-hotkey{display:none}html[data-layout=touch] .btn,html[data-layout=touch] .tower-card,html[data-layout=touch] .ability-btn{min-height:var(--tap-min)}html[data-layout=touch] .menu-round-btn{width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min)}html[data-layout=touch] .menu-achieve-card{min-height:var(--tap-min)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#banner-container{position:fixed;bottom:0;left:0;right:0;height:var(--banner-h, 56px);z-index:var(--z-banner);display:none;align-items:center;justify-content:center;background:var(--ink-soft);border-top:1px solid var(--glass-border);color:var(--text-dim);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;pointer-events:auto}body.has-platform-banner #banner-container{display:flex}.mock-ad-modal-backdrop{position:fixed;inset:0;z-index:var(--z-mock-ad);display:flex;align-items:center;justify-content:center;background:var(--scrim);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);pointer-events:auto}.mock-ad-box{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:1.5rem 2rem;background:var(--modal-surface);border:.15rem solid var(--glass-border-strong);border-radius:var(--r-xl);box-shadow:var(--sh-modal);text-align:center;max-width:24rem;width:90%}.mock-ad-header{font-size:1.1rem;font-weight:800;color:var(--sand-gold)}.mock-ad-body{font-size:.9rem;color:var(--text-main)}.mock-ad-actions{display:flex;gap:var(--gap-sm);margin-top:.5rem}.bonus-shells-badge{display:inline-flex;align-items:center;margin-left:.35rem;padding:.1rem .45rem;font-size:.72rem;font-weight:700;color:var(--sand-light);background:var(--coral-deep);border-radius:var(--r-pill);border:1px solid var(--sand-gold);animation:pulse 1.8s infinite ease-in-out}.menu-backdrop{position:fixed;inset:0;width:100%;height:var(--app-h);background:radial-gradient(circle at 50% 45%,#0d1b2438,#06101894);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);z-index:var(--z-modal);pointer-events:none;display:flex;align-items:stretch;justify-content:stretch;box-sizing:border-box}.menu-screen-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(.6rem + var(--safe-top)) calc(.8rem + var(--safe-right)) calc(.6rem + var(--safe-bottom) + var(--banner-h, 0px)) calc(.8rem + var(--safe-left));box-sizing:border-box;overflow:hidden;pointer-events:none}.menu-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:none;z-index:var(--z-hud)}.menu-stats-group{display:flex;gap:var(--gap-sm);align-items:center;pointer-events:auto}.menu-pill{padding:.28rem .75rem;font-size:clamp(.85rem,2.3vmin,1.05rem);font-weight:800;color:var(--text-main);background:var(--glass-pill);border:.12rem solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--sh-soft),var(--glass-inner);display:flex;align-items:center;gap:.35rem}.menu-controls-group{display:flex;gap:var(--gap-sm);align-items:center;pointer-events:auto}.menu-round-btn{width:clamp(2.4rem,6vmin,3.1rem);height:clamp(2.4rem,6vmin,3.1rem);min-width:2.4rem;min-height:2.4rem;border-radius:var(--r-pill);background:var(--glass-panel);border:.14rem solid var(--glass-border-strong);box-shadow:var(--sh-btn),var(--glass-inner);color:var(--sand-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:transform .16s cubic-bezier(.175,.885,.32,1.275),background .16s ease,border-color .16s ease;pointer-events:auto}.menu-round-btn .icon-svg,.menu-round-btn .icon-img{width:clamp(1.15rem,2.9vmin,1.55rem);height:clamp(1.15rem,2.9vmin,1.55rem)}.menu-round-btn:hover{transform:scale(1.1);background:var(--grad-sea);color:var(--pearl-white);border-color:var(--pearl-white);box-shadow:0 0 .8rem #48e5d599,var(--sh-btn)}.menu-round-btn:active{transform:scale(.92) translateY(2px)}.menu-center-cluster{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.4rem,1.6vmin,.9rem);margin:auto;z-index:var(--z-hud);pointer-events:none;max-width:95vw}.menu-logo-card{position:relative;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:logoFloat 4s ease-in-out infinite;user-select:none;margin-bottom:clamp(.15rem,.8vmin,.4rem)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-palm-crown{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(96%,32rem);height:100%;pointer-events:none;z-index:1}.palm-frond{position:absolute;width:clamp(3rem,7.2vmin,4.8rem);height:clamp(1.6rem,3.8vmin,2.5rem);background:linear-gradient(135deg,#5fe880,#2bb852 45%,#13692d);border-radius:95% 10% 90%;border:1.5px solid #a2f5b8;box-shadow:0 4px 12px #00000073,inset 0 1px 3px #ffffff80;transform-origin:bottom center}.palm-frond:after{content:"";position:absolute;top:45%;left:10%;right:15%;height:1.5px;background:#fff6;border-radius:1px}.palm-frond.frond-1{top:-.8rem;left:calc(50% - 11.5rem);transform:rotate(-68deg) scale(.88);z-index:1}.palm-frond.frond-2{top:-1.8rem;left:calc(50% - 7.8rem);transform:rotate(-42deg) scale(.96);z-index:2}.palm-frond.frond-3{top:-2.4rem;left:calc(50% - 3.8rem);transform:rotate(-18deg) scale(1.05);z-index:3}.palm-frond.frond-4{top:-2.4rem;right:calc(50% - 3.8rem);transform:rotate(18deg) scaleX(-1) scale(1.05);z-index:3}.palm-frond.frond-5{top:-1.8rem;right:calc(50% - 7.8rem);transform:rotate(42deg) scaleX(-1) scale(.96);z-index:2}.palm-frond.frond-6{top:-.8rem;right:calc(50% - 11.5rem);transform:rotate(68deg) scaleX(-1) scale(.88);z-index:1}.logo-mascot-perch{position:absolute;top:clamp(-2.4rem,-5.8vmin,-2rem);left:50%;transform:translate(-50%);z-index:4;pointer-events:none}.mascot-crab-wrap{position:relative;width:clamp(3.2rem,7.6vmin,4.4rem);height:clamp(3.2rem,7.6vmin,4.4rem);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:crabCheer 3s ease-in-out infinite}.mascot-crab-wrap:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,#ffe16e99,#ffb43200 70%);z-index:-1}.icon-mascot-crab{width:100%;height:100%;display:block}@keyframes crabCheer{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-4px) rotate(-4deg) scale(1.04)}50%{transform:translateY(0) rotate(0) scale(1)}75%{transform:translateY(-3px) rotate(4deg) scale(1.03)}}.logo-wood-board{position:relative;z-index:2;background:linear-gradient(180deg,#87491d,#6e3813,#55270a,#683210,#4a2106);border:3.5px solid #d4a04c;outline:2px solid #5a2e0a;border-radius:var(--r-xl);padding:clamp(.6rem,1.8vmin,.95rem) clamp(1.5rem,4.2vmin,2.6rem) clamp(.75rem,2.2vmin,1.15rem);box-shadow:0 .45rem #3d1b04,0 .85rem 2rem #000000a6,inset 0 2px #ffffff59,inset 0 -3px #00000080;display:flex;flex-direction:column;align-items:center;min-width:clamp(17rem,48vmin,31rem);max-width:92vw}.board-groove{position:absolute;left:8px;right:8px;top:52%;height:2px;background:#391803;border-bottom:1px solid rgba(255,255,255,.12);pointer-events:none;z-index:0}.board-rivet{position:absolute;width:clamp(.55rem,1.4vmin,.8rem);height:clamp(.55rem,1.4vmin,.8rem);background:radial-gradient(circle at 35% 35%,#fff2a8,#e6a817,#7d4d05);border-radius:50%;box-shadow:0 1px 3px #0009,inset 0 1px 1px #fffc;border:1px solid #4a2800;z-index:2}.rivet-tl{top:8px;left:10px}.rivet-tr{top:8px;right:10px}.rivet-bl{bottom:8px;left:10px}.rivet-br{bottom:8px;right:10px}.board-accent{position:absolute;z-index:3;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55));pointer-events:none}.board-accent .icon-img{width:100%;height:100%}.accent-star{bottom:.2rem;left:.8rem;width:clamp(1.9rem,4.6vmin,2.7rem);height:clamp(1.9rem,4.6vmin,2.7rem);transform:rotate(-12deg)}.accent-shell{bottom:.2rem;right:.8rem;width:clamp(1.9rem,4.6vmin,2.7rem);height:clamp(1.9rem,4.6vmin,2.7rem);transform:rotate(15deg)}.logo-title-cluster{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(.35rem,1vmin,.65rem);margin-top:.15rem;margin-bottom:.2rem}.logo-title-text{font-size:clamp(1.35rem,4.2vmin,2.6rem);font-weight:900;letter-spacing:.05em;color:#fff9e6;text-transform:uppercase;line-height:1.05;text-align:center;white-space:nowrap;text-shadow:0 1px 0 #ffe082,0 2px 0 #e6a817,0 3.5px 0 #b3730e,0 5px 0 #6e3d04,0 6.5px 0 #3a1c00,0 8px 16px rgba(0,0,0,.75)}.logo-badge-3d{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.85rem,2.6vmin,1.35rem);font-weight:900;color:#fff;background:linear-gradient(135deg,#00f2fe,#09f 55%,#0055d4);border:2px solid #ffffff;border-radius:var(--r-md);padding:.15rem clamp(.45rem,1.3vmin,.75rem);letter-spacing:.06em;line-height:1;transform:rotate(-7deg) translateY(-.35rem);box-shadow:0 4px 12px #09f9,0 3px 6px #00000080,inset 0 1px 2px #fffc;text-shadow:0 1px 2px rgba(0,30,80,.7);animation:badge3DGleam 3s ease-in-out infinite alternate}@keyframes badge3DGleam{0%{transform:rotate(-7deg) translateY(-.35rem) scale(1);box-shadow:0 4px 12px #09f9,0 3px 6px #00000080,inset 0 1px 2px #fffc}to{transform:rotate(-5deg) translateY(-.45rem) scale(1.06);box-shadow:0 6px 18px #00f0ffcc,0 4px 8px #00000080,inset 0 1px 3px #fffffff2}}.logo-ribbon-banner{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;margin-top:.15rem;margin-bottom:-.65rem}.ribbon-body{position:relative;z-index:2;background:linear-gradient(180deg,#ff5e4d,#e02f1a,#a81808);border-top:2px solid #ffe399;border-bottom:2px solid #6b0c03;border-radius:var(--r-sm);padding:.22rem clamp(1.4rem,4vmin,2.4rem);box-shadow:0 5px 12px #0000008c,inset 0 1px 1px #ffffff80}.ribbon-text{font-size:clamp(.74rem,2.2vmin,1.08rem);font-weight:800;color:#fff9e6;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ribbon-fold{position:absolute;top:100%;width:0;height:0;border-style:solid;z-index:1}.ribbon-fold.fold-left{left:0;border-width:.55rem .55rem 0 0;border-color:#5c0a02 transparent transparent transparent}.ribbon-fold.fold-right{right:0;border-width:.55rem 0 0 .55rem;border-color:#5c0a02 transparent transparent transparent}.ribbon-tail{position:absolute;top:.25rem;width:clamp(1.4rem,3.8vmin,2.4rem);height:calc(100% - .1rem);background:linear-gradient(180deg,#d62b18,#9e1507);border-top:2px solid #f0b070;border-bottom:2px solid #540801;z-index:0}.ribbon-tail.tail-left{right:calc(100% - 3px);clip-path:polygon(100% 0,0 0,32% 50%,0 100%,100% 100%);box-shadow:-3px 4px 8px #0006}.ribbon-tail.tail-right{left:calc(100% - 3px);clip-path:polygon(0 0,100% 0,68% 50%,100% 100%,0 100%);box-shadow:3px 4px 8px #0006}.menu-actions-stack{display:flex;flex-direction:column;align-items:center;gap:clamp(.35rem,1.4vmin,.65rem);width:min(100%,27rem);pointer-events:auto}.menu-btn-cta{width:100%;min-height:clamp(3.2rem,7.2vmin,4.3rem);background:var(--grad-coral);border:.18rem solid rgba(255,255,255,.85);border-bottom:.35rem solid #a82030;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;box-shadow:var(--sh-btn),var(--glow-coral),inset 0 2px #ffffff73;color:var(--pearl-white);cursor:pointer;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),filter .15s ease;position:relative;overflow:hidden;animation:ctaPulse 3s ease-in-out infinite;pointer-events:auto}@keyframes ctaPulse{0%,to{transform:scale(1);box-shadow:var(--sh-btn),0 0 .9rem #ff4b4b99}50%{transform:scale(1.025);box-shadow:var(--sh-btn),0 0 1.5rem #ff4b4bf2}}.menu-btn-cta:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02)}.menu-btn-cta:active{transform:translateY(3px) scale(.97);border-bottom-width:.15rem}.icon-cta-battle{width:clamp(2rem,5.4vmin,2.8rem);height:clamp(2rem,5.4vmin,2.8rem);filter:drop-shadow(0 .1rem .2rem rgba(0,0,0,.4))}.icon-cta-arrow{width:clamp(1.4rem,3.5vmin,1.8rem);height:clamp(1.4rem,3.5vmin,1.8rem);color:var(--sand-light);filter:drop-shadow(0 .1rem .2rem rgba(0,0,0,.4))}.cta-label{font-size:clamp(1.25rem,3.6vmin,1.85rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--pearl-white);text-shadow:0 .14rem .25rem rgba(0,0,0,.5)}.menu-btn-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);width:100%}.menu-sub-btn{min-height:clamp(2.7rem,5.8vmin,3.5rem);background:var(--grad-sea);border:.14rem solid rgba(255,255,255,.65);border-bottom:.28rem solid #0e7065;border-radius:var(--r-lg);display:flex;align-items:center;gap:.55rem;padding:.35rem .85rem;box-shadow:var(--sh-btn),inset 0 2px #ffffff59;color:var(--pearl-white);cursor:pointer;text-align:left;transition:transform .15s ease,filter .15s ease;pointer-events:auto}.menu-sub-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.menu-sub-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:.14rem}.icon-sub-icon{width:clamp(1.4rem,3.5vmin,1.8rem);height:clamp(1.4rem,3.5vmin,1.8rem);flex-shrink:0;color:var(--sand-light)}.sub-btn-texts{display:flex;flex-direction:column;line-height:1.15}.sub-btn-title{font-size:clamp(.85rem,2.3vmin,1.1rem);font-weight:900;text-transform:uppercase;color:var(--pearl-white);text-shadow:0 .1rem .2rem rgba(0,0,0,.4)}.sub-btn-desc{font-size:clamp(.62rem,1.7vmin,.8rem);font-weight:600;color:#ffffffe0}.menu-help-btn{width:88%;min-height:clamp(2.4rem,5.2vmin,3.1rem);background:var(--grad-navy);border:.12rem solid rgba(72,229,213,.5);border-bottom:.24rem solid #08121a;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-between;padding:.3rem 1rem;box-shadow:var(--sh-btn),inset 0 1px #ffffff26;color:var(--pearl-white);cursor:pointer;transition:transform .15s ease,filter .15s ease,border-color .15s ease;pointer-events:auto}.menu-help-btn:hover{filter:brightness(1.15);transform:translateY(-1px);border-color:var(--sea-light)}.menu-help-btn:active{transform:translateY(2px) scale(.97)}.icon-help-icon{width:clamp(1.2rem,3vmin,1.5rem);height:clamp(1.2rem,3vmin,1.5rem);color:var(--sea-light);flex-shrink:0}.icon-help-arrow{width:clamp(1.1rem,2.6vmin,1.4rem);height:clamp(1.1rem,2.6vmin,1.4rem);color:var(--sea-light);flex-shrink:0}.menu-bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;width:100%;pointer-events:none;z-index:var(--z-hud)}.menu-bottom-left{display:flex;flex-direction:column;gap:var(--gap-xs);align-items:flex-start;pointer-events:auto}.menu-abilities-row{display:flex;gap:var(--gap-sm);align-items:center}.menu-ability-card{width:clamp(2.5rem,6vmin,3.3rem);height:clamp(2.5rem,6vmin,3.3rem);background:var(--glass-panel);border:.12rem solid var(--glass-border-strong);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:var(--sh-btn),var(--glass-inner)}.menu-ability-key{position:absolute;top:2px;left:4px;font-size:.65rem;font-weight:900;color:var(--sand-gold)}.menu-ability-charges{position:absolute;bottom:2px;right:4px;font-size:.65rem;font-weight:800;color:var(--text-main)}.menu-ability-icon{width:1.4rem;height:1.4rem}.menu-tip-banner{display:flex;align-items:center;gap:.4rem;padding:.32rem .75rem;background:var(--glass-pill);border:.1rem solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--sh-soft);max-width:min(85vw,24rem);font-size:clamp(.68rem,1.8vmin,.82rem);color:var(--text-main)}.tip-bulb-icon{width:1rem;height:1rem;color:var(--sand-gold);flex-shrink:0}.menu-bottom-right{display:flex;flex-direction:column;gap:var(--gap-sm);align-items:flex-end;pointer-events:auto}.menu-achieve-card{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:var(--glass-panel);border:.12rem solid var(--sand-gold);border-radius:var(--r-lg);box-shadow:var(--sh-btn),var(--glass-inner);cursor:pointer;color:var(--text-main);transition:transform .16s ease,box-shadow .16s ease;pointer-events:auto}.menu-achieve-card:hover{transform:scale(1.05);box-shadow:0 0 .8rem #f7d07080,var(--sh-btn)}.icon-achieve-trophy{width:1.3rem;height:1.3rem;color:var(--sand-gold)}.icon-achieve-arrow{width:1.1rem;height:1.1rem;color:var(--sand-gold)}.achieve-details{display:flex;flex-direction:column;line-height:1.1;text-align:left}.achieve-heading{font-size:.75rem;font-weight:900;color:var(--sand-gold);letter-spacing:.04em}.achieve-ratio{font-size:.85rem;font-weight:800;color:var(--pearl-white)}.menu-wave-start-btn{min-height:clamp(2.8rem,6.2vmin,3.6rem);background:var(--grad-wave-amber);border:.15rem solid var(--sand-light);border-bottom:.28rem solid #bf360c;border-radius:var(--r-xl);display:flex;align-items:center;gap:.55rem;padding:.4rem 1.3rem;box-shadow:var(--sh-btn),0 0 .9rem #ff88268c,inset 0 2px #ffffff73;color:var(--pearl-white);cursor:pointer;font-size:clamp(.95rem,2.6vmin,1.25rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 .1rem .2rem rgba(0,0,0,.45);transition:transform .15s ease,filter .15s ease;pointer-events:auto}.menu-wave-start-btn:hover{filter:brightness(1.12);transform:scale(1.03)}.menu-wave-start-btn:active{transform:translateY(2px) scale(.97);border-bottom-width:.14rem}.icon-wave-play{width:1.25rem;height:1.25rem;color:var(--pearl-white)}.achieve-header-summary{font-size:1rem;color:var(--sand-gold);margin-bottom:.4rem}.achieve-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--gap-sm);max-height:52vh;overflow-y:auto;padding-right:.3rem}.achieve-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--glass-panel);border:.1rem solid var(--glass-border);border-radius:var(--r-md);text-align:left;transition:border-color .15s ease}.achieve-item.unlocked{border-color:var(--sand-gold);background:linear-gradient(180deg,#233e4ee6,#122330f2);box-shadow:inset 0 0 .6rem #f7d07026}.achieve-item-icon{width:2rem;height:2rem;flex-shrink:0}.achieve-item-texts{display:flex;flex-direction:column;flex:1;min-width:0}.achieve-item-title{font-size:.85rem;font-weight:800;color:var(--sand-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achieve-item-desc{font-size:.72rem;color:var(--text-dim);line-height:1.2}.achieve-status-badge{font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:var(--r-pill);flex-shrink:0}.achieve-status-badge.unlocked{background:var(--confirm-green);color:var(--ink)}.achieve-status-badge.locked{background:#ffffff1f;color:var(--text-dim)}.stats-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm);max-height:50vh;overflow-y:auto;text-align:left}.stat-row-card{display:flex;justify-content:space-between;align-items:center;padding:.55rem .8rem;background:var(--glass-panel);border:.1rem solid var(--glass-border);border-radius:var(--r-md)}.stat-row-label{font-size:.8rem;color:var(--text-dim)}.stat-row-val{font-size:1.05rem;font-weight:800;color:var(--sand-gold)}@media (max-height: 500px){.logo-wood-board{padding:.3rem 1.1rem .45rem;min-width:clamp(14rem,42vmin,22rem)}.logo-title-text{font-size:clamp(1.1rem,3.4vmin,1.75rem)}.mascot-crab-wrap{width:2.3rem;height:2.3rem}.logo-mascot-perch{top:-1.3rem}.logo-palm-crown{height:2.6rem;top:-.9rem}.palm-frond{width:2.2rem;height:1.1rem}.logo-ribbon-banner{margin-bottom:-.38rem}.ribbon-body{padding:.15rem .9rem}.ribbon-text{font-size:.72rem}.menu-btn-cta{min-height:2.8rem}.menu-sub-btn{min-height:2.3rem}.menu-help-btn{min-height:2.1rem}.menu-center-cluster{gap:.25rem}}body.in-main-menu .hud-top,body.in-main-menu .hud-bottom,body.in-main-menu #touch-camera-controls{display:none!important}@media (max-height: 320px) and (orientation: landscape){.menu-logo-card,.menu-abilities-row,.menu-tip-banner{display:none!important}.menu-bottom-bar{position:absolute;right:calc(var(--safe-right, 0px) + .6rem);bottom:calc(var(--safe-bottom, 0px) + .6rem);width:auto}.menu-bottom-right{flex-direction:column;align-items:flex-end}.menu-achieve-card .achieve-details{display:none}.menu-center-cluster{gap:.2rem}.menu-actions-stack{gap:.25rem}.menu-btn-cta,.menu-sub-btn,.menu-help-btn,#menu-start-wave-btn{min-height:2.75rem}}#demo-caption{position:fixed;top:13%;left:50%;transform:translate(-50%) translateY(-10px);z-index:9999;pointer-events:none;color:#fff;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-align:center;white-space:nowrap;background:#0e2a3bd1;backdrop-filter:blur(8px);border:2px solid rgba(245,197,66,.85);border-radius:14px;padding:10px 28px;box-shadow:0 8px 28px #00000073,0 0 16px #f5c54240;opacity:0;transition:opacity .25s ease,transform .25s ease}#demo-caption.on{opacity:1;transform:translate(-50%) translateY(0)}.demo-vertical #demo-caption{top:16%;font-size:38px;letter-spacing:2.5px;padding:16px 36px;border-width:3px;border-radius:18px}