@font-face{font-family:ForwardKR;src:url('assets/ForwardKR.woff2') format('woff2');font-weight:100 950;font-style:normal;font-display:swap}
#dualEscape{position:absolute;inset:0;z-index:95;background:#091a2d;color:#ffedc6;overflow:hidden;font-family:ForwardKR,system-ui,sans-serif;touch-action:none}#dualEscape.hidden{display:none!important}#dualEscape *{box-sizing:border-box}#dualEscape button{font:inherit;cursor:pointer;touch-action:manipulation}#dualEscape button:focus-visible{outline:3px solid #fff0b7;outline-offset:3px}#dualEscape button:disabled{cursor:default;opacity:.4}#dualEscape .dualPage{position:absolute;inset:0;overflow:auto;padding:clamp(15px,4vw,26px);background:radial-gradient(ellipse at 90% 0,#23536a88,transparent 60%),linear-gradient(#112b42ef,#071522f5),url('../assets/backgrounds/zone-0.webp') center/cover;touch-action:pan-y}#dualEscape h1{margin:5px 0 8px;font-size:clamp(25px,6vw,34px)}#dualEscape h2{margin:6px 0 8px;font-size:24px}#dualEscape p{line-height:1.55;font-size:13px}#dualEscape .dualKicker{font-size:10px;letter-spacing:.2em;color:#e6ba74}#dualEscape .dualTop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}#dualEscape .dualPill{border:1px solid #bc94536b;background:#123246;padding:7px 11px;border-radius:20px;color:#ffe9b4;font-size:11px}#dualEscape .dualHero{display:flex;align-items:center;gap:8px;font-size:12px}#dualEscape .dualHero img{width:36px;height:39px;object-fit:contain}#dualEscape .dualCards{display:grid;gap:12px;margin:16px 0}#dualEscape .dualCard{position:relative;display:grid;grid-template-columns:37% 1fr;height:174px;min-height:174px;text-align:left;overflow:hidden;border:1px solid #d5b46a8f;border-radius:18px;background:linear-gradient(145deg,#254759,#102c3d);color:#ffedc6;padding:0;box-shadow:0 8px 20px #0004;transition:transform .18s,box-shadow .18s}#dualEscape .dualCard[data-mode=forward]{background:linear-gradient(145deg,#752b28,#341f30)}#dualEscape .dualCard.picked{transform:scale(1.025);box-shadow:0 0 0 2px #efc777,0 12px 25px #0005}#dualEscape .dualPreview{width:100%;height:100%;object-fit:cover;background:#18394e}#dualEscape .dualCardCopy{padding:16px 12px;display:flex;flex-direction:column;gap:5px;justify-content:center}#dualEscape .dualCardCopy strong{font-size:19px}#dualEscape .dualCardCopy small{font-size:11px;line-height:1.6;color:#e8d9ba}#dualEscape .dualCardCopy em{font-style:normal;font-size:10px;letter-spacing:.08em;color:#e8c173}#dualEscape .dualArrow{position:absolute;right:10px;bottom:8px;color:#eec777;font-size:20px}#dualEscape .dualButton{display:block;width:100%;border:1px solid #e7bd77;background:linear-gradient(#a74031,#6a2527);color:#fff0c9;padding:12px 10px;border-radius:11px;font-weight:850;margin:8px 0;min-height:44px}#dualEscape .dualButton.alt{background:#1b3c4c;border-color:#8bb8b97f}#dualEscape .dualButton.quiet{background:transparent;border-color:#ccb78c44}#dualEscape .dualFoot{font-size:11px;color:#c6c5b4;text-align:center;margin:11px 0}#dualEscape .forwardCanvas{width:100%;height:100%;display:block}#dualEscape .forwardHUD{position:absolute;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));display:flex;gap:7px;align-items:center;pointer-events:none}#dualEscape .forwardHUD>div{background:#071725d9;border:1px solid #bda27066;border-radius:12px;padding:7px 10px;min-width:76px;backdrop-filter:blur(5px)}#dualEscape .forwardHUD small{display:block;font-size:9px;color:#d0c49f}#dualEscape .forwardHUD b{font-size:19px}#dualEscape .forwardHUD button{margin-left:auto;pointer-events:auto;border:1px solid #e5c07799;background:#102d3ce6;color:#ffe2a2;border-radius:10px;padding:9px 12px;font-size:18px}#dualEscape .forwardCombo{position:absolute;top:93px;left:0;right:0;text-align:center;color:#ffe49a;font-size:15px;font-weight:900;pointer-events:none;text-shadow:0 2px 6px #000}#dualEscape .forwardJudge{position:absolute;top:32%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(23px,6vw,35px);font-weight:1000;color:#ffdf84;text-shadow:0 2px 0 #874722,0 0 17px #f6b05799;opacity:0}#dualEscape .forwardJudge.flash{animation:forwardJudge .72s ease-out both}@keyframes forwardJudge{0%{opacity:0;transform:scale(.7) translateY(8px)}14%,65%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:translateY(-18px)}}#dualEscape .forwardCoach{position:absolute;top:16%;left:6%;right:6%;background:#0b2333ec;border:1px solid #dfbc76;border-radius:14px;padding:12px 14px;text-align:center;color:#ffe9b3;font-size:12px;line-height:1.5;box-shadow:0 7px 20px #0005}#dualEscape .forwardCoach b{display:block;font-size:17px;margin:3px 0}#dualEscape .forwardCoach button{margin-top:6px;border:0;background:transparent;color:#e2c080;text-decoration:underline;font-size:10px}#dualEscape .forwardControls{position:absolute;left:14px;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}#dualEscape .forwardControls button{min-height:72px;padding:9px 2px;border-radius:16px;border:2px solid #e6c386;background:linear-gradient(#1e7187,#143a54);color:#fff1c7;box-shadow:0 5px 0 #071b2f,0 8px 16px #0005;font-weight:950;user-select:none;-webkit-user-select:none}#dualEscape .forwardControls button:nth-child(2){background:linear-gradient(#bd5436,#742b29)}#dualEscape .forwardControls button:nth-child(3){background:linear-gradient(#84539d,#3e315f)}#dualEscape .forwardControls button strong{font-size:18px;display:block}#dualEscape .forwardControls button small{font-size:10px;font-weight:600;opacity:.88}#dualEscape .forwardControls button:active{transform:translateY(3px);box-shadow:0 2px 0 #071b2f}#dualEscape .forwardControls button.lit{animation:flipLit .8s infinite alternate}@keyframes flipLit{from{box-shadow:0 0 5px #ffdc84,0 5px 0 #071b2f}to{box-shadow:0 0 23px #ffe49c,0 5px 0 #071b2f;border-color:#fff1a9}}#dualEscape .forwardGuide{position:absolute;left:0;right:0;bottom:calc(99px + env(safe-area-inset-bottom));font-size:10px;text-align:center;color:#ffedc8;text-shadow:0 2px 3px #000}#dualEscape .dualModal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#061321c9;padding:18px;overflow:auto;touch-action:pan-y}#dualEscape .dualModalCard{width:100%;max-width:405px;max-height:94%;overflow:auto;border:1px solid #d8b779;background:linear-gradient(145deg,#17394b,#091c2e);box-shadow:0 18px 70px #000a;border-radius:20px;padding:22px 20px;text-align:center}#dualEscape .dualMetrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}#dualEscape .dualMetrics>div{border:1px solid #baa57744;border-radius:12px;padding:10px 4px;background:#062032}#dualEscape .dualMetrics small{display:block;font-size:10px;color:#d1c39e}#dualEscape .dualMetrics b{display:block;font-size:24px;margin-top:3px}#dualEscape .dualNotice{font-size:11px;color:#e1d6be;line-height:1.6;margin:10px 0}#dualEscape .dualTabs{display:flex;gap:5px;margin:10px 0}#dualEscape .dualTabs button{flex:1;padding:9px 3px;border:1px solid #c9ac7177;border-radius:9px;background:#13384c;color:#d7d4bf;font-size:11px}#dualEscape .dualTabs button.selected{background:#d4ac62;color:#302113}#dualEscape .dualRankRow{display:grid;grid-template-columns:22px 35px 1fr auto;gap:6px;align-items:center;border-bottom:1px solid #a2b5ae33;padding:9px 2px;font-size:12px}#dualEscape .dualRankRow img{width:35px;height:38px;object-fit:contain}#dualEscape .dualRankRow small{display:block;font-size:9px;color:#d1c6ac;margin-top:4px}#dualEscape .dualRankRow b{font-size:13px}#dualEscape input{width:100%;border:1px solid #ddbd7e;background:#fff0d0;color:#462d22;border-radius:10px;padding:11px;font:inherit;font-size:15px;margin:5px 0}#dualEscape .dualError{color:#ffbf95;font-size:11px;min-height:16px}#dualEscape .forwardStartCount{position:absolute;top:35%;left:0;right:0;text-align:center;color:#ffe3a0;font-size:60px;font-weight:1000;pointer-events:none;text-shadow:0 4px #613122}#dualRankModes{display:flex;gap:6px;margin:5px 0 8px}#dualRankModes button{flex:1;font:inherit;font-size:11px;padding:8px;border:1px solid #d8bc82;border-radius:9px;background:#173d50;color:#ffe6b4}#dualRankModes button:first-child{background:#d3b16c;color:#3f2a20}@media(max-height:650px){#dualEscape .dualPage{padding:12px 16px}#dualEscape .dualCards{gap:9px;margin:10px 0}#dualEscape .dualCard{height:145px;min-height:145px}#dualEscape .dualCardCopy{padding:9px}#dualEscape .forwardCoach{top:19%;padding:7px 10px;font-size:10px}#dualEscape .forwardControls button{min-height:60px}#dualEscape .forwardGuide{bottom:84px}#dualEscape .forwardHUD b{font-size:16px}}@media(prefers-reduced-motion:reduce){#dualEscape *{animation:none!important;transition:none!important}}
#dualEscape .forwardControls button.pressed{transform:translateY(4px);box-shadow:0 1px 0 #071b2f,0 0 22px #fff1af9c;filter:brightness(1.22)}
#dualEscape .forwardControls button.onBeat{border-color:#fff9de;box-shadow:0 0 0 3px #ffdf8166,0 5px 0 #071b2f,0 0 24px #ffe49b55}

#dualEscape .forwardControls{grid-template-columns:1fr 1fr;gap:14px}#dualEscape .forwardControls button{min-height:76px}#dualEscape .forwardControls button strong{font-size:21px}