.dw-pnc{--ink:#102b4d;--navy:#082b55;--blue:#1769a9;--aqua:#54d8ed;--coral:#ff6c5c;--gold:#ffd45c;max-width:1080px;margin:24px auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.dw-pnc *{box-sizing:border-box}.dw-pnc button,.dw-pnc input{font:inherit}.dw-pnc-start{max-width:590px;margin:auto;padding:42px 34px;text-align:center;border-radius:30px;background:linear-gradient(145deg,#fff8dc,#ffd89d 54%,#ff9b7d);box-shadow:0 18px 50px #1937602b;border:5px solid #fff}.dw-pnc-start h2,.dw-pnc-header h2{margin:5px 0 12px;font-size:clamp(2rem,5vw,3.5rem);line-height:1;color:#102b4d}.dw-pnc-start p{font-size:1.06rem;line-height:1.55;margin:0 auto 24px;max-width:470px}.dw-pnc-kicker{display:block;font-size:.76rem;letter-spacing:.16em;font-weight:900;color:#d8494e;text-transform:uppercase}.dw-pnc-start label{display:block;text-align:left;font-weight:800;margin:16px 0 7px}.dw-pnc-start input{display:block;width:100%;padding:14px 16px;border:2px solid #e2a45d;border-radius:14px;background:#fff;color:var(--ink);outline:0}.dw-pnc-start input:focus{border-color:#1873b4;box-shadow:0 0 0 4px #1873b433}.dw-pnc-rules{margin:20px 0 0;padding:16px;border:2px solid #e2a45d;border-radius:18px;background:#fffaf0;text-align:left}.dw-pnc-rules h3{margin:0 0 12px;text-align:center;color:#123a64;font-size:1.08rem}.dw-pnc-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dw-pnc-rule{display:flex;align-items:center;gap:9px;min-height:62px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #ead7bd}.dw-pnc-rule-icon{display:block;flex:0 0 52px;width:52px;height:62px;object-fit:contain;object-position:center;line-height:1;text-align:center}.dw-pnc-rule span:last-child{display:flex;flex-direction:column;gap:2px}.dw-pnc-rule strong{font-size:.8rem;color:#123a64}.dw-pnc-rule small{font-size:.73rem;line-height:1.2;color:#5f6570}.dw-pnc-rule.good{border-color:#70c991}.dw-pnc-rule.boss{border-color:#e1b44f}.dw-pnc-rule.bad{border-color:#e8a064}.dw-pnc-rule.danger{border-color:#e9817c}.dw-pnc-button{border:2px solid #123a64;border-radius:14px;padding:12px 18px;background:#fff;color:#123a64!important;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #123a64;transition:transform .12s,box-shadow .12s,filter .12s}.dw-pnc-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.dw-pnc-button:active{transform:translateY(3px);box-shadow:0 2px 0 #123a64}.dw-pnc-button-primary{background:#ff5d55!important;color:#fff!important;border-color:#922d39;box-shadow:0 5px 0 #922d39}.dw-pnc-start .dw-pnc-button{width:100%;margin-top:22px;font-size:1.06rem}.dw-pnc-play{padding:24px;border-radius:30px;background:linear-gradient(145deg,#fff7dc,#ffd69e 52%,#f78b78);box-shadow:0 18px 50px #1937602b;border:5px solid #fff}.dw-pnc-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 4px 16px}.dw-pnc-header h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:2px 0 0}.dw-pnc-button-small{padding:9px 14px}.dw-pnc-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 18px;margin-bottom:16px;border:3px solid #e2a45d;border-radius:15px;background:#fffaf0;font-size:.9rem}.dw-pnc-hud strong{color:#cf403d}.dw-pnc-arena{position:relative;isolation:isolate;overflow:hidden;height:min(68vw,650px);min-height:460px;border:6px solid #092c65;border-radius:25px;background:linear-gradient(#72cfea 0 34%,#9e633e 34% 100%);box-shadow:inset 0 0 0 4px #b3edee,0 8px 0 #17406b;outline:none;cursor:crosshair}.dw-pnc-background-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;pointer-events:none;user-select:none}.dw-pnc-arena-image>.dw-pnc-sky,.dw-pnc-arena-image>.dw-pnc-mast,.dw-pnc-arena-image>.dw-pnc-ship-details,.dw-pnc-arena-image>.dw-pnc-deck{display:none}.dw-pnc-arena-image>.dw-pnc-water-pistol,.dw-pnc-arena-image>.dw-pnc-gameover{z-index:8}.dw-pnc-sky{position:absolute;inset:0 0 66%;background:linear-gradient(#64c8e9,#d4f4e8);z-index:-2}.dw-pnc-sky:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#e9fff5;box-shadow:0 0 18px #efffff}.dw-pnc-sky .cloud{position:absolute;width:110px;height:26px;border-radius:25px;background:#fff9;filter:blur(1px)}.dw-pnc-sky .cloud:before,.dw-pnc-sky .cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.dw-pnc-sky .cloud:before{width:48px;height:48px;left:18px;bottom:0}.dw-pnc-sky .cloud:after{width:38px;height:38px;left:53px;bottom:0}.dw-pnc-sky .c1{left:10%;top:20%}.dw-pnc-sky .c2{right:12%;top:13%;transform:scale(.7)}.dw-pnc-sky .flag{position:absolute;right:19%;top:16%;font-size:2.3rem;color:#ee514a}.dw-pnc-mast{position:absolute;z-index:2;left:50%;top:7%;width:12px;height:50%;transform:translateX(-50%);border-radius:8px;background:#653c2f;box-shadow:4px 0 #42251f}.dw-pnc-mast:before{content:"";position:absolute;top:12%;left:-145px;width:290px;height:10px;border-radius:8px;background:#653c2f}.dw-pnc-mast:after{content:"";position:absolute;top:15%;left:-125px;width:250px;height:145px;background:linear-gradient(120deg,#f7d07a,#e27e61);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9;z-index:-1}.dw-pnc-mast:before{box-shadow:0 0 0 4px #2b1f2b,0 0 0 8px #9c6442}.dw-pnc-deck{position:absolute;z-index:1;left:-4%;right:-4%;bottom:0;height:38%;border-top:12px solid #321f2a;border-radius:0 0 26% 26%;background:linear-gradient(#6b3d35 0 14%,transparent 14%),repeating-linear-gradient(0deg,#71402f 0 19px,#a8653d 20px 24px);box-shadow:inset 0 12px #4b2c27,0 -7px 0 #2a2635}.dw-pnc-deck:after{content:'⚓    ◉        ◉    ⚓';position:absolute;left:8%;right:8%;bottom:18%;height:40px;display:flex;align-items:center;justify-content:space-between;color:#302a35;font-size:clamp(1.4rem,3vw,2.3rem);letter-spacing:.2em;text-shadow:2px 2px #c4874d}.dw-pnc-deck:before{content:'';position:absolute;left:3%;right:3%;top:13%;height:15px;border-radius:10px;background:#3b2630;box-shadow:0 63px #3b2630,0 126px #3b2630}.dw-pnc-deck .ship-rail{display:block}.dw-pnc-ship-details{position:absolute;z-index:3;left:0;right:0;top:55%;height:24%;pointer-events:none}.dw-pnc-ship-details .cannon{position:absolute;width:40px;height:20px;border:6px solid #30202a;border-radius:14px;color:#20202a;font-size:0;background:#d39b56;box-shadow:0 3px #1e2634}.dw-pnc-ship-details .cannon:after{content:'';position:absolute;right:-23px;top:3px;width:27px;height:8px;border-radius:5px;background:#30202a}.dw-pnc-ship-details .cannon-a{left:12%}.dw-pnc-ship-details .cannon-b{right:12%}.dw-pnc-ship-details .porthole{position:absolute;bottom:10%;width:28px;height:28px;border-radius:50%;background:#58d9ed;border:7px solid #3a2330;box-shadow:0 0 0 3px #d39b56}.dw-pnc-ship-details .porthole-a{left:32%}.dw-pnc-ship-details .porthole-b{right:32%}.dw-pnc-targets,.dw-pnc-splash-layer{position:absolute;inset:0;pointer-events:none}.dw-pnc-arena-image .dw-pnc-targets{z-index:4}.dw-pnc-arena-image .dw-pnc-crosshair{z-index:7}.dw-pnc-target{position:absolute;z-index:5;transform:translate(-50%,-50%);width:56px!important;height:56px!important;min-width:0!important;max-width:56px!important;border:0!important;outline:0!important;padding:0!important;background:transparent!important;cursor:crosshair;pointer-events:auto;filter:drop-shadow(0 4px 2px #162e4a99);user-select:none;appearance:none;box-shadow:none!important;animation:dw-pnc-bob 1.3s ease-in-out infinite alternate}.dw-pnc-target img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;pointer-events:none;user-select:none}.dw-pnc .dw-pnc-target,.dw-pnc .dw-pnc-target:hover,.dw-pnc .dw-pnc-target:focus,.dw-pnc .dw-pnc-target:focus-visible,.dw-pnc .dw-pnc-target:active{outline:0!important;box-shadow:none!important;border:0!important;background:transparent!important;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}.dw-pnc .dw-pnc-target::-moz-focus-inner{border:0;padding:0}.dw-pnc-target-pirate{filter:drop-shadow(0 5px 2px #162e4a99)}.dw-pnc-target-captain{width:64px!important;height:64px!important;max-width:64px!important;filter:drop-shadow(0 0 7px #ffd45c) drop-shadow(0 4px 2px #162e4a99);animation:dw-pnc-bob .9s ease-in-out infinite alternate}.dw-pnc-target-ally{filter:drop-shadow(0 5px 2px #162e4a99)}.dw-pnc-target-parrot{width:52px!important;height:52px!important;max-width:52px!important;animation:dw-pnc-wing .45s ease-in-out infinite alternate}.dw-pnc-crosshair{position:absolute;z-index:7;width:46px;height:46px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;pointer-events:none;opacity:.8;filter:drop-shadow(0 2px 2px #153454)}.dw-pnc-crosshair:before,.dw-pnc-crosshair:after{content:"";position:absolute;background:#fff}.dw-pnc-crosshair:before{left:50%;top:-10px;width:3px;height:62px;transform:translateX(-50%)}.dw-pnc-crosshair:after{top:50%;left:-10px;width:62px;height:3px;transform:translateY(-50%)}.dw-pnc-crosshair.active{animation:dw-pnc-shot .42s ease-out}.dw-pnc-water-pistol{position:absolute;z-index:8;right:7%;bottom:3%;width:86px;height:44px;border-radius:12px 20px 14px 10px;background:#ffca48;border:4px solid #1d5685;transform:rotate(-12deg);box-shadow:inset 0 -10px #ff6e5c,0 4px #143b61;pointer-events:none}.dw-pnc-water-pistol:before{content:"";position:absolute;left:-30px;top:10px;width:37px;height:13px;border-radius:8px 0 0 8px;background:#55d7e8;border:4px solid #1d5685}.dw-pnc-water-pistol:after{content:"";position:absolute;right:16px;top:29px;width:19px;height:28px;border:4px solid #1d5685;border-top:0;border-radius:0 0 10px 10px;background:#55d7e8}.dw-pnc-water-pistol span{position:absolute;right:-21px;top:11px;width:23px;height:11px;border-radius:50%;background:#bdf7ff;border:3px solid #1d5685}.dw-pnc-splash{position:absolute;z-index:9;transform:translate(-50%,-50%);font-size:1.6rem;animation:dw-pnc-splash .8s forwards;pointer-events:none}.dw-pnc-gameover{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#082951d9;backdrop-filter:blur(4px);color:#fff}.dw-pnc-gameover-face{font-size:clamp(3.5rem,10vw,6rem);line-height:1;margin-bottom:10px}.dw-pnc-gameover h3{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.5rem);color:#fff}.dw-pnc-gameover p{margin:0 0 13px;font-size:1.05rem;font-weight:800}.dw-pnc-gameover strong{margin-bottom:20px;padding:9px 16px;border-radius:12px;background:#ffffff24;font-size:1.08rem}.dw-pnc-gameover .dw-pnc-button{min-width:190px}.dw-pnc-controls{display:flex;justify-content:center;margin:20px auto 8px}.dw-pnc-controls .dw-pnc-button{min-width:210px}.dw-pnc-message{text-align:center;font-size:1.06rem;font-weight:900;min-height:1.6em;margin:9px 0 0;color:#123a64}.dw-pnc-help{text-align:center;margin:4px 0 0;font-size:.8rem;color:#31516d}.dw-pnc-version{display:block;width:max-content;margin:10px 4px 0 auto;font-size:.68rem;font-weight:700;color:#7d6e6b;opacity:.72;letter-spacing:.04em}.dw-pnc[hidden],.dw-pnc [hidden]{display:none!important}@keyframes dw-pnc-bob{to{transform:translate(-50%,-50%) translateY(-7px) rotate(2deg)}}@keyframes dw-pnc-wing{to{transform:translate(-50%,-50%) rotate(8deg) scale(1.08)}}@keyframes dw-pnc-shot{0%{transform:translate(-50%,-50%) scale(.75);opacity:1}100%{transform:translate(-50%,-50%) scale(1.35);opacity:.1}}@keyframes dw-pnc-splash{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-90px) scale(1.25)}}
@media (max-width:650px){.dw-pnc{margin:12px auto}.dw-pnc-play{padding:14px;border-radius:22px}.dw-pnc-start{padding:30px 20px}.dw-pnc-header{align-items:flex-start}.dw-pnc-header h2{font-size:1.7rem}.dw-pnc-arena{height:115vw;min-height:420px}.dw-pnc-hud{font-size:.76rem;padding:10px;gap:5px}.dw-pnc-rule-grid{grid-template-columns:1fr}.dw-pnc-rule-icon{flex-basis:46px;width:46px;height:56px}.dw-pnc-target{width:52px!important;height:52px!important;max-width:52px!important}.dw-pnc-target-captain{width:60px!important;height:60px!important;max-width:60px!important}.dw-pnc-water-pistol{right:4%;transform:scale(.8) rotate(-12deg)}.dw-pnc-mast:after{left:-80px;width:160px;height:100px}.dw-pnc-mast:before{left:-100px;width:200px}.dw-pnc-controls .dw-pnc-button{min-width:0;width:100%}}