.raid-qte-overlay{--core-cyan:#65e6ff;--core-violet:#a484ff;--core-green:#6ee7a8;--core-red:#ff6178;--core-gold:#e8c782;overscroll-behavior:contain;-webkit-user-select:none;-webkit-touch-callout:none}
.raid-qte-overlay .raid-qte-sequence{max-width:min(740px,95%);flex-wrap:wrap;justify-content:center}
.raid-qte-overlay .raid-qte-inputs{position:relative;z-index:2;display:flex;align-items:center;gap:28px;width:min(620px,94%);justify-content:center;margin-top:22px}
.raid-qte-overlay .raid-qte-dpad{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,60px);gap:7px;margin:0;flex:none}
.raid-qte-overlay .raid-qte-dpad button{min-width:60px;min-height:60px;border-radius:9px;touch-action:none;box-shadow:inset 0 1px #99e6ff20,0 5px 0 #01070c;font:800 30px/1 system-ui;transition:background .1s,border-color .1s}
.raid-qte-overlay .raid-qte-dpad button:focus-visible{outline:2px solid #aaffd1;outline-offset:3px}
.raid-qte-swipe-zone{display:grid;gap:9px;align-content:center;min-height:110px;padding:15px 20px;border:1px dashed #34566c;border-radius:12px;text-align:center;background:linear-gradient(135deg,#0d253055,#09172099);touch-action:none}
.raid-qte-swipe-zone span{color:#72cce2;font-size:9px;letter-spacing:4px}.raid-qte-swipe-zone b{font-size:12px;color:#c5e4ed}.raid-qte-swipe-zone small{font-size:10px;color:#7998a5}
@media(max-width:620px){.raid-qte-overlay.is-sequence{padding-top:125px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.raid-qte-overlay.is-sequence .raid-qte-warning strong{font-size:27px}.raid-qte-overlay.is-sequence .raid-qte-warning p{font-size:11px;max-width:320px;line-height:1.6}.raid-qte-overlay .raid-qte-inputs{margin-top:18px;gap:14px}.raid-qte-overlay .raid-qte-dpad{grid-template-columns:repeat(3,62px);grid-template-rows:repeat(2,62px);gap:8px}.raid-qte-overlay .raid-qte-swipe-zone{padding:12px 8px;max-width:86px;min-height:105px}.raid-qte-swipe-zone b{font-size:10px;line-height:1.6;word-break:keep-all}.raid-qte-swipe-zone small{font-size:8px;line-height:1.6}.raid-qte-overlay.is-sequence .raid-qte-sequence{margin-top:20px;gap:5px}.raid-qte-overlay.is-sequence .raid-qte-progress{margin-top:20px}}
@media(max-height:600px){.raid-qte-overlay.is-sequence{padding:100px 12px 12px;justify-content:flex-end}.raid-qte-overlay.is-sequence>header{top:12px}.raid-qte-overlay.is-sequence .raid-qte-warning i{display:none}.raid-qte-overlay.is-sequence .raid-qte-warning strong{font-size:19px}.raid-qte-overlay.is-sequence .raid-qte-warning p{font-size:10px;margin:3px 0}.raid-qte-overlay.is-sequence .raid-qte-sequence{margin-top:10px;gap:4px}.raid-qte-overlay.is-sequence .raid-qte-sequence i{width:30px;height:32px;font-size:19px}.raid-qte-overlay .raid-qte-inputs{margin-top:10px;gap:18px}.raid-qte-overlay .raid-qte-dpad{grid-template-columns:repeat(4,58px);grid-template-rows:54px}.raid-qte-overlay .raid-qte-dpad button{grid-column:auto;grid-row:1;min-width:54px;min-height:54px}.raid-qte-overlay .raid-qte-swipe-zone{min-height:35px;gap:3px;padding:6px 14px;max-width:180px}.raid-qte-swipe-zone small{display:none}.raid-qte-overlay.is-sequence .raid-qte-progress{height:5px;margin-top:12px}.raid-qte-overlay.is-sequence>footer{margin-top:7px;font-size:9px}}