.qin-chess{--paper:#e9ece6;--paper-hi:#f1f3ee;--paper-lo:#d9ddd6;--ink:#1e1f21;z-index:1;overscroll-behavior:none;-webkit-user-select:none;user-select:none;height:100dvh;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(120% 90% at 45% 40%, var(--paper-hi), var(--paper) 55%, var(--paper-lo));position:fixed;inset:0;overflow:hidden}.qin-chess__stage{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;cursor:grab;position:absolute}.qin-chess__stage:active{cursor:grabbing}.qin-chess__stage canvas{width:100%;height:100%;display:block}.qin-chess__vignette{pointer-events:none;background:radial-gradient(110% 85% at 45% 42%, transparent 55%, color-mix(in srgb, var(--paper-lo) 55%, transparent));position:absolute;inset:0}.qin-chess__grain{pointer-events:none;mix-blend-mode:multiply;opacity:.28;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .53  0 0 0 0 .48  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.qin-chess__stage.is-pointing{cursor:pointer}.qin-chess__stage,.qin-chess__surrender,.chess-victory__restart{-webkit-touch-callout:none}.qin-chess__surrender,.chess-victory__restart{touch-action:manipulation}.chess-victory{pointer-events:none;background:radial-gradient(#e9ece645,#e9ece600 70%);place-items:center;animation:1.3s ease-out both chess-victory-reveal;display:grid;position:absolute;inset:0}.chess-victory__piece{opacity:.78;width:100%;height:auto;display:block}@keyframes chess-victory-reveal{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.chess-victory{animation:none}}.chess-victory__restart{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:min(82vw,82svh,740px);padding:0}.chess-victory__restart:focus-visible,.qin-chess__surrender:focus-visible{outline:1px solid var(--ink);outline-offset:-12px}.qin-chess__surrender{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));cursor:pointer;z-index:2;opacity:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:78px;height:78px;padding:0;transition:opacity .16s,transform .16s;position:absolute}.qin-chess__surrender:hover:not(:disabled){opacity:1;transform:translateY(-1px)}.qin-chess__surrender:active:not(:disabled){transform:translateY(1px)}.qin-chess__surrender:disabled{cursor:default;opacity:.6}.qin-chess__surrender-piece{width:100%;height:100%;display:block}.chess-piece__glyph{fill:#1e1f21;stroke:none}@media (pointer:coarse),(max-width:600px),(max-height:500px){.qin-chess__surrender{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));width:48px;height:48px}}