*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f9f3e8}button{font:inherit}.app{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#14100c59,#14100c8c),var(--background-image) center / cover fixed}.game-shell{width:min(100%,920px);display:grid;gap:16px}.scorebar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(180px,1.25fr) minmax(110px,1fr);align-items:center;gap:12px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#120e0abd;box-shadow:0 18px 50px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score,.status{min-height:62px;display:flex;align-items:center;justify-content:center;border-radius:6px}.score{gap:10px;color:#f9f3e8c2;background:#ffffff14}.score.active{color:#fffdf9;outline:2px solid #f2c15e;outline-offset:-2px}.score span{font-size:.9rem;text-transform:uppercase;letter-spacing:0}.score strong{font-size:1.55rem}.status{gap:12px;flex-wrap:wrap;padding:8px;text-align:center}.status span{min-width:130px;font-weight:700}.status small{min-width:82px;color:#f9f3e8b8;font-weight:800;text-transform:uppercase;letter-spacing:0}.status button{min-height:40px;padding:0 16px;border:0;border-radius:6px;color:#20140b;background:#f2c15e;cursor:pointer;font-weight:800}.status button:hover{background:#ffd783}.board-wrap{position:relative;width:min(100%,82vh,820px);aspect-ratio:1;justify-self:center;filter:drop-shadow(0 22px 54px rgba(0,0,0,.44))}.board-image,.board-grid{position:absolute;top:0;right:0;bottom:0;left:0}.board-image{width:107%;height:107%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);padding:4.8%}.square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;padding:0;background:transparent;cursor:pointer}.square.light{cursor:default}.square.selected:before,.square.move-target:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;pointer-events:none}.square.selected:before{border:4px solid #f2c15e;box-shadow:0 0 18px #f2c15ecc}.square.move-target:before{background:#f7eca257;border:3px solid rgba(255,246,177,.9)}.square.capture-target:before{background:#cc3a2e4d;border-color:#ffb09c}.piece{width:82%;height:82%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 7px 7px rgba(0,0,0,.42));transition:transform .13s ease,filter .13s ease}.square.dark:hover .piece,.square.selected .piece{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 12px 11px rgba(0,0,0,.5))}@media (max-width: 720px){.app{padding:12px;align-content:start}.scorebar{grid-template-columns:1fr 1fr}.status{grid-column:1 / -1;grid-row:2;min-height:54px}.score{min-height:52px}.board-wrap{width:min(100%,88vh)}}