.dnn-pitch,.dnn-pitch *{box-sizing:border-box}.dnn-pitch{--red:#d71920;--dark:#151515;--paper:#fffdf3;--yellow:#ffd43b;--blue:#087cc4;width:100%;max-width:920px;margin:24px auto;color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.7}.dnn-pitch [hidden]{display:none!important}.dnn-pitch__breaking{display:flex;overflow:hidden;border-radius:10px 10px 0 0;color:#fff;background:var(--dark);font-size:13px;font-weight:900}.dnn-pitch__breaking span{padding:11px 16px;background:var(--red)}.dnn-pitch__breaking b{padding:11px 16px}.dnn-pitch__panel{padding:clamp(22px,4vw,46px);border:1px solid #d8d2c2;border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(#14141407 1px,transparent 1px),var(--paper);background-size:100% 28px;box-shadow:0 16px 40px #0002;text-align:center}.dnn-pitch__eyebrow{margin:0 0 6px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.1em}.dnn-pitch .dnn-pitch__title{margin:0;padding:0;border:0;background:none;font-size:clamp(29px,6vw,50px);font-weight:900;line-height:1.22}.dnn-pitch .dnn-pitch__title:before,.dnn-pitch .dnn-pitch__title:after{display:none!important;content:none!important}.dnn-pitch__lead{margin:13px auto 20px}.dnn-pitch__hud{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:3px solid var(--dark);border-bottom:0;border-radius:10px 10px 0 0;color:#fff;background:var(--dark);font-family:Impact,"Arial Black",sans-serif;letter-spacing:.06em}.dnn-pitch__hud span{padding:8px 4px;border-right:1px solid #555}.dnn-pitch__hud span:last-child{border:0}.dnn-pitch__hud strong{color:var(--yellow);font-size:1.15em}.dnn-pitch__stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:390px;border:3px solid var(--dark);border-top:0;background:radial-gradient(circle at 50% 40%,#1c5d8c 0,#10263d 42%,#09121e 75%);isolation:isolate}.dnn-pitch__stage:before,.dnn-pitch__stage:after{position:absolute;inset:auto -10% -45%;height:78%;border:3px solid #48ccff30;border-radius:50%;content:"";transform:rotate(8deg)}.dnn-pitch__stage:after{inset:auto -25% -35%;transform:rotate(-13deg)}.dnn-pitch__message{position:absolute;top:12px;left:50%;z-index:5;min-width:min(84%,530px);padding:7px 16px;transform:translateX(-50%);border:2px solid #fff;border-radius:999px;color:#fff;background:#000d;font-weight:900}.dnn-pitch__notes{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:clamp(25px,7vw,70px);margin-top:20px;color:#fff}.dnn-pitch__notes span{display:grid;width:clamp(95px,20vw,150px);height:clamp(95px,20vw,150px);place-items:center;border:5px solid #fff;border-radius:50%;background:linear-gradient(145deg,#0ba6d9,#134aa3);box-shadow:0 10px 0 #061630,0 0 25px #2fd3ff80;font-size:clamp(58px,12vw,96px);font-weight:900;line-height:1}.dnn-pitch__notes i{color:var(--yellow);font-size:clamp(35px,7vw,55px);font-style:normal;font-weight:900}.dnn-pitch__notes span.is-playing{animation:dnn-pitch-pulse .5s ease both;background:linear-gradient(145deg,#ffe855,#ef8e12);box-shadow:0 10px 0 #663400,0 0 40px #ffe65c}.dnn-pitch__replay{position:relative;z-index:4;margin-top:28px;padding:9px 23px;border:2px solid #fff;border-radius:999px;color:#fff;background:#0008;font:inherit;font-weight:900;cursor:pointer}.dnn-pitch__replay small{display:block;font-size:10px}.dnn-pitch__replay:disabled{opacity:.38;cursor:not-allowed}.dnn-pitch__cover{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#fff;background:#090d11ed;backdrop-filter:blur(3px)}.dnn-pitch__cover strong{font-size:clamp(38px,8vw,68px);font-style:italic;line-height:1.1;text-shadow:4px 4px var(--red)}.dnn-pitch__cover span{margin:12px 0 3px;font-weight:800}.dnn-pitch__cover em{margin-bottom:20px;color:#ffe56e;font-size:12px;font-style:normal}.dnn-pitch__cover button,.dnn-pitch__retry,.dnn-pitch__share a,.dnn-pitch__share button{appearance:none;border:0;border-radius:999px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none}.dnn-pitch__cover button{padding:14px 35px;color:#fff;background:var(--red);box-shadow:0 7px #870d12;font-size:clamp(19px,4vw,26px)}.dnn-pitch__controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.dnn-pitch__controls button{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;padding:14px;border:3px solid var(--dark);border-radius:12px;background:#fff;box-shadow:0 7px var(--dark);font:inherit;cursor:pointer}.dnn-pitch__controls button:first-child{background:#e2f2ff}.dnn-pitch__controls button:last-child{background:#fff0b7}.dnn-pitch__controls button:disabled{filter:grayscale(.7);opacity:.52;cursor:not-allowed}.dnn-pitch__controls small{position:absolute;top:7px;left:9px;padding:1px 7px;border-radius:5px;color:#fff;background:#222;font-size:11px}.dnn-pitch__controls strong{font-size:clamp(25px,5vw,35px);line-height:1.2}.dnn-pitch__controls span{font-size:12px}.dnn-pitch__controls button.is-correct{transform:translateY(6px);color:#fff;background:#159447;box-shadow:0 1px var(--dark)}.dnn-pitch__controls button.is-wrong{transform:translateY(6px);color:#fff;background:#d71920;box-shadow:0 1px var(--dark)}.dnn-pitch__help{margin:17px 0 0;color:#555;font-size:13px}.dnn-pitch__result{margin-top:30px;padding-top:30px;border-top:4px double #222}.dnn-pitch__score-label{font-size:13px;font-weight:900;letter-spacing:.2em}.dnn-pitch__final{font-size:clamp(70px,18vw,110px);font-weight:900;line-height:1.1}.dnn-pitch__final small{font-size:.3em}.dnn-pitch__result article{padding:clamp(23px,5vw,40px);border:3px solid #222;background:#fff;text-align:left}.dnn-pitch__result article>div{display:inline-block;padding:3px 14px;color:#fff;background:var(--red);font-weight:900}.dnn-pitch .dnn-pitch__result h2{margin:10px 0 16px;padding:0 0 14px;border:0;border-bottom:2px solid #222;background:none;font-size:clamp(23px,5vw,36px);font-weight:900}.dnn-pitch .dnn-pitch__result h2:before,.dnn-pitch .dnn-pitch__result h2:after{display:none!important;content:none!important}.dnn-pitch__result article>span{display:inline-block;padding:7px 12px;background:var(--yellow)}.dnn-pitch__best{font-weight:800}.dnn-pitch__share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:24px 0}.dnn-pitch__share a,.dnn-pitch__share button{min-width:150px;padding:12px 20px;color:#fff!important;background:#111}.dnn-pitch__share button{background:#4b5563}.dnn-pitch__share small{flex-basis:100%;color:#146c2e}.dnn-pitch__retry{padding:12px 28px;border:2px solid #222;background:transparent}.dnn-pitch button:focus-visible,.dnn-pitch a:focus-visible{outline:4px solid #0068ff4d;outline-offset:3px}@keyframes dnn-pitch-pulse{0%{transform:scale(.82);opacity:.5}30%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@media(max-width:600px){.dnn-pitch{margin:12px auto}.dnn-pitch__panel{padding:25px 9px 30px}.dnn-pitch__breaking span,.dnn-pitch__breaking b{padding:9px 7px;font-size:9px}.dnn-pitch__stage{min-height:365px}.dnn-pitch__notes{gap:18px}.dnn-pitch__notes span{width:90px;height:90px;font-size:58px}.dnn-pitch__controls{gap:8px}.dnn-pitch__controls button{min-height:101px;padding:12px 5px}.dnn-pitch__controls small{display:none}}
@media(prefers-reduced-motion:reduce){.dnn-pitch__notes span{animation-duration:.01ms!important}}