:root{--bg: #15110f;--panel: #201915;--text: #efe4d6;--accent: #d7a86e;--legal-dot: rgba(120, 120, 120, .5);--selected: rgba(215, 168, 110, .55);--board-light: #eeeed2;--board-dark: #769656;--coord-on-light: #5e7f43;--coord-on-dark: #d9e6c8;--last-move: #c7d750}*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",sans-serif;color:var(--text);background:radial-gradient(circle at top,#2d221c,#15110f 55%),linear-gradient(120deg,#1d1612,#130f0d);min-height:100vh}.app{width:min(96vw,1500px,calc((100vh - 150px)*1.56));margin:clamp(10px,1.6vh,18px) auto;padding:clamp(.55rem,1.2vw,1rem) 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}h1{margin:0;font-size:1.65rem;letter-spacing:.04em}.subtitle{margin:.35rem 0 .25rem;color:#d8c7b3;font-size:.98rem}.controls{display:flex;gap:.5rem}button{border:1px solid #4f3b2a;background:#2a1f18;color:var(--text);padding:.55rem .85rem;border-radius:8px;cursor:pointer}button:hover{border-color:#8b6948}.status-wrap{min-height:2rem;margin:.45rem 0 .6rem}#status-text{margin:0}.play-area{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.75rem;align-items:stretch}.right-column{display:flex;flex-direction:column;gap:.75rem;min-height:0}.board-wrap{background:linear-gradient(180deg,#2b2018,#1f1712);border:1px solid #463527;border-radius:12px;padding:.75rem}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1 / 1;border:2px solid #32261d;border-radius:6px;overflow:hidden;touch-action:manipulation}.square{border:none;border-radius:0;padding:0;margin:0;position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:manipulation}.square.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--selected)}.square.light{background-color:var(--board-light)}.square.dark{background-color:var(--board-dark)}.square.last-move{background-color:var(--last-move)}.square.king-win{background-color:#37c95e}.square.king-loss{background-color:#e84a5f}.square.king-draw{background-color:#9ea3ad}.piece{display:block;width:70%;height:70%;max-width:70%;max-height:70%;object-fit:contain;z-index:2;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;touch-action:manipulation}.coord{position:absolute;font-weight:700;font-size:clamp(.62rem,1.2vw,1.6rem);line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.coord.light-text{color:var(--coord-on-dark)}.coord.dark-text{color:var(--coord-on-light)}.coord-rank{top:6%;left:6%}.coord-file{right:6%;bottom:6%}.legal-dot{position:absolute;width:22%;height:22%;border-radius:999px;background:var(--legal-dot);z-index:1}.footer{margin-top:.75rem;text-align:right;font-size:.9rem}.footer a{color:var(--accent)}.promotion-dialog{border:1px solid #4f3b2a;border-radius:10px;background:#1c1511;color:var(--text)}.promotion-dialog::backdrop{background:#00000073}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.promotion-piece img{width:52px;height:52px}.moves-panel{background:linear-gradient(180deg,#2b2018,#1f1712);border:1px solid #463527;border-radius:12px;padding:.75rem;display:flex;flex-direction:column;min-height:0;flex:1}.settings-panel{background:linear-gradient(180deg,#2b2018,#1f1712);border:1px solid #463527;border-radius:12px;padding:.75rem}.settings-panel h2,.captures-panel h2{margin:0 0 .5rem;font-size:1rem}.setting-label{display:block;font-size:.9rem;margin-bottom:.45rem}.setting-row{display:flex;align-items:center;gap:.5rem}.dilution-slider{flex:1;margin:0}.dilution-input{width:4.3rem;padding:.28rem .35rem;border:1px solid #7d5e41;border-radius:6px;background:#2a1f18;color:var(--text)}.percent-symbol{color:var(--text);font-size:.95rem}.setting-checkbox{margin-top:.55rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#dbc7af}.captures-panel{background:linear-gradient(180deg,#2b2018,#1f1712);border:1px solid #463527;border-radius:12px;padding:.75rem}.capture-row{display:grid;grid-template-columns:4.8rem minmax(0,1fr) auto;align-items:center;gap:.4rem}.capture-row+.capture-row{margin-top:.45rem}.capture-label{font-size:.9rem;color:#dbc7af}.capture-icons{min-height:1.2rem;display:flex;align-items:center;gap:.08rem;flex-wrap:wrap}.capture-piece{width:.95rem;height:.95rem;object-fit:contain}.capture-score{font-weight:700;font-size:.95rem;color:#d7d99f;min-width:2.2rem;text-align:right}.moves-panel h2{margin:0 0 .5rem;font-size:1rem}.moves-table-wrap{flex:1;min-height:0;overflow:auto}.moves-table{width:100%;border-collapse:collapse;font-size:.92rem}.moves-table th,.moves-table td{text-align:left;padding:.28rem .2rem;border-bottom:1px solid rgba(239,228,214,.12)}.moves-table th:first-child,.moves-table td:first-child{width:2.1rem}.latest-move-cell{background:#c7d75052;border-radius:4px}@media (max-width: 640px){.app{width:100%;padding:.5rem}h1{font-size:1.35rem}.play-area{grid-template-columns:1fr}}