body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{background:#fff;border:2px solid #333;border-radius:8px;box-shadow:0 2px 4px #0003;font-family:Arial,sans-serif;font-weight:700;height:120px;justify-content:space-between;padding:8px;position:relative;width:80px}.card,.card-corner{display:flex;flex-direction:column}.card-corner{align-items:center;font-size:14px;line-height:1}.top-left{align-self:flex-start}.bottom-right{align-self:flex-end;transform:rotate(180deg)}.card-center{align-self:center;font-size:48px;text-align:center}.card-back{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:2px solid #1e293b;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;height:120px;justify-content:center;position:relative;width:80px}.card-back:before{color:#ffffff4d;content:"🂠";font-size:60px}.game{display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.game-header h1{font-size:28px;margin:0}win-counter{background:#ffffff1a;border-radius:5px;font-size:.9em;margin:0 15px;padding:5px 15px}.win-counter strong{color:#4caf50;font-size:1.1em}.room-info{color:#555;font-size:16px;gap:15px}.leave-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background .2s}.leave-btn:hover{background:#da190b}.loading{align-items:center;color:#666;display:flex;font-size:24px;justify-content:center;min-height:100vh}.message{background:#f0f0f0;border-radius:8px;font-size:16px;font-weight:700;margin:15px 0;padding:12px;text-align:center}.game-board{display:flex;flex:1 1;flex-direction:column;gap:15px;margin:15px 0}.player-section{background:#e8f4f8;border:2px solid #0000;border-radius:10px;padding:15px}.my-section{background:#e8f5e9!important;border:3px solid #4caf50}.opponent-section{background:#e3f2fd!important;border:3px solid #2196f3}.player-section h2{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.hand{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.hand>div{cursor:pointer;transition:transform .2s}.hand>div:hover{transform:translateY(-5px)}.hand>div.selected{filter:brightness(1.2);transform:translateY(-10px)}.captured-info{color:#555;font-size:13px;margin-top:10px}.table-section{background:#2d5016;border-radius:10px;min-height:160px;padding:20px}.table-section h2{color:#fff;font-size:18px;margin-bottom:15px;margin-top:0}.table{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:100px}.table-card{cursor:pointer;transition:transform .2s}.table-card:hover{transform:scale(1.05)}.controls{display:flex;gap:15px;justify-content:center;margin:20px 0;padding-bottom:20px}.controls button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background .2s}.controls button:hover:not(:disabled){background:#45a049}.controls button:disabled{background:#ccc;cursor:not-allowed}.table-card.selected{box-shadow:0 0 10px 3px #ff0;transform:scale(1.1)}.build-pile{background:#ffffffe6;border:3px solid #ff9800;border-radius:8px;cursor:pointer;display:inline-block;margin:5px;padding:10px;transition:transform .2s}.build-pile:hover{transform:scale(1.05)}.build-pile.selected{border-color:#ff0;box-shadow:0 0 10px 3px #ff0}.build-label{color:#ff9800;font-size:14px;font-weight:700;margin-bottom:5px;text-align:center}.build-cards{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.build-card-small{transform:scale(.7);transform-origin:center}.sound-toggle{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:8px 16px;transition:background-color .3s}.sound-toggle:hover{background-color:#45a049}.sound-toggle:active{transform:scale(.98)}.room-info{align-items:center;display:flex;gap:10px}.play-message-overlay{animation:fadeInOut 2s ease-in-out;background:#000000d9;border-radius:10px;box-shadow:0 4px 20px #00000080;color:#fff;font-size:1.3em;font-weight:700;left:50%;max-width:80%;min-width:250px;padding:20px 30px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.table-section{position:relative}.lobby-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.lobby-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.lobby-card h1{color:#333;font-size:2em;margin:0 0 30px;text-align:center}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px;text-align:center}.input-section{margin-bottom:25px}.input-section label{color:#555;display:block;font-weight:600;margin-bottom:8px}.input-section input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.input-section input:focus{border-color:#667eea;outline:none}.input-section input:disabled{background:#f5f5f5;cursor:not-allowed}.helper-text{color:#888;font-size:.85em;margin:8px 0 0}.button-section{display:flex;gap:15px;margin-top:30px}.join-game-button,.new-game-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s}.new-game-button{background:#667eea;color:#fff}.new-game-button:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.join-game-button{background:#48bb78;color:#fff}.join-game-button:hover:not(:disabled){background:#38a169;box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.join-game-button:disabled,.new-game-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.divider{color:#999;font-size:.9em;font-weight:600;margin:20px 0;text-align:center}.ai-game-button{background:#9b59b6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s;width:100%}.ai-game-button:hover:not(:disabled){background:#8e44ad;box-shadow:0 4px 12px #9b59b666;transform:translateY(-2px)}.ai-game-button:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width:600px){.lobby-card{padding:30px 20px}.lobby-card h1{font-size:1.5em}.button-section{flex-direction:column}}.waiting-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.waiting-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.waiting-card h1{color:#333;font-size:28px;margin-bottom:30px}.room-code-display{margin:30px 0}.room-code-display p{color:#666;margin-bottom:15px}.code-box{background:#f5f5f5;border:3px dashed #667eea;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.code-box:hover{background:#ececec;border-color:#764ba2;transform:scale(1.02)}.code{color:#667eea;display:block;font-family:Courier New,monospace;font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:8px}.copy-hint{color:#999;display:block;font-size:12px}.player-info{background:#f9f9f9;border-radius:10px;margin:30px 0;padding:20px}.player-info p{color:#555;font-size:16px;margin:8px 0}.player-info strong{color:#333}.loading-animation{display:flex;gap:10px;justify-content:center;margin:30px 0}.dot{animation:bounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:12px;width:12px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.leave-button{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .2s}.leave-button:hover{background:#da190b;box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}@media (max-width:600px){.waiting-card{padding:30px 20px}.waiting-card h1{font-size:22px}.code{font-size:28px}}
/*# sourceMappingURL=main.c816a66d.css.map*/