@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap";:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#f6f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#d32f2f;text-decoration:inherit}a:hover{color:#9a0007}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:30px;border:2px solid #D32F2F;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#d32f2f;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{transform:none;box-shadow:none}button:active{background-color:transparent;box-shadow:0 0 0 2px #9e9e9e}button:focus,button:focus-visible{outline:none}#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;color:#202124;overflow:hidden;height:100vh}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{display:flex;flex-direction:column;background-color:#dee6e8;transition:width .3s ease;height:100vh;position:relative;z-index:100}.sidebar.open{width:280px}.sidebar.closed{width:72px}.sidebar-top{display:flex;flex-direction:column;gap:8px;padding:12px}.sidebar-btn{width:48px;height:48px;border:none;background-color:transparent;border-radius:24px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;padding:0 12px}.sidebar.open .sidebar-btn.refresh-btn,.sidebar.open .sidebar-btn.settings-btn{width:100%;justify-content:flex-start;gap:12px}.sidebar-btn:hover{background-color:#b9c3c5}.sidebar-btn:active{background-color:transparent;box-shadow:0 0 0 2px #9e9e9e inset;transform:none}.sidebar-btn img{width:24px;height:24px;opacity:.7;flex-shrink:0}.settings-btn img{width:21.6px;height:21.6px}.btn-label{font-size:14px;font-weight:500;color:#202124;white-space:nowrap;opacity:0;animation:fadeInLabel .3s ease forwards;animation-delay:.1s}@keyframes fadeInLabel{0%{opacity:0}to{opacity:.7}}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px}.history-section{display:flex;flex-direction:column;gap:8px;opacity:0;animation:fadeIn .4s ease forwards;animation-delay:.1s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-title{font-size:14px;font-weight:500;color:#5f6368;padding:8px 12px;text-transform:uppercase;letter-spacing:.5px}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{padding:12px 16px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.history-item:hover{background-color:#b9c3c5}.history-item-title{font-size:14px;font-weight:500;color:#202124;margin-bottom:4px}.history-item-date{font-size:12px;color:#5f6368}.sidebar-bottom{padding:12px}.main-area{flex:1;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;height:72px;position:relative;z-index:100}.header-left{display:flex;align-items:center;flex:1}.header-center{display:flex;align-items:center;justify-content:center;gap:16px;position:absolute;left:50%;transform:translate(-50%)}.header-logo{height:25.6px;width:auto}.header-right{display:flex;gap:12px;align-items:center;flex:1;justify-content:flex-end}.mode-toggle-container{position:relative;display:flex;flex-direction:column;align-items:center}.mode-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 21px;background-color:transparent;border:none;border-radius:26px;cursor:pointer;transition:all .2s ease;font-family:Google Sans,sans-serif;font-size:18px;font-weight:500;color:#202124}.mode-toggle-btn:hover{background-color:#b9c3c5}.mode-toggle-btn:active{background-color:#e8eaed;transform:none}.mode-arrow-icon{width:34px;height:34px;opacity:.7;transition:transform .2s ease;flex-shrink:0}.mode-label{white-space:nowrap;color:#202124;text-align:left}.mode-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:180px;overflow:hidden;z-index:1000;animation:slideDown .2s ease;padding:4px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mode-menu-item{width:calc(100% - 8px);padding:10px 12px;margin:2px 4px;background-color:transparent;border:none;text-align:left;font-family:Google Sans,sans-serif;font-size:14px;font-weight:400;color:#202124;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px;border-radius:4px;white-space:nowrap}.mode-menu-item:hover{background-color:#b9c3c5}.mode-menu-item.active{background-color:#e8f0fe;color:#1a73e8;font-weight:500}.mode-menu-item.active .mode-menu-icon{filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(1352%) hue-rotate(195deg) brightness(91%) contrast(92%)}.mode-menu-item.active.training-mode{background-color:#fce8e6;color:#d32f2f;font-weight:500}.mode-menu-item.active.training-mode .mode-menu-icon{filter:brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(2613%) hue-rotate(349deg) brightness(88%) contrast(88%)}.mode-menu-item:active{background-color:#e8eaed;box-shadow:0 0 0 2px #9e9e9e inset}.mode-menu-icon{width:20px;height:20px;flex-shrink:0}.game-info-container{position:relative;display:flex;flex-direction:column;align-items:center}.game-info-btn{display:flex;align-items:center;gap:8px;padding:10px 21px;background-color:transparent;border:none;border-radius:26px;cursor:pointer;transition:all .2s ease;font-family:Google Sans,sans-serif;font-size:18px;font-weight:500;color:#202124}.game-info-btn:hover{background-color:#b9c3c5}.game-info-btn:active{background-color:#e8eaed;transform:none}.game-info-icon{width:31px;height:31px;opacity:.7;flex-shrink:0}.game-info-label{white-space:nowrap;color:#202124;text-align:left}.game-info-modal{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:300px;min-height:200px;padding:20px;z-index:1000;animation:slideDown .2s ease}.settings-menu-container{position:relative;width:100%}.settings-menu{position:absolute;bottom:calc(100% + 8px);left:12px;background-color:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:200px;overflow:hidden;z-index:1000;animation:slideUp .2s ease;padding:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-menu-item{width:calc(100% - 8px);padding:10px 12px;margin:2px 4px;background-color:transparent;border:none;text-align:left;font-family:Google Sans,sans-serif;font-size:14px;font-weight:400;color:#202124;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px;border-radius:4px;white-space:nowrap}.settings-menu-item:hover{background-color:#b9c3c5}.settings-menu-item:active{background-color:#e8eaed;box-shadow:0 0 0 2px #9e9e9e inset}.settings-menu-icon{width:20px;height:20px;flex-shrink:0;opacity:.7}.auth-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.auth-btn:active{transform:none;box-shadow:0 0 0 2px #9e9e9e inset}.login-btn{background-color:transparent;color:#2a3746;border:1px solid #dadce0}.login-btn:hover{background-color:#b9c3c5;border-color:#dadce0}.login-btn:active{background-color:transparent;box-shadow:0 0 0 2px #9e9e9e inset}.register-btn{background-color:#2a3746;color:#fff;border:1px solid #2a3746}.register-btn:hover{background-color:#1f2a36;box-shadow:none}.register-btn:active{background-color:transparent;box-shadow:0 0 0 2px #9e9e9e inset}.content-area{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;overflow-y:auto;position:relative}.poker-table{position:absolute;width:23.33vw;height:11.67vh;background-color:#fff;border-radius:220px;border:none;box-shadow:0 2px 8px #0000001a;z-index:1;top:35%;left:50%;transform:translate(-50%,-50%)}.info-panel{position:absolute;width:calc(23.33vw + 160px);height:calc(11.67vh + 160px);background-color:#dee6e8;border:5px solid #ffffff;box-shadow:0 2px 16px #00000026;border-radius:8px;z-index:0;top:35%;left:50%;transform:translate(-50%,-50%)}.card-table-window{position:absolute;inset:80px;background-color:#929d9c;border-radius:80px;border:5px solid #ffffff;z-index:4;pointer-events:auto}.table-sections-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.table-section{fill:transparent;cursor:pointer;transition:fill .15s ease}.table-section:hover{fill:#2a374614}.table-section:active{fill:#2a374629}.section-top-center,.section-bottom-left,.section-bottom-right{fill:#c9d1d0}.section-top-center:hover,.section-bottom-left:hover,.section-bottom-right:hover{fill:#b9c3c2}.section-top-center:active,.section-bottom-left:active,.section-bottom-right:active{fill:#a9b3b2}.table-divider-line{stroke:#fff;stroke-width:5;vector-effect:non-scaling-stroke}.section-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.section-label{position:absolute;font-size:14px;font-weight:500;color:#5f6368;transform:translate(-50%,-50%)}.label-top-left{top:25%;left:20%}.label-top-center{top:25%;left:50%}.label-top-right{top:25%;left:80%}.label-bottom-left{top:75%;left:13%}.label-bottom-center{top:75%;left:50%}.label-bottom-right{top:75%;left:87%}.welcome-section{text-align:center;max-width:800px;position:relative;z-index:2;margin-top:120px}.welcome-title{font-size:42px;font-weight:500;color:#2a3746;margin-bottom:16px;line-height:1.2}.welcome-subtitle{font-size:20px;color:#5f6368;font-weight:400;line-height:1.6}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:#dadce0;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#bdc1c6}@media(max-width:768px){.sidebar.open{width:240px}.header{padding:12px 16px}.header-center{gap:12px}.mode-toggle-btn,.game-info-btn{font-size:16px;padding:8px 16px;gap:6px}.mode-arrow-icon{width:30px;height:30px}.game-info-icon{width:27px;height:27px}.mode-menu{min-width:140px}.game-info-modal{min-width:260px}.welcome-title{font-size:36px}.welcome-subtitle{font-size:18px}}