.thedp-wrap{max-width:1100px;margin:0 auto;padding:0 8px}
.thedp-ad{margin:10px auto;min-height:100px;text-align:center;overflow:hidden}
.thedp-ad-ph{border:2px dashed #999;padding:30px;color:#777}
.thedp-game{position:relative;width:100%;aspect-ratio:16/9;max-height:86vh;background:#000;overflow:hidden;border-radius:18px;border:3px solid #e20303;box-shadow:0 0 30px rgba(226,3,3,.45);user-select:none;-webkit-user-select:none;touch-action:none;font-family:'Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;color:#fff}
@media (orientation:portrait){.thedp-game{aspect-ratio:9/16;max-height:82vh;max-width:min(100%,calc(82vh*9/16));margin:0 auto}}
.thedp-game canvas{display:block;width:100%;height:100%}
.tg-hud{position:absolute;inset:0;pointer-events:none}
.tg-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.tg-hp{background:linear-gradient(#2a0a0c,#120406);border:2px solid #e20303;border-radius:12px;padding:4px 9px;font-size:18px;color:#ff2b2b;text-shadow:0 2px 0 #000;box-shadow:0 3px 0 #5a0000}
.tg-hp small,.tg-info small{display:block;font-size:10px;color:#fff;letter-spacing:1px}
.tg-hp b{color:#3a2a2a;font-weight:400}
.tg-hp.en{text-align:right}
.tg-info{text-align:center;font-weight:900;font-size:15px;text-shadow:0 2px 0 #000;letter-spacing:1px}
.tg-banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(.3);opacity:0;font-size:clamp(26px,7vw,46px);font-weight:900;text-align:center;white-space:nowrap;-webkit-text-stroke:2px #000;text-shadow:0 5px 0 #000;transition:transform .35s cubic-bezier(.3,1.8,.5,1),opacity .2s}
.tg-banner small{display:block;font-size:14px;-webkit-text-stroke:0;text-shadow:0 2px 3px #000;letter-spacing:1px;margin-top:4px}
.tg-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.tg-banner.me{color:#ffd23f}.tg-banner.en{color:#ff2b2b}
.tg-timer{position:absolute;top:64px;left:50%;transform:translateX(-50%);font-size:22px;font-weight:900;text-shadow:0 2px 0 #000}
.tg-timer.low{color:#ff3b3b;animation:tgBeat .5s infinite}
@keyframes tgBeat{50%{transform:translateX(-50%) scale(1.25)}}
.tg-ammo{position:absolute;left:12px;bottom:110px;display:flex;flex-direction:column;gap:5px}
.tg-ammo i{width:10px;height:28px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#c98a2b,#ffd27a,#c98a2b);box-shadow:0 2px 0 #000}
.tg-ammo i.u{opacity:.2}
.tg-scope{position:absolute;inset:0;display:none;background:radial-gradient(circle at center,transparent 0,transparent min(38vw,30vh),rgba(0,0,0,.6) calc(min(38vw,30vh) + 2px),#000 calc(min(38vw,30vh) + 10px))}
.tg-scope:before,.tg-scope:after{content:"";position:absolute;background:rgba(0,0,0,.85)}
.tg-scope:before{left:50%;top:10%;bottom:10%;width:1.5px}
.tg-scope:after{top:50%;left:5%;right:5%;height:1.5px}
.tg-scope i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#ff1a1a;box-shadow:0 0 6px #f00}
.tg-cross{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}
.tg-hit{position:absolute;inset:0;box-shadow:inset 0 0 120px 40px rgba(200,0,0,0);transition:box-shadow .3s}
.tg-hit.on{box-shadow:inset 0 0 120px 40px rgba(220,0,0,.85);transition:none}
.tg-ctr{position:absolute;right:12px;bottom:14px;left:12px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:auto}
.tg-b{pointer-events:auto;cursor:pointer;border:0;border-radius:16px;padding:12px 16px;font:900 14px/1 inherit;color:#fff;letter-spacing:1px;background:linear-gradient(#ff4a3a,#c40000);box-shadow:0 5px 0 #6a0000,0 8px 14px rgba(0,0,0,.5);text-shadow:0 2px 0 #6a0000;transition:transform .08s}
.tg-b:active{transform:translateY(4px);box-shadow:0 1px 0 #6a0000}
.tg-b span{display:block;font-size:11px;margin-top:4px}
.tg-b.zoom{background:linear-gradient(#5aa9ff,#1e5fc4);box-shadow:0 5px 0 #0d2f66;text-shadow:0 2px 0 #0d2f66;font-size:24px}
.tg-b.zoom.on{background:linear-gradient(#ffe066,#f0a400);box-shadow:0 5px 0 #8a5a00}
.tg-b.fire{width:92px;height:92px;border-radius:50%;font-size:32px;padding:0}
.tg-hide{position:absolute;left:0;right:0;bottom:20px;display:none;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}
.tg-hide p{margin:0;font-weight:900;font-size:18px;text-shadow:0 2px 0 #000}
.tg-hide .tg-b{width:min(80%,320px);font-size:16px;padding:16px}
.tg-hide .tg-b.on{background:linear-gradient(#ffe066,#f0a400);box-shadow:0 5px 0 #8a5a00}
.tg-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,rgba(60,0,0,.55),rgba(0,0,0,.85));pointer-events:auto}
.tg-menu .card{width:min(100%,420px);text-align:center;background:linear-gradient(#2a0b0e,#0d0507);border:3px solid #e20303;border-radius:22px;padding:22px 18px;box-shadow:0 8px 0 #5a0000,0 0 40px rgba(226,3,3,.5);animation:tgPop .4s cubic-bezier(.3,1.7,.5,1)}
@keyframes tgPop{from{transform:scale(.6);opacity:0}}
.tg-menu h2{margin:0 0 10px;font-size:clamp(26px,7vw,38px);color:#ffd23f;-webkit-text-stroke:1.5px #000;text-shadow:0 4px 0 #000;letter-spacing:1px}
.tg-menu p{margin:0 0 12px;font-size:14px;line-height:1.45;color:#eee}
.tg-menu .who a{color:#ffd23f}
.tg-menu .big{font-size:22px;padding:16px 34px;margin:6px 0 12px;background:linear-gradient(#7dff5a,#1fae00);box-shadow:0 6px 0 #0d5a00;text-shadow:0 2px 0 #0d5a00}
.tg-menu .lb{font-size:13px;text-align:left}
.tg-menu .lb b{display:block;text-align:center;color:#ffd23f;margin-bottom:4px}
.tg-menu .lb div{display:flex;justify-content:space-between;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.06);margin-bottom:3px}
.thedp-online{max-width:1100px;margin:14px auto;padding:16px;background:linear-gradient(#1a0709,#0b0406);border:2px solid #e20303;border-radius:16px;color:#fff}
.thedp-online h3{margin:0 0 10px;color:#fff;font-size:18px}
.thedp-online ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.thedp-online li a{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);padding:6px 12px 6px 6px;border-radius:30px;color:#fff;text-decoration:none}
.thedp-online li img{width:32px;height:32px;border-radius:50%}
.thedp-online li a:before{content:"";width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 6px #3ddc84;order:3}
.thedp-online .links{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.thedp-online .links a{background:#e20303;color:#fff;padding:8px 14px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px}
.thedp-auth{display:flex;flex-wrap:wrap;gap:24px;max-width:760px;margin:0 auto}
.thedp-auth-col{flex:1 1 300px}
.thedp-err{width:100%;color:#c0392b;font-weight:700}
.tg-menu .mp{display:flex;gap:8px;justify-content:center;margin:0 0 12px}
.tg-menu .mp .tg-b{font-size:14px;padding:12px 14px}
.tg-menu .mp .tg-b:last-child{background:linear-gradient(#5aa9ff,#1e5fc4);box-shadow:0 5px 0 #0d2f66}
.tg-b.emo-t{display:none;position:absolute;left:12px;top:70px;width:48px;height:48px;border-radius:50%;padding:0;font-size:22px;background:linear-gradient(#ffe066,#f0a400);box-shadow:0 4px 0 #8a5a00;pointer-events:auto}
.tg-emo{position:absolute;left:12px;top:126px;display:none;flex-direction:column;gap:6px;pointer-events:auto;z-index:5}
.tg-emo.on{display:flex}
.tg-emo .tg-b{font-size:13px;padding:9px 12px;text-align:left;background:linear-gradient(#fff,#ddd);color:#222;text-shadow:none;box-shadow:0 4px 0 #888}
.tg-bub{position:absolute;left:50%;top:22%;transform:translateX(-50%) scale(0);background:#fff;color:#111;font-weight:900;font-size:17px;padding:10px 16px;border-radius:18px;box-shadow:0 5px 0 #999;white-space:nowrap;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.tg-bub.on{transform:translateX(-50%) scale(1)}
.tg-bub.opp{background:#ffe0e0}