@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.admin-dashboard .dashboard-header{text-align:center;margin-bottom:0.2rem;color:#3FB488}.admin-dashboard .dashboard-header .dashboard-title{font-size:1.2rem;font-weight:700;margin-bottom:0.5rem}.admin-dashboard .dashboard-header .dashboard-subtitle{font-size:0.8rem;font-weight:300;color:#616168;margin-bottom:0.5rem}.admin-dashboard .dashboard-header .dashboard-nav{margin-top:0.5rem}.admin-dashboard .dashboard-stats{margin-bottom:3rem}.admin-dashboard .dashboard-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.admin-dashboard .dashboard-stats .stat-card{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:box-shadow 0.2s ease;position:relative;overflow:hidden;border-left:4px solid #4a7c59}.admin-dashboard .dashboard-stats .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.admin-dashboard .dashboard-stats .stat-card .stat-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-bottom:1rem;font-size:1.5rem;color:white}.admin-dashboard .dashboard-stats .stat-card .stat-content .stat-number{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;color:#374151}.admin-dashboard .dashboard-stats .stat-card .stat-content .stat-label{font-size:1rem;color:#6b7280;margin-bottom:0.5rem;font-weight:500}.admin-dashboard .dashboard-stats .stat-card .stat-content .stat-badge{display:inline-block;background:#f3f4f6;color:#4b5563;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.875rem;font-weight:500}.admin-dashboard .dashboard-stats .stat-card--primary{border-left-color:#3b82f6}.admin-dashboard .dashboard-stats .stat-card--primary .stat-icon{background:#3b82f6}.admin-dashboard .dashboard-stats .stat-card--success{border-left-color:#10b981}.admin-dashboard .dashboard-stats .stat-card--success .stat-icon{background:#10b981}.admin-dashboard .dashboard-stats .stat-card--info{border-left-color:#06b6d4}.admin-dashboard .dashboard-stats .stat-card--info .stat-icon{background:#06b6d4}.admin-dashboard .dashboard-stats .stat-card--warning{border-left-color:#f59e0b}.admin-dashboard .dashboard-stats .stat-card--warning .stat-icon{background:#f59e0b}.admin-dashboard .dashboard-stats .stat-card--purple{border-left-color:#8b5cf6}.admin-dashboard .dashboard-stats .stat-card--purple .stat-icon{background:#8b5cf6}.admin-dashboard .filter-controls{margin:15px 0;padding:15px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:8px;border:1px solid #dee2e6}.admin-dashboard .filter-controls .filter-item{display:flex;align-items:center}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper{position:relative;display:flex;align-items:center;cursor:pointer;transition:all 0.3s ease}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper:hover{transform:translateY(-1px)}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox{position:absolute;opacity:0;cursor:pointer}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox:checked+.filter-label .filter-icon{color:#28a745;transform:scale(1.1)}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox:checked+.filter-label .filter-text{color:#28a745;font-weight:600}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox:checked+.filter-label::before{background:#28a745;border-color:#28a745}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox:checked+.filter-label::after{opacity:1;transform:scale(1)}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label{position:relative;display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:6px;background:#fff;border:2px solid #e9ecef;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label:hover{border-color:#007bff;box-shadow:0 4px 8px rgba(0,123,255,0.15)}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label::before{content:'';position:absolute;left:12px;width:18px;height:18px;border:2px solid #dee2e6;border-radius:3px;background:#fff;transition:all 0.3s ease}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label::after{content:'✓';position:absolute;left:15px;color:#fff;font-size:12px;font-weight:bold;opacity:0;transform:scale(0);transition:all 0.3s ease}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label .filter-icon{margin-left:35px;margin-right:8px;font-size:16px;color:#6c757d;transition:all 0.3s ease}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label .filter-text{font-size:14px;font-weight:500;color:#495057;margin-right:8px;transition:all 0.3s ease}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label .filter-description{font-size:12px;color:#6c757d;font-style:italic}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox:checked+.filter-label{background:linear-gradient(135deg, #e8f5e8 0%, #d4edda 100%);border-color:#28a745}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-checkbox:checked+.filter-label .filter-description{color:#155724}.admin-dashboard .dashboard-content{margin-bottom:1rem}.admin-dashboard .dashboard-content .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.admin-dashboard .dashboard-content .content-grid{grid-template-columns:1fr}}.admin-dashboard .dashboard-content .admin-content-card{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;transition:box-shadow 0.2s ease}.admin-dashboard .dashboard-content .admin-content-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.admin-dashboard .dashboard-content .admin-content-card .card-header{background:#f8fafc;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.admin-dashboard .dashboard-content .admin-content-card .card-header .card-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.admin-dashboard .dashboard-content .admin-content-card .card-header .card-title .fa{margin-right:0.5rem;color:#4a7c59}.admin-dashboard .dashboard-content .admin-content-card .card-header .stats-summary{margin-top:0.5rem}.admin-dashboard .dashboard-content .admin-content-card .card-header .stats-summary p{margin:0;color:#6b7280;font-size:0.9rem}.admin-dashboard .dashboard-content .admin-content-card .card-header .stats-summary .sort-info{margin-top:0.5rem;font-size:0.8rem;color:#4a7c59;font-weight:500}.admin-dashboard .dashboard-content .admin-content-card .card-header .stats-summary .sort-info .fa{margin-right:0.25rem}.admin-dashboard .dashboard-content .admin-content-card .card-body{padding:2rem}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table{max-width:95%;margin:0 auto}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .card-body{padding:0}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .table-responsive{overflow-x:auto;max-height:60vh}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table{width:100%;border-collapse:collapse;margin:0}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead{background:#4a7c59;color:white;position:sticky;top:0;z-index:1}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th{padding:0.5rem 0.2rem;text-align:center;font-weight:600;font-size:0.875rem;border-right:1px solid rgba(255,255,255,0.2)}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.record-id{min-width:50px;text-align:center}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.player-info{min-width:200px;text-align:left}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.stat-col{min-width:100px}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th:last-child{border-right:none}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable{cursor:pointer;user-select:none;transition:background-color 0.2s ease;position:relative}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable:hover{background-color:rgba(255,255,255,0.1)}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable .header-content{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-direction:row}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable.player-info .header-content{justify-content:flex-start}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable .sort-icon{font-size:0.75rem;opacity:0.6;transition:all 0.2s ease;flex-shrink:0}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable .sort-icon.sort-active{opacity:1;color:#fbbf24}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table thead th.sortable.sort-active{background-color:rgba(255,255,255,0.1)}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr{transition:background-color 0.2s ease}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr:hover{background:#f8fafc}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr.row-even{background:#ffffff}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr.row-odd{background:#f9fafb}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td{padding:0.75rem 0.5rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.record-id{text-align:center}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.player-info-cell{border-right:2px solid #e5e7eb}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell{text-align:center}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell .stat-value{font-size:1rem;font-weight:700;color:#374151;margin-bottom:0.25rem}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell.sanma .stat-value{color:#10b981}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell.yonma .stat-value{color:#3b82f6}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell.league .stat-value{color:#8b5cf6}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell.rule-sanma .stat-value{color:#f59e0b}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell.rule-yonma .stat-value{color:#dc2626}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .admin-stats-table tbody tr td.stat-cell.total .stat-value{color:#4a7c59;font-size:1.2rem}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .player-info-wrapper{display:flex;align-items:center;gap:1rem}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .player-info-wrapper .player-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#4a7c59;color:white;font-weight:500;font-size:0.8rem;flex-shrink:0}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details{flex:1;min-width:0}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details .player-name{font-size:1rem;font-weight:600;color:#374151;margin-bottom:0.25rem}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details .player-email{font-size:0.875rem;color:#6b7280;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard .dashboard-content .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details .player-email .guest-indicator{color:#dc2626;font-style:italic}.admin-dashboard .players-list .player-item{display:flex;align-items:center;padding:1rem;border-radius:8px;transition:background-color 0.2s ease}.admin-dashboard .players-list .player-item:hover{background:#f8fafc}.admin-dashboard .players-list .player-item:not(:last-child){border-bottom:1px solid #e5e7eb;margin-bottom:0.5rem}.admin-dashboard .players-list .player-item .player-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#4a7c59;color:white;font-weight:600;font-size:1.1rem;margin-right:1rem}.admin-dashboard .players-list .player-item .player-info{flex:1}.admin-dashboard .players-list .player-item .player-info .player-name{font-size:1rem;font-weight:600;color:#374151;margin-bottom:0.25rem}.admin-dashboard .players-list .player-item .player-info .player-email{font-size:0.875rem;color:#6b7280;margin-bottom:0.25rem}.admin-dashboard .players-list .player-item .player-info .player-date{font-size:0.75rem;color:#9ca3af}.admin-dashboard .analytics-grid .analytics-item{padding:1.5rem;border-radius:8px;background:#f8fafc;margin-bottom:1rem}.admin-dashboard .analytics-grid .analytics-item:last-child{margin-bottom:0}.admin-dashboard .analytics-grid .analytics-item .analytics-label{font-size:0.875rem;color:#6b7280;font-weight:500;margin-bottom:0.5rem}.admin-dashboard .analytics-grid .analytics-item .analytics-value{font-size:1.75rem;font-weight:700;color:#374151}.admin-dashboard .analytics-grid .analytics-item .analytics-value .analytics-unit{font-size:0.875rem;font-weight:400;color:#6b7280;margin-left:0.25rem}.admin-dashboard .empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.admin-dashboard .empty-state .fa{font-size:3rem;margin-bottom:1rem;opacity:0.5}.admin-dashboard .empty-state p{font-size:1rem;margin:0}.admin-dashboard .dashboard-actions{text-align:center;max-width:1400px;margin:0.5rem auto}.admin-dashboard .dashboard-actions .admin-btn{display:inline-block;padding:0.75rem 1.5rem;margin:0 0.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.2s ease;border:none;cursor:pointer}.admin-dashboard .dashboard-actions .admin-btn--primary{background:#4a7c59;color:#ffffff !important}.admin-dashboard .dashboard-actions .admin-btn--primary:hover{background:#2d5a3d}.admin-dashboard .dashboard-actions .admin-btn--secondary{background:#6b7280;color:#ffffff !important}.admin-dashboard .dashboard-actions .admin-btn--secondary:hover{background:#4b5563}.admin-dashboard .dashboard-actions .admin-btn--outline{background:transparent;color:#ffffff !important;border:2px solid #ffffff !important}.admin-dashboard .dashboard-actions .admin-btn--outline:hover{background:white;color:#4a7c59}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admin-dashboard .dashboard-header .dashboard-title{font-size:1rem}.admin-dashboard .stats-grid{grid-template-columns:1fr}.admin-dashboard .admin-content-card .card-body{padding:1rem}.admin-dashboard .dashboard-actions .admin-btn{display:block;margin:0.5rem 0;width:100%}.admin-dashboard .filter-controls{padding:10px}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label{flex-direction:column;align-items:flex-start;padding:10px}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label .filter-icon{margin-left:30px;margin-bottom:4px}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label .filter-text{margin-left:30px;margin-bottom:2px}.admin-dashboard .filter-controls .filter-item .custom-checkbox-wrapper .filter-label .filter-description{margin-left:30px}.admin-dashboard .admin-content-card.admin-player-stats-table .table-responsive{max-height:60vh}.admin-dashboard .admin-content-card.admin-player-stats-table .admin-stats-table thead th{padding:0.75rem 0.5rem;font-size:0.75rem}.admin-dashboard .admin-content-card.admin-player-stats-table .admin-stats-table thead th.player-info{min-width:150px}.admin-dashboard .admin-content-card.admin-player-stats-table .admin-stats-table thead th.stat-col{min-width:60px}.admin-dashboard .admin-content-card.admin-player-stats-table .admin-stats-table tbody td{padding:0.75rem 0.5rem}.admin-dashboard .admin-content-card.admin-player-stats-table .admin-stats-table tbody td.stat-cell .stat-value{font-size:1rem}.admin-dashboard .admin-content-card.admin-player-stats-table .admin-stats-table tbody td.stat-cell .stat-label{font-size:0.625rem}.admin-dashboard .admin-content-card.admin-player-stats-table .player-info-wrapper{gap:0.75rem}.admin-dashboard .admin-content-card.admin-player-stats-table .player-info-wrapper .player-avatar{width:36px;height:36px;font-size:0.9rem}.admin-dashboard .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details .player-name{font-size:0.875rem}.admin-dashboard .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details .player-email{font-size:0.75rem}.admin-dashboard .admin-content-card.admin-player-stats-table .player-info-wrapper .player-details .player-id{font-size:0.625rem}}article{line-height:1.6;margin:0 auto;padding:0.5rem;max-width:800px}@media screen and (max-width: 480px){article p,article a,article span,article th,article td{font-size:0.75rem !important}}article h1,article h2,article h3,article h4{margin-top:1.5rem;margin-bottom:1rem;font-weight:bold;line-height:1.3}article h1{position:relative;display:inline-block;font-size:2.5rem;letter-spacing:0.1rem;width:100%;color:#333;text-align:center;margin:50px 0 5px 0}article h2{position:relative;font-size:1.4rem;color:white;background:#74c18e;padding:0.5rem 0.5rem 0.5rem 2.2rem;border-radius:5px}article h2:before{font-family:"Font Awesome 5 Free";content:"\f044";font-weight:900;font-size:1rem;position:absolute;left:0.6rem;top:0.8rem}article h3{font-size:1.2rem;color:#333;position:relative;padding:0.1rem 0.3rem;margin:0rem}article h3 span{padding:3px}article .h3-content:after{content:"";display:block;height:4px;background:linear-gradient(to right, #127131, transparent)}article h4{font-size:1.1rem;color:#333;margin:0}article .article-header .h1-yomi{width:100%;text-align:center;font-size:0.8rem;color:#9a9a9a}article .article-body .h4-yomi{font-size:0.8rem;font-weight:normal;color:#9a9a9a}article .qa-section{padding:0rem 0.5rem}article .qa-section .qa-box{margin-bottom:1.5rem;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05)}article .qa-section .qa-box .question{background-color:#f5f9f6;color:#333;padding:0.8rem 1rem;margin:0;font-size:1.1rem;border-bottom:1px solid #e0e0e0;position:relative;padding-left:2.5rem;line-height:1.4}article .qa-section .qa-box .question:before{font-family:"Font Awesome 5 Free";content:"\f059";font-weight:900;color:#74c18e;position:absolute;left:1rem;top:0.8rem}article .qa-section .qa-box .answer{padding:1rem;margin:0;background-color:#fff;position:relative;padding-left:3rem}article .qa-section .qa-box .answer:before{content:"A.";font-weight:bold;color:#ff7e67;margin-right:0.5rem;position:absolute;left:1.5rem;top:1rem}article .related-articles{margin:1rem 0;padding:1rem;border:1px solid #d8d8d8;border-radius:5px;background-color:#f8f8f8}article .related-articles ul{padding:0;margin:0}article .related-articles ul li{list-style-type:none;padding:0.5rem 0;border-bottom:1px solid #d8d8d8}article .related-articles ul li a{color:#74c18e;text-decoration:none}article .related-articles ul li a:hover{text-decoration:underline}article .related-articles ul li:last-of-type{border-bottom:none}article ul{padding:0;position:relative}article ul li{width:100%;line-height:1.5;padding:1rem 0.7rem;border-bottom:dashed 1px silver;list-style-type:none !important}article ul li .fa-circle-check{padding-right:0.5rem;color:#3FB488}article ul li p{padding:0.8rem 0 0.8rem 1rem;margin:0}article ul li:last-of-type{border-bottom:none}article ul.normal-list{margin:0.5rem 0;padding-left:0.5rem}article ul.normal-list li{padding:0.5rem 0;border-bottom:none}article ul.normal-list li strong{margin-right:0.3rem}article .comparison-section{margin:1.5rem 0;padding:0rem 0.5rem}article .comparison-section p{margin-bottom:1rem;font-size:1rem;line-height:1.6}article .comparison-section ul.normal-list{background-color:#f9f9f9;border-radius:8px;padding:1.2rem 1.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.05)}article .comparison-section ul.normal-list li{margin-bottom:0.8rem;padding:0.5rem 0;position:relative;border-bottom:1px dashed #e8e8e8;display:flex;flex-direction:column}article .comparison-section ul.normal-list li:last-child{margin-bottom:0;border-bottom:none}article .comparison-section ul.normal-list li strong{color:#74c18e;font-weight:bold;font-size:1.05rem;display:flex;align-items:center;margin-bottom:0.5rem}article .comparison-section ul.normal-list li strong:before{font-family:"Font Awesome 5 Free";content:"\f5da";font-weight:900;color:#74c18e;margin-right:0.8rem;font-size:1.1rem}article .comparison-section ul.normal-list li .comparison-text{padding-left:2rem;color:#333;line-height:1.5}article .strategy-section{margin:1.5rem 0;padding:0rem 0.5rem}article .strategy-section p{margin-bottom:1rem;font-size:1rem;line-height:1.6}article .strategy-section ul.normal-list li{background-color:#fff;border-left:4px solid #74c18e;padding:0.8rem 1rem;margin-bottom:1rem;border-radius:0 4px 4px 0;box-shadow:0 1px 3px rgba(0,0,0,0.1)}article .strategy-section ul.normal-list li strong{color:#333;font-weight:bold;display:block;margin-bottom:0.3rem;font-size:1.05rem}article .sitemap-section{margin:1.5rem 0;padding:0 0.5rem}article .sitemap-section h3{font-size:1.3rem;color:#333;border-bottom:2px solid #74c18e;padding:0.5rem 0;margin-bottom:1rem}article .sitemap-section h3 i{color:#74c18e}article .sitemap-section .sitemap-category{margin-bottom:2rem;background-color:#f9f9f9;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.05)}article .sitemap-section .sitemap-category h4{font-size:1.1rem;color:#333;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px dashed #e0e0e0}article .sitemap-section .sitemap-category h4 i{color:#fcb531}article .sitemap-section .sitemap-category .sitemap-list{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0;margin:0}article .sitemap-section .sitemap-category .sitemap-list li{width:100%;padding:0;border-bottom:none}@media screen and (max-width: 767px){article .sitemap-section .sitemap-category .sitemap-list li{width:calc(50% - 0.5rem)}}@media screen and (min-width: 768px){article .sitemap-section .sitemap-category .sitemap-list li{width:calc(33.333% - 0.5rem)}}article .sitemap-section .sitemap-category .sitemap-list li .sitemap-link{display:block;padding:0.7rem 1rem;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;color:#333;text-decoration:none;transition:all 0.2s ease}article .sitemap-section .sitemap-category .sitemap-list li .sitemap-link i{color:#74c18e}article .sitemap-section .sitemap-category .sitemap-list li .sitemap-link:hover{background-color:#f5f9f6;border-color:#74c18e;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}article .sitemap-section .sitemap-category .sitemap-list li .sitemap-link.disabled{opacity:0.6;cursor:not-allowed}article .sitemap-section .sitemap-category .sitemap-list li .sitemap-link.disabled:hover{background-color:#fff;border-color:#e0e0e0;transform:none;box-shadow:none}article strong{color:#3FB488;font-weight:bold}article em{font-style:italic;background-color:white;padding:0.2rem 0.4rem;border-radius:4px}article table{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #d8d8d8;border-radius:5px;margin-bottom:1.5rem}article table th,article table td{padding:0.5rem 1rem;border:1px solid #d8d8d8;text-align:center}article table th:first-child,article table td:first-child{border-left:none}article table th:last-child,article table td:last-child{border-right:none}article table th{background-color:#f0f0f0;color:#333}article table .img-td{padding:0}article table img{width:100%;height:auto}article hr{margin:2rem 0;border:none;border-top:1px solid #a1a1a1}article .point-box{position:relative;margin:1rem 0;padding:0.8rem 1rem;border:solid 2px #fcb531;border-radius:5px}article .point-box .box-title{position:absolute;display:inline-block;top:-0.5rem;left:1rem;padding:0 0.6rem;line-height:1;font-size:1.1rem;background:#FFF;color:#fcb531;font-weight:bold}article .point-box p{margin:0;padding:0}article .circles{display:flex;justify-content:center;align-items:center;gap:0.7rem;margin:1rem 0 2rem 0}article .circles .circle,article .circles .circle-naki-ng,article .circles .circle-naki-ok,article .circles .circle-yakuman,article .circles .circle-6han,article .circles .circle-3han,article .circles .circle-2han,article .circles .circle-1han{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:50%;text-align:center;font-weight:bold;white-space:nowrap;overflow:hidden;color:#494949;font-size:0.9rem}article .circles .circle-1han{background-image:linear-gradient(45deg, #85d6b7 0%, #f5ffe7 100%);letter-spacing:0.1rem}article .circles .circle-2han{background-image:linear-gradient(120deg, #f6d365 0%, #fda085 100%);letter-spacing:0.1rem}article .circles .circle-3han{background-image:linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);letter-spacing:0.1rem}article .circles .circle-6han{background-image:linear-gradient(-225deg, #a7bdfb 0%, #d0c6fd 48%, #f7d5ff 100%);letter-spacing:0.1rem}article .circles .circle-yakuman{background-image:linear-gradient(to right, #f69bac 0%, #fb9fb2 19%, #f9a7ac 60%, #fbb4a9 100%);letter-spacing:0.1rem}article .circles .circle-naki-ng,article .circles .circle-naki-ok{position:relative}article .circles .circle-naki-ng{background-image:linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%)}article .circles .circle-naki-ok{background-image:linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%)}article .yakuman-label{display:inline-block;position:relative;height:22px;line-height:22px;text-align:center;font-weight:bold;font-size:0.9rem;letter-spacing:0.1rem;padding:0 0.5rem;margin-left:0.4rem;background:#FC6C85;border-radius:5px;color:#FFF;box-sizing:border-box}article #hands-table{margin:0.5rem 0}article #hands-table .td-left{padding:0.1rem;height:100%;cursor:pointer}article #hands-table .td-left span{text-decoration-line:underline;text-decoration-style:dotted;padding:1rem 0rem}article #hands-table .td-left:hover+.td-right img{transform:scale(1.02);transition:transform 0.3s ease}article #hands-table .td-right{padding:0rem;overflow:hidden}article #hands-table .td-right img{width:100%;height:auto}article #hands-table .td-right .explanation{font-size:0.9rem;margin-bottom:0;padding:0.3rem;text-align:start}article .left{text-align:start}article .flex-start{display:flex;justify-content:start;align-items:center}article .a-button{display:block;background-color:#ffffff;padding:0.8rem 1.2rem;border:1px solid #74c18e;border-radius:5px;text-align:center;text-decoration:none;font-weight:bold;margin-top:1rem}article .a-button .a-button-text{color:#333}article .a-button i{color:#74c18e;margin-right:0.5rem}article .a-button:hover{background-color:#74c18e;color:#fff}article .a-button:hover i{color:#fff}article .a-button:hover .a-button-text{color:#fff}article .breadcrumb-container{padding:0.5rem 0rem;background-color:#fcfcfc;border-radius:0.25rem 0.25rem 0 0}article .breadcrumb-container .breadcrumb{padding:0;margin-bottom:0;font-size:0.9rem !important}article .breadcrumb-container .breadcrumb .breadcrumb-item{display:flex;align-items:center}article .breadcrumb-container .breadcrumb .breadcrumb-item:not(:first-child)::before{content:"/";color:#6c757d;display:inline-block}article .breadcrumb-container .breadcrumb .breadcrumb-item a{text-decoration:underline;text-decoration-style:dotted;text-wrap:nowrap}article .breadcrumb-container .breadcrumb .breadcrumb-item a:hover{text-decoration:underline}article .breadcrumb-container .breadcrumb .breadcrumb-item.active{color:#6c757d}@media screen and (max-width: 767px){#article{padding:2rem}#article h1{font-size:2rem}#article h2{font-size:1.6rem}}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top-btn:hover,.top-btn--white:hover,.top-btn--orange:hover,.top-btn--green:hover{transform:translateY(1px);transition:all 0.6s ease;box-shadow:none}.border-orange-btn:hover,a:hover,a,button:hover,button,input[type="submit"]{transition:all  0.3s ease}#loading-spinner .spinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body{display:flex;flex-direction:column;min-height:100vh;background-color:#fafafa !important}.container .row{margin:0 auto;max-width:850px}.container form{margin:0 auto;max-width:400px}::placeholder{color:#d3d3d3 !important}td{vertical-align:middle}@media screen and (max-width: 480px){body,a{font-size:0.9rem !important}}.no-underline{text-decoration:none !important}.hover-underline{text-decoration:none !important}.hover-underline:hover{text-decoration:underline !important}.text-underline{text-decoration:underline !important}.text-underline:hover{cursor:pointer;opacity:0.8}button:hover,input[type="submit"]:hover{opacity:0.8}input:focus,textarea:focus,select:focus{border-color:#65c39f !important;box-shadow:0 0 3px #3FB488 !important}input[type="checkbox"]{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox{position:relative;height:14px;width:14px;background-color:#fff;border:1px solid #ced4da;top:2px}@media screen and (max-width: 480px){.checkbox{top:1px}}.checkbox::after{content:"";position:absolute;display:none;left:4px;top:1px;width:5px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:checked{background-color:#3FB488}.checkbox:checked::after{display:block}.temporary_image{height:300px;width:300px;background-color:gray}.inactive-link{opacity:0.5;pointer-events:none;cursor:not-allowed}.hidden{display:none !important}.opacity-0{opacity:0}.delete-link{text-decoration:underline;font-size:0.8rem !important}.delete-link:hover{color:#ee5266 !important}a{display:block;color:inherit !important}a:hover{opacity:0.8}.main-btn,.main-btn--red,.main-btn--red-white,.main-btn--white,.main-btn--white-lightgray,.main-btn--white-lightgray-sm,.main-btn--white-red,.main-btn--white-green,.main-btn--white-green-sm,.main-btn--white-orange,.main-btn--white-orange-sm,.main-btn--green,.main-btn--orange{border:solid 1px transparent;border-radius:10px;font-weight:bold;padding:0.5rem 1.5rem;margin:0 auto;text-decoration:none;text-align:center;max-width:300px;box-shadow:rgba(0,0,0,0.18) 0px 2px 2px}@media screen and (max-width: 480px){.main-btn,.main-btn--red,.main-btn--red-white,.main-btn--white,.main-btn--white-lightgray,.main-btn--white-lightgray-sm,.main-btn--white-red,.main-btn--white-green,.main-btn--white-green-sm,.main-btn--white-orange,.main-btn--white-orange-sm,.main-btn--green,.main-btn--orange{padding:0.5rem 1.2rem;max-width:400px}}.main-btn--orange{color:#ffffff !important;background-color:#F8B978}.main-btn--green{color:#ffffff !important;background-color:#3FB488}.main-btn--white,.main-btn--white-lightgray,.main-btn--white-lightgray-sm,.main-btn--white-red,.main-btn--white-green,.main-btn--white-green-sm,.main-btn--white-orange,.main-btn--white-orange-sm{background-color:#ffffff}.main-btn--white-orange,.main-btn--white-orange-sm{border:2px solid #F8B978;color:#f7ac60 !important}.main-btn--white-orange-sm{font-size:0.9rem;padding:0.4rem}.main-btn--white-green,.main-btn--white-green-sm{border:2px solid #65c39f;color:#3FB488 !important}.main-btn--white-green-sm{font-size:0.9rem;padding:0.4rem}.main-btn--white-red{border:2px solid #ee5266;color:#ee5266 !important}.main-btn--white-lightgray,.main-btn--white-lightgray-sm{border:2px solid #b9b9b9;color:#b9b9b9 !important}.main-btn--white-lightgray-sm{font-size:0.9rem;padding:0.4rem}.main-btn--red,.main-btn--red-white{background-color:#ee5266}.main-btn--red-white{border:2px solid #ee5266;color:#ffffff !important}.top-btn,.top-btn--white,.top-btn--orange,.top-btn--green{cursor:pointer;transition:0.2s cubic-bezier(0.45, 0, 0.55, 1);text-decoration:none;border-radius:60px;display:block;font-weight:bold;max-width:280px;padding:15px 40px;text-align:center;box-shadow:rgba(0,0,0,0.1) 0px 10px 20px,rgba(0,0,0,0.08) 0px 6px 6px}@media screen and (min-width: 768px){.top-btn,.top-btn--white,.top-btn--orange,.top-btn--green{width:240px}}.top-btn--green{color:#ffffff !important;background:#3FB488;border:2px solid #3FB488}.top-btn--green:hover{opacity:1}.top-btn--orange{color:#ffffff !important;background:#f7ac60;border:2px solid #f7ac60}.top-btn--orange:hover{opacity:1}.top-btn--white{color:#3FB488 !important;background:#ffffff;border:2px solid #3FB488}.top-btn--white:hover{opacity:1}.inactive{opacity:0.6 !important}.validation-alert{border:2px solid #ff7587 !important;border-radius:0.25rem;color:#ee5266;padding:0.1rem 0.7rem 0.5rem 0.7rem;font-weight:bold;font-size:0.7rem}.field_with_errors{display:contents}.p-025{padding:0.25rem !important}.p-none{padding:0px}.body-icon{width:80px;height:80px;overflow:hidden}.body-icon img{width:100%;height:100%;object-fit:cover}.header-icon{width:40px;height:40px;overflow:hidden}.header-icon img{width:100%;height:100%;object-fit:cover}.border-green,.border-green-bottom-title_main,.page-title,.border-green-left-table,.border-green-thin{border-color:#3FB488 !important}.border-green-thin{border:0.8px solid}.border-green-left{position:relative;padding-left:0.6rem}.border-green-left::before{content:"";position:absolute;left:0;top:2px;height:1.1rem;width:4px;background-color:#3FB488}.border-green-left-table{position:relative;padding-left:0.6rem;margin-bottom:0.5rem}.border-green-left-table::before{content:"";position:absolute;left:0;top:2px;height:1.1rem;width:4px;background-color:#3FB488}.border-green-bottom{border-bottom:solid 4px #3FB488}.border-green-bottom-title_main,.page-title{border-bottom:3px solid;padding-left:0.75rem !important;padding-bottom:0.25rem;margin-bottom:0.5rem}.border-orange,.border-orange-btn,.border-orange-bold,.border-orange-thin{border-color:#F8B978 !important}.border-orange-thin{border:0.8px solid}.border-orange-bold{border:1.2px solid}.border-orange-btn{border-width:2px !important;color:#F8B978 !important}.border-orange-btn:hover{opacity:0.8;color:#F8B978 !important}.border-lightgray{border:0.8px solid;border-color:#d3d3d3}.bg-green{background-color:#3FB488 !important}.bg-light-green{background-color:#EEF7F5}.bg-orange{background-color:#F8B978 !important}.bg-lightgray{background-color:#f7f7f7 !important}.bg-gray{background-color:#dcdcdc !important}.bg-delete-color{background-color:#a9a9a9 !important}.bg-disabled{background-color:#d7d7d7 !important}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem !important}.text-main{color:#616168 !important}.text-green{color:#3FB488 !important}.text-orange{color:#F8B978 !important}.text-pink{color:#FC6C85 !important}.text-lightgray{color:#b9b9b9 !important}.text-navyblue{color:#393944}.text-minus{color:#AA4643}.text-plus{color:#4572A7}.text-warning{color:#FFD723}.text-red{color:#ee5266}.text-dark-green{color:#32906c}.text-black{color:#1c1c1c}.fs-sm{font-size:0.8rem !important}@media screen and (max-width: 480px){.fs-sm{font-size:0.7rem !important}}.fs-table{font-size:0.8rem !important}.fs-table a{font-size:0.8rem !important}@media screen and (max-width: 480px){.fs-table a{font-size:0.5rem !important}}@media screen and (max-width: 480px){.fs-table{font-size:0.5rem !important}}.title-p{position:relative;padding-left:0.5rem;margin-bottom:0.5rem;font-weight:bold}.title-p::before{content:"";position:absolute;left:0;top:2px;height:1.1rem;width:4px;background-color:#3FB488}.p_required{color:#3FB488;font-weight:bold;padding-left:5px;font-size:0.7rem}.p_warning{color:#ee5266;font-size:0.8rem;padding-left:10px}@media screen and (max-width: 480px){.p_warning{font-size:0.5rem !important}}.form-control-small{display:block;width:100%;padding:0.1rem 0.3rem;font-size:0.875rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}.bx-size{font-size:1.2rem !important}@media screen and (max-width: 480px){.bx-size{font-size:0.8rem !important}}.error-contents{text-align:center}.error-contents img{max-width:300px;max-height:300px}.error-contents h5{color:#3FB488;font-weight:bold;text-align:center}.error-contents ul{text-align:center}.error-contents ul li{text-align:left;font-size:0.9rem;color:#616168}.modal-body img{width:100%;height:auto}.filter-section{margin:0.5rem 0}.filter-section .filter-checkbox-container{display:flex;justify-content:center}.filter-section .filter-checkbox-container .filter-checkbox-group{display:flex;gap:0.5rem;padding:0.5rem;background:white;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.01)}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item{display:block;text-decoration:none;color:inherit;transition:all 0.3s ease;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item:hover{text-decoration:none;color:inherit}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item:hover .checkbox-wrapper .custom-checkbox{border-color:#3FB488;box-shadow:0 0 0 2px rgba(63,180,136,0.1)}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item:hover .checkbox-wrapper .checkbox-label{color:#3FB488}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item.active .checkbox-wrapper .custom-checkbox{background:linear-gradient(135deg, #3FB488 0%, #32906c 100%);border-color:#3FB488;color:white}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item.active .checkbox-wrapper .custom-checkbox i{opacity:1;transform:scale(1)}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item.active .checkbox-wrapper .checkbox-label{color:#3FB488;font-weight:600}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item .checkbox-wrapper{display:flex;align-items:center;gap:0.25rem;padding:0.5rem;border-radius:4px;transition:all 0.3s ease}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item .checkbox-wrapper .custom-checkbox{width:16px;height:16px;border:2px solid #b9b9b9;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;background:white;position:relative}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item .checkbox-wrapper .custom-checkbox i{font-size:0.65rem;opacity:0;transform:scale(0.5);transition:all 0.2s ease;color:white}.filter-section .filter-checkbox-container .filter-checkbox-group .filter-checkbox-item .checkbox-wrapper .checkbox-label{font-size:0.85rem;font-weight:500;color:#616168;transition:all 0.3s ease;white-space:nowrap}.empty-state .empty-icon i{font-size:4rem;opacity:0.3}.empty-state h4{font-weight:600}.empty-state p{font-size:1.1rem}#delimiter,#delimiter__player-select,#delimiter__player-select-green{border-bottom:2px solid #efefef}#delimiter__player-select{margin:0.8rem 0rem}#delimiter__player-select-green{border-color:#ebf7f3;margin:0.4rem 0rem}.toggle_input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer}.toggle_label{width:40px;height:20px;background:#ccc;position:relative;display:inline-block;border-radius:40px;transition:0.3s;box-sizing:border-box}.toggle_label:after{content:"";position:absolute;width:20px;height:20px;border-radius:100%;left:0;top:0;z-index:2;background:#ffffff;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:0.3s}.toggle_input:checked+.toggle_label{background-color:#FC6C85}.toggle_input:checked+.toggle_label:after{left:20px}.toggle_button{position:relative;width:160px;height:20px}@media screen and (max-width: 480px){.toggle_button{width:140px}}.toggle_button i{position:relative;bottom:3px;left:3px;color:#FC6C85}.toggle_button span{position:relative;bottom:5px}#pagination{margin:0.5rem 0rem}#pagination .pagination{justify-content:center}#pagination .pagination .page{margin:0px 3px;border:none;border-radius:15px;box-shadow:rgba(0,0,0,0.1) 0px 2px 2px}#pagination .pagination .page a{text-decoration:none !important;padding:5px 10px;border-radius:15px}#pagination .pagination .page .prev{border-top-left-radius:15px;border-bottom-left-radius:15px}#pagination .pagination .page .next{border-top-right-radius:15px;border-bottom-right-radius:15px}#pagination .pagination .active{z-index:3;background-color:#F8B978;color:#ffffff;font-weight:bold;padding:5px 10px}#pagination .pagination .disabled{opacity:0.5;cursor:not-allowed;padding:5px 10px}#pagination .pagination .gap{padding:5px 10px}#registration-promotion{display:flex;justify-content:center;align-items:center}#registration-promotion .contents{position:relative;margin-top:1rem;padding:1rem;border:1px solid #f7ac60;border-radius:0.75rem;background-color:#FFF7E8;color:#393944;box-shadow:rgba(77,88,101,0.15) 0px 3px 6px -1px}#registration-promotion .contents .head{display:flex;justify-content:center;align-items:center;margin:0rem 2.5rem;border:1px solid #f7ac60;border-radius:1rem;padding:0.3rem 0rem;background-color:#ffffff;font-weight:bold}#registration-promotion .contents .head i{font-size:0.8rem;color:#f1cf0e}#registration-promotion .contents .head p{font-size:0.9rem;margin:0}#registration-promotion .contents .main-text{display:flex;justify-content:center;align-items:center;margin:1rem 0.5rem;gap:10px;padding:12px 10px}@media screen and (max-width: 480px){#registration-promotion .contents .main-text{gap:2px}}#registration-promotion .contents .main-text::before{content:"";width:30px;height:2px;bottom:5px;transform:rotate(60deg);box-sizing:border-box;background-color:#333333;position:relative;top:11px}@media screen and (max-width: 480px){#registration-promotion .contents .main-text::before{top:6px}}#registration-promotion .contents .main-text::after{content:"";width:30px;height:2px;transform:rotate(-60deg);box-sizing:border-box;background-color:#333333;position:relative;top:11px}@media screen and (max-width: 480px){#registration-promotion .contents .main-text::after{top:6px}}#registration-promotion .contents .main-text h3{margin:0;font-weight:bold}@media screen and (max-width: 480px){#registration-promotion .contents .main-text h3{font-size:1.1rem}}#registration-promotion .contents .steps{margin:1rem 0rem}#registration-promotion .contents .steps .step{display:flex;align-items:center;text-align:center;font-size:0.8rem;padding:15px;border:1px solid #F8B978;border-radius:10px;background-color:#ffffff;box-shadow:rgba(77,88,101,0.15) 0px 3px 6px -1px}@media screen and (max-width: 480px){#registration-promotion .contents .steps .step{height:60px;padding:5px 15px}}#registration-promotion .contents .steps .step h4{font-size:0.8rem;color:#393944;margin-bottom:0px;padding-right:1rem;border-right:1px solid #F8B978;text-wrap:nowrap}#registration-promotion .contents .steps .step .step-content{display:flex;align-items:center;justify-content:center;padding-left:1rem}@media screen and (max-width: 480px){#registration-promotion .contents .steps .step .step-content{flex-direction:column;align-items:flex-start}}#registration-promotion .contents .steps .step .step-content p{text-align:left}#registration-promotion .contents .steps .step p{margin-bottom:0px;color:#393944}#registration-promotion .contents .steps .step span{padding-left:0.4rem;color:#393944;opacity:0.8}#registration-promotion .contents #registration-promotion-modal-btn{cursor:pointer}#registration-promotion .contents .info-invite-player{margin:0.5rem 0.7rem;font-size:0.8rem;color:#616168}#registration-promotion .contents .info-invite-player .title{display:flex;justify-content:start;align-items:center}#registration-promotion .contents .info-invite-player .title span{text-decoration:underline}#registration-promotion .contents .info-invite-player p{text-align:left}.loader,.loader-orange,.loader-green{width:20px;height:20px;border-radius:50%;border:solid 4px;position:relative;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.loader-green{border-color:#3FB488 #EEF7F5 #EEF7F5 #EEF7F5}.loader-orange{border-color:#F8B978 #fffcfa #fffcfa #fffcfa}#loading-spinner{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:1001;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease}#loading-spinner .spinner{border:12px solid #f3f3f3;border-top:12px solid #3FB488;border-radius:50%;width:60px;height:60px}#loading-spinner.active{opacity:1}.info{background-color:#eee !important;border-radius:5px;padding:20px;color:#616168}.info p{margin-bottom:20px;font-weight:bold}.info ul{list-style-type:none;padding-left:0}.info ul li{margin-bottom:5px;font-size:0.8rem}.info ul li i{margin-right:3px;margin-bottom:6px;color:#FC6C85}.info ul li span{font-weight:bold}.info ul li ul{padding-left:15px}.info ul li ul li{list-style-type:disc}.content-card{max-width:800px;border-radius:10px;box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px;padding:0.6rem;margin:0 auto 0.6rem auto;background-color:#ffffff}#auth_links .links{width:200px}.flash{display:flex;text-align:center;justify-content:space-between;position:fixed;top:7px;left:0;right:0;width:60%;margin:0 auto;padding:10px 8px;font-size:14px;font-weight:bold;text-align:center;background-color:white;box-shadow:0 0px 20px rgba(0,0,0,0.2);z-index:9999;transition:top 1.0s;height:auto;max-width:600px;word-wrap:break-word}@media (max-width: 480px){.flash{padding:12px 4px;font-size:12px;max-width:460px;width:80%}}.f-notice{border:2px solid #91d8b0;border-radius:15px;color:#17bc5f !important}.f-alert{border:2px solid #ff7587 !important;border-radius:15px;color:#ee5266 !important}.close-flash{border:none;background-color:#ffffff;color:inherit}.hide-close-flash{border:none;background-color:#ffffff;color:#ffffff}footer{padding:3rem 1rem 8rem 1rem;margin-top:auto;color:#ffffff;background-color:#3FB488;font-size:0.7rem !important}@media screen and (min-width: 768px){footer{padding:3rem}}footer .x-link{margin:0 5px;width:45px}footer .x-link .x-icon{width:45px;height:6%}footer .support{text-align:center}footer .support a{display:inline-block;border-radius:9999px;padding:0.5rem 1rem;font-weight:bold;text-decoration:none;background-image:linear-gradient(135deg, #fd9d6a 10%, #FFC600 100%)}footer .dojo{margin-left:0.4rem;text-align:center}footer .dojo a{display:inline-block;border-radius:9999px;padding:0.5rem 1rem;font-weight:bold;text-decoration:none;background-image:linear-gradient(135deg, #005415 10%, #009130 100%)}.canvas-container{position:relative;width:calc(100% - 10px);overflow:hidden}.canvas-container__rank{height:150px}.canvas-container__total_point_trend{height:200px}header{background-color:#ffffff}@media screen and (min-width: 768px){header{border-bottom:1px solid #c8c7cc}}@media screen and (max-width: 767px){header{position:fixed;width:100%;z-index:1000;border-radius:0px 0px 20px 20px;background:transparent}header .navbar{padding-top:0.7rem !important;padding-bottom:0.7rem !important}header .lower-contents{border-radius:0px 0px 20px 20px;background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}}header .upper-contents{padding:0rem 5rem;max-width:1200px;margin:0 auto}header .upper-contents .right-contents .logout i{font-size:1rem}header .upper-contents .right-contents .logout span{font-size:0.7rem}header .site-logo{display:flex;align-items:end}header .site-logo span{color:#616168;font-size:0.8rem;font-weight:bold;padding:0px 3px}.open-btn{position:fixed;top:7px;right:30px;z-index:1001;cursor:pointer;width:40px;height:40px;border-radius:10px}.open-btn span{display:inline-block;transition:all .4s;position:absolute;left:11px;height:3px;border-radius:2px;background:#3FB488}.open-btn span:nth-of-type(1){top:11px;width:45%}.open-btn span:nth-of-type(2){top:19px;width:45%}.open-btn span:nth-of-type(3){top:27px;width:45%}.open-btn.active span:nth-of-type(1){top:13px;left:14px;transform:translateY(6px) rotate(-135deg);width:30%}.open-btn.active span:nth-of-type(2){opacity:0}.open-btn.active span:nth-of-type(3){top:25px;left:14px;transform:translateY(-6px) rotate(135deg);width:30%}#g-nav{position:fixed;z-index:1000;top:0;right:-120%;width:80%;height:100vh;background:#ffffff;transition:all 0.5s;overflow-y:auto}#g-nav.panel-active{right:0}#g-nav ul{position:relative;top:0;left:0;padding:20px;margin:0;height:auto}#g-nav .g-nav-title,#g-nav .g-nav-title__user{text-align:start;font-weight:bold;padding:0.6rem 0.6rem 0.1rem 0.6rem;color:#3FB488}#g-nav .g-nav-item__user{display:flex;justify-content:space-between;border-bottom:1px #e7e7e7 solid;padding:0.2rem 0.5rem}#g-nav .g-nav-item__user a{width:70px;padding:6px}#g-nav .g-nav-item__user i{font-size:1rem;padding:0px;margin:0px}#g-nav .g-nav-item__user p{font-size:0.6rem;margin-bottom:0px}#g-nav li{color:#616168;list-style:none;text-align:start}#g-nav li .icon-text-container{display:inline-flex;align-items:center;width:100%}#g-nav li i{font-size:0.8em;margin-right:0.5em;vertical-align:middle;padding-left:20px;padding-right:0.3rem;color:#070023}#g-nav li .border-b{border-bottom:1px #e7e7e7 solid}#g-nav li a{text-decoration:none;padding:0.6rem;display:block;letter-spacing:0.1em;font-weight:bold}#g-nav li:hover{background:#EEF7F5}.no-scroll{overflow:hidden}#hamburger-menu-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:998;display:none}#hamburger-menu-bg.active{display:block}#dropdown-nav{color:#616168;font-weight:bold;text-align:center}#dropdown-nav ul{list-style:none;display:flex;justify-content:center;margin-bottom:0px}#dropdown-nav ul ul{display:block}#dropdown-nav ul li{position:relative}#dropdown-nav ul li a{display:block;text-decoration:none;padding:10px 30px;transition:all .3s}#dropdown-nav ul li a:hover,#dropdown-nav ul li a:active{color:#3FB488 !important}#dropdown-nav ul li .child a{padding:10px 30px}#dropdown-nav ul li .child a:hover,#dropdown-nav ul li .child a:active{background:#f7f7f7}#dropdown-nav ul li.has-child::before{content:'';position:absolute;left:15px;top:19px;width:6px;height:6px;border-top:2px solid #999;border-right:2px solid #999;transform:rotate(135deg)}#dropdown-nav ul li.has-child ul{position:absolute;top:45px;z-index:3;background:#ffffff;width:180px;padding-left:0px;visibility:hidden;opacity:0;transition:all .3s;box-shadow:4px 8px 24px rgba(0,0,0,0.15)}#dropdown-nav ul li.has-child:hover>ul,#dropdown-nav ul li.has-child:active>ul{visibility:visible;opacity:1}#dropdown-nav ul li .current:after{content:'';position:absolute;bottom:0;left:10%;width:80%;height:2px;background:#3FB488;transition:all .3s;transform:scale(0, 1);transform-origin:center top}#dropdown-nav ul li .current a::after{transform:scale(1, 1)}#dropdown-nav ul li a:hover::after{transform:scale(1, 1)}#information{animation-name:fadeInAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width: 767px){#information{margin-top:52px}}#information .info-sign-up{display:flex;justify-content:center;align-items:center;background-color:#fffcfa;border-top:2px solid #F8B978;border-bottom:2px solid #F8B978;padding:5px;box-shadow:0 0 5px rgba(0,0,0,0.1)}#information .info-sign-up .sign-up-btn{margin:0 !important;padding:0.2rem 0.4rem !important;letter-spacing:0.1rem}#information .info-sign-up span{margin-bottom:0px;font-size:0.9rem;font-weight:bold;color:#616168}#information .info-sign-up i{font-size:0.7rem;color:#616168;margin:0rem 0.5rem}.league-players-list .league-player-card{animation-name:fadeInAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.leagues-grid .league-card{animation-name:slideInUpAnime;animation-duration:0.6s;animation-fill-mode:forwards;opacity:0}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leagues-grid .league-card:nth-child(1){animation-delay:0.1s}.leagues-grid .league-card:nth-child(2){animation-delay:0.2s}.leagues-grid .league-card:nth-child(3){animation-delay:0.3s}.leagues-grid .league-card:nth-child(4){animation-delay:0.4s}.leagues-grid .league-card:nth-child(5){animation-delay:0.5s}.leagues-grid .league-card:nth-child(6){animation-delay:0.6s}.leagues-grid .league-card:nth-child(7){animation-delay:0.7s}.leagues-grid .league-card:nth-child(8){animation-delay:0.8s}.leagues-grid .league-card:nth-child(9){animation-delay:0.9s}.leagues-grid .league-card:nth-child(10){animation-delay:1.0s}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.leagues-index-container{background:linear-gradient(135deg, #fafafa 0%, rgba(255,255,255,0.9) 100%);min-height:100vh}.subscription-alert .alert{background:linear-gradient(135deg, rgba(255,215,35,0.1) 0%, rgba(255,215,35,0.05) 100%);border-left:4px solid #FFD723}.subscription-alert .alert i{color:#FFD723}.subscription-alert .alert strong{color:#393944}.leagues-grid{display:flex;flex-direction:column;gap:0.5rem}.clickable-card{transition:all 0.3s ease}.clickable-card:hover{transform:translateY(-1px);box-shadow:0 8px 12px -2px rgba(0,0,0,0.1),0 4px 6px -1px rgba(0,0,0,0.06)}.clickable-card:focus{outline:2px solid rgba(63,180,136,0.5);outline-offset:2px}.league-card{border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0.05);cursor:pointer;position:relative}.league-card:active{transform:translateY(2px);box-shadow:0 2px 3px -1px rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.06)}.league-card .league-content-wrapper{padding:1.5rem;position:relative;display:flex;justify-content:space-between;align-items:end;gap:1.5rem}@media screen and (max-width: 767px){.league-card .league-content-wrapper{flex-direction:column;align-items:normal;gap:0.2rem}}.league-card .league-content-wrapper .league-title-section .league-title{font-size:1.8rem;font-weight:700;color:#393944;line-height:1.3;margin:0 0 0.75rem 0}@media screen and (max-width: 767px){.league-card .league-content-wrapper .league-title-section .league-title{font-size:1.6rem}}.league-card .league-content-wrapper .league-title-section .league-stats{display:flex;align-items:end;margin-bottom:1rem;padding-left:0.1rem}.league-card .league-content-wrapper .league-title-section .league-stats .stat-number{font-size:1.4rem;font-weight:700;color:#3FB488;line-height:1;padding-bottom:2px}@media screen and (max-width: 767px){.league-card .league-content-wrapper .league-title-section .league-stats .stat-number{font-size:1.2rem}}.league-card .league-content-wrapper .league-title-section .league-stats .stat-label{font-size:0.9rem;color:#616168;margin-left:0.25rem;margin-right:0.5rem}.league-card .league-content-wrapper .league-title-section .league-stats .stat-period small,.league-card .league-content-wrapper .league-title-section .league-stats .stat-rule small{font-size:0.75rem}.league-card .league-content-wrapper .league-title-section .league-stats .stat-period small i,.league-card .league-content-wrapper .league-title-section .league-stats .stat-rule small i{color:#b9b9b9}.league-card .league-content-wrapper .league-badges-collection{display:flex;flex-wrap:wrap;gap:0.5rem;padding-left:0.1rem}.league-card .league-content-wrapper .league-badges-collection .badge{font-size:0.75rem;font-weight:600;padding:0.4rem 0.8rem;border-radius:20px;display:inline-flex;align-items:center;white-space:nowrap;background:linear-gradient(135deg, rgba(63,180,136,0.2) 0%, rgba(63,180,136,0.1) 100%);color:#32906c;border:1px solid rgba(63,180,136,0.4)}.league-card .league-content-wrapper .league-badges-collection .badge i{font-size:0.7rem}.league-card .league-content-wrapper .league-badges-collection .badge.organizer-badge{background:linear-gradient(135deg, rgba(248,185,120,0.2) 0%, rgba(248,185,120,0.1) 100%);color:#f7ac60;border:1px solid rgba(248,185,120,0.4)}.league-card .league-content-wrapper .league-badges-collection .badge.organizer-badge i{color:#f7ac60}@media screen and (max-width: 767px){.league-card .league-content-wrapper .league-badges-collection .badge{font-size:0.7rem;padding:0.3rem 0.6rem}}.league-card .league-content-wrapper .league-action-section{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:0.5rem;position:relative;z-index:10}@media screen and (max-width: 767px){.league-card .league-content-wrapper .league-action-section{align-items:normal}}.league-card .league-content-wrapper .league-action-section .btn-record-integrated{background:linear-gradient(135deg, #3FB488 0%, #32906c 100%);color:white !important;border:none;border-radius:10px;padding:0.75rem 1.25rem;font-weight:600;font-size:0.9rem;transition:all 0.3s ease;text-decoration:none;white-space:nowrap;position:relative;z-index:11}.league-card .league-content-wrapper .league-action-section .btn-record-integrated:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 8px rgba(63,180,136,0.3);color:white !important}.league-card .league-content-wrapper .league-action-section .btn-record-integrated.disabled{background:#d7d7d7;color:#b9b9b9 !important;cursor:not-allowed}.league-card .league-content-wrapper .league-action-section .btn-record-integrated.disabled:hover{transform:none;box-shadow:none}.league-card .league-content-wrapper .league-action-section .setup-actions-integrated{display:flex;flex-direction:column;gap:0.2rem;position:relative;z-index:11}.league-card .league-content-wrapper .league-action-section .setup-actions-integrated .btn{font-weight:600;border-radius:8px;padding:0.5rem 1rem;border:none;transition:all 0.3s ease;text-decoration:none;font-size:0.85rem;white-space:nowrap;position:relative}.league-card .league-content-wrapper .league-action-section .setup-actions-integrated .btn.btn-setup-primary-small{background:linear-gradient(135deg, #3FB488 0%, #32906c 100%);color:white !important}.league-card .league-content-wrapper .league-action-section .setup-actions-integrated .btn.btn-setup-primary-small:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(63,180,136,0.3)}.league-card .league-content-wrapper .league-action-section .setup-actions-integrated .btn.btn-setup-danger-small{background:#ffffff;color:#ee5266 !important;border:1px solid #ee5266 !important}.league-card .league-content-wrapper .league-action-section .setup-actions-integrated .btn.btn-setup-danger-small:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(238,82,102,0.3)}.league-custom-shadow{box-shadow:rgba(0,0,0,0.1) 0px 2px 4px 1px,rgba(0,0,0,0.06) 0px 1px 2px 0px}#league-show-top{padding:0.8rem}#league-show-top .league-name{display:flex;justify-content:center;align-items:center;margin:0.5rem 0}#league-show-top .league-info{margin-bottom:0.5rem}#league-show-top .league-info .upper{display:flex;justify-content:center;align-items:center;margin-bottom:0.3rem}#league-show-top .league-info .upper .league-info-item{display:flex;justify-content:start;align-items:center;padding-right:0.5rem}#league-show-top .league-info .upper .league-info-item i{font-size:0.7rem;color:#616168;margin-right:0.2rem}#league-show-top-buttons{display:flex;justify-content:center;align-items:center;margin:0.5rem 0;width:100%}#league-show-top-buttons .left-buttons{display:flex;justify-content:end;align-items:center;width:50%}#league-show-top-buttons .left-buttons #record-league-match{max-width:100%}#league-show-top-buttons .right-buttons{display:flex;justify-content:start;align-items:center;width:50%;margin-left:0.25rem}#league-show-top-buttons .right-buttons #share-league-link{max-width:100%}#league-show-top-buttons .right-buttons>*{flex:1 1 50%}#league-show-top-buttons .right-buttons>*:nth-child(2){flex:1 1 50%}.graph-info{color:#b9b9b9;font-size:0.6rem;margin-bottom:0rem;text-align:center}#league-titles{padding:0rem 0.5rem;color:#616168;display:flex;flex-direction:column}#league-titles .league-title{display:grid;grid-template-columns:3fr 4fr 3fr;gap:0px 5px;padding:0.2rem 0.5rem;border-bottom:1px solid #b9b9b9}#league-titles .league-title:hover{cursor:pointer;background-color:#ebf7f3}#league-titles .league-title-name{margin-bottom:0px;font-weight:bold;padding:0.2rem 0rem}#league-titles .league-title-player{padding:0.2rem 0rem}#league-titles .league-title-player .fa-crown{font-size:0.8rem;color:#f1cf0e;text-align:center}#league-titles .league-title-player p{padding-left:5px;margin-bottom:0px}#league-titles .league-title-value{display:flex;justify-content:space-between;align-items:center;padding:0.2rem 0rem}#league-titles .league-title-value .fa{font-size:0.7rem}#league-titles .league-title .toggle-hidden{display:none}#league-titles .league-title .top-player{display:flex;justify-content:start;align-items:center;font-weight:bold}#league-titles .league-title .other-player{display:flex;justify-content:start;align-items:center}#league-point-results table,#league-point-results table th,#league-point-results table td{border:1px solid #dee2e6;border-collapse:collapse}#league-point-results .tr-first{background-color:#f7f7f7}#league-point-results .td-name,#league-point-results .td-total-pt{background-color:#f7f7f7;font-weight:bold}#league-point-results .td-pt{position:relative;z-index:1}#league-point-results .fixed,#league-point-results .fixed-02,#league-point-results .fixed-01{position:sticky;background-color:#f7f7f7;z-index:10}#league-point-results .fixed:before,#league-point-results .fixed-02:before,#league-point-results .fixed-01:before{content:"";position:absolute;border-right:1px solid #dee2e6;top:1px;left:1px;width:100%;height:100%}#league-point-results .fixed-01{left:0;border-right:1px solid #dee2e6;text-wrap:nowrap}#league-point-results .fixed-02{border-right:1px solid #dee2e6}.table-wrapper{max-height:600px;overflow-y:auto;display:block}.table-wrapper #league_match_list{width:100%;border-collapse:collapse}.table-wrapper #league_match_list thead{position:sticky;top:0;background-color:white;z-index:1;box-shadow:0 2px 2px -1px rgba(0,0,0,0.4)}.table-wrapper #league_match_list thead::before{content:'';display:block;position:absolute;top:-2px;left:0;width:100%;height:2px;background-color:white;z-index:2}.table-wrapper #league_match_list tr{padding:0.2rem 0rem;cursor:pointer}.table-wrapper #league_match_list tr:hover{background-color:#ebf7f3}.table-wrapper #league_match_list .w-no{width:8%}.table-wrapper #league_match_list .w-date{width:10%}.table-wrapper #league_match_list .w-players{width:74%}.table-wrapper #league_match_list .w-players-name{width:18%}.table-wrapper #league_match_list .w-players-name .pt{font-size:0.7rem}.table-wrapper #league_match_list .w-icon{width:8%}.no-leagues img{width:100px}.no-leagues-text{font-size:0.8rem}#modal-icon-league{cursor:pointer}#modal-icon-league:hover{opacity:0.8}#league-form .chip-container{display:flex;flex-wrap:wrap;gap:8px;padding:8px}#league-form .chip{display:inline-flex;align-items:center;padding:0.5em 0.8em;background-color:#f5f5f5;color:#333;border-radius:16px;font-size:0.875rem;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:background-color 0.3s, transform 0.2s}.league-players-list .play-type-hidden{display:none}.league-players-list .league-player-card{display:flex;margin:10px 0;position:relative;background-color:#fff;border-width:1px;box-shadow:rgba(77,88,101,0.15) 0px 3px 6px -1px;border-style:solid;border-color:rgba(82,81,101,0.12);border-radius:10px;transition:all 0.3s ease 0s}.league-players-list .league-player-card label{padding:12px 30px;width:100%;display:block;text-align:left;color:#3C454C;cursor:pointer;position:relative;z-index:2;transition:color 100ms ease-in;overflow:hidden}.league-players-list .league-player-card label:before{width:100%;height:100%;border-radius:10px;border:2px solid #D1D7DC;content:'';position:absolute;left:0%;top:0%;transform:scale3d(0, 0, 1);transition:all 100ms ease-out;opacity:0;z-index:-1}.league-players-list .league-player-card label:after{width:25px;height:25px;content:'';border:1px solid #D1D7DC;background-image:url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;transition:all 100ms ease-in}.league-players-list .league-player-card input:checked~label:before{transform:scale3d(1, 1, 1);opacity:1;border-color:#F8B978}.league-players-list .league-player-card input:checked~label:after{border-color:#F8B978;background-color:#F8B978}.league-players-list .league-player-card input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden}.league-players-list .league-player-card .league-player-name{font-weight:bold}.league-players-list .league-player-card .league-match-count{padding-left:15px;font-size:0.8rem}.league-players-list #league_players_select_btn{display:flex;justify-content:center;align-items:center;margin:0.8rem auto;width:75%}.league-players-list #league_players_select_btn .symbol{padding:0 0.1rem;margin-bottom:1px}.league-players-list .fixed,.league-players-list #league-point-results .fixed-01,#league-point-results .league-players-list .fixed-01,.league-players-list #league-point-results .fixed-02,#league-point-results .league-players-list .fixed-02{position:fixed;bottom:50px;right:20px;max-width:240px;z-index:1000;border-radius:9999px;padding:0.9rem 1rem;font-weight:bold;text-decoration:none;text-wrap:nowrap;box-shadow:4px 8px 24px rgba(0,0,0,0.15)}.match-groups-list{display:flex;justify-content:start;align-items:center;border:1px solid #ddd;border-radius:10px;margin:0 auto 0.5rem auto;position:relative;padding:0.5rem;text-decoration:none;color:inherit;background-color:#ffffff;max-width:500px;box-shadow:rgba(0,0,0,0.1) 0px 2px 2px}.match-groups-list .left-side{margin-top:0.4rem;padding:0rem 0.8rem;text-align:center}@media screen and (max-width: 480px){.match-groups-list .left-side{padding:0 0.5rem 0 0.4rem}}.match-groups-list .left-side img{margin-left:0.2rem;height:25px;width:25px}@media screen and (max-width: 480px){.match-groups-list .left-side img{height:20px;width:20px}}.match-groups-list .left-side .match-date{font-size:0.8rem;margin:0.2rem 0rem 0rem 0rem}.match-groups-list .left-side .match_number{font-size:0.7rem;margin:0rem}.match-groups-list .center{flex-basis:14ch;border-left:1px solid #ddd;padding-left:0.5rem;margin-bottom:0}.match-groups-list .center .player-item{display:flex;align-items:center}.match-groups-list .center .player-item .player-name{margin-bottom:0;padding-left:0.2rem;font-size:0.7rem;font-weight:bold}.match-groups-list .center .player-item i{font-size:0.7rem;padding-bottom:1px;opacity:0.8}.match-groups-list .right-side{text-align:center;text-align:left;flex-grow:1;flex-basis:16ch}.match-groups-list .right-side .rule-info,.match-groups-list .right-side .league-info{display:flex;align-items:center;font-size:0.7rem}.match-groups-list .right-side .rule-info p,.match-groups-list .right-side .league-info p{padding-left:0.3rem;margin-bottom:0;word-break:break-all}.match-groups-list .right-side .rule-info .fa-solid,.match-groups-list .right-side .league-info .fa-solid{opacity:0.8 !important}.match-groups-list .right-side .rule-info .fa-file-pen,.match-groups-list .right-side .league-info .fa-file-pen{padding-left:1px}.match-groups-list .arrow{font-size:0.9rem;opacity:0.8;margin-right:0.4rem}@media screen and (max-width: 480px){.match-groups-list .arrow{display:none}}.result_table{table-layout:fixed;margin-bottom:0px !important}.result_table thead th{background-color:#f7f7f7}.result_table tr{cursor:pointer}.result_table tr:hover{background-color:#ebf7f3}.result_table .w,.result_table .w-edit,.result_table .w-delete,.result_table .w-name,.result_table .w-no{vertical-align:middle;padding:0.5rem 0.1rem !important;font-size:0.8rem}.result_table .w-no{width:8%}.result_table .w-name{width:20%;font-weight:bold}.result_table .w-edit,.result_table .w-delete{width:8%}.result_table .sum td{background-color:#f7f7f7}.score-card{border:1px solid #ddd;border-radius:10px;background-color:#ffffff;box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px;margin-bottom:0.6rem}.score-card-top{display:flex;justify-content:space-between;align-items:center;padding:0.2rem;color:#616168}.score-card-top-title{font-size:1.1rem;font-weight:bold;text-align:center;letter-spacing:0.1rem;margin-bottom:0px}.score-card-top-day{text-align:end}.score-card-top-left{opacity:0}.score-card-top-center{display:flex;justify-content:center;align-items:center;text-wrap:nowrap}.score-card-top-center img{margin-left:0.2rem;height:17px;width:17px}.score-card-top-right{margin-right:0.2rem;color:#616168;text-align:right}.speech-bubble{display:flex;justify-content:center;align-items:center;color:#616168;gap:10px;padding:8px 10px}@media screen and (max-width: 480px){.speech-bubble{gap:2px}}.speech-bubble::before{content:"";width:30px;height:1px;bottom:5px;transform:rotate(45deg);box-sizing:border-box;background-color:#616168;position:relative;top:11px}@media screen and (max-width: 480px){.speech-bubble::before{top:6px}}.speech-bubble::after{content:"";width:30px;height:1px;transform:rotate(-45deg);box-sizing:border-box;background-color:#616168;position:relative;top:11px}@media screen and (max-width: 480px){.speech-bubble::after{top:6px}}.speech-bubble p{margin:0;font-size:0.8rem}@media screen and (max-width: 480px){.speech-bubble p{font-size:0.7rem}}#match_form .player-name-text{font-weight:bold;color:#616168;margin:0;margin-bottom:0.3rem;border-radius:20px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,0.1)}#match-form,#match-form-pt,#match-form-score,#match-form-ie{display:flex;align-items:end}#match-form-ie{max-width:75px}#match-form-ie select{padding:0px 0px 0px 0px;text-align-last:center}#match_create_warning{width:180px;margin:0.3rem auto 0 auto;padding:0 0 0 0.5rem}.js-rule-dropdown,.js-memo-dropdown{border:none;background-color:#ffffff}#info-pt-record:hover{cursor:pointer}.reset-btn{border:1px solid #65c39f;background-color:#ffffff;color:#3FB488;padding:0.3rem 0.8rem;margin:0 0.2rem;border-radius:20px;font-size:0.7rem;font-weight:bold;cursor:pointer;transition:all 0.2s ease;box-shadow:rgba(0,0,0,0.1) 0px 1px 2px}.reset-btn:hover{background-color:#3FB488;color:#ffffff;transform:translateY(-1px);box-shadow:rgba(0,0,0,0.15) 0px 2px 4px}.reset-btn:active{transform:translateY(0);box-shadow:rgba(0,0,0,0.1) 0px 1px 2px}.reset-btn.active{background-color:#3FB488;color:#ffffff;box-shadow:rgba(0,0,0,0.15) 0px 2px 4px}.reset-btn i{font-size:0.7rem}.w-sanyonma,.w-show{width:5%}.w-date{width:10%}.w-players{width:60%}.w-players-name{width:15%}.w-rule{width:15%}.matches-list{display:flex;justify-content:start;align-items:center;border:1px solid #ddd;border-radius:10px;margin:0 auto 0.5rem auto;position:relative;padding:0.5rem;text-decoration:none;color:inherit;background-color:#ffffff;max-width:500px;box-shadow:rgba(0,0,0,0.1) 0px 2px 2px}.matches-list .record-number{position:absolute;top:0.2rem;left:0.5rem;font-size:0.75rem}.matches-list .left-side{margin-top:0.6rem;padding-left:0.8rem;text-align:left;flex-basis:18ch}@media screen and (max-width: 480px){.matches-list .left-side{padding-left:0.5rem}}.matches-list .left-side .match-date{font-size:1rem;margin:0.2rem 0rem 0.1rem 0rem}.matches-list .left-side .rule-info,.matches-list .left-side .league-info{font-size:0.7rem;opacity:0.8}.matches-list .left-side .rule-info .fa-file-pen,.matches-list .left-side .league-info .fa-file-pen{padding-left:1px}.matches-list .center{flex-grow:1;padding-left:0.6rem;text-align:left;border-left:1px solid #ddd}.matches-list .center .player-item{display:flex;align-items:center}.matches-list .center .player-item .player-name{margin-bottom:0;padding-left:0.2rem;font-size:0.7rem;font-weight:bold}.matches-list .center .player-item .player-pt{margin-bottom:0;padding-left:0.2rem;font-size:0.7rem}.matches-list .center .player-item i{font-size:0.7rem;padding-bottom:1px;opacity:0.8}@media screen and (max-width: 480px){.matches-list .right-side{display:none}}.matches-list .right-side i{font-size:0.9rem;opacity:0.8;margin-right:0.4rem}#toggle-buttons{display:flex;justify-content:center;margin-bottom:1rem}#toggle-to-four,#toggle-to-four-top,#toggle-to-three-top,#toggle-to-four-m,#toggle-to-four-mg,#toggle-to-four-player,#toggle-to-three-m,#toggle-to-three-mg,#toggle-to-three-player,#toggle-to-three{border:2px solid;background-color:white;color:#616168;padding:0.6rem 1.2rem;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:50px;font-size:0.75rem;font-weight:bold;letter-spacing:0.1em;box-shadow:rgba(0,0,0,0.18) 0px 2px 2px}#toggle-to-four-m,#toggle-to-four-mg,#toggle-to-four-player,#toggle-to-three-m,#toggle-to-three-mg,#toggle-to-three-player{border-color:#65c39f}#toggle-to-four-top,#toggle-to-three-top{border-color:#65c39f}#toggle-to-four-m.active,#toggle-to-four-mg.active,#toggle-to-four-player.active,#toggle-to-three-m.active,#toggle-to-three-mg.active,#toggle-to-three-player.active{color:white;background-color:#3FB488}#toggle-to-four-top.active,#toggle-to-three-top.active{color:white;background-color:#3FB488}.match-card{border:1px solid #ddd;border-radius:10px;background-color:#ffffff;box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px;margin-bottom:0.6rem}#match-memo{margin-bottom:0px;overflow-wrap:break-word}.parent-option{display:flex;justify-content:center;align-items:center;text-align:center;margin:0.5rem 0}.parent-option .dropdown{padding-left:5px;text-align:center}.parent-option .dropdown select{cursor:pointer}.parent-option #toggle-icon{margin-left:10px}#mobile_nav{position:fixed;bottom:0;left:0;width:100%;max-height:70px;background-color:#ffffff;border-radius:20px 20px 0 0;box-shadow:0 -2px 4px rgba(0,0,0,0.1);padding:9px 0 8px 0;z-index:999}@media screen and (min-width: 768px){#mobile_nav{display:none}}#mobile_nav ul{display:flex;justify-content:space-around;padding:0;margin:0;list-style:none}#mobile_nav li{flex:1;text-align:center;color:#616168;max-width:100px}#mobile_nav li a{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}#mobile_nav li a i{font-size:1.2rem;margin-bottom:1px;color:#32906c}#mobile_nav li a p{font-size:0.8rem;margin:0}#mobile_nav li a:checked{opacity:0.5}.player-results{padding:0px}.player-results .results-card{border-radius:10px;background-color:#ffffff;box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px;margin-bottom:0.6rem}.player-results .results-card tr{border-bottom:1px solid #e8e8e8}.player-results .results-card tr .side-border{border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.player-results .results-card tr .right-border{border-right:1px solid #e8e8e8}.player-results .results-card tr th{padding:0.5rem 0.1rem}.player-results #total_pt_change{padding:0px}@media screen and (max-width: 480px){.player-results #total_pt_change{width:100%}}.player-results #rank_rate{padding:0px}@media screen and (max-width: 480px){.player-results #rank_rate{width:100%}}.player-results #rank_rate .rank-rate__data--unit{font-size:0.9rem}.player-results #ie_rank_rate{padding:0px}@media screen and (max-width: 480px){.player-results #ie_rank_rate{width:100%}}.player-results #ie_rank_rate .ie-rank-rate__data--unit{font-size:0.9rem}.player-results #max_min_score{padding:0px}@media screen and (max-width: 480px){.player-results #max_min_score{width:100%}}.player-results #result_by_players{padding:0px}@media screen and (max-width: 480px){.player-results #result_by_players{width:100%}}.player-results #result_by_players .player-show-tooltip{position:relative;display:inline-block;cursor:pointer}.player-results #result_by_players .player-show-tooltip .player-show-tooltip-text{visibility:hidden;width:180px;background-color:#3e5c39;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:10;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity 0.4s;font-size:0.7rem;font-weight:normal;box-shadow:0 0 10px rgba(0,0,0,0.1)}.player-results #result_by_players .player-show-tooltip:hover .player-show-tooltip-text{visibility:visible;opacity:1}.player-results #tip_results{padding:0px}@media screen and (max-width: 480px){.player-results #tip_results{width:100%}}.player-results #tip_results .tip-results__data--unit{font-size:0.9rem}.player-results .w-rank{width:5%}.player-results .w-ie{width:10%}.player-results .w-name{width:65%}.player-results .w-30{width:30%}.player-results .main-results{background:linear-gradient(135deg, #ebf7f3, #EEF7F5);transition:all 0.3s ease;border-radius:0.3rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;font-weight:bold;margin-bottom:1rem;padding:0.5rem 0.2rem}.player-results .main-results__container{display:flex;flex-direction:column;justify-content:center;width:100%}.player-results .main-results__container--line{display:flex;justify-content:center;gap:0.3rem;margin-bottom:0.3rem;width:100%}.player-results .main-results__card{transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2);min-width:110px;width:50%;border-radius:0.3rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);padding:0.5rem 1rem;background-color:white;position:relative;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 480px){.player-results .main-results__card{padding:0.4rem 0.8rem}}.player-results .main-results__card:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,0.08)}.player-results .main-results__content{display:flex;justify-content:flex-start;align-items:center;text-align:left;width:100%}.player-results .main-results__text{margin-left:1rem;text-align:left}.player-results .main-results__icon{background-color:#3FB488;color:white;width:38px;height:38px;font-size:1rem;transition:all 0.3s ease;border-radius:50%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 480px){.player-results .main-results__icon{width:28px;height:28px;font-size:0.8rem}}.player-results .main-results__icon:hover{transform:rotate(10deg)}.player-results .main-results__label{color:#616168;font-size:0.8rem;font-weight:normal;margin-bottom:0}@media screen and (max-width: 480px){.player-results .main-results__label{font-size:0.7rem}}.player-results .main-results__data{display:flex;align-items:baseline;justify-content:center;width:100%;color:#393944}.player-results .main-results__data--value{font-size:1.3rem;font-weight:bold;margin-bottom:0}@media screen and (max-width: 480px){.player-results .main-results__data--value{font-size:1.1rem}}.player-results .main-results__data--unit{font-size:0.8rem;margin-left:0.2rem}.players_list{display:flex;flex-wrap:wrap;justify-content:start;padding-left:0}.players_list-item{width:48%;background-color:#ffffff;border:1px solid #616168;border-radius:5px;padding:0.25rem;margin:0.1rem 0.1rem 0.1rem 0.25rem;text-align:center;list-style:none;box-shadow:rgba(0,0,0,0.1) 0px 1px 1px;cursor:pointer}.players_list-item:hover{background-color:#ebf7f3}.players_list .selected{background-color:#b9b9b9}.selected_players{margin-bottom:1.25rem}.selected_players-item{display:flex;justify-content:space-between;align-items:center;border:1px solid;border-radius:5px;padding:0.4rem 0.9rem;margin-bottom:0.5rem;box-shadow:rgba(0,0,0,0.1) 0px 1px 1px;background-color:#ffffff}.selected_players i{font-size:1.2rem;cursor:pointer}.selected_players i:hover{color:#ee5266}.player-create-btn p{margin:3px;font-size:0.9rem}#select_players .played_players{text-align:center}#select_players .played_players img{width:100px}#select_players .played_players .no-players{font-size:0.8rem}#select_players .create_players #new-player-form{width:60%;background-color:#ffffff}#select_players .create_players #new-player-create-btn{width:30%;text-wrap:none}#select_players .create_players #new-player-create-btn i{font-size:0.8rem}#select_players .invite_users .process{border:1px solid #89D0B4;border-radius:5px;background-color:#fdfdfd;padding:1rem;margin:0.5rem;font-size:0.8rem}#select_players .invite_users .process i{color:#32906c;font-size:0.7rem}#select_players .invite_users .process li{margin-left:0.8rem}#select_players h5,#selected_players h5{border-bottom:solid 1px #e9e9e9;text-shadow:1px 1px 2px rgba(0,0,0,0.1);padding:0px 10px 6px 10px;font-weight:bold;font-size:1.2rem;margin-bottom:1rem;color:#393944}#player-list-table .player-list{display:flex;justify-content:start;align-items:center;border:1px solid #ddd;border-radius:10px;margin:0 auto 0.5rem auto;padding:0.5rem;background-color:#ffffff;width:100%;max-width:500px;box-shadow:rgba(0,0,0,0.1) 0px 2px 2px}#player-list-table .player-list__name{width:60%;font-weight:bold}.player-info{margin:5px auto;width:90%}.player-info .info-row{display:flex;justify-content:center;margin-top:0px;font-size:0.8em}.player-info .label{width:125px;text-align:left}@media screen and (max-width: 480px){.player-info .label{width:110px}}.player-info .double-colon{padding:0px 9px}.player-info .value{width:60px;text-align:left}#auth-complete-img img{width:200px;margin:0 auto;padding:0 0.5rem 0 1.8rem}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#result-by-players-list{max-width:600px}#result-by-players-list table tr th{background-color:#f7f7f7;font-weight:bold;text-wrap:nowrap}#result-by-players-list table tr th .th-content{display:flex;align-items:center;margin:0;cursor:pointer}#result-by-players-list table tr th .th-content .icons{position:relative;display:flex;flex-direction:column}#result-by-players-list table tr th .th-content i{position:absolute;top:-6px;right:-15px;font-size:0.8rem;color:#b9b9b9}#toggle-pt-tables{display:flex;justify-content:center;margin-bottom:0.3rem}#toggle-to-child,#toggle-to-parent{border:2px solid #3FB488;background-color:white;color:#616168;padding:0.6rem 1.2rem;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:50px;font-size:0.75rem;font-weight:bold;letter-spacing:0.1em;box-shadow:rgba(0,0,0,0.18) 0px 2px 2px}#toggle-to-child.active,#toggle-to-parent.active{color:white;background-color:#3FB488}#point-table-container{overflow-x:auto}@media screen and (max-width: 480px){#point-table-container{font-size:0.7rem}}#point-table-parent-01,#point-table-child-01,#point-table-parent-02,#point-table-child-02{width:100%;border-collapse:collapse;margin:0.5rem 0}#point-table-parent-01 th,#point-table-child-01 th,#point-table-parent-02 th,#point-table-child-02 th{border:1px solid #343434;background-color:#ececec;color:#242424;text-align:center;padding:0rem}#point-table-parent-01 td,#point-table-child-01 td,#point-table-parent-02 td,#point-table-child-02 td{border:1px solid #343434;background-color:#fff;text-align:center;padding:0rem}#point-table-parent-01 .points,#point-table-child-01 .points,#point-table-parent-02 .points,#point-table-child-02 .points{position:relative}#point-table-parent-01 .points .upper,#point-table-child-01 .points .upper,#point-table-parent-02 .points .upper,#point-table-child-02 .points .upper{padding:0.1rem 0.3rem}#point-table-parent-01 .points .lower,#point-table-child-01 .points .lower,#point-table-parent-02 .points .lower,#point-table-child-02 .points .lower{padding:0.1rem 0.3rem;position:relative;z-index:1}#point-table-parent-01 .points::after,#point-table-child-01 .points::after,#point-table-parent-02 .points::after,#point-table-child-02 .points::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:#fff6d7;z-index:0}#point-table-parent-01 .han,#point-table-child-01 .han,#point-table-parent-02 .han,#point-table-child-02 .han{width:21%}#point-table-parent-01 .fu,#point-table-child-01 .fu,#point-table-parent-02 .fu,#point-table-child-02 .fu{background-color:#ececec;color:#242424;text-align:center;font-weight:bold;padding:0.3rem;max-width:10%;white-space:nowrap}#point-table-parent-01 .over-mangan,#point-table-child-01 .over-mangan,#point-table-parent-02 .over-mangan,#point-table-child-02 .over-mangan{background-color:#ececec;color:#242424;text-align:center;font-weight:bold;padding:0.3rem;white-space:nowrap;width:40%}#point-table-parent-01 .only-text,#point-table-child-01 .only-text,#point-table-parent-02 .only-text,#point-table-child-02 .only-text{font-size:0.8rem;padding:0.2rem}@media screen and (max-width: 480px){#point-table-parent-01 .only-text,#point-table-child-01 .only-text,#point-table-parent-02 .only-text,#point-table-child-02 .only-text{font-size:0.7rem}}#faq .faq-category{margin-bottom:25px}#faq .faq-category h5{display:flex;align-items:center;justify-content:center;font-weight:bold}#faq .faq-category h5 .fa-circle-question{color:#F8B978;margin-right:5px}#faq .faq-category .faq-list{list-style:none;padding:0}#faq .faq-category .faq-list .faq-item{margin-bottom:10px;border-radius:10px;box-shadow:rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px}#faq .faq-category .faq-list .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:transparent;padding:10px;border-radius:0}#faq .faq-category .faq-list .faq-item .fa{font-size:0.7rem;margin:0 10px 0 5px;color:#616168}#faq .faq-category .faq-list .faq-answer{display:none;padding:10px;color:#393944;background-color:#f0efee;border-radius:0px 0px 10px 10px}#faq .faq-category .faq-list .faq-answer .a-text{font-size:0.9rem}#faq .faq-category .faq-list .faq-answer .a-text .subtitle{font-weight:bold;padding-top:5px}#faq .faq-category .faq-list .qa-flex{display:flex;justify-content:start;align-items:center}#faq .faq-category .faq-list .qa-flex .q-text{font-size:0.9rem}#faq .faq-category .faq-list .qa-flex span{padding-right:8px}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rules-grid .rule-card{animation-name:slideInUpAnime;animation-duration:0.6s;animation-fill-mode:forwards;opacity:0}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rules-grid .rule-card:nth-child(1){animation-delay:0.1s}.rules-grid .rule-card:nth-child(2){animation-delay:0.2s}.rules-grid .rule-card:nth-child(3){animation-delay:0.3s}.rules-grid .rule-card:nth-child(4){animation-delay:0.4s}.rules-grid .rule-card:nth-child(5){animation-delay:0.5s}.rules-grid .rule-card:nth-child(6){animation-delay:0.6s}.rules-grid .rule-card:nth-child(7){animation-delay:0.7s}.rules-grid .rule-card:nth-child(8){animation-delay:0.8s}.rules-grid .rule-card:nth-child(9){animation-delay:0.9s}.rules-grid .rule-card:nth-child(10){animation-delay:1.0s}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.rules-index-container{background:linear-gradient(135deg, #fafafa 0%, rgba(255,255,255,0.9) 100%);min-height:100vh}.rules-grid{display:flex;flex-direction:column;gap:0.5rem}.rule-card{border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0.05);position:relative;background:white}.rule-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(0,0,0,0.12),0 6px 12px -2px rgba(0,0,0,0.08)}.rule-card .rule-content-wrapper{padding:1.5rem;position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}@media screen and (max-width: 767px){.rule-card .rule-content-wrapper{flex-direction:column;align-items:normal;gap:1rem;padding:1.25rem}}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper{padding:1rem;gap:0.75rem}}.rule-card .rule-content-wrapper .rule-info-section{flex-grow:1}.rule-card .rule-content-wrapper .rule-info-section .rule-title{font-size:1.8rem;font-weight:700;color:#393944;line-height:1.3;margin:0 0 0.75rem 0}@media screen and (max-width: 767px){.rule-card .rule-content-wrapper .rule-info-section .rule-title{font-size:1.6rem}}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-title{font-size:1.4rem;margin-bottom:0.5rem}}.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection{gap:0.25rem;margin-bottom:0.75rem}}.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge{font-size:0.75rem;font-weight:600;padding:0.4rem 0.8rem;border-radius:20px;display:inline-flex;align-items:center;white-space:nowrap;transition:all 0.2s ease}.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge i{font-size:0.7rem;margin-right:0.25rem}.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge.play-type-badge{background:linear-gradient(135deg, rgba(63,180,136,0.2) 0%, rgba(63,180,136,0.1) 100%);color:#32906c;border:1px solid rgba(63,180,136,0.4)}.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge.chip-badge{background:linear-gradient(135deg, rgba(248,185,120,0.2) 0%, rgba(248,185,120,0.1) 100%);color:#f7ac60;border:1px solid rgba(248,185,120,0.4)}.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge.chip-badge.no-chip{background:linear-gradient(135deg, rgba(185,185,185,0.2) 0%, rgba(185,185,185,0.1) 100%);color:#b9b9b9;border:1px solid rgba(185,185,185,0.4)}@media screen and (max-width: 767px){.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge{font-size:0.7rem;padding:0.3rem 0.6rem}}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-badges-collection .badge{font-size:0.65rem;padding:0.25rem 0.5rem}}.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem}@media screen and (max-width: 767px){.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid{grid-template-columns:repeat(2, 1fr);gap:0.5rem}}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid{gap:0.3rem}}.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid .rule-detail-item{display:flex;align-items:center;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.05)}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid .rule-detail-item{padding:0.4rem 0;flex-direction:column;align-items:flex-start;gap:0.1rem}}.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid .rule-detail-item .detail-label{font-size:0.85rem;color:#616168;font-weight:500;min-width:4rem;margin-right:0.5rem}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid .rule-detail-item .detail-label{font-size:0.75rem;min-width:auto;margin-right:0}}.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid .rule-detail-item .detail-value{font-size:0.9rem;font-weight:600;color:#393944}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-info-section .rule-details-grid .rule-detail-item .detail-value{font-size:0.85rem}}.rule-card .rule-content-wrapper .rule-action-section{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:0.5rem}@media screen and (max-width: 767px){.rule-card .rule-content-wrapper .rule-action-section{flex-direction:column;align-items:stretch}}.rule-card .rule-content-wrapper .rule-action-section .btn-edit-rule{background:linear-gradient(135deg, #3FB488 0%, #32906c 100%);color:white !important;border:none;border-radius:12px;padding:0.75rem 1.25rem;font-weight:600;font-size:0.9rem;text-decoration:none;white-space:nowrap}.rule-card .rule-content-wrapper .rule-action-section .btn-edit-rule:hover{color:white !important;text-decoration:none}.rule-card .rule-content-wrapper .rule-action-section .btn-edit-rule:focus{outline:2px solid rgba(63,180,136,0.5);outline-offset:2px}.rule-card .rule-content-wrapper .rule-action-section .btn-edit-rule i{margin-right:0.5rem}@media screen and (max-width: 480px){.rule-card .rule-content-wrapper .rule-action-section .btn-edit-rule{padding:0.625rem 1rem;font-size:0.85rem}}#rule_mochi,#rule_kaeshi{width:40%;max-width:60px}.no-rules img{width:100px}.no-rules-text{font-size:0.8rem}#share-modal .modal-content{border-radius:1rem;border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}#share-modal .modal-header{background:linear-gradient(135deg, #3FB488 0%, #328e6b 100%);color:white;border-radius:1rem 1rem 0 0}#share-modal .modal-header .modal-title{font-weight:600;padding-left:1.9rem}#share-modal .modal-header .btn-close{background:none;border:none;color:white;opacity:0.8;font-size:1.1rem;padding-bottom:0.9rem}#share-modal .modal-header .btn-close:hover{opacity:1;color:white}#share-modal .modal-header .btn-close:focus{box-shadow:none;color:white}#share-modal .modal-header .btn-close i{pointer-events:none}#share-modal .qr-code-container{background:#ffffff;border:2px solid #f8f9fa;border-radius:0.75rem;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:220px}#share-modal .qr-code-container svg{width:180px;height:180px;max-width:180px;max-height:180px;background:white;border-radius:0.5rem;border:1px solid #e9ecef}#share-modal .share-options .btn{border-radius:0.5rem;font-weight:500;padding:0.75rem 1rem;transition:all 0.3s ease}#share-modal .share-options .btn:hover:not(.copying){transform:translateY(-1px);box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.1)}#share-modal .share-options .btn.copying{cursor:not-allowed;pointer-events:none}#share-modal .share-options .btn i{font-size:1.1em;transition:all 0.3s ease}#share-modal .share-options #copy-link-btn{border:1px solid #3FB488;color:#3FB488}#share-modal .share-options #share-x-btn{border:1px solid #616168}#share-modal .share-options .btn:hover{opacity:0.8}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d}.qr-loading .spinner-border{width:2rem;height:2rem;margin-bottom:1rem}[data-share-url]{cursor:pointer}.inactive-link[data-share-url]{cursor:not-allowed}.support-hero{padding:2rem 1.5rem;border:2px solid rgba(97,97,104,0.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.support-hero .support-image{width:100%;height:100%;object-fit:cover}.support-hero .support-image img{max-width:100%;max-height:150px}.support-hero .support-message .support-title{margin-bottom:1rem}.support-hero .support-message .support-title h4{color:#616168;font-weight:bold}.support-hero .support-description{color:#616168;font-size:0.9rem;line-height:1.6;margin-bottom:0;padding:0 1rem;text-align:center}.support-hero .support-description strong{color:#3FB488;font-weight:bold}.support-methods{margin:0 auto}.support-methods .support-card{background:white;border-radius:12px;padding:1.5rem;height:100%;box-shadow:0 4px 16px rgba(0,0,0,0.1);transition:all 0.3s ease;border:2px solid transparent}.support-methods .support-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.support-methods .support-card.amazon-card{border-color:rgba(255,149,0,0.3)}.support-methods .support-card.amazon-card:hover{border-color:#ff9500}.support-methods .support-card.amazon-card .card-icon{color:#ff9500}.support-methods .support-card.ofuse-card{border-color:rgba(79,195,247,0.3)}.support-methods .support-card.ofuse-card:hover{border-color:#4fc3f7}.support-methods .support-card.ofuse-card .card-icon{color:#4fc3f7}.support-methods .support-card.paypay-card{border-color:rgba(255,107,107,0.3)}.support-methods .support-card.paypay-card:hover{border-color:#ff6b6b}.support-methods .support-card.paypay-card .card-icon{color:#ff6b6b}.support-methods .support-card.message-card{border-color:rgba(63,180,136,0.3)}.support-methods .support-card.message-card:hover{border-color:#3FB488}.support-methods .support-card.message-card .card-icon{color:#3FB488}.support-methods .support-card-header{display:flex;align-items:center;margin-bottom:1rem}.support-methods .support-card-header .card-icon{font-size:1.5rem;margin-right:0.75rem}.support-methods .support-card-header h5{color:#616168;font-weight:bold;margin:0}.support-methods .card-description{color:#616168;font-size:0.9rem;margin-bottom:1.25rem;line-height:1.5}.support-methods .support-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:8px;border:none;text-decoration:none;font-weight:bold;transition:all 0.3s ease;width:100%;gap:0.5rem;color:#ffffff !important}.support-methods .support-btn.amazon-btn{background:linear-gradient(135deg, #ff9500 0%, #f70 100%)}.support-methods .support-btn.amazon-btn:hover{background:linear-gradient(135deg, #f70 0%, #f50 100%);color:white;transform:scale(1.01)}.support-methods .support-btn.ofuse-btn{background:linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%)}.support-methods .support-btn.ofuse-btn:hover{background:linear-gradient(135deg, #29b6f6 0%, #0288d1 100%);transform:scale(1.01)}.support-methods .support-btn.paypay-btn{background:linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%)}.support-methods .support-btn.paypay-btn:hover{background:linear-gradient(135deg, #ff5252 0%, #f44336 100%);transform:scale(1.01)}.support-methods .support-btn.message-btn{background:linear-gradient(135deg, #3FB488 0%, #328e6b 100%)}.support-methods .support-btn.message-btn:hover{background:linear-gradient(135deg, #328e6b 0%, #25684f 100%);transform:scale(1.01)}.support-thanks{padding:2rem 1.5rem;border:2px solid rgba(63,180,136,0.1);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.08)}.support-thanks picture img{max-width:100%;max-height:150px}.support-thanks .thanks-title{color:#616168;font-weight:bold;margin-bottom:1rem}.support-thanks .thanks-message{color:#616168;font-size:0.9rem;line-height:1.6;margin-bottom:0}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media screen and (max-width: 767px){.support-hero{padding:1.5rem}.support-hero .heart-icon{font-size:1.5rem}.support-hero .support-title{font-size:1.2rem}.support-hero .support-description{font-size:0.8rem}.support-methods .support-card{margin-bottom:1rem}.support-thanks{padding:1.5rem}}.document-styles{max-width:800px;margin:0px auto;padding:5px}.document-styles .title{border-bottom:1px solid #616168;text-align:left;font-weight:bold;font-size:1.2rem;padding:0px 0px 2px 3px;margin-top:10px;margin-bottom:10px}.document-styles ol{padding-left:1.5rem}#loading-spinner{display:none !important}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}#home .container .home-right-picture{animation-name:fadeInUpAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInUpAnime{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpAnime{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#home{background-image:url("https://janreco-s3.s3.ap-northeast-1.amazonaws.com/janreco-bg(1000_400).webp");background-size:cover;background-repeat:no-repeat;box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px;position:relative}@media screen and (max-width: 767px){#home{padding-top:50px}}@media screen and (max-width: 480px){#home{background-image:url("https://janreco-s3.s3.ap-northeast-1.amazonaws.com/janreco-bg-image-tablet.webp");background-attachment:scroll}}#home .container{display:flex;justify-content:center;position:relative;gap:30px}@media screen and (max-width: 767px){#home .container{display:block}}#home .container .home-left{margin-top:50px;margin-bottom:50px}@media screen and (max-width: 767px){#home .container .home-left{text-align:center;width:100%;margin-top:20px;margin-bottom:0px}}#home .container .home-left-tag{padding:5px 0px}@media screen and (max-width: 767px){#home .container .home-left-tag{text-align:center}}#home .container .home-left-tag span{display:inline-flex;align-items:center;padding:0px 8px;margin:0px 5px;color:#ffffff;font-weight:500;border:1px solid #ffffff}#home .container .home-left h1{color:#ffffff;text-shadow:0 4px 10px rgba(0,26,99,0.2);text-wrap:nowrap;padding:5px;font-weight:bold}#home .container .home-left-btn{display:flex;flex-direction:column;align-items:center;padding-top:1rem;margin-bottom:0.5rem;text-align:center}@media screen and (min-width: 768px){#home .container .home-left-btn{flex-direction:row;justify-content:center}}#home .container .home-left-btn a{width:100%;min-width:250px}#home .container .home-right{text-align:center}@media screen and (max-width: 767px){#home .container .home-right{width:100%}}#home .container .home-right-picture{margin:20px auto;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.3))}#home .container .home-right-picture img{width:200px}@media screen and (max-width: 767px){#home .container .home-right-picture img{width:100%}}#features{padding:2.5rem;text-align:center;background-color:#fbfbfb}#features .container{margin:0 auto}#features h2{color:#3FB488;font-weight:bold;margin-bottom:20px}#features .features-items{display:flex;flex-wrap:wrap;justify-content:center;justify-items:center;gap:12px}@media (max-width: 768px){#features .features-items{grid-template-columns:repeat(1, 1fr)}}#features .features-items .feature-card{background-color:#EEF7F5;border-radius:10px;padding:20px;text-align:center;max-width:600px;cursor:pointer}@media screen and (min-width: 768px){#features .features-items .feature-card{padding:20px 40px}}#features .features-items .feature-card:hover{box-shadow:0 2px 10px rgba(0,0,0,0.1)}@media screen and (min-width: 768px){#features .features-items .feature-card{margin-bottom:10px}}@media screen and (min-width: 768px){#features .features-items .feature-card-contents{display:flex;justify-content:center;align-items:center}}#features .features-items .feature-card-contents .feature-card-text h4{font-weight:bold;margin-bottom:5px}#features .features-items .feature-card-contents .feature-card-text img{width:160px;height:100px;margin-bottom:10px}#features .features-items .feature-card-contents .feature-card-text p{color:#616168;font-size:0.9em}@media screen and (min-width: 768px){#features .features-items .feature-card-contents .feature-card-text p{max-width:280px}}#features .features-items .feature-card-contents .feature-card-sample{padding:10px}#features .features-items .feature-card-contents .feature-card-sample img{width:auto;height:100%;max-height:500px}#features .features-items .feature-card-toggle{display:none}@media screen and (max-width: 767px){#features .features-items .feature-card-toggle{display:flex;justify-content:center;align-items:center}}#features .features-items .feature-card-toggle i{color:#3FB488;padding-right:8px}#features .features-items .feature-card-toggle span{font-size:0.8em}#try{background-color:#EEF7F5}#try .container{display:flex;justify-content:center;align-items:center;padding:20px}@media screen and (max-width: 767px){#try .container{flex-direction:column}}#try .container .try-left-content{padding:10px}#try .container .try-left-content img{width:180px;height:180px}@media screen and (max-width: 767px){#try .container .try-left-content img{width:120px;height:120px}}#try .container .try-right-content{padding:10px}#try .container .try-right-content-h5{display:flex}@media screen and (max-width: 767px){#try .container .try-right-content-h5{flex-direction:column;justify-content:center;align-items:center}}#try .container .try-right-content-h5 h5{font-weight:bold;text-wrap:nowrap}#try .container .try-right-content-text{display:flex;justify-content:start;align-items:center}@media screen and (max-width: 767px){#try .container .try-right-content-text{justify-content:center}}#try .container .try-right-content-text i{padding-left:3px;font-size:0.8rem;color:#3FB488}#try .container .try-right-content-text p{padding-left:0.3rem;margin-bottom:0px}#try .container .try-btn{display:flex;justify-content:center;align-items:center;padding-top:1rem;margin-bottom:0.5rem;text-align:center}#try .container .try-btn a{width:100%;min-width:230px}#try .container .try-btn a span{letter-spacing:0.05rem}#home-end{background-image:url("https://janreco-s3.s3.ap-northeast-1.amazonaws.com/janreco-bg(1000_400).webp");background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 480px){#home-end{background-image:url("https://janreco-s3.s3.ap-northeast-1.amazonaws.com/janreco-bg-image-tablet.webp");background-attachment:scroll}}#home-end .home-end-text{text-shadow:0px 5px 15px rgba(0,0,0,0.8)}.top-contents-lower #rank_change{width:100%}.top-contents-lower #rank_rate{width:100%}@media screen and (min-width: 768px){.top-contents-lower #rank_rate{width:50%}}.top-contents-lower #recent_matches{width:100%}@media screen and (min-width: 768px){.top-contents-lower #recent_matches{width:50%}}.top-contents-lower #recent_matches #last_matches_table tr{cursor:pointer}.top-contents-lower #recent_matches #last_matches_table tr:hover{background-color:#ebf7f3}.subscription-status .card-header{background:linear-gradient(135deg, #3FB488 0%, #32906c 100%) !important;border:none;color:#ffffff !important}.subscription-status .card-header .badge{background-color:rgba(255,255,255,0.2) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.3)}.subscription-status .card{border:none;box-shadow:rgba(0,0,0,0.1) 0px 4px 8px,rgba(0,0,0,0.06) 0px 2px 4px;border-radius:12px;overflow:hidden}.subscription-status .usage-item{padding:0.8rem 0;border-bottom:1px solid #f0f0f0}.subscription-status .usage-item:last-child{border-bottom:none}.subscription-status .usage-item .progress{border-radius:8px;overflow:hidden;background-color:#ebf7f3;height:10px}.subscription-status .usage-item .progress .progress-bar{transition:width 0.8s ease;border-radius:8px}.subscription-status .usage-item .progress .progress-bar.bg-success{background-color:#3FB488 !important}.subscription-status .usage-item .progress .progress-bar.bg-warning{background-color:#FFD723 !important}.subscription-status .usage-item .progress .progress-bar.bg-danger{background-color:#ee5266 !important}.subscription-status .usage-item .text-warning{color:#d68910 !important;font-size:0.85rem;margin-top:0.3rem}.subscription-status .upgrade-section{border:2px dashed #89D0B4;background:linear-gradient(135deg, #EEF7F5 0%, #ebf7f3 100%) !important;border-radius:12px}.subscription-status .upgrade-section h6{color:#616168 !important}.subscription-status .upgrade-section h6.text-warning{color:#d68910 !important}.subscription-status .upgrade-section h6.text-primary{color:#3FB488 !important}.subscription-status .upgrade-section p{color:#616168 !important;margin-bottom:1rem}.subscription-status .upgrade-section .fa-star{color:#F8B978}.subscription-status .fa-check-circle{color:#3FB488 !important}.subscription-status .text-success{color:#3FB488 !important}.subscription-status .text-muted{color:#616168 !important}.subscription-status .fa-crown{color:#F8B978}.subscription-status .fa-chart-bar{color:#65c39f}.subscription-status .fa-pen-to-square,.subscription-status .fa-book,.subscription-status .fa-trophy{color:#65c39f}.subscription-status .fa-exclamation-triangle{color:inherit}.subscription-status .trial-info{background:#ffffff;border:2px solid #F8B978 !important;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(248,185,120,0.3)}.subscription-status .trial-info .trial-title{color:#F8B978 !important;position:relative;z-index:1}.subscription-status .trial-info .trial-title .fa-clock{color:#F8B978}.subscription-status .trial-info .trial-period{color:#616168 !important;font-size:0.9rem;position:relative;z-index:1;margin-bottom:0}.subscription-status .trial-info .trial-period strong{color:#616168 !important}.subscription-status .pro-info{background:#ffffff;border:2px solid #3FB488 !important;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(63,180,136,0.3);display:flex;align-items:center;justify-content:start}@keyframes glow{0%,100%{opacity:0.6;transform:rotate(0deg)}50%{opacity:1;transform:rotate(1deg)}}#password-change-toggle{display:flex;align-items:center;margin-bottom:0.5rem;cursor:pointer}#password-change-toggle a{font-size:0.8rem;padding-left:0.5rem;text-decoration:none}