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