html,body{margin:0;padding:0;width:100%;min-height:100%;background-color:#c8bdaa;color:#3a2e22}*{scrollbar-width:thin;scrollbar-color:rgba(100,75,40,.7) rgba(100,75,40,.12)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#644b281a;border-radius:4px}*::-webkit-scrollbar-thumb{background:#644b288c;border-radius:4px;border:1px solid rgba(100,75,40,.15)}*::-webkit-scrollbar-thumb:hover{background:#644b28bf}*::-webkit-scrollbar-corner{background:#644b281a}body{min-width:320px;overflow-x:hidden}#root{width:100%;min-height:100dvh}table{border-collapse:collapse}.app{padding-top:40px}.match-info{position:fixed;top:0;left:0;right:0;background-color:#4caf50;color:#fff;padding:10px;text-align:center;z-index:1000;font-weight:700}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.create-game,.join-game{background-color:#f5f5f5;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a;width:100%;max-width:500px}.lobby button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:4px}.match-id{background-color:#e9f5e9;padding:15px;border-radius:4px;margin:15px 0;font-size:18px}.match-id span{font-weight:700;color:#4caf50;font-size:24px}.lobby input{padding:10px;margin:10px 0;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:4px}.join-controls{display:flex;flex-direction:column;gap:10px}.game{display:flex;flex-direction:column;align-items:center;margin-top:20px}.status{margin-bottom:20px;font-size:18px;font-weight:700}.game-layout-root{position:relative}.game-layout-root:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.07;background:radial-gradient(ellipse 35% 60% at 12% 25%,rgba(45,107,90,.9) 0%,transparent 70%),radial-gradient(ellipse 20% 80% at 35% 60%,rgba(45,107,90,.8) 0%,transparent 65%),radial-gradient(ellipse 30% 45% at 60% 20%,rgba(45,107,90,.7) 0%,transparent 60%),radial-gradient(ellipse 25% 70% at 80% 70%,rgba(45,107,90,.85) 0%,transparent 65%),radial-gradient(ellipse 18% 50% at 50% 90%,rgba(45,107,90,.6) 0%,transparent 55%);background-size:200% 200%;animation:riverFlow 18s ease-in-out infinite}@keyframes riverFlow{0%{background-position:0% 0%}25%{background-position:15% 25%}50%{background-position:5% 45%}75%{background-position:20% 10%}to{background-position:0% 0%}}