#mca-play .cg-wrap{box-sizing:content-box;position:relative;display:block}
#mca-play cg-container{position:absolute;width:100%;height:100%;display:block;top:0}
#mca-play cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}
#mca-play .cg-wrap.manipulable cg-board{cursor:pointer}
#mca-play cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}
#mca-play cg-board square.move-dest{pointer-events:auto}
#mca-play cg-board square.last-move{will-change:transform}
#mca-play .cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}
#mca-play cg-board piece.dragging{cursor:move;z-index:11!important}
#mca-play piece.anim{z-index:8}
#mca-play piece.fading{z-index:1;opacity:.5}
#mca-play .cg-wrap piece.ghost{opacity:.3}
#mca-play .cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}
#mca-play .cg-wrap cg-auto-pieces,#mca-play .cg-wrap .cg-shapes,#mca-play .cg-wrap .cg-custom-svgs,#mca-play .cg-wrap .cg-shapes-below,#mca-play .cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
#mca-play .cg-wrap cg-auto-pieces{z-index:2}
#mca-play .cg-wrap cg-auto-pieces piece{opacity:.3}
#mca-play .cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}
#mca-play .cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}
#mca-play .cg-wrap .cg-custom-below{z-index:1}
#mca-play .cg-wrap .cg-custom-svgs{z-index:9}
#mca-play .cg-wrap .cg-custom-svgs svg,#mca-play .cg-wrap .cg-custom-below svg{overflow:visible}
#mca-play .cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}
#mca-play .cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}
#mca-play .cg-wrap coords.ranks.black{flex-flow:column}
#mca-play .cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}
#mca-play .cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}
#mca-play .cg-wrap coords.files.black{flex-flow:row-reverse}
#mca-play .cg-wrap coords coord{flex:1 1 auto}
#mca-play .cg-wrap coords.ranks coord{transform:translateY(39%)}
#mca-play .cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}
#mca-play .cg-wrap coords.squares.black{flex-flow:column}
#mca-play .cg-wrap coords.squares.left{text-align:left}
#mca-play .cg-wrap coords.squares coord{padding:6% 4%}
#mca-play .cg-wrap coords.squares.rank2{transform:translate(100%)}
#mca-play .cg-wrap coords.squares.rank3{transform:translate(200%)}
#mca-play .cg-wrap coords.squares.rank4{transform:translate(300%)}
#mca-play .cg-wrap coords.squares.rank5{transform:translate(400%)}
#mca-play .cg-wrap coords.squares.rank6{transform:translate(500%)}
#mca-play .cg-wrap coords.squares.rank7{transform:translate(600%)}
#mca-play .cg-wrap coords.squares.rank8{transform:translate(700%)}
#mca-play[data-mca-board-theme=brown]{--mca-board-light: #ead6b6;--mca-board-dark: #a77b59;--mca-board-frame: #54453e}
#mca-play[data-mca-board-theme=blue]{--mca-board-light: #deebf0;--mca-board-dark: #5685a0;--mca-board-frame: #2b455a}
#mca-play[data-mca-board-theme=red]{--mca-board-light: #eddbd2;--mca-board-dark: #a46665;--mca-board-frame: #593d45}
#mca-play[data-mca-board-theme=green]{--mca-board-light: #e5ead5;--mca-board-dark: #7d9872;--mca-board-frame: #3e5249}
#mca-play[data-mca-board-theme=wood]{--mca-board-light: #d8b983;--mca-board-dark: #8b623f;--mca-board-frame: #503a2b;--mca-board-texture: repeating-linear-gradient(4deg, #f3d59712 0 2px, #492d1a0d 2px 4px, transparent 4px 9px)}
#mca-play[data-mca-board-theme=marble]{--mca-board-light: #e3e6e2;--mca-board-dark: #80918c;--mca-board-frame: #3c4b4c;--mca-board-texture: repeating-linear-gradient(128deg, transparent 0 13px, #ffffff1a 14px, #243b3212 15px, transparent 19px 39px)}
#mca-play[data-mca-board-theme=metal]{--mca-board-light: #d8dfe6;--mca-board-dark: #778593;--mca-board-frame: #394450;--mca-board-texture: repeating-linear-gradient(0deg, #ffffff12 0 1px, #1a26330b 1px 2px, transparent 2px 4px)}
#mca-play[data-mca-board-theme=glass]{--mca-board-light: #d2e6e9;--mca-board-dark: #6599a3;--mca-board-frame: #345766;--mca-board-texture: linear-gradient(135deg, #ffffff38, transparent 30% 54%, #ffffff1c 55% 62%, transparent 63%)}
#mca-play[data-mca-board-theme=concrete]{--mca-board-light: #d5d4cd;--mca-board-dark: #93938d;--mca-board-frame: #484b4e;--mca-board-texture: repeating-radial-gradient(circle at 15% 20%, #ffffff0f 0 1px, transparent 1px 4px);--mca-texture-size: 11px 13px}
/* MCA Play: all product rules are confined to its own root. */
#mca-play { --play-bg:#091c27;--play-panel:#102936;--play-line:#2d4653;--play-text:#edf3f5;--play-muted:#a8bdc9;--play-gold:#ddbd71;--mca-board-light:#eeeeee;--mca-board-dark:#7d91be;--mca-board-frame:#3a4359; color:var(--play-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1160px;margin:0 auto;padding:20px 24px calc(100px + env(safe-area-inset-bottom));font-size:15px;line-height:1.5; }
#mca-play, #mca-play * { box-sizing:border-box; }
#mca-play [hidden] { display:none!important; }
#mca-play button, #mca-play select, #mca-play a { -webkit-tap-highlight-color:transparent; }
#mca-play button, #mca-play select { font:inherit;color:inherit; }
#mca-play button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--play-line);border-radius:9px;background:#153140;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal; }
#mca-play button:disabled { opacity:.5;cursor:default; }
#mca-play button:hover:not(:disabled) { border-color:var(--play-gold); }
#mca-play button:focus-visible, #mca-play select:focus-visible, #mca-play a:focus-visible, #mca-play .play-board:focus-visible { outline:2px solid var(--play-gold);outline-offset:3px; }
#mca-play h1, #mca-play h2, #mca-play p { margin:0; }
#mca-play h1 { font-size:22px;font-weight:700;line-height:1.3; }
#mca-play h2 { font-size:18px;font-weight:700;line-height:1.4; }
#mca-play a { color:inherit;text-decoration:none; }
#mca-play .play-header { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:22px;min-height:48px; }
#mca-play .play-back { justify-self:start;display:inline-flex;align-items:center;gap:5px;min-height:44px;color:var(--play-muted); }
#mca-play svg { width:20px;height:20px;flex:none; }
#mca-play .play-profile { justify-self:end;display:grid;place-items:center;min-width:44px;min-height:44px; }
#mca-play .play-profile img { display:block;width:38px;height:38px;object-fit:contain;border-radius:7px; }
#mca-play .play-layout { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px;align-items:start; }
#mca-play .play-arena { min-width:0; }
#mca-play .play-player { display:flex;align-items:center;gap:12px;min-height:66px;padding:8px 0; }
#mca-play .play-player-info { flex:1;min-width:0; }
#mca-play .play-player-name { display:block;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#mca-play .play-player-detail { color:var(--play-muted);font-size:12px; }
#mca-play .play-avatar { display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#224757;color:var(--play-gold);font-size:21px;font-weight:700; }
#mca-play .play-avatar-you { background:#213544;color:#c7dbe5; }
#mca-play .play-clock { display:grid;place-items:center;min-width:96px;height:46px;padding:0 12px;border:1px solid var(--play-line);border-radius:8px;background:#10232f;color:var(--play-muted);font-size:23px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.5px; }
#mca-play .play-clock.active { color:#101f27;background:#e4cc90;border-color:#e4cc90; }
#mca-play .play-board { display:block;width:100%;aspect-ratio:1;box-sizing:border-box; }
#mca-play .cg-wrap piece.white.pawn { background-image:var(--piece-wp); }
#mca-play .cg-wrap piece.white.knight { background-image:var(--piece-wn); }
#mca-play .cg-wrap piece.white.bishop { background-image:var(--piece-wb); }
#mca-play .cg-wrap piece.white.rook { background-image:var(--piece-wr); }
#mca-play .cg-wrap piece.white.queen { background-image:var(--piece-wq); }
#mca-play .cg-wrap piece.white.king { background-image:var(--piece-wk); }
#mca-play .cg-wrap piece.black.pawn { background-image:var(--piece-bp); }
#mca-play .cg-wrap piece.black.knight { background-image:var(--piece-bn); }
#mca-play .cg-wrap piece.black.bishop { background-image:var(--piece-bb); }
#mca-play .cg-wrap piece.black.rook { background-image:var(--piece-br); }
#mca-play .cg-wrap piece.black.queen { background-image:var(--piece-bq); }
#mca-play .cg-wrap piece.black.king { background-image:var(--piece-bk); }
#mca-play .cg-wrap square.check { background:radial-gradient(ellipse at center,#d95151,#c839397d 45%,#c8393900 78%); }
#mca-play .play-status { border-top:1px solid var(--play-line);padding:12px 0;min-height:48px;font-size:14px; }
#mca-play .play-controls { display:flex;flex-wrap:wrap;gap:8px; }
#mca-play .play-controls button { padding:8px 12px;min-height:40px;font-size:13px; }
#mca-play .play-side { display:flex;flex-direction:column;gap:18px;min-width:0; }
#mca-play .play-panel { background:var(--play-panel);border:1px solid var(--play-line);border-radius:14px;padding:20px; }
#mca-play .play-fields { display:grid;gap:16px;margin:18px 0; }
#mca-play label { display:grid;gap:6px;font-size:13px;font-weight:650;color:var(--play-muted); }
#mca-play select { display:block;width:100%;min-height:46px;border:1px solid #3b5664;border-radius:8px;padding:10px 32px 10px 12px;background:#0e2330;appearance:auto;cursor:pointer;font-size:14px; }
#mca-play select option { background:#0e2330;color:var(--play-text); }
#mca-play .play-two { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
#mca-play .play-start { width:100%;background:var(--play-gold);border-color:var(--play-gold);color:#14242c;font-weight:750; }
#mca-play .play-note { margin-top:12px;font-size:12px;color:var(--play-muted); }
#mca-play .play-moves { overflow:auto;max-height:235px;margin-top:14px;scrollbar-width:thin; }
#mca-play .play-empty { font-size:13px;color:var(--play-muted); }
#mca-play .play-move-row { display:grid;grid-template-columns:34px 1fr 1fr;gap:10px;padding:6px 8px;font-size:14px;font-variant-numeric:tabular-nums; }
#mca-play .play-move-row:nth-child(odd) { background:#ffffff05;border-radius:5px; }
#mca-play .play-move-row span:first-child { color:var(--play-muted); }
#mca-play .play-credits { align-self:center;font-size:11px;color:#8fa8b7;text-decoration:underline; }
#mca-play .play-confirm { margin-top:12px;padding:14px;border:1px solid #6c5e37;border-radius:9px;background:#22313a; }
#mca-play .play-confirm p { margin-bottom:10px; }
#mca-play .play-confirm button { min-height:40px;margin-right:8px;font-size:13px; }
#mca-play .play-promotion { position:absolute;z-index:30;background:#081b2be8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:16px; }
#mca-play .play-promotion p { font-weight:700; }
#mca-play .play-promotion-choices { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:350px; }
#mca-play .play-promotion button { display:flex;flex-direction:column;padding:8px 4px;font-size:11px;gap:4px; }
#mca-play .play-promotion img { width:100%;max-width:62px;aspect-ratio:1; }
#mca-play .play-sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
@media(max-width:760px) {
  #mca-play { padding:10px 12px calc(120px + env(safe-area-inset-bottom)); }
  #mca-play .play-header { margin-bottom:10px; }
  #mca-play .play-layout { grid-template-columns:minmax(0,1fr);gap:18px;max-width:620px;margin:auto; }
  #mca-play .play-player { min-height:58px;gap:10px; }
  #mca-play .play-clock { min-width:86px;height:42px;font-size:22px; }
  #mca-play .play-panel { padding:16px; }
  #mca-play .play-fields { gap:12px;margin:14px 0; }
  #mca-play .play-moves { max-height:160px; }
}
@media(max-width:360px) {
  #mca-play { padding-inline:8px; }
  #mca-play .play-player-detail { font-size:11px; }
  #mca-play .play-clock { min-width:75px;font-size:20px; }
  #mca-play .play-two { gap:8px; }
}
@media(prefers-reduced-motion:reduce) { #mca-play * { scroll-behavior:auto; } }

/* Exact regular Studies board rules, scoped to Play. */
#mca-play .play-board-frame{--mca-board-gutter: 16px;--mca-board-edge: 12px;--mca-board-bottom: 22px;position:relative;width:var(--mca-studio-frame-size, 100%);margin-inline:auto;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:1px;background-color:#3a4359;background-image:none;box-shadow:0 0 0 1px #ffffff0d;isolation:isolate}
#mca-play .play-board-frame:before{content:"";display:block;padding-top:calc(100% + var(--mca-board-bottom) - var(--mca-board-gutter))}
#mca-play .play-board-frame>.play-board{position:absolute;inset:var(--mca-board-edge) var(--mca-board-edge) var(--mca-board-bottom) var(--mca-board-gutter);width:auto;height:auto;aspect-ratio:1}
#mca-play .cg-wrap cg-board{background-color:#eee;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%222%22%20height%3D%222%22%20viewBox%3D%220%200%202%202%22%3E%3Crect%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23eeeeee%22%2F%3E%3Crect%20x%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237d91be%22%2F%3E%3Crect%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237d91be%22%2F%3E%3C%2Fsvg%3E);background-size:25% 25%}
#mca-play .cg-wrap square.last-move{background-color:#c3cf78b3}
#mca-play .cg-wrap square.selected{background-color:#b6c75dc7}
#mca-play .cg-wrap square.move-dest{background:radial-gradient(#15252f4a 19%,transparent 21%)}
#mca-play .cg-wrap square.oc.move-dest{background:radial-gradient(transparent 0 76%,#1728315c 79%)}
#mca-play .cg-wrap coords{display:none}
#mca-play .play-ranks,#mca-play .play-files{position:absolute;display:grid;margin:0;padding:0;color:#f0f1f1;font:500 clamp(10px,.85vw,12px)/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;pointer-events:none;user-select:none;-webkit-user-select:none}
#mca-play .play-ranks{inset:var(--mca-board-edge) auto var(--mca-board-bottom) 0;width:var(--mca-board-gutter);grid-template-rows:repeat(8,minmax(0,1fr))}
#mca-play .play-files{inset:auto var(--mca-board-edge) 0 var(--mca-board-gutter);height:var(--mca-board-bottom);line-height:1.2;grid-template-columns:repeat(8,minmax(0,1fr))}
#mca-play .play-board-coordinate{display:grid;place-items:center}
#mca-play .play-board-turn-indicator{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:var(--mca-board-gutter);height:var(--mca-board-bottom);pointer-events:none}
#mca-play .play-board-turn-disk{display:block;width:10px;height:10px;border:1px solid #ffffffdc;border-radius:50%;background:#f7f7f2;box-shadow:0 1px 2px #0b111552}
#mca-play .play-board-turn-indicator[data-turn=black] .play-board-turn-disk{background:#161a1e}
#mca-play .play-board-turn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#mca-play .play-promotion{inset:var(--mca-board-edge) var(--mca-board-edge) var(--mca-board-bottom) var(--mca-board-gutter)}
#mca-play .cg-wrap piece{filter:drop-shadow(0 1px 1px #00000030)}
#mca-play[data-mca-board-theme]:not([data-mca-board-theme=academy]) .cg-wrap cg-board{background-color:var(--mca-board-light);background-image:var(--mca-board-texture, linear-gradient(transparent, transparent)),conic-gradient(from 90deg,var(--mca-board-light) 0 25%,var(--mca-board-dark) 0 50%,var(--mca-board-light) 0 75%,var(--mca-board-dark) 0);background-size:var(--mca-texture-size, 100% 100%),25% 25%}
#mca-play[data-mca-board-theme]:not([data-mca-board-theme=academy]) .play-board-frame{background-color:var(--mca-board-frame)}/* MCA Play v2 — original opponent browser and focused playing experience. */
#mca-play{max-width:1320px;padding:22px 32px calc(110px + env(safe-area-inset-bottom));--play-panel:#112b3a;--play-line:#2c4556;--play-gold:#e3c583}
#mca-play .play-header{margin-bottom:30px;border-bottom:1px solid #29414f;padding-bottom:18px}
#mca-play .play-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#d8bf84}
#mca-play .play-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:6px 0 34px;padding:0 0 26px;border-bottom:1px solid #2a4251}
#mca-play .play-welcome h2{font-size:42px;line-height:1.12;font-weight:650;letter-spacing:-1.4px;margin:10px 0 14px}
#mca-play .play-welcome h2 em{font-style:normal;color:#e4ca90}
#mca-play .play-welcome p{color:#9fb6c6;font-size:14px}
#mca-play .play-history-link{font-size:12px;border-color:#41566a;background:#152d3c;white-space:nowrap}
#mca-play .play-history-link span{border-radius:4px;padding:1px 6px;background:#ffffff12;color:#e3ce98}
#mca-play .play-lobby{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px;align-items:start}
#mca-play .play-roster-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
#mca-play .play-roster-heading h2{font-size:20px;font-weight:600}
#mca-play .play-roster-heading>span{font-size:11px;color:#8fa9ba}
#mca-play .play-browse-controls{display:grid;grid-template-columns:minmax(130px,1.5fr) 1fr 1fr;gap:8px;margin-bottom:20px}
#mca-play .play-browse-controls select,#mca-play .play-search input{width:100%;min-width:0;min-height:43px;padding:9px 10px;font-size:12px;background:#102735;color:#c8d9e5;border:1px solid #314d60;border-radius:8px;outline-offset:2px}
#mca-play .play-search input:focus-visible{outline:2px solid #dfc488}
#mca-play .play-bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#mca-play .play-bot-card{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;padding:0;text-align:left;min-width:0;border-radius:13px;overflow:hidden;background:#112a3a;border:1px solid #2f495b;transition:border-color .15s,transform .15s}
#mca-play .play-bot-card:hover{transform:translateY(-2px)}
#mca-play .play-bot-card[aria-pressed=true]{border-color:#ddc184;box-shadow:0 0 0 1px #ddc184}
#mca-play .play-bot-art{position:relative;display:flex;justify-content:center;align-items:flex-end;height:144px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--bot-accent) 24%,#183244),#122a3a)}
#mca-play .play-bot-art>svg{width:112px;height:112px;margin-bottom:0;border-radius:23px 23px 0 0;filter:drop-shadow(0 8px 20px #0002)}
#mca-play .play-bot-check{display:none;position:absolute;right:10px;top:10px;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#ddc184;color:#132731;font-size:13px}
#mca-play .play-bot-card[aria-pressed=true] .play-bot-check{display:flex}
#mca-play .play-bot-copy{display:grid;gap:7px;padding:14px}
#mca-play .play-bot-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
#mca-play .play-bot-top strong{font-size:15px;font-weight:650;color:#e6eef3}
#mca-play .play-bot-top b{font-size:12px;font-weight:600;color:#ddc48e;font-variant-numeric:tabular-nums}
#mca-play .play-bot-country{font-size:10px;color:#8ea7ba}
#mca-play .play-style-tag{font-size:10px;line-height:1.2;display:inline-flex;align-items:center;gap:6px;color:var(--bot-accent)}
#mca-play .play-style-tag:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--bot-accent)}
#mca-play .play-match-setup{position:sticky;top:24px;padding:23px;background:linear-gradient(160deg,#193747,#102735);border-radius:14px;border-color:#415668}
#mca-play .play-selected-portrait{display:flex;justify-content:center;margin:20px 0 17px}
#mca-play .play-selected-portrait svg{width:110px;height:110px;border-radius:22px;box-shadow:0 10px 28px #0002}
#mca-play .play-selected-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#mca-play .play-selected-heading h2{font-size:25px}
#mca-play [data-selected-rating]{font-size:16px;color:#e0c586;font-weight:650}
#mca-play .play-selected-meta{font-size:12px;color:var(--bot-accent,#8bbcb2);margin-top:5px}
#mca-play .play-selected-about{font-size:12px;line-height:1.7;color:#a8bfce;margin-top:14px;min-height:80px}
#mca-play .play-fields{border-top:1px solid #365163;padding-top:18px;margin-top:20px;gap:9px}
#mca-play .play-fields label{font-size:11px;font-weight:550}
#mca-play .play-fields select{font-size:12px;padding-left:8px;min-height:43px}
#mca-play .play-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px;background:#0b202d;border:1px solid #304c60;margin-bottom:7px}
#mca-play .play-color-options button{padding:6px 3px;font-size:11px;border-color:transparent;border-radius:5px;background:none;min-height:36px;gap:5px;color:#9fb8c9}
#mca-play .play-color-options button[aria-pressed=true]{background:#304b5e;color:#f1dfb2;border-color:#546a79}
#mca-play .play-color-options i{width:9px;height:9px;border-radius:50%;border:1px solid #abc1cd}
#mca-play .play-color-options .white{background:#e7edf0}#mca-play .play-color-options .black{background:#091823}
#mca-play .play-start{border-radius:8px;min-height:48px;font-size:14px;color:#132934;background:#e3c583}
#mca-play .play-note{text-align:center;font-size:10px;line-height:1.5;color:#9ab2c4;margin-top:12px}
#mca-play .play-model-note{font-size:9px;color:#7e9aac}
#mca-play .play-footnote{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:30px 0 0;padding-top:18px;border-top:1px solid #273f50;color:#7795a9;font-size:10px}
#mca-play .play-footnote a{text-decoration:underline}
#mca-play .play-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:28px;max-width:1150px;margin:auto}
#mca-play .play-arena{padding:0 16px 14px;border:1px solid #2f4859;background:#0f2635;border-radius:14px}
#mca-play .play-avatar{overflow:hidden;background:none}
#mca-play .play-avatar>svg{width:100%;height:100%}
#mca-play .play-player{min-height:72px}
#mca-play .play-clock{min-width:92px;font-size:22px}
#mca-play .play-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#mca-play .play-panel-heading h2{font-size:16px}
#mca-play .play-text-button{font-size:10px;background:none;padding:6px;min-height:36px}
#mca-play .play-opponent-note h2{font-size:24px;margin:10px 0 4px}
#mca-play .play-opponent-note p{font-size:12px;color:#92b7c6}
#mca-play blockquote{margin:16px 0 0;padding:12px 0 0;border-top:1px solid #304a5e;color:#c4d7e4;font-size:14px;font-style:italic;line-height:1.6}
#mca-play .play-game-help p{font-size:12px;line-height:1.7;color:#98b2c4;margin:12px 0}
#mca-play .play-game-help button{font-size:12px;min-height:40px}
#mca-play .play-moves{max-height:290px;min-height:100px}
#mca-play .play-move-row{padding-block:9px;font-size:14px}
#mca-play .play-loading{padding:12px 0 0}
#mca-play .play-loading-track{height:4px;background:#2a4659;border-radius:4px;overflow:hidden}
#mca-play [data-load-progress]{display:block;height:100%;width:0;background:#dbbf7e;transition:width .25s}
#mca-play [data-load-label]{display:block;font-size:11px;color:#a2bdce;margin-top:7px}
#mca-play .play-recent{margin-bottom:22px}
#mca-play .play-recent-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #294453;align-items:center;font-size:13px}
#mca-play .play-recent-row small{display:block;color:#8aa5b7;font-size:11px;margin-top:3px}
#mca-play .play-recent-row button{font-size:11px;min-height:36px}
#mca-play .play-resume{display:flex;gap:12px;align-items:center;margin-bottom:22px}
#mca-play .play-resume>div{flex:1}#mca-play .play-resume p{font-size:12px;color:#9bb6c7}
@media(max-width:1000px){#mca-play .play-lobby{grid-template-columns:minmax(0,1fr) 280px;gap:18px}#mca-play .play-bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mca-play .play-browse-controls{grid-template-columns:1fr 1fr}#mca-play .play-search{grid-column:1/-1}#mca-play .play-match-setup{padding:18px}}
@media(max-width:760px){#mca-play{padding:12px 14px calc(120px + env(safe-area-inset-bottom))}#mca-play .play-header{margin-bottom:20px;padding-bottom:12px}#mca-play .play-welcome{align-items:start;gap:12px;margin-bottom:22px;padding-bottom:20px}#mca-play .play-welcome h2{font-size:29px;letter-spacing:-.8px}#mca-play .play-welcome p{font-size:12px;max-width:220px}#mca-play .play-history-link{font-size:0;padding:9px;gap:0;min-width:40px}#mca-play .play-history-link:before{content:'History';font-size:10px}#mca-play .play-history-link span{display:none}#mca-play .play-lobby{display:flex;flex-direction:column;gap:20px}#mca-play .play-roster{width:100%}#mca-play .play-roster-heading h2{font-size:17px}#mca-play .play-roster-heading>span{font-size:10px}#mca-play .play-bot-grid{gap:10px}#mca-play .play-bot-art{height:112px}#mca-play .play-bot-art>svg{width:91px;height:91px}#mca-play .play-bot-copy{padding:12px;gap:6px}#mca-play .play-bot-top strong{font-size:14px}#mca-play .play-bot-top b{font-size:11px}#mca-play .play-match-setup{position:relative;top:auto;width:100%;display:grid;grid-template-columns:72px 1fr;gap:5px 15px;padding:18px}#mca-play .play-match-setup>.play-eyebrow{grid-column:1/-1;margin-bottom:10px}#mca-play .play-selected-portrait{grid-row:2/4;margin:0}#mca-play .play-selected-portrait svg{width:72px;height:72px;border-radius:16px}#mca-play .play-selected-heading{align-self:end}#mca-play .play-selected-heading h2{font-size:23px}#mca-play .play-selected-meta{margin:0;font-size:11px}#mca-play .play-selected-about,#mca-play .play-fields,#mca-play .play-start,#mca-play .play-note{grid-column:1/-1}#mca-play .play-selected-about{min-height:0;margin-top:10px}#mca-play .play-fields{margin:12px 0;padding-top:14px}#mca-play .play-color-options button{font-size:12px}#mca-play .play-layout{display:flex;flex-direction:column;gap:18px}#mca-play .play-arena,#mca-play .play-side{width:100%}#mca-play .play-arena{padding:0 10px 12px}#mca-play .play-player{min-height:62px}#mca-play .play-clock{font-size:20px;min-width:80px}#mca-play .play-player-name{font-size:14px}#mca-play .play-player-detail{font-size:11px}#mca-play .play-opponent-note{display:none}#mca-play .play-panel{padding:16px}#mca-play .play-resume{flex-wrap:wrap}#mca-play .play-resume>div{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#mca-play .play-bot-card{transition:none}}