.pd-teaser{isolation:isolate;color:#160a13;background:#ff5f81;border:2px solid #ffccd4;width:min(100%,620px);margin:30px 0 36px;padding:22px 58px 25px 24px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;transform:rotate(2deg);box-shadow:10px 11px #c6ff76}.pd-teaser:hover{transform:rotate(-1deg)translateY(-4px);box-shadow:14px 16px #c6ff76}.pd-teaser:focus-visible{outline-offset:6px;outline:3px solid #fff}.pd-teaser__tag{letter-spacing:.12em;font:700 10px/1.4 ui-monospace,monospace;display:block}.pd-teaser strong{letter-spacing:0;margin:10px 0;font:900 clamp(24px,5vw,43px)/1.25 Tahoma,system-ui,sans-serif;display:block}.pd-teaser>span:not(.pd-teaser__tag):not(.pd-teaser__arrow){line-height:1.65;display:block}.pd-teaser__arrow{inset-inline-end:20px;font-size:36px;position:absolute;top:28px}.pd-experiment{color:#eee6ff;background:radial-gradient(circle at 18% 18%,#53152b 0,#0000 38%),radial-gradient(circle at 81% 73%,#10353b 0,#0000 35%),#070609;min-height:100svh;padding:clamp(65px,10vw,135px) clamp(16px,6vw,88px) 70px;font-family:Tahoma,system-ui,sans-serif;position:relative;overflow:hidden}.pd-experiment:before{content:"";pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,#0000 0 3px,#fcecf7 4px);position:absolute;inset:0}.pd-intro,.pd-dashboard,.pd-simulation,.pd-safe-note{z-index:1;position:relative}.pd-intro{max-width:870px}.pd-kicker{color:#c6ff76;letter-spacing:.1em;font:800 11px/1.5 ui-monospace,monospace}.pd-intro h1{letter-spacing:-.05em;color:#fff5ef;text-shadow:6px 5px #8c2752,-4px -3px #1e626c;margin:10px 0;font-size:clamp(38px,8vw,105px);font-weight:1000;line-height:1.12}.pd-experiment[dir=rtl] .pd-intro h1{letter-spacing:0}.pd-intro>p:last-child{color:#d7c8dd;max-width:720px;font-size:clamp(15px,2vw,19px);line-height:1.9}.pd-dashboard{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin:28px 0;display:flex}.pd-score{flex:1;min-width:min(320px,100%);max-width:450px}.pd-score>span{letter-spacing:.08em;color:#e3a9b8;font:700 11px ui-monospace,monospace}.pd-score>strong{color:#c6ff76;margin:6px 0;font:900 55px/1.2 ui-monospace,monospace;display:block}.pd-meter{background:#1a1521;border:1px solid #c6ff76;height:12px;overflow:hidden}.pd-meter>div{background:repeating-linear-gradient(100deg,#c6ff76 0 10px,#8ed84c 10px 17px);height:100%;transition:width .3s}.pd-actions{flex-wrap:wrap;gap:10px;display:flex}.pd-actions button,.pd-ending button{cursor:pointer;border:2px solid #0000;padding:14px 20px;font:800 15px/1.4 Tahoma,system-ui,sans-serif}.pd-wipe{color:#190b15;background:#ff5579;transform:rotate(2deg);box-shadow:5px 5px #451528}.pd-restore{color:#16230d;background:#c6ff76;transform:rotate(-2deg)}.pd-actions button:disabled{opacity:.48;cursor:not-allowed;transform:none}.pd-actions button:focus-visible,.pd-piece:focus-visible,.pd-ending button:focus-visible{outline-offset:4px;outline:3px solid #fff}.pd-simulation{background:#100d16;border:2px solid #b798ce;min-height:380px;transform:rotate(-.6deg);box-shadow:12px 15px #392538}.pd-screenbar{color:#e4d7ef;border-bottom:1px solid #67516f;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;font:800 11px ui-monospace,monospace;display:flex}.pd-screenbar span:first-child{color:#ff6383}.pd-pieces{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1vw,13px);padding:clamp(10px,2.2vw,28px);display:grid}.pd-piece{color:#fff;cursor:crosshair;background:#201b27;border:2px solid #bfb2cc;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:clamp(95px,13vw,165px);font:800 clamp(10px,1.5vw,16px)/1.5 Tahoma,system-ui,sans-serif;transition:filter .13s,transform .15s,opacity .75s;display:flex;position:relative;overflow:hidden}.pd-piece:nth-child(3n){transform:rotate(3deg)}.pd-piece:nth-child(4n+1){transform:rotate(-2.5deg)}.pd-piece:hover:not(:disabled){filter:brightness(1.35);z-index:1;transform:rotate(0)scale(1.035)}.pd-piece--pink{background:#422038;border-color:#ef82b3}.pd-piece--yellow{background:#393021;border-color:#ebd67f}.pd-piece--blue{background:#1b3540;border-color:#77d0e8}.pd-piece--green{background:#2b3820;border-color:#b4e781}.pd-piece__icon{color:#fff0bc;font:900 clamp(28px,4vw,54px)/1 ui-monospace,monospace}.pd-piece__label{text-align:center;padding:0 6px}.pd-piece__number{opacity:.6;inset-inline-start:7px;font:700 10px ui-monospace,monospace;position:absolute;top:5px}.pd-piece--gone{opacity:0;pointer-events:none;transform:translateY(95px)rotate(28deg)scale(.15)!important}.pd-simulation--empty{border-color:#ff5579}.pd-ending{z-index:5;text-align:center;background:#060509ed;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:18px;display:flex;position:absolute;inset:0}.pd-ending>span{color:#ff5579;letter-spacing:-.06em;font:900 clamp(30px,7vw,90px) ui-monospace,monospace}.pd-ending strong{font-size:clamp(18px,4vw,34px)}.pd-ending button{color:#10200b;background:#c6ff76;margin-top:8px}.pd-safe-note{color:#bbaaaf;max-width:760px;margin-top:25px;line-height:1.7}@media (width<=800px){.pd-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=500px){.pd-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-piece{min-height:120px}.pd-experiment{padding-top:65px}.pd-simulation{box-shadow:5px 7px #392538}}@media (prefers-reduced-motion:reduce){.pd-teaser,.pd-meter>div,.pd-piece{transition:none!important}.pd-teaser:hover{transform:none}}
