#chess-app{margin:12px 0 0}#chess-app,.fly-tile{--cs-light:#ecdcbc;--cs-dark:#9a7451;--cs-white-fill:#fffaf0;--cs-white-edge:#1b1712;--cs-black-fill:#24201c;--cs-black-edge:#f3e7cf;--cs-last-light:#f2e58a;--cs-last-dark:#c4ad4c;--cs-last-edge:#6b5600;--cs-check:#d0291c;--cs-hint:#ff8c00;--cs-pick:#1e64c8}.cs-game{gap:12px;min-width:0;display:grid}.cs-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.cs-info{flex-wrap:wrap;gap:2px 16px;font-size:1.1rem;display:flex}.cs-level{font-weight:700}.cs-note{border-left:6px solid var(--gingham);background:var(--surface-2);padding:4px 12px;font-weight:700}.cs-check{border:3px solid var(--cs-check);color:var(--cs-check);border-radius:999px;padding:2px 14px;font-size:1.3rem;font-weight:900;display:inline-block;margin-bottom:4px!important}.cs-quiet{color:var(--muted)}.cs-big-name{font-family:var(--font-display);font-size:var(--text-xl);align-items:center;gap:10px;font-weight:700;line-height:1.1;display:flex;margin:0 0 4px!important}.cs-table{justify-items:center;gap:8px;min-width:0;padding:12px;display:grid}.cs-seat{background:#0000004d;border:3px solid #ffffff59;border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px 10px;width:min(100%,680px);min-height:44px;padding:4px 12px 4px 6px;font-size:1.1rem;display:flex}.cs-seat.is-turn{border-color:var(--highlight);background:#0000008c}.cs-seat-name{font-weight:700}.cs-badge{background:var(--highlight);color:#221d16;white-space:nowrap;border-radius:999px;padding:0 10px;font-size:.95rem;font-weight:800;display:inline-block}.cs-taken{flex-wrap:wrap;margin-left:auto;display:inline-flex}.cs-piece.cs-taken-icon{flex:none;width:24px;height:24px;margin-right:-6px;position:static}.cs-frame{grid-template-rows:auto 22px;grid-template-columns:20px minmax(0,1fr);width:min(100%,640px,max(420px,100svh - 150px));display:grid}.cs-ranks{grid-template-rows:repeat(8,1fr);place-items:center;display:grid}.cs-files{grid-column:2;grid-template-columns:repeat(8,1fr);place-items:center;display:grid}.cs-ranks span,.cs-files span{color:#fff;font-size:1rem;font-weight:800;line-height:1}.cs-board{aspect-ratio:1;border:4px solid var(--wood-dark);box-shadow:0 0 0 2px var(--brass), var(--shadow-md);background:var(--cs-light);grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.cs-sq{min-width:0;min-height:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative}.cs-sq.is-light{background:var(--cs-light)}.cs-sq.is-dark{background:var(--cs-dark)}.cs-sq:focus-visible{outline:4px solid var(--focus);outline-offset:-4px;z-index:2}.cs-sq.is-last.is-light{background:var(--cs-last-light)}.cs-sq.is-last.is-dark{background:var(--cs-last-dark)}.cs-sq.is-last{box-shadow:inset 0 0 0 4px var(--cs-last-edge)}.cs-sq.is-check{box-shadow:inset 0 0 0 5px var(--cs-check), inset 0 0 0 8px #fff;background:radial-gradient(circle,#ff8a7a 0%,#e0402e 55%,#8f1a10 100%)!important}.cs-sq.is-picked{box-shadow:inset 0 0 0 5px var(--cs-pick), inset 0 0 0 8px #fff}.cs-sq.is-chosen{outline:5px dashed var(--cs-pick);outline-offset:-6px;z-index:1}.cs-sq.is-hint:not(.is-chosen):not(.is-picked){outline:5px dashed var(--cs-hint);outline-offset:-6px}.cs-piece{pointer-events:none;width:92%;height:92%;position:absolute;inset:4%}.cs-piece.is-ghost{opacity:.45}.cs-piece .cs-p-body{stroke-linejoin:round}.cs-piece.is-white .cs-p-body{fill:var(--cs-white-fill);stroke:var(--cs-white-edge);stroke-width:4px}.cs-piece.is-white .cs-p-line{fill:none;stroke:var(--cs-white-edge);stroke-width:3px;stroke-linecap:round}.cs-piece.is-white .cs-p-eye{fill:var(--cs-white-edge)}.cs-piece.is-black .cs-p-body{fill:var(--cs-black-fill);stroke:var(--cs-black-edge);stroke-width:2.2px}.cs-piece.is-black .cs-p-line{fill:none;stroke:var(--cs-black-edge);stroke-width:2.6px;stroke-linecap:round}.cs-piece.is-black .cs-p-eye{fill:var(--cs-black-edge)}.cs-sq .cs-piece{filter:drop-shadow(0 2px 1px #00000059)}.cs-dot{background:var(--cs-pick);pointer-events:none;border:3px solid #fff;border-radius:50%;width:32%;height:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-ring{border:5px solid var(--cs-pick);pointer-events:none;border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #fff}.cs-mini{flex:none}.cs-piece.cs-mini{width:34px;height:34px;position:static}.cs-big-name .cs-piece.cs-mini{width:40px;height:40px}.cs-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cs-controls:empty{display:none}.cs-moves{border:2px solid var(--border,#c9b89a);background:var(--surface-2);border-radius:12px;padding:8px 16px}.cs-moves summary{cursor:pointer;align-items:center;min-height:48px;font-weight:800;display:flex}.cs-moves-scroll{max-height:280px;overflow-y:auto}.cs-moves-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:420px}.cs-moves-table th,.cs-moves-table td{text-align:left;padding:2px 8px}.cs-moves-table thead th{border-bottom:2px solid}.cs-moves-table td.is-latest{font-weight:800;text-decoration:underline}.cs-promo-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.cs-promo{justify-content:center;align-items:center;gap:8px;min-height:72px;font-size:1.2rem;display:flex}.cs-promo.is-queen{grid-column:1/-1;min-height:88px;font-size:1.4rem}.cs-piece.cs-promo-icon{background:var(--cs-dark);border-radius:8px;width:52px;height:52px;padding:2px;position:static}.cs-name-field{gap:4px;margin:8px 0;display:grid}@media (width<=767px){.cs-wide-only{display:none}}.fly-tile .cs-piece{width:100%;height:100%;position:static}@media (width<=767px){.cs-game{gap:8px}.cs-table{margin-inline:calc(6px - var(--gutter,16px));border-width:0;border-radius:8px;gap:4px;padding:4px 4px 2px}.cs-seat{min-height:40px;padding:2px 10px 2px 4px;font-size:1rem}.cs-piece.cs-mini{width:28px;height:28px}.cs-frame{width:min(100%, max(340px, calc(100svh - var(--dock-h,140px) - 96px)));grid-template-rows:auto 20px;grid-template-columns:16px minmax(0,1fr)}.cs-ranks span,.cs-files span{font-size:.9rem}.cs-board{border-width:2px}.cs-big-name{font-size:1.3rem}}