.canvas.queens{--cv-ink:#f4eeff;--cv-btn-bg:#f4eeff;--cv-btn-ink:#2a1c52;--cv-btn-edge:#a892d6;--cv-main-bg:#f2c14e;--cv-main-ink:#2a1c52;--cv-main-edge:#b9872a;--cv-well:#0a002866;--cv-on-bg:#f4eeff;--cv-on-ink:#2a1c52;--cv-on-edge:#a892d6;--cv-card-bg:#f4eeff;--cv-card-ink:#2a1c52;--cv-card-edge:#a892d6;--cv-card-sub:#e3d8fa;--cv-card-mute:#6f5ba6;--cv-ok:#f2c14e;--cv-ok-edge:#b9872a;background:radial-gradient(120% 90% at 80% 0,#5a3a9c 0%,#3b2578 45%,#1f153f 100%)}.canvas.queens .scene{background-image:radial-gradient(#ffffff8c 1px,#0000 1.4px),radial-gradient(#ffffff40 1px,#0000 1.4px);background-position:0 0,20px 30px;background-size:90px 70px,53px 41px}.canvas.queens .s1{background:#bea0ff29;width:380px;height:380px;top:-160px;left:-120px}.canvas.queens .s2{background:#0a00284d;width:260px;height:260px;bottom:-120px;right:-80px}.canvas.queens .plate{--cell:min(64px, calc(440px / var(--n)));--gap:3px;box-sizing:content-box;border-radius:var(--rl);background:#1b1430;flex:none;padding:16px;transition:box-shadow .3s;box-shadow:0 8px #0c081c,0 18px 30px #0a002880}.canvas.queens .plate.done,.canvas.done.queens .plate{box-shadow:0 8px #0c081c,0 18px 30px #0a002880,0 0 0 6px #f2c14e80}.canvas.queens .board{box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(var(--n), var(--cell));grid-template-rows:repeat(var(--n), var(--cell));-webkit-touch-callout:none;display:grid;position:relative}@supports (width:round(down, 10.5px, 1px)){.canvas.queens .plate{--cell:round(down, min(64px, calc(440px / var(--n))), 1px)}}.canvas.queens .board:focus{outline:none}.canvas.queens .board:focus-visible{outline-offset:8px;border-radius:6px;outline:3px solid #f2c14e}.canvas.queens .pane[data-g="0"]{--pc:#5bc0b3}.canvas.queens .pane[data-g="1"]{--pc:#f0a5b8}.canvas.queens .pane[data-g="2"]{--pc:#f3c65f}.canvas.queens .pane[data-g="3"]{--pc:#7fb2e6}.canvas.queens .pane[data-g="4"]{--pc:#a6dc8e}.canvas.queens .pane[data-g="5"]{--pc:#bfa2ea}.canvas.queens .pane[data-g="6"]{--pc:#f2916b}.canvas.queens .pane[data-g="7"]{--pc:#e0c9a6}.canvas.queens .pane[data-g="8"]{--pc:#8c93e8}.canvas.queens .pane[data-g="9"]{--pc:#de8fcb}.canvas.queens .pane{box-sizing:border-box;background:var(--pc,#5bc0b3);cursor:pointer;justify-content:center;align-items:center;min-width:0;min-height:0;transition:box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 3px #ffffff73,inset 0 -3px #0000002e}.canvas.queens .pane[data-k=tl]{border-top-left-radius:8px}.canvas.queens .pane[data-k=tr]{border-top-right-radius:8px}.canvas.queens .pane[data-k=bl]{border-bottom-left-radius:8px}.canvas.queens .pane[data-k=br]{border-bottom-right-radius:8px}.canvas.queens .pane.lit{z-index:1;box-shadow:inset 0 0 0 4px #fff4d6,inset 0 6px #ffffff80,inset 0 -6px #0000001f,0 0 18px #ffe696e6}.canvas.queens .pane.bad{outline-offset:-5px;outline:3px dashed #d6341f}.canvas.queens .pane.hinted{animation:.9s ease-out 2 queens-pulse}.canvas.queens .board:focus-visible .pane.cursor{outline-offset:-4px;outline:3px dashed #2a1c52}.canvas.queens .board:focus-visible .pane.cursor.bad{outline-color:#d6341f}.canvas.queens .gem{filter:drop-shadow(0 3px 3px #3c1e0066);pointer-events:none;width:66%;height:66%}.canvas.queens .pane.land .gem{animation:.2s ease-out queens-gem}.canvas.queens .xm{pointer-events:none;fill:none;stroke:#2a1c52;stroke-width:2.6px;stroke-linecap:round;width:48%;height:48%}.canvas.queens .pane.mark .xm{opacity:.85}.canvas.queens .pane.auto .xm{opacity:.38}.canvas.queens .pane.ripple .xm{animation:.22s ease-out backwards queens-ripple;animation-delay:var(--d,0s)}.canvas.queens .warn{aspect-ratio:1;pointer-events:none;width:38%;min-width:9px;max-width:15px;position:absolute;top:4px;right:2px}.canvas.queens .warn path:first-child{fill:#d6341f;stroke:#fff4d6;stroke-width:1.2px;stroke-linejoin:round}.canvas.queens .warn path:last-child{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round}.canvas.queens .rg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.canvas.queens .rg path{fill:none;stroke:#1b1430;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.canvas.queens .rg path.gl{stroke-width:var(--gap);stroke-linecap:butt;stroke-linejoin:miter}@keyframes queens-gem{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes queens-ripple{0%{opacity:0;transform:scale(.5)}to{transform:scale(1)}}@keyframes queens-pulse{0%{box-shadow:inset 0 3px #ffffff73,inset 0 -3px #0000002e,0 0 #fff4d6f2}to{box-shadow:inset 0 3px #ffffff73,inset 0 -3px #0000002e,0 0 0 10px #fff4d600}}@media (width<=640px){.canvas.queens .plate{--cell:min(53px, calc((100vw - 64px) / var(--n)));--gap:2px;padding:12px}@supports (width:round(down, 10.5px, 1px)){.canvas.queens .plate{--cell:round(down, min(53px, calc((100vw - 64px) / var(--n))), 1px)}}.canvas.queens .rg path{stroke-width:5px}.canvas.queens .pane[data-k=tl]{border-top-left-radius:6px}.canvas.queens .pane[data-k=tr]{border-top-right-radius:6px}.canvas.queens .pane[data-k=bl]{border-bottom-left-radius:6px}.canvas.queens .pane[data-k=br]{border-bottom-right-radius:6px}}@media (prefers-reduced-motion:reduce){.canvas.queens .plate,.canvas.queens .pane{transition:none}.canvas.queens .pane.land .gem,.canvas.queens .pane.ripple .xm,.canvas.queens .pane.hinted{animation:none}}