.start-screen{max-width:1320px;min-height:calc(100svh - 165px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:34px;padding:35px 28px;margin:auto}
.start-scene{position:relative;min-width:0}.start-scene canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border:1px solid #65725b;border-radius:12px;box-shadow:0 24px 60px #0005}.start-caption{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#bdcfc5;font-size:14px}.start-caption b{font-weight:500;color:#e2cc99}
.start-controls{max-width:480px}.start-controls .edition{color:#b5c8bd;letter-spacing:.19em;font-size:12px}.start-controls h1{font-size:clamp(34px,4.5vw,58px);color:#f4dc9f;letter-spacing:.03em;line-height:1.3;margin:8px 0 15px;font-weight:900}.start-controls>p{color:#b6c5c3;font-size:15px;line-height:1.8}.start-actions{display:grid;gap:10px;margin:25px 0 12px}.start-actions button{font-size:18px;min-height:54px}.start-actions .primary{box-shadow:0 4px 0 #8f7547}.start-actions .primary:active{transform:translateY(2px);box-shadow:0 2px 0 #8f7547}.save-hint{font-size:13px!important;min-height:22px}.board-choice{margin-top:25px;border-top:1px solid #3c4a48;padding-top:20px}.board-choice-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.board-choice-heading h2{font-size:16px}.board-choice-heading button{min-height:36px;padding:5px 12px;font-size:14px}.board-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.board-options button{padding:6px 6px 8px;min-width:0;border-color:#4c5b5c;font-size:13px}.board-options canvas{display:block;width:100%;height:auto;margin-bottom:5px}.board-options button[aria-pressed=true],#board-random[aria-pressed=true]{border-color:#f1d18e;box-shadow:inset 0 0 0 1px #f1d18e;background:#3b3b2f}.start-screen ~ footer{margin-top:0}
body[data-screen=title] #back-title{display:none}body[data-screen=title] footer{max-width:1320px}.topbar .brand{border:0;padding:0;background:none;color:inherit;text-align:left;min-height:40px;cursor:pointer}.topbar{position:relative;z-index:3}.topbar .brand:hover{background:none}.mode-link{font-size:14px}.start-scene .start-chip{position:absolute;top:18px;left:20px;padding:5px 10px;border:1px solid #657b69;background:#11231fe8;color:#e5d6b6;font-size:13px;border-radius:3px}
@media(max-width:900px){.start-screen{gap:20px;grid-template-columns:1fr 1fr;padding:28px 20px}.start-controls h1{font-size:36px}.start-controls>p{font-size:14px}.board-options{gap:6px}.start-actions{margin-top:18px}.board-choice{margin-top:15px;padding-top:15px}.start-scene .start-chip{font-size:12px;top:10px;left:10px}.topbar{padding:14px 20px}}
@media(max-width:650px){.start-screen{display:flex;flex-direction:column;gap:19px;min-height:0;padding:18px 18px 22px}.start-controls{display:contents}.start-controls .edition,.start-controls h1,.start-controls>p,.start-actions,.board-choice{width:100%;max-width:480px}.start-controls .edition{order:0;font-size:11px;text-align:center}.start-controls h1{order:1;text-align:center;font-size:36px;margin:-15px 0 -13px}.start-controls>p:not(.save-hint){order:2;text-align:center;font-size:14px;line-height:1.6;margin:-2px 0 -6px}.start-scene{order:3;width:100%;max-width:480px}.start-scene canvas{max-height:250px;object-fit:contain;background:#10231f}.start-caption{font-size:12px;margin-top:7px}.start-actions{order:4;margin:0;grid-template-columns:1fr 1fr;gap:9px}.start-actions button{font-size:16px;min-height:48px;padding:10px 6px}.save-hint{order:5;font-size:12px!important;text-align:center;margin-top:-12px}.board-choice{order:6;margin:0;padding-top:12px}.board-options{grid-template-columns:repeat(3,1fr)}.board-options canvas{max-height:64px;object-fit:cover}.topbar{padding:11px 16px;gap:10px}.brand{font-size:17px;gap:8px}.brand small{font-size:9px}.brand>b{width:33px;height:33px}nav{gap:12px;font-size:13px}nav #help-open{padding:6px 9px;min-height:36px}#back-title{font-size:12px;padding:5px 8px;min-height:36px}.mode-link{font-size:12px}.start-screen~footer{padding:14px 18px;font-size:12px}.start-scene .start-chip{display:none}}
.topbar .brand{flex-shrink:0}.topbar nav{flex:1;min-width:0;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Hit targets track the floor area in the scenic chess arenas. */
.deploy-grid{left:22.7272727%;top:49.7297297%;width:54.5454545%;height:33.5135135%}