*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.App{text-align:center;padding:1vw;font-family:Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.game-logo{height:40px;width:auto;margin:.1vh auto;display:block;flex-shrink:0}.loading{align-items:center;height:50vh;font-size:1.5rem;color:#666}.game-container,.loading{display:flex;justify-content:center}.game-container{align-items:flex-start;gap:2vw;flex:1 1;max-width:100vw;padding:1vw;min-height:0}.board{width:min(calc(100vw - 320px - 6vw),calc(100vh - 60px - 4vw));max-width:800px;aspect-ratio:1;display:grid;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);border:2px solid #333;background:#5cd65c;grid-gap:1px;gap:1px;flex-shrink:0}.square{border:1px solid #333;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#29a329;min-height:0;aspect-ratio:1}.square:hover{background:wheat}.square.selected{background:gold!important;box-shadow:inset 0 0 1vw #ff8c00}.square.lake{background:#4169e1!important;cursor:not-allowed}.square.last-moved{background:#70db70!important}.square.has-piece-blue{border:max(2px,.3vw) solid rgba(0,0,255,.4);background:#deb887}.square.has-piece-red{border:max(2px,.3vw) solid rgba(255,0,0,.4)}.square.has-piece-blue.active-turn{border-color:#00f}.square.has-piece-red.active-turn{border-color:red}.square.has-piece-blue.last-moved-piece{border-color:#00f}.square.has-piece-red.last-moved-piece{border-color:red}.piece{width:85%;height:85%;object-fit:contain;border-radius:.2vw}.piece.blue{filter:hue-rotate(240deg) saturate(1.2)}.piece.red{filter:hue-rotate(0deg) saturate(1.2)}.hidden-piece{width:80%;height:80%;display:flex;align-items:center;justify-content:center;border-radius:.2vw;font-size:clamp(1rem,2vw,2rem);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hidden-piece.blue{background:#4169e1;border:2px solid navy}.hidden-piece.red{background:#dc143c;border:2px solid #8b0000}.panel-container{align-items:center}.game-box,.panel-container{display:flex;flex-direction:column}.game-box{width:320px;background:#f0f0f0;border:2px solid #333;border-radius:10px;padding:12px;flex-shrink:0;overflow:hidden}@media (min-width:1001px) and (min-height:751px){.game-box{height:min(calc(100vw - 320px - 6vw),calc(100vh - 60px - 4vw));max-height:800px}}@media (max-height:750px),(max-width:1000px){.game-container{flex-direction:column;align-items:center;gap:1vh}.board{width:min(95vw,500px);max-width:500px;aspect-ratio:1}.game-box{height:auto;min-height:0}}.game-box-section{margin:12px 0}.game-box-section:first-child{margin-top:0}.game-box-section:last-child{margin-bottom:0}.game-box-divider{height:1px;background:#ccc;margin:12px 0}.game-box-buttons{display:flex;justify-content:center;gap:5px;flex-wrap:nowrap;margin:0}.game-box-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:3px;column-gap:3px;grid-row-gap:8px;row-gap:8px;flex:1 1;min-height:0;justify-items:center;margin:0}.game-box-item{background:#fff;border:2px solid #333;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;cursor:pointer;font-size:.7rem;min-height:0;width:70px;max-width:70px;margin:0}.game-box-item.selected{background:gold;border-color:#ff8c00;box-shadow:0 0 8px rgba(255,140,0,.8)}.game-box-item.disabled{opacity:.5;cursor:not-allowed}.game-box-item:hover:not(.disabled){background:#e0e0e0;transform:translateY(-1px)}.game-box-item img{width:30px;height:40px;margin-bottom:2px;object-fit:contain}.game-box-item .piece-name{font-weight:700;color:#333;margin-bottom:2px;font-size:.65rem;text-align:center;line-height:1.1}.game-box-item .piece-counts{display:flex;flex-direction:column;gap:1px;align-items:center}.game-box-item .piece-count{font-size:.6rem;font-weight:700}.game-box-item .piece-count.deployment{color:#666}.game-box-item .piece-count.blue{color:#00f}.game-box-item .piece-count.red{color:red}.game-box-indicators{display:flex;gap:10px;justify-content:center;margin:0}.clear-button,.commit-button,.confirm-button,.random-button,.share-button,.start-turn-button,.undo-button{padding:clamp(6px,1.2vw,10px) clamp(10px,2vw,16px);font-size:clamp(.7rem,1.2vw,.9rem);font-weight:700;color:#fff;border:none;border-radius:.5vw;cursor:pointer;margin:0;width:-moz-fit-content;width:fit-content;flex:1 1;min-width:0}.confirm-button{background:#4caf50}.confirm-button:hover{background:#45a049}.confirm-button:disabled{background:#ccc;cursor:not-allowed}.start-turn-button{background:#2196f3}.start-turn-button:hover:not(:disabled){background:#1976d2}.start-turn-button:disabled{background:#b3d9ff;cursor:not-allowed}.commit-button{background:#4caf50}.commit-button:hover{background:#45a049}.undo-button{background:#f44336}.undo-button:hover{background:#da190b}.random-button{background:#2196f3}.random-button:hover{background:#1976d2}.random-button:disabled{background:#ccc;cursor:not-allowed}.clear-button{background:#ff8c00}.clear-button:hover{background:#ff7f00}.clear-button:disabled{background:#ccc;cursor:not-allowed}.share-button{background:#9932cc;width:100%}.share-button:hover{background:#8a2be2}.move-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0}.move-result{font-weight:700;color:#333;margin:0;padding:8px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;font-size:.9rem}.combat-result-display{padding:8px;background:#e8f4f8;border-radius:6px;border:1px solid #b3d9e8;margin:0}.combat-result-display .move-result{margin:0;background:transparent;border:none;padding:0;font-size:1rem;color:#2c5aa0}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:clamp(20px,4vw,40px);border:3px solid #333;border-radius:1.5vw;box-shadow:0 0 2vw rgba(0,0,0,.5);z-index:1000;text-align:center}.game-over h2{color:#d4af37;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:2vh;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-over button{padding:clamp(10px,2vw,15px) clamp(20px,4vw,30px);font-size:clamp(1rem,2vw,1.2rem);font-weight:700;background:#4caf50;color:#fff;border:none;border-radius:.5vw;cursor:pointer}.game-over button:hover{background:#45a049}.game-info{margin:10px 0;font-size:1rem;color:#666}.game-info strong{color:#333}.player-indicators{display:flex;gap:10px;justify-content:center;margin:0}.player-indicator{width:20px;height:20px;border-radius:50%;border:2px solid #333;margin:0}.player-indicator.blue.active{background-color:blue}.player-indicator.blue.inactive{background-color:rgba(0,0,255,.2)}.player-indicator.red.active{background-color:red}.player-indicator.red.inactive{background-color:rgba(255,0,0,.2)}.game-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.game-selector-content{background:#fff;padding:30px;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.3);text-align:center;min-width:300px}.game-selector-content h3{margin-bottom:20px;color:#333}.game-selector-content input{width:100%;padding:10px;margin-bottom:20px;border:2px solid #ccc;border-radius:5px;font-size:1rem}.game-selector-content input:focus{outline:none;border-color:#4caf50}.game-selector-actions{display:flex;gap:10px;justify-content:center}.game-mode-selector{margin:20px 0;display:flex;flex-direction:column;gap:10px;text-align:left}.game-mode-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border:1px solid #ccc;border-radius:5px;transition:background-color .2s}.game-mode-selector label:hover{background-color:#f5f5f5}.game-mode-selector input[type=radio]{margin:0}.waiting-indicator{color:#666;font-style:italic;padding:15px;background:#f9f9f9;border-radius:8px;margin:10px 0}.game-info p{margin:5px 0}@media (max-width:768px){.board{width:min(95vw,400px);max-width:400px}.game-box{width:min(320px,95vw)}.game-box-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);column-gap:2px;row-gap:6px}.game-box-item{width:60px;max-width:60px}.game-box-item img{width:25px;height:30px}.game-logo{height:30px;margin:.1vh auto}}.share-container{display:flex;flex-direction:column;align-items:center;gap:6px}.copied-label{font-size:.8rem;color:#4caf50;font-weight:700;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media (max-height:600px){.App{padding:.5vh}.board{width:min(90vw,350px);max-width:350px}.game-box{width:min(300px,90vw)}.game-logo{height:25px;margin:.1vh auto}.game-box-divider,.game-box-section{margin:8px 0}}