.duo-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;padding:55px 0}.duo-copy h1{font-size:clamp(4.5rem,8vw,8rem);line-height:.8;letter-spacing:-.075em;margin:0}.duo-copy h1 span{color:#c4a2ff}.duo-copy .eyebrow{color:#c4a2ff}.duo-note{margin-top:30px;border-top:1px solid var(--line);padding-top:22px;max-width:380px}.duo-note b{font-size:.88rem}.duo-note p{color:var(--muted);line-height:1.7;font-size:.82rem}.duo-shell{width:100%;max-width:560px;margin:auto;padding:12px;border-radius:27px;background:linear-gradient(145deg,#2a2449,#111b30);border:1px solid #ffffff22;box-shadow:0 30px 75px #0005}.mode-row{display:flex;gap:4px;padding:4px;border-radius:13px;background:#070e23}.mode-row button{flex:1;min-height:44px;padding:8px;border:0;border-radius:9px;color:var(--muted);background:none;font-size:.75rem;font-weight:750;cursor:pointer}.mode-row button[aria-pressed="true"]{background:#c4a2ff;color:#211334}.duo-stats{display:flex;align-items:center;gap:25px;padding:17px 7px 13px}.duo-stats div{display:grid;gap:4px}.duo-stats span{font-size:.55rem;letter-spacing:.13em;color:var(--muted)}.duo-stats strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.duo-stats button{margin-left:auto}.duo-stage{position:relative;aspect-ratio:640/760;border-radius:16px;overflow:hidden;background:#0b1025;touch-action:none}.duo-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.duo-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;background:#10152de8;backdrop-filter:blur(4px)}.duo-overlay[hidden],.switch-button[hidden],.share-button[hidden],#countdown[hidden]{display:none}.duo-overlay h2{font-size:2.1rem;letter-spacing:-.055em;margin:7px 0 13px}.duo-overlay>p:not(.eyebrow){font-size:.87rem;line-height:1.6;color:var(--muted);max-width:310px;margin:0 0 22px}.duo-overlay .eyebrow{font-size:.6rem;margin:0}.duo-logo{display:flex;gap:35px;margin:0 0 30px}.duo-logo i{display:block;position:relative;width:30px;height:52px;border-radius:9px;background:#7cead9;box-shadow:0 0 25px #7cead933;transform:rotate(-13deg)}.duo-logo i:after{content:"";position:absolute;inset:11px 5px 22px;background:#1b3445;border-radius:4px}.duo-logo i:nth-child(2){background:#d0a5ff;transform:translateY(-15px) rotate(-13deg)}.duo-controls{display:flex;gap:10px;margin-top:12px}.switch-button{flex:1;display:grid;gap:5px;padding:12px 6px;min-height:60px;color:#113339;border:0;border-radius:12px;background:#7cead9;touch-action:none;cursor:pointer;font-size:.74rem;font-weight:900;user-select:none;-webkit-user-select:none}.switch-button small{font-size:.55rem;letter-spacing:.07em;opacity:.7}.switch-button:nth-child(2){background:#d0a5ff;color:#2f1a45}.switch-button:active{filter:brightness(1.2)}#countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:900;color:#fff;text-shadow:0 0 40px #c4a2ff88;pointer-events:none}button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:850px){.duo-layout{grid-template-columns:1fr;gap:28px;padding:35px 0}.duo-copy{text-align:center}.duo-copy h1{font-size:4.6rem}.duo-copy .lead{margin:20px auto}.duo-copy .feature-row{justify-content:center}.duo-note{margin:22px auto 0;padding-top:16px}.duo-shell{max-width:520px}}@media(max-width:420px){.duo-shell{padding:8px;border-radius:21px}.duo-copy h1{font-size:4rem}.mode-row button{font-size:.64rem}.duo-overlay h2{font-size:1.7rem}.duo-overlay{padding:14px}.duo-overlay .play-button,.duo-overlay .share-button{min-height:44px;min-width:185px;font-size:.72rem}.duo-overlay>p:not(.eyebrow){font-size:.75rem;margin-bottom:15px}.duo-logo{margin-bottom:21px}.game-caption{font-size:.57rem}}