body{margin:0}.shell{width:min(100% - 32px,1124px);margin:auto;padding-top:28px}.chess-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.chess-intro .title{margin-bottom:12px}.chess-intro .lead{max-width:620px;margin:0}.chess-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(250px,1fr);gap:24px}.chess-play{min-width:0}.game-settings{display:flex;gap:16px;flex-wrap:wrap;padding:18px;background:#fffdf8;border:1px solid var(--line);margin-bottom:16px}.game-settings label{font-size:.875rem;font-weight:700;display:flex;flex-direction:column;gap:7px;flex:1;min-width:130px}.game-settings select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:10px;min-height:44px;max-width:100%}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:4px solid var(--ink);width:100%;aspect-ratio:1;background:var(--cream);touch-action:manipulation}.chess-square{position:relative;aspect-ratio:1;min-width:0;min-height:0;border:0;padding:0;display:grid;place-items:center;background:#f3ead9;cursor:pointer;border-radius:0;touch-action:manipulation}.chess-square.dark{background:#83765f}.chess-square.last{box-shadow:inset 0 0 0 3px #f3ae2b}.chess-square.selected{background:#f7bd69;box-shadow:inset 0 0 0 3px var(--red)}.chess-square.check{background:#ffad95}.chess-square:focus-visible{outline:3px solid #2d79c7;outline-offset:-3px;z-index:2}.chess-square.target::after{content:"";position:absolute;width:20%;height:20%;border-radius:50%;background:rgba(21,21,21,.4);z-index:2}.chess-square.capture::after{width:82%;height:82%;background:none;border:3px solid var(--red);border-radius:50%}.chess-piece{position:relative;width:100%;height:100%;display:grid;place-items:center;pointer-events:none}.pepper-sprite{display:block;width:auto;height:100%;aspect-ratio:3/5;max-width:100%;background-image:url("assets/pepper-chess-atlas.png");background-size:500% 200%;background-repeat:no-repeat;background-position:calc(var(--col)*25%) calc(var(--row)*100%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));pointer-events:none}.knight-badge{width:76%;height:62%;display:grid;place-items:center;border-radius:50%;background:#fffaf0;border:3px solid #c92b21;box-shadow:0 2px 2px #0003}.chess-piece.green .knight-badge{border-color:#327033;background:#e4ecd2}.knight-badge img{width:88%;height:86%;object-fit:contain}.piece-letter{position:absolute;right:5%;bottom:3%;font:800 12px/1 "DM Sans",sans-serif;color:#fff;background:#9b211a;border-radius:2px;padding:2px 3px;min-width:16px;text-align:center}.green .piece-letter{background:#24592b}.coord{position:absolute;z-index:3;font:600 12px/1 "DM Sans",sans-serif;color:#3b3428;pointer-events:none}.dark .coord{color:#fffaf0}.coord.rank{top:4px;left:4px}.coord.file{bottom:3px;left:4px}.turn-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:.9rem}.side-marker{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ca3325;margin-right:7px}.side-marker.green{background:#3c793d}.chess-status{font-weight:700;line-height:1.5;color:var(--ink);min-height:3em;margin:0 0 14px}.board-actions{display:flex;gap:10px;flex-wrap:wrap}.board-actions button{min-height:46px;padding:10px 16px;cursor:pointer}.btn{border:0;background:var(--red);color:white}.share{display:inline-flex;align-items:center;justify-content:center;font:600 .9rem "DM Sans",sans-serif;border:1px solid var(--line);background:transparent}.share:disabled{opacity:.45;cursor:default}.sidebar-block{padding:22px;background:#fffdf8;border:1px solid var(--line);margin-bottom:16px}.sidebar-block h2{font:800 1.8rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0 0 16px}.piece-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-item{text-align:center;font-size:.875rem}.guide-item .chess-piece{height:75px;max-width:75px;margin:auto}.guide-item strong{display:block;margin-top:4px}.guide-item small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.sidebar-note,.sidebar-block p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:12px 0 0}.moves{height:240px;overflow:auto;scrollbar-width:thin}.move-row{display:grid;grid-template-columns:35px 1fr 1fr;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:.9rem}.move-row span:first-child{color:var(--muted)}.move-head{font-size:.75rem;color:var(--muted);font-weight:700}.captured{display:flex;flex-wrap:wrap;min-height:32px;gap:4px}.captured .chess-piece{width:32px;height:42px}.captured .piece-letter{font-size:12px;padding:0 2px;right:0;bottom:0}.captured .knight-badge{border-width:2px}.capture-label{font-size:.8rem;color:var(--muted);margin:10px 0 4px}.promotion{max-width:min(92vw,440px);border:2px solid var(--ink);padding:24px;background:var(--paper);color:var(--ink)}.promotion::backdrop{background:#0008}.promotion h2{font:800 2rem "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0}.promotion p{line-height:1.5;font-size:.95rem}.promotion-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.promotion-choices button{border:1px solid var(--line);background:#fffdf8;cursor:pointer;padding:6px;color:var(--ink);font:600 .875rem "DM Sans",sans-serif}.promotion-choices .chess-piece{width:60px;height:70px;max-width:100%;margin:auto}.under-board{font-size:.875rem;line-height:1.6;color:var(--muted);margin:18px 0}.legend-mini{font-size:.875rem;color:var(--muted)}
@media(max-width:900px){.chess-layout{grid-template-columns:minmax(0,1fr)}.chess-play{max-width:680px;margin:auto;width:100%}.chess-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sidebar-block{margin:0}.sidebar-block:last-child{grid-column:1/-1}.chess-intro{display:block}.legend-mini{margin-top:14px}}
@media(max-width:520px){.shell{width:calc(100% - 24px);padding-top:22px}.chess-intro .title{font-size:3.5rem}.game-settings{padding:12px;gap:12px}.game-settings label{min-width:110px;font-size:.875rem}.chess-board{border-width:3px}.piece-letter{right:2%;bottom:1%;padding:1px 2px}.knight-badge{border-width:2px}.coord.rank{top:2px;left:2px}.coord.file{left:2px;bottom:2px}.chess-sidebar{display:block}.sidebar-block{margin-bottom:16px}.board-actions{gap:8px}.board-actions button{flex:1;white-space:nowrap}.turn-line{flex-wrap:wrap}.guide-item .chess-piece{height:66px}.moves{height:190px}.promotion{padding:18px}.promotion-choices .chess-piece{width:50px;height:64px}}