.df-game{--sky:#251b3d;--sky-bright:#4e365f}.df-wave-2{--sky:#113a3e;--sky-bright:#2b6663}.df-wave-3{--sky:#4e1928;--sky-bright:#87364b}.df-layout{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:65px}.df-play{min-width:0}.df-wave-title{display:flex;gap:12px;align-items:center;margin:0 0 12px;font-size:13px}.df-wave-title strong{color:#ffda7c;font-size:18px;font-style:italic}.df-wave-title b{margin-left:auto;font-size:12px;color:#eec7b1}.df-scoreboard{margin-bottom:12px}.df-arena{position:relative;width:100%;aspect-ratio:360/430;isolation:isolate;overflow:hidden;border:2px solid #eab76370;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,var(--sky-bright),var(--sky));touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;box-shadow:inset 0 0 45px #0003,0 16px 35px #0004;transition:background .5s}.df-arena:focus-visible{outline:2px solid #ffdf74;outline-offset:3px}.df-grid{inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 0),linear-gradient(90deg,#ffffff07 1px,transparent 0);background-size:10% 8%}.df-arena-top,.df-grid{position:absolute;pointer-events:none}.df-arena-top{top:12px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#ffdfa480}.df-enemy{position:absolute;width:10%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:40% 45% 32% 32%;background:radial-gradient(ellipse at 30% 20%,#daa9ff,#9355cc 48%,#613391);border:2px solid #d8a7ff;box-shadow:inset 0 -5px 0 #0003,0 5px 8px #0004;pointer-events:none}.df-enemy:after,.df-enemy:before{content:"";position:absolute;width:24%;height:30%;top:-12%;border-radius:3px 90%;background:#b17ee8;transform:rotate(-25deg);left:5%}.df-enemy:after{left:auto;right:5%;transform:rotate(55deg)}.df-enemy i{top:30%;left:19%;width:22%;height:27%;background:white;box-shadow:inset -2px -1px 0 #fff6}.df-enemy i,.df-enemy i:after{position:absolute;border-radius:50%}.df-enemy i:after{content:"";top:25%;left:40%;width:45%;height:65%;background:#251627}.df-enemy i:nth-child(2){left:auto;right:19%}.df-enemy>span{top:43%;color:#2b1230;font-size:25px;font-weight:900;line-height:1}.df-enemy b,.df-enemy>span{position:absolute;left:0;width:100%;text-align:center}.df-enemy b{top:-15px;color:#fff0ae;letter-spacing:2px;font-size:12px}.df-enemy-2{background:radial-gradient(ellipse at 30% 20%,#a8fadd,#30b393 50%,#127965);border-color:#8cedc9}.df-enemy-2:after,.df-enemy-2:before{background:#5fd8af}.df-enemy-3{width:12%;background:radial-gradient(ellipse at 30% 20%,#ffbc9a,#ed684f 50%,#a92f42);border-color:#ffbf84}.df-enemy-3:after,.df-enemy-3:before{background:#f69266}.df-bullet{width:1.7%;height:4%;background:#fff7c2;border-radius:50%;box-shadow:0 0 5px #fff,0 0 13px #ffd45c}.df-bullet,.df-burst{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.df-burst{color:#ffe483;font-size:42px;text-shadow:0 0 18px #ffd579;animation:df-pop .55s ease-out forwards;z-index:3}.df-burst b{display:block;font-size:16px;text-align:center;margin-top:-12px;color:#fff}.df-crosshair{width:30px;height:30px;transform:translate(-50%,-50%);border:1px solid #ffe7a599;border-radius:50%;color:#ffeab5;font-size:23px;line-height:26px;text-align:center;z-index:2}.df-counter,.df-crosshair{position:absolute;pointer-events:none}.df-counter{bottom:0;height:15%;width:100%;background:linear-gradient(#cf7736,#7b3029);border-top:3px solid #ffd374;box-shadow:0 -7px 0 #37182380}.df-counter>span{position:absolute;bottom:6%;width:100%;text-align:center;font-size:10px;letter-spacing:.14em;color:#ffe7bd}.df-food{position:absolute;inset:4% 4% 23%;display:flex;justify-content:space-between}.df-food img{width:29%;height:100%;object-fit:cover;border:2px solid #ffe1a1;border-radius:12px;box-shadow:0 4px 0 #3e171f66}.df-cannon{position:absolute;left:45%;bottom:38%;width:10%;height:75%;border-radius:10px 10px 20% 20%;background:linear-gradient(90deg,#d68a20,#ffe999 35%,#e5ad40 70%,#9c5d1f);border:2px solid #ffe6a5;box-shadow:0 4px 7px #0005;transform-origin:50% 85%}.df-cannon:before{content:"";position:absolute;left:-12%;width:124%;height:25%;top:0;background:#ffde74;border:2px solid #fff0ac;border-radius:5px}.df-start{position:absolute;inset:0;z-index:5;background:linear-gradient(#241626dd,#422031e8);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;gap:20px;cursor:default}.df-start h2{font-size:28px;color:#fff3d2}.df-start p{font-size:14px;line-height:1.9;color:#edc9b9}.df-start-icon{font-size:65px;line-height:1;color:#ffda75;text-shadow:0 0 40px #ff9f4a66}.df-start .lg-primary{max-width:280px}.df-start small{font-size:11px;color:#dcb09b}.df-action-row{display:flex;gap:8px;margin-top:12px}.df-action-row button{border:1px solid #ffffff30;border-radius:12px;background:#ffffff09;padding:10px 15px;min-height:46px;font-size:13px}.df-action-row .df-power{flex:1;background:linear-gradient(125deg,#8f3d22,#b5742d);border-color:#ffd17480;font-weight:800;color:#fff0c3}.df-power small{display:block;font-size:10px;font-weight:400;margin-top:2px}.df-instruction{text-align:center;font-size:12px;color:#e4b6a1;padding-top:12px;min-height:32px}.df-side h2{font-size:36px;line-height:1.5;margin:25px 0 18px}.df-side>p{font-size:14px;line-height:1.9;color:#dfb9a6}.df-guide{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid #ffffff15}.df-guide>b{font-size:28px;color:#ffce71;font-style:italic}.df-guide strong{font-size:17px;color:#ffe2bd}.df-guide p{font-size:13px;color:#d0a698;line-height:1.9;margin-top:7px}.df-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#e0bfae;margin-top:28px}.df-legend span{display:flex;align-items:center;gap:6px}.df-dot{width:13px;height:13px;border-radius:5px;background:#b987ee;display:inline-block}.df-dot-two{background:#57c7a5}.df-dot-three{background:#f18a6b}.df-back{display:block;text-align:center;font-size:14px;color:#f6d29c;padding:14px}.df-game .lg-dialog .lg-primary{margin-top:18px}.df-game .lg-dialog li{margin-bottom:10px}.lg-tabs{flex-wrap:wrap}@keyframes df-pop{0%{opacity:1;scale:.7}30%{scale:1.15}to{opacity:0;translate:0 -25px}}@media(max-width:850px){.df-layout{display:block}.df-side{display:none}.df-play{max-width:480px;margin:auto}}@media(max-width:480px){.df-wave-title{margin-bottom:9px;gap:8px;font-size:12px}.df-wave-title strong{font-size:16px}.df-wave-title b{font-size:10px}.df-arena{border-radius:18px}.df-scoreboard{margin-bottom:10px}.df-start{padding:20px;gap:16px}.df-start h2{font-size:23px}.df-start p{font-size:13px}.df-start-icon{font-size:52px}.df-action-row button{padding:8px 12px}.df-start small{font-size:10px}.df-enemy>span{font-size:20px}.df-game .lg-title-row h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.df-burst{animation:none;font-size:24px}}