:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}.board-container{position:relative;width:100%;aspect-ratio:1 / 1;margin:auto}.board-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:125%;height:125%;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0}#board{aspect-ratio:1 / 1;margin:auto;border:3px #333 solid;box-sizing:border-box;position:relative;z-index:1}#board>div{display:flex;width:100%;height:12.5%;position:relative;z-index:1}.square{width:12.5%;aspect-ratio:1 / 1;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:transparent}.square.light{background:#ccd3}.square.dark{background:#70707033}.square img.piece{width:100%;height:100%;object-fit:contain;pointer-events:none}.square.allowed{opacity:.8;background:radial-gradient(#333,#222)!important;border:1px solid black!important}.square.last-move-white{background:#ff06!important}.square.last-move-black{background:#add8e666!important}.square.last-move{background:#ff06!important}.square.clicked-square{background:radial-gradient(#333,#222)!important;border:1px solid black!important}.board-wrapper{position:relative;width:100%;padding-top:60px;padding-bottom:60px}.captured-pieces{position:absolute;display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:#0009;border-radius:5px;z-index:10}.captured-piece{width:30px;height:30px;object-fit:contain}.turn-indicator-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;animation:fadeOut 1s ease-in-out forwards}.turn-indicator-text{color:#fff;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:20px 40px;background:#00000080;border-radius:10px}@keyframes fadeOut{0%{opacity:1;visibility:visible}70%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.captured-top-left{top:0;left:0}.captured-bottom-right{bottom:0;right:0}.captured-piece{width:32px;height:32px;object-fit:contain}@media screen and (max-width:768px){.turn-indicator-text{font-size:1rem;padding:10px 20px}.captured-piece{width:20px;height:20px}}.scene{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;display:none;z-index:100}.scene.show{display:block!important;animation:showMessage 1s ease-out;animation-fill-mode:both}.overlay{position:fixed;width:100%;height:100%;opacity:.7;z-index:101}.scene .scene-content{position:fixed;color:#fff;z-index:102;width:100%;text-align:center;margin-top:50vh;font-size:20px;height:100vh}.scene-content h2{font-weight:500;margin-bottom:0;font-size:2rem}#opponent-selection{margin-bottom:0}@keyframes showMessage{0%{opacity:0}to{opacity:1}}input[type=radio]{display:none}label{background:linear-gradient(to bottom,#6b5548,#574741,#453830);position:relative;font-family:Poppins,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.8em;padding:.8em 1.5em;border-radius:5px;border:2px solid #d1b593;color:#fff;margin:0 10px;box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff1a}input[type=radio]:checked+label{background:linear-gradient(to bottom,#d4a76a,#c19561,#a67c4a);box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}.button{padding:10px 20px;border-radius:5px;outline:0;background:#c19561;color:#fff;border:0;cursor:pointer;font-size:16px;font-weight:500}.button-big{padding:15px 40px;font-size:18px}.button:hover{background:#45a049}@media screen and (max-width:768px){.scene .scene-content{margin-top:32vh}.scene-content>div{margin-bottom:22px!important}}.winning-sign{font-size:40px;font-weight:700;color:#fff}.winning-sign:first-letter{text-transform:uppercase}@media screen and (max-width:600px){.winning-sign{font-size:2rem}}.game-info{text-align:center;margin:20px 0}.turn-indicator{font-size:18px;font-weight:500;margin-bottom:15px;color:#333}.game-controls{display:flex;gap:10px;justify-content:center}.button{padding:10px 20px;border-radius:5px;outline:0;background:#574741;color:#fff;border:0;cursor:pointer;font-size:14px;font-weight:500}.button:hover{background:#453831}*{margin:0;padding:0;box-sizing:border-box}body{background:#ebdfc7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;padding:20px;background-image:var(--splash-image);background-position:center top;background-repeat:no-repeat;background-size:contain}.App.playing{background-image:none;background:linear-gradient(to bottom,#ddcaa9,#b48d62)}.title{text-align:center;color:#333;margin-bottom:20px;font-size:2.5rem}.title-logo{display:block;margin:0 auto 20px;max-width:300px;height:auto}.board-container{width:600px;max-width:90%;justify-content:center;margin:auto;position:relative}@media screen and (max-width:600px){.title{font-size:2rem}}