body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header_class{height:10vh;display:flex;justify-content:space-between;align-items:center;height:auto;padding:0;margin:0;background-color:#f4b3bb}.logo_text{color:#fff;font-size:22px}.logo_text:hover{color:#b58d86}.ant-layout-header{padding:0 15px}.ant-menu,.ant-menu:after,.ant-menu-selected:after,.ant-menu-open:after,.ant-menu-focused:after,.ant-menu:hover:after,ant-menu-overflow-item,ant-menu-item,ant-menu-item-selected,ant-menu-item-only-child{background-color:#b58d86}.ant-menu-item:after,.ant-menu-item-selected:after,.ant-menu-item-active:after,.ant-menu-item-open:after,.ant-menu-item-focused:after,.ant-menu-item:hover:after{border-bottom-color:#402b28!important;transform:none!important}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{color:#fff}.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-selected{color:#402b28!important;background-color:transparent!important}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{border-bottom:none!important;transform:none!important}.menu{border-radius:6px;overflow:hidden;border:1px solid #ccc}.footer_class{height:10vh;text-align:center;background-color:#f4b3bb;color:#fff}.footer_text{margin-top:10px}.ranking-container{background-color:#f3e4e7d9;width:80%;margin:0 auto;padding-top:20px;padding-bottom:30px}@media screen and (max-width: 480px){.ranking-container{width:95%}}.lobby{max-width:800px;width:100%;display:block;margin-right:auto;margin-left:auto}.ranking-wrapper.pink-theme{padding:24px;background:linear-gradient(to bottom right,#ffe4ec,#fff0f5);border-radius:16px;box-shadow:0 6px 16px #e76f8e33}.ranking-title{font-size:1.8rem;font-weight:700;color:#880e4f;margin-bottom:20px;text-align:center}.ranking-table .ant-table{border-radius:12px;overflow:hidden;font-size:1.1rem}.ranking-table .ant-table-thead>tr>th{background-color:#f8bbd0!important;color:#880e4f;font-weight:600;font-size:14px}.rank-gold{color:#d4af37;background:#fff8e1;padding:4px 8px;border-radius:8px}.rank-silver{color:#b0b0b0;background:#f3f3f3;padding:4px 8px;border-radius:8px}.rank-bronze{color:#cd7f32;background:#fff3e0;padding:4px 8px;border-radius:8px}.ranking-wrapper{padding:24px;background-color:#fff7fa;border-radius:12px;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,Helvetica Neue,sans-serif}.ranking-table .ant-table-thead>tr>th{background-color:#fce4ec;color:#4a148c;font-weight:700;font-size:1.35rem;text-align:center}.ranking-table .ant-table-cell{vertical-align:middle}.rank-gold{color:#d4af37;font-weight:700}.rank-silver{color:silver;font-weight:700}.rank-bronze{color:#cd7f32;font-weight:700}.ant-tag{font-size:1.5rem;padding:4px 8px}.ranking-table .ant-table-cell.player-name{font-size:1.2rem;font-weight:700;color:#4a148c}.ranking-table .ant-table-cell.point{font-size:1.2rem;font-weight:700;color:#1b5e20}.ranking-table .ant-table-cell.point{font-weight:700;color:#1b5e20}.ranking-table .rank-1 .player-name,.ranking-table .rank-1 .point{font-size:1.6rem}.ranking-table .rank-2 .player-name,.ranking-table .rank-2 .point{font-size:1.4rem}.ranking-table .rank-3 .player-name,.ranking-table .rank-3 .point{font-size:1.3rem}.ranking-table .player-name,.ranking-table .point{font-size:1.2rem}@media screen and (max-width: 480px){.ranking-wrapper.pink-theme{padding:10px}.ranking-wrapper{padding:1px}.ranking-title{font-size:.9rem;margin-bottom:12px}.ranking-table .ant-table{font-size:.55rem}.ant-table-cell.rank-col{min-width:10px;max-width:20px}.ranking-table .ant-table-thead>tr>th{font-size:.6rem;padding:4px}.ranking-table .ant-table-cell.player-name,.ranking-table .ant-table-cell.point{font-size:.6rem}.ranking-table .ant-table table{table-layout:fixed}.ranking-table .rank-1 .player-name,.ranking-table .rank-1 .point{font-size:.9rem}.ranking-table .rank-2 .player-name,.ranking-table .rank-2 .point{font-size:.8rem}.ranking-table .rank-3 .player-name,.ranking-table .rank-3 .point{font-size:.7rem}.ant-tag{font-size:.55rem;padding:2px 4px}}