/* QUA's frame around the original game. The native picture and play area keep their sizing. */
@font-face{font-family:'QUA Syne';src:url('./landing/fonts/syne-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
body.qua-dojo{--bg:#030304;--panel:#130d15;--ink:#f7dfcd;--muted:#ae8f9f;--line:#cda19a2b;--red:#ef826d;--soft-red:#e5a3be;--serif:'QUA Syne',Arial,sans-serif;--sans:'QUA Syne',Arial,sans-serif;background:radial-gradient(ellipse at 83% 18%,#73304a17,transparent 36%),#030304;font-weight:450}
.qua-dojo .topbar{border-color:var(--line)}
.qua-dojo .wordmark{gap:24px;letter-spacing:-.025em}
.qua-dojo .dojo-qua-mark{display:block;width:112px;height:auto;flex:none}
.qua-dojo .dojo-wordmark-label{padding-left:24px;border-left:1px solid var(--line);font-size:23px;font-weight:600;line-height:1.1}
.qua-dojo .wordmark small{font-size:7px;letter-spacing:.17em;color:#c19ba7;font-weight:450;margin-top:8px}
.qua-dojo .tools{gap:8px}
.qua-dojo .tool{font-size:10px;letter-spacing:.01em;border-radius:24px;color:#bb9aa8}
.qua-dojo .tool[aria-pressed=true],.qua-dojo #fullscreen.fullscreen-button{border-color:#c38b9a4d;color:#edd1ca}
.qua-dojo .tool:hover{background:#e2a3c00c;color:#ffe6d4}
.qua-dojo .game-switcher{gap:9px;margin-top:23px}
.qua-dojo .game-switcher-label{font-size:7px;letter-spacing:.2em;color:#a47c8d}
.qua-dojo .game-option{border:1px solid #a5758e3d;background:transparent;color:#b896a6;border-radius:24px;font-size:10px;padding:9px 17px}
.qua-dojo .game-option:hover{color:#ffe0c7;border-color:#db9bac80;background:#8f4e7020}
.qua-dojo .game-option.is-current{border-color:#efa8897a;color:#f9c4a7;background:#e5917420}
.qua-dojo .arena{margin-top:24px}
.qua-dojo .modebar{padding-bottom:13px}
.qua-dojo .eyebrow{font-size:8px;letter-spacing:.18em;font-weight:550}
.qua-dojo .opponent-picker select{border-color:#b78ba447;background:#170f1b;border-radius:5px;color:#e3bacd}
.qua-dojo .round-actions .subtle-button{font-size:10px;color:#bc95a7}
.qua-dojo .round-actions #rematch{color:#e5b39c}
.qua-dojo .sparring-settings{border-color:#ab77972b;background:linear-gradient(100deg,#7b3e5d0c,transparent);border-radius:4px;padding:9px 13px}
.qua-dojo .sparring-title{color:#d2acbf}
.qua-dojo .sparring-settings p{color:#a8889b}
.qua-dojo #gameContainer{border-color:#9f68814f;box-shadow:0 16px 70px #0006}
.qua-dojo #boot{background:radial-gradient(ellipse at 18% 93%,#a94f422a,transparent 55%),radial-gradient(ellipse at 85% 15%,#7e41752a,transparent 52%),#09060b;overflow:auto;justify-content:safe center}
.qua-dojo #boot::before,.qua-dojo #boot::after{background:linear-gradient(transparent,#e1a2b52e,transparent)}
.qua-dojo .boot-ornament{width:96px;height:68px;margin-bottom:17px;color:#e7a3be}
.qua-dojo .boot-ornament svg{display:block;width:100%;height:100%}
.qua-dojo #boot>.eyebrow{font-size:7px;color:#c99ca9;letter-spacing:.18em;margin:0 0 17px}
.qua-dojo #boot h1{font-family:var(--sans);font-size:clamp(40px,6.5vw,76px);font-weight:800;letter-spacing:-.065em;line-height:.84;text-transform:uppercase;background:linear-gradient(150deg,#ffbe80 8%,#f2836c 49%,#da83b7 95%);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 8px 8px;text-shadow:0 3px 0 #793d5c1c}
.qua-dojo .dojo-title-number{font-size:.4em;display:inline-block;vertical-align:top;margin:0 0 0 .22em;line-height:1.2;color:#e0a4c6;letter-spacing:-.02em}
.qua-dojo .boot-copy{font-size:12px;line-height:1.85;color:#c4a1b0;letter-spacing:.005em;margin:17px 0 21px}
.qua-dojo .play-button{border:1px solid #f0b49796;border-radius:28px;background:linear-gradient(115deg,#ed9b78,#d97591);color:#291326;font-size:12px;letter-spacing:.015em;font-weight:700;min-height:47px;box-shadow:0 4px 24px #a2435912}
.qua-dojo .play-button:hover{background:linear-gradient(115deg,#ffbb88,#ed9bba)}
.qua-dojo #bootStatus{color:#a68096;font-size:10px}
.qua-dojo .boot-footnote{color:#865e75;font-size:7px;letter-spacing:.15em}
.qua-dojo #progress{accent-color:#db8ba8;background:#342032;border-radius:8px}
.qua-dojo #progress::-webkit-progress-bar{background:#342032;border-radius:8px}
.qua-dojo #progress::-webkit-progress-value{background:linear-gradient(90deg,#a875bd,#e691a6,#edac83);border-radius:8px}
.qua-dojo .music-strip{border-color:var(--line);padding-block:18px}
.qua-dojo .track-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d69a9966;border-radius:50%;font-size:17px;background:radial-gradient(circle,#b26d7d1b,transparent 70%);color:#f0b18d}
.qua-dojo .track-info strong{font-size:15px;letter-spacing:-.025em;color:#efcbbd;font-weight:550}
.qua-dojo .track-info p>span{color:#9f7a91;font-size:8px}
.qua-dojo .music-settings{gap:12px}
.qua-dojo .music-toggle{border-color:#c78da547;border-radius:22px;color:#b58a9f;font-size:10px;padding:9px 14px}
.qua-dojo .music-toggle[aria-pressed=true]{color:#f4c9b7;border-color:#dc9a9570}
.qua-dojo .music-settings label{color:#9d748a;font-size:8px}
.qua-dojo .music-settings input{accent-color:#d689ac}
.qua-dojo .game-footbar{color:#976f88;font-size:9px}
.qua-dojo .status-dot{background:#e4a58a;box-shadow:0 0 9px #dc8b6e38}
.qua-dojo kbd{border-color:#ae799447;color:#d2a6bf;background:#6e385713;border-radius:4px;font-family:var(--sans)}
.qua-dojo .page-footer{color:#bf91a5;border-color:var(--line);font-size:11px}
.qua-dojo .page-footer p span{color:#7f5b71}
.qua-dojo .page-footer a{color:#a57d91;font-size:9px}
.qua-dojo .control-dock{background:#0c080df2;border-color:#a86f8a38;box-shadow:none}
.qua-dojo .key-strip{scrollbar-color:#774462 transparent}
.qua-dojo .key-strip>span{font-size:9px;color:#a57d93}
.qua-dojo .player-tag{color:#eea186}
.qua-dojo .dock-help{border-color:#ae799447;border-radius:20px;color:#d1a7bd}
.qua-dojo .help-panel{background:#08050bd9}
.qua-dojo .help-dialog{background:linear-gradient(150deg,#1a101e,#09060d);border-color:#b97f9c54;border-radius:5px 24px 5px 24px;box-shadow:0 24px 90px #0008}
.qua-dojo .help-heading h2{font-weight:650;letter-spacing:-.045em;color:#f1bca8}
.qua-dojo .close-help{border-color:#b47c984d;border-radius:50%;color:#c898ad}
.qua-dojo .help-intro,.qua-dojo .help-note{color:#b591a4}
.qua-dojo .mode-notes{border-color:#a9758d36}
.qua-dojo .mode-notes p,.qua-dojo .help-fineprint{color:#8e6b81}
.qua-dojo .mode-notes strong{color:#d7acbf}
.qua-dojo .controls-table th,.qua-dojo .controls-table td{border-color:#9c678132}
.qua-dojo .controls-table thead th{color:#af829a}
.qua-dojo .controls-table tbody th{color:#d0a7bd}
.qua-dojo #roundPause{background:#0d0713e8}
.qua-dojo #roundPause h2{font:650 32px/1.1 var(--sans);letter-spacing:-.04em;color:#f2b9a6}
.qua-dojo .touch-controls.ready{background:linear-gradient(150deg,#211326,#0f0a13);border-color:#ae78943b}
.qua-dojo .touch-controls button{background:#1a1020;border-color:#92607d5c;color:#e7bdd1}
.qua-dojo .touch-controls button.held,.qua-dojo .touch-controls button.pressed,.qua-dojo .touch-controls button:active{background:#753f63;border-color:#d79eb7;color:#fff1e6}
.qua-dojo .touch-controls .facepad .cross{background:#30203b;border-color:#84639c}
.qua-dojo .touch-controls .facepad .circle{background:#372023;border-color:#a57176}
.qua-dojo .pad-center{background:#1a1020;border-color:#92607d38}
@media(max-width:900px),(any-pointer:coarse){
  .qua-dojo .wordmark{gap:13px}.qua-dojo .dojo-qua-mark{width:77px}.qua-dojo .dojo-wordmark-label{padding-left:13px;font-size:15px}.qua-dojo .wordmark small{font-size:5px;letter-spacing:.07em;max-width:120px}.qua-dojo .tools{gap:0}.qua-dojo .game-switcher{margin-top:15px;gap:7px}.qua-dojo .game-switcher-label{font-size:6px}.qua-dojo .game-option{font-size:10px;padding:8px 13px}.qua-dojo .arena{margin-top:13px}.qua-dojo .opponent-picker select{font-size:16px}.qua-dojo #boot h1{font-size:clamp(31px,8.4vw,54px)}.qua-dojo #boot>.eyebrow{font-size:6px;margin-bottom:12px}.qua-dojo .boot-copy{font-size:10px;line-height:1.6;margin:12px 0 14px}.qua-dojo .play-button{min-height:44px;min-width:165px;font-size:11px}.qua-dojo #bootStatus{font-size:9px}.qua-dojo .music-strip{padding-block:13px}.qua-dojo .music-settings{gap:7px}.qua-dojo .music-toggle{font-size:9px;padding:9px 11px}.qua-dojo .track-info strong{font-size:13px}.qua-dojo .track-info p>span{font-size:7px}.qua-dojo .track-mark{width:29px;height:29px;font-size:14px}.qua-dojo .touch-device.is-playing .touch-controls.ready{background:none;border:0}
}
@media(max-width:430px){.qua-dojo .dojo-qua-mark{width:68px}.qua-dojo .dojo-wordmark-label{font-size:13px;padding-left:10px}.qua-dojo .wordmark{gap:10px}.qua-dojo .wordmark small{font-size:4.5px;max-width:100px}.qua-dojo .tool{padding-inline:5px;min-width:40px}.qua-dojo #boot>.eyebrow{font-size:5px;letter-spacing:.12em}.qua-dojo .boot-footnote{font-size:5px}.qua-dojo #bootStatus{font-size:8px}}
@media(max-width:370px){.qua-dojo .dojo-wordmark-label{display:none}}
@media(min-width:901px) and (max-height:850px){.qua-dojo #boot h1{font-size:clamp(36px,7vh,60px)}.qua-dojo .boot-copy{font-size:10px;margin:12px 0}.qua-dojo #boot>.eyebrow{font-size:6px;margin-bottom:10px}.qua-dojo #bootStatus{font-size:9px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){.qua-dojo .touch-device.is-playing .dojo-qua-mark{width:63px}.qua-dojo .touch-device.is-playing .dojo-wordmark-label{font-size:12px}.qua-dojo .touch-device.is-playing .wordmark small{display:none}.qua-dojo .touch-device.is-playing .topbar{min-height:42px}.qua-dojo .game-switcher{margin-top:6px}.qua-dojo .touch-device:not(.is-playing) .arena{margin-top:5px}.qua-dojo #boot h1{font-size:clamp(25px,5vw,42px)}.qua-dojo #boot>.eyebrow{font-size:5px;margin-bottom:8px}.qua-dojo .touch-device.is-playing .touch-controls.ready{background:none}}