/* V27 OVERDRIVE — feedback visible over identical base sprites. */
.v27-feature{margin:12px 0 16px;padding:15px 13px;background:linear-gradient(145deg,#211b43,#091f36 62%,#251031);border:1px solid #d8a8fc99;border-radius:16px;box-shadow:0 8px 30px #0708169c,inset 0 0 30px #a06aff0b;color:#f7efff}
.v27-feature-head{display:flex;flex-direction:column;gap:5px}.v27-feature-head small{letter-spacing:.16em;color:#deb8ff;font-size:10px}.v27-feature-head b{font-size:18px;letter-spacing:.04em}.v27-feature-head span{font-size:11px;line-height:1.8;color:#cbd4f7}
.v27-demo-go{width:100%;min-height:49px;border-radius:10px;margin-top:11px;border:1px solid #fff0bd;background:linear-gradient(110deg,#7952a9,#235998,#77419a);box-shadow:0 0 18px #a69bff65;color:#fff;font-size:13px;font-weight:900;letter-spacing:.05em}.v27-demo-go span{margin-left:9px}
.v27-home-demo{margin:12px 0 15px;padding:15px 12px;border-radius:12px;border:1px solid #c69fff88;background:linear-gradient(120deg,#341a53,#0c2540);display:flex;align-items:center;gap:12px;color:#eee5ff}.v27-home-demo div{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.v27-home-demo small{font-size:9px;letter-spacing:.2em;color:#e8c0fd}.v27-home-demo b{font-size:14px}.v27-home-demo span{font-size:10px;line-height:1.6;color:#c4c8e7}.v27-home-demo button{border:1px solid #ffdfae;border-radius:9px;flex-shrink:0;padding:11px 8px;background:linear-gradient(130deg,#684199,#325d9b);color:#fff;font-weight:900;font-size:11px}
.v27-announcement{position:absolute;z-index:11;top:34%;left:-2%;right:-2%;text-align:center;pointer-events:none;transform:translateY(18px) scale(.92);opacity:0;transition:opacity .15s,transform .2s;filter:drop-shadow(0 6px 9px #020311)}
.v27-announcement.show{opacity:1;transform:translateY(0) scale(1)}.v27-announcement small{display:block;font-size:8px;letter-spacing:.23em;color:#e8d7ff;text-shadow:0 0 7px #000,0 0 8px #000;line-height:1.3}.v27-announcement strong{display:block;font:bold 26px/1.2 Georgia,serif;letter-spacing:.16em;color:#f5edff;text-shadow:0 2px 2px #050310,0 0 14px #ba78ff,0 0 30px #9669ff;margin-top:3px}
.v27-announcement.ultimate strong{font-size:36px;color:#fff4c8;text-shadow:0 0 13px #e7a7ff,0 0 38px #b672ff,0 2px #000}.v27-announcement.boss strong{color:#ff8eac}.v27-announcement.perfect strong{color:#baffff}
.v27-boss-phase{position:absolute;z-index:5;top:70px;right:16px;color:#ff9aa9;font:900 9px system-ui;letter-spacing:.08em;text-shadow:0 0 8px #4f0014;opacity:0;pointer-events:none}.v27-boss-phase.active{opacity:1;animation:v27Pulse 1.6s infinite alternate}
.v27-score{position:absolute;z-index:5;left:12px;top:123px;pointer-events:none;font:900 15px Georgia,serif;letter-spacing:.16em;color:#ead5ffb0;text-shadow:0 0 12px #8b68ff55}.v27-score span{display:block;font:600 7px system-ui;letter-spacing:.2em;color:#bfb6dc88}
.v27-effects-toggle{position:absolute;z-index:13;right:7px;bottom:40px;font:bold 10px system-ui;background:#101934d9;color:#c9e9ff;border-radius:7px;padding:4px 6px;border:1px solid #9dcaff85}
.v27-demo-forms{display:flex;align-items:center;gap:8px;padding:5px 7px;background:#1a1936;position:relative;z-index:4;border-top:1px solid #776fb0aa}.v27-demo-forms span{font-size:8px;color:#c6bdde;width:53px;flex-shrink:0;line-height:1.2}.v27-demo-forms div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;flex:1}.v27-demo-forms button{border:1px solid #745d97;min-width:0;padding:5px 2px;font-size:8px;background:#1c2444;color:#dcdef6;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v27-demo-forms button.active{border-color:#ffd89b;background:#5c4073;color:#fff}
.v17-btn.v17-ult:not(:disabled){position:relative;overflow:hidden;box-shadow:0 0 11px #aa77dc73,inset 0 0 24px #ffbbdc33}.v17-btn.v17-ult:not(:disabled):before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffefb333 40%,transparent 60%);animation:v27Sheen 2.6s ease-in-out infinite;pointer-events:none}.v17-battle-mark{opacity:.45}.v17-stage.v27-stage-impact canvas{animation:v27CameraImpact .32s ease-out}.v17-stage.v27-stage-perfect canvas{animation:v27CameraPerfect .45s ease-out}.v17-stage.v27-stage-overdrive canvas{animation:v27CameraOverdrive .8s ease-out}
.v17-cine.v27-overdrive-cine{background:radial-gradient(circle at 47% 48%,#50357a,#160d2b 44%,#020311 78%)!important;animation:v27ScreenIn 1.65s both;isolation:isolate}.v17-cine.v27-overdrive-cine:before{z-index:0;width:170vmax;height:170vmax;border:0;border-radius:0;background:repeating-conic-gradient(from 0deg,#fff0bf19 0deg 5deg,transparent 5deg 23deg);animation:v27Rotate 13s linear infinite;box-shadow:none}.v27-speedlines{position:absolute;z-index:1;inset:-45%;background:repeating-linear-gradient(145deg,transparent 0 22px,#c3a6ff31 23px 25px,transparent 27px 51px);transform:rotate(-8deg);animation:v27Rush 1.5s ease-out both}.v27-cine-character{position:absolute;z-index:2;left:-13%;top:10%;width:88%;height:72%;transform:translateX(-30%) scale(.82);animation:v27HeroBurst 1.42s cubic-bezier(.17,.8,.21,1) forwards;filter:drop-shadow(0 0 24px #c6a1ff) drop-shadow(0 0 64px #b97cff)}.v27-cine-character img{object-fit:contain;width:100%;height:100%;mask-image:radial-gradient(ellipse,#000 53%,transparent 78%)}.v27-cine-type{position:absolute;z-index:2;left:6%;top:13%;letter-spacing:.2em;font:800 10px system-ui;color:#ffe5b4;transform:rotate(-90deg);transform-origin:left top;opacity:.75}.v27-cine-panel{position:absolute;z-index:3;right:3%;bottom:17%;max-width:92vw;text-align:right;text-shadow:0 3px 13px #080313,0 0 7px #160e36;animation:v27Words 1.4s both;display:flex;flex-direction:column;gap:9px}.v27-cine-panel small{font:800 9px system-ui;letter-spacing:.17em;color:#ffdb9b}.v27-cine-panel strong{font:bold clamp(23px,9vw,52px) Georgia,serif;color:#fff8df;line-height:1.1;letter-spacing:.05em;text-shadow:0 0 12px #ecb3ff,0 0 28px #835dff,0 3px #030211}.v27-cine-panel b{font:700 12px system-ui;color:#ecdeff}.v27-cine-panel span{color:#fff5d1;border-top:1px solid #f1c3ee;padding-top:8px;font:900 10px system-ui;letter-spacing:.15em}.v27-cine-wipe{position:absolute;z-index:5;inset:0;background:#fff7ea;opacity:0;animation:v27Wipe 1.55s ease-in forwards}
@keyframes v27Sheen{0%,40%{transform:translateX(-110%)}76%,100%{transform:translateX(140%)}}@keyframes v27Pulse{from{opacity:.6}to{opacity:1}}@keyframes v27CameraImpact{0%{transform:scale(1)}15%{transform:scale(1.04) translate(3px,-3px)}50%{transform:scale(1.06) translate(-4px,2px)}100%{transform:scale(1)}}@keyframes v27CameraPerfect{0%{filter:brightness(1.6);transform:scale(1.055)}100%{filter:brightness(1);transform:scale(1)}}@keyframes v27CameraOverdrive{0%{filter:brightness(1.9);transform:scale(1.12)}40%{filter:brightness(1.25);transform:scale(1.075)}100%{filter:brightness(1);transform:scale(1)}}@keyframes v27ScreenIn{0%{opacity:0;clip-path:inset(43% 0)}12%{opacity:1;clip-path:inset(0)}85%{opacity:1}100%{opacity:0}}@keyframes v27Rotate{to{transform:rotate(360deg)}}@keyframes v27Rush{0%{opacity:0;transform:translateX(-30%)}30%{opacity:.8}100%{opacity:0;transform:translateX(28%)}}@keyframes v27HeroBurst{0%{opacity:.15;transform:translateX(-50%) scale(.76)}30%{opacity:1;transform:translateX(0) scale(1.03)}75%{opacity:1;transform:translateX(3%) scale(1.06)}100%{opacity:1;transform:translateX(3%) scale(1.06)}}@keyframes v27Words{0%,20%{opacity:0;transform:translateY(25px)}40%,100%{opacity:1;transform:translateY(0)}}@keyframes v27Wipe{0%,78%{opacity:0}87%{opacity:.95}100%{opacity:0}}
@media(max-width:380px){.v27-demo-forms span{font-size:7px;width:43px}.v27-demo-forms button{font-size:7px;padding:5px 1px}.v27-announcement strong{font-size:22px}.v27-announcement.ultimate strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.v17-cine.v27-overdrive-cine,.v27-cine-character,.v27-cine-panel,.v27-speedlines,.v27-cine-wipe,.v17-stage.v27-stage-impact canvas,.v17-stage.v27-stage-perfect canvas,.v17-stage.v27-stage-overdrive canvas{animation:none!important}}