.xq-shell{--board-ratio:.9}.xq{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:6px 8px 0;display:grid}.xq-defs{width:0;height:0;position:absolute;overflow:hidden}.xq__play{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.xq-shell .tray,.xq--online .tray{--tray-icon:18px}@media (max-width:360px){.xq-shell .tray,.xq--online .tray{--tray-icon:16px}}.tray__icon .xq-piece__disc{filter:none}.xq-frame{width:100%;margin:0 auto}.xq--online .xq-frame{max-width:min(100%,90dvh - 14.4px)}.xq-board{aspect-ratio:9/10;outline:2px solid var(--ink);outline-offset:-2px;background-color:var(--paper);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid;position:relative}.xq-board.is-dragging{cursor:grabbing}.xq-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.xq-lines path,.xq-lines rect{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.xq-lines__grid{stroke:var(--board-line);stroke-width:1.25px}.xq-lines__palace{stroke:var(--board-line-strong);stroke-width:1.25px}.xq-lines__ticks{stroke:var(--board-line);stroke-width:1px}.xq-lines__frame{stroke:var(--ink);stroke-width:2px}.xq-lines__river{stroke:var(--x);stroke-opacity:.45;stroke-width:1.5px}.xq-cell{appearance:none;width:100%;min-width:0;height:100%;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative}.xq-cell.can-drag{touch-action:none;cursor:grab}.xq-board.is-locked .xq-cell{cursor:default}.xq-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-2px;z-index:3}.xq-cell:before,.xq-cell:after{content:none;pointer-events:none;position:absolute}.xq-cell.is-from:before,.xq-cell.is-to:before,.xq-cell.is-selected:before,.xq-cell.is-check:before{content:"";border-radius:50%;inset:3%}.xq-cell.is-from:before{background:#ffe45c8c}.xq-cell.is-to:before{background:var(--marker);box-shadow:0 0 0 2px #cfa800}.xq-cell.is-selected:before{background:var(--marker-win);box-shadow:0 0 0 2px var(--ink)}.xq-cell.is-check:before{box-shadow:0 0 0 3px var(--o);background:#d3263f40;animation:.9s ease-in-out 3 xq-check}@keyframes xq-check{50%{box-shadow:0 0 0 6px #d3263f59}}.xq-cell.is-target:after{content:"";background:var(--focus);opacity:.75;z-index:2;border-radius:50%;inset:34%}.xq-cell.is-capture:after{content:"";box-shadow:inset 0 0 0 3px var(--focus);z-index:2;border-radius:50%;inset:0}.xq-piece{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:relative;overflow:visible}.xq-piece__disc{stroke-width:3px;stroke-linejoin:round}.xq-piece__ring{fill:none;stroke-width:1.5px}.xq-piece__glyph,.xq-piece__glyph path{fill:none;stroke-linecap:round;stroke-linejoin:round}.xq-piece use{stroke-width:8.5px}.xq-piece__letter{font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;font-weight:700}.xq-piece--red .xq-piece__disc{fill:var(--paper);stroke:var(--o);filter:drop-shadow(1.5px 2px 0 var(--o))}.xq-piece--red .xq-piece__ring,.xq-piece--red use{stroke:var(--o)}.xq-piece--red .xq-piece__letter{fill:var(--o)}.xq-piece--black .xq-piece__disc{fill:var(--ink);stroke:var(--ink);filter:drop-shadow(1.5px 2px #1b23408c)}.xq-piece--black .xq-piece__ring,.xq-piece--black use{stroke:var(--paper)}.xq-piece--black .xq-piece__letter{fill:var(--paper)}.xq-cell.is-sliding>.xq-piece{z-index:4;animation:.17s ease-out xq-slide}@keyframes xq-slide{0%{transform:translate(calc(var(--dx) * 100%), calc(var(--dy) * 100%))}}.xq-cell.is-dragging>.xq-piece{opacity:.3}.xq-ghost{top:0;aspect-ratio:1;pointer-events:none;z-index:5;width:11.1111%;position:absolute;inset-inline-start:0}.xq-help{color:var(--ink-soft);margin:6px 0 0;font-size:.85rem;line-height:1.35}.xq-guide summary{cursor:pointer;min-height:32px}.xq-guide summary h2{display:inline}.xq-guide ul{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.xq-guide li{align-items:flex-start;gap:10px;display:flex}.xq-guide__pieces{flex:none;gap:2px;display:flex}.xq-guide__pieces svg{width:30px;height:30px}.xq-guide__text strong{line-height:1.25;display:block}.xq-guide__text small{color:var(--ink-soft);font-size:.85rem;line-height:1.35;display:block}@media (min-width:900px),(min-width:640px) and (max-height:500px){.xq{padding:16px var(--gutter) 0;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px}}@media (min-width:900px) and (min-height:501px){.xq--online .xq-frame{max-width:min(100%,max(300px,90dvh - 306px))}}@media (prefers-reduced-motion:reduce){.xq-cell.is-sliding .xq-piece,.xq-cell.is-check:before{animation:none}}@media (max-width:899px),(max-height:500px){.xq-shell .shell-status.is-note,.xq--online .shell-status.is-note,.xq-shell .shell-status.is-result,.xq--online .shell-status.is-result{font-size:1rem}}@media (min-width:900px) and (min-height:501px){.xq-shell .shell-status.is-note,.xq--online .shell-status.is-note{font-size:1.15rem}}@media (max-width:360px){.xq-shell .shell-strip,.xq--online .shell-strip{gap:4px}.xq-shell .shell-strip__tally,.xq--online .shell-strip__tally{min-width:36px}.xq-shell .shell-chip,.xq--online .shell-chip{gap:3px;padding:3px 5px 3px 3px}.xq-shell .shell-chip--end,.xq--online .shell-chip--end{padding:3px 3px 3px 5px}.xq-shell .shell-chip__mark,.xq--online .shell-chip__mark{width:20px;height:20px}.xq-shell .shell-chip__name,.xq--online .shell-chip__name{font-size:.85rem}.xq-shell .shell-chip__score,.xq--online .shell-chip__score{font-size:1.2rem}.xq-shell .shell-btn{font-size:.75rem}}