.top-header{background-color:#222;padding:.6rem 1.2rem;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;width:100%;box-sizing:border-box}.top-nav-container{display:flex;align-items:center;gap:2rem}.top-logo{font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap}.top-nav{display:flex;gap:1.2rem;transition:max-height .3s ease}.top-nav-item{color:#ddd;text-decoration:none;font-weight:500;padding:.35rem .6rem;border-bottom:2px solid transparent;transition:.2s;white-space:nowrap;cursor:pointer}.top-nav-item:hover,.top-nav-item.active{color:#00bfff;border-bottom:2px solid #00bfff}.top-nav .top-nav-item.login-mobile{display:none}.user-menu-wrapper{position:relative}.top-user-name{color:#ddd}.user-dropdown{position:absolute;right:0;top:120%;background:#333;border:1px solid #444;border-radius:6px;padding:.5rem 0;display:flex;flex-direction:column;min-width:150px;z-index:2000}.dropdown-item{padding:.6rem 1rem;color:#fff;text-decoration:none;text-align:left;cursor:pointer}.dropdown-item:hover{background:#444}.mobile-user{display:none}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.hamburger span{width:25px;height:3px;background:#fff;transition:.3s}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:700px){.hamburger{display:flex;margin-left:auto}.top-nav-container{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.top-nav{position:absolute;top:60px;left:0;background:#222;width:100%;flex-direction:column;max-height:0;overflow:hidden;border-bottom:1px solid #333}.top-nav.show{max-height:650px}.top-nav-item{padding:1rem;border-bottom:1px solid #333}.top-nav .top-nav-item.login-mobile{display:block}.mobile-user{display:block;padding:1rem;font-weight:700;border-bottom:1px solid #333}.mobile-user-dropdown{display:flex;flex-direction:column;background:#222;border-bottom:1px solid #333}.mobile-user-item{padding:.8rem 1rem;color:#ddd;cursor:pointer;text-decoration:none}.mobile-user-item:hover{background:#333;color:#fff}.mobile-user-item.logout{padding:.8rem 1rem}.top-auth-container{display:none}}.bottom-footer{background-color:#111;color:#ccc;padding:20px 0;margin-top:auto;border-top:1px solid #333;width:100%;font-size:14px}.bottom-nav-container{display:flex;justify-content:center;margin-bottom:10px}.bottom-nav{display:flex;gap:30px}.bottom-nav-item{color:#bbb;text-decoration:none;transition:color .2s ease,border-bottom .2s ease;padding-bottom:3px;font-weight:500}.bottom-nav-item:hover{color:#fff;border-bottom:1px solid #fff}.bottom-nav-item.active{color:#fff;border-bottom:2px solid #fff}.bottom-copyright{text-align:center;color:#777;font-size:13px}@media(max-width:600px){.bottom-nav{flex-direction:column;gap:12px;text-align:center}}.top-main{padding:2rem;text-align:center}.top-main h2{font-size:2.5rem;margin-bottom:1.5rem}.top-overview{width:60%;padding:1rem;margin:1rem auto;text-align:left;font-size:1.3rem;line-height:1.6}.top-overview img{width:100%;margin-top:1rem;border:1px solid #ccc;border-radius:8px}h3{font-size:2rem;margin-bottom:1.5rem;position:relative;padding:0 65px;text-align:center}h3:before{position:absolute;top:calc(50% - 1px);left:0;width:100%;height:4px;content:"";background:#000}h3 span{position:relative;padding:0 1em;background:#fff}.order-container{width:100%;max-width:600px;margin:auto;padding:2rem;font-family:sans-serif;box-sizing:border-box}.order-form{display:flex;flex-direction:column;gap:1.2rem}.order-form label{display:flex;flex-direction:column;font-weight:700;gap:.4rem}.order-form input,.order-form select{width:100%;padding:.55rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.order-form button{margin-top:2rem;padding:.7rem 1rem;font-size:1.05rem;background-color:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}.order-form button:hover{background-color:#005fa3}.order-status{margin-top:1.2rem;font-weight:700;color:#333;word-break:break-all}@media(max-width:600px){.order-container{padding:1.2rem}.order-form{gap:1rem}.order-form label{font-size:.95rem}.order-form input,.order-form select{font-size:.95rem;padding:.5rem}.order-form button{font-size:.95rem;padding:.55rem .8rem}}.report-list-container{width:100%;max-width:1500px;margin:auto;padding:2rem;font-family:sans-serif;padding-bottom:120px;box-sizing:border-box}h2{margin-top:2rem;font-size:1.2rem;color:#333}h3{margin-bottom:1rem;font-size:1.4rem;color:#333}h3:before{display:none}h4{margin-bottom:.5rem;font-size:1.2rem;color:#333}.month-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1rem;flex-wrap:wrap}.month-controls select,.month-controls button{padding:.4rem .8rem;font-size:1rem}.month-controls button{background-color:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}.month-controls button:hover{background-color:#005fa3}.month-controls button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.report-table-wrapper{width:100%;overflow-x:auto}.report-table{width:100%;min-width:1200px;border-collapse:collapse;margin-top:1rem;margin-bottom:2rem}.report-table th,.report-table td{border:1px solid #ccc;padding:.6rem;text-align:center}.report-table th{background-color:#f0f0f0}.report-table td a{word-break:break-all}th.sortable{cursor:pointer}th.sortable:hover{background-color:#f0f0f0}th.sortable:after{content:" ⇅";font-size:.8rem;color:#999}.rank-1{color:#28a745;font-weight:700}.rank-2{color:#17a2b8;font-weight:700}.rank-3{color:#6c757d;font-weight:700}.rank-4{color:#dc3545;font-weight:700}.report-link{color:#07c;text-decoration:none;font-weight:700}.report-actions{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;font-weight:700;font-size:1.1rem;flex-wrap:wrap;gap:1rem}.filter-toggle-wrapper{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:4px;font-weight:700;font-size:1rem;color:#333;background-color:transparent;transition:background-color .2s,color .2s}.filter-toggle-wrapper:hover,.filter-toggle-wrapper.active{background-color:#07c;color:#fff}.filter-toggle-wrapper:hover .filter-icon,.filter-toggle-wrapper.active .filter-icon{filter:brightness(0) invert(1)}.filter-toggle-link,.filter-clear-link{text-decoration:none;color:inherit;cursor:pointer}.filter-divider{width:1px;height:1.2rem;margin:0 .4rem;background-color:#fff9}.filter-clear-link{font-size:1.2rem;font-weight:700;line-height:1}.filter-icon{width:20px;height:20px;vertical-align:middle}.filter-label{align-items:center;color:#000;text-decoration:none}.filter-dialog{position:fixed;top:20%;left:50%;transform:translate(-50%);background:#fff;padding:1.5rem;border:1px solid #ccc;box-shadow:0 0 10px #0003;z-index:1000;width:90%;max-width:500px;box-sizing:border-box}.filter-dialog label{display:block;margin-bottom:1rem;gap:1rem}.filter-rank{padding:.6rem;font-size:1rem;margin-left:.5rem}.filter-rating{display:flex;align-items:center;gap:1rem}.filter-rating input{padding:.6rem;font-size:1rem;width:100px}.filter-game,.filter-room,.filter-ai{padding:.6rem;font-size:1rem;margin-left:.5rem}.filter-close-link{display:block;text-align:right;margin-top:1rem;color:#000;text-decoration:none;font-size:1.1rem}.no-report{text-align:center;font-style:italic;color:#666}@media(max-width:600px){.report-list-container{padding:1rem}h3{font-size:1.2rem}.month-controls{gap:.5rem}.report-actions{flex-direction:column;align-items:flex-start}.report-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{width:100%;max-width:100%;min-width:900px;border-collapse:collapse}.filter-dialog{top:10%;padding:1rem}.report-table th,.report-table td{font-size:.85rem;padding:.4rem}.filter-toggle-wrapper{padding:.5rem .8rem}.month-controls button{padding:.6rem 1rem;font-size:1.05rem}}.statistics-container{max-width:800px;width:100%;margin:auto;padding:2rem;font-family:sans-serif;box-sizing:border-box}.filter-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-controls label{display:flex;flex-direction:column;font-weight:700;min-width:150px}.statistics-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.statistics-table{width:100%;min-width:500px;border-collapse:collapse}.statistics-table th{background-color:#f0f0f0;width:200px}.stats-area{margin-top:3rem}.stats-toggle{margin-bottom:20px;border:1px solid #ccc;border-radius:6px;padding:8px 12px;background:#fafafa}.stats-summary{font-size:1.2rem;font-weight:700;cursor:pointer;padding:6px 0}.stats-summary:hover{opacity:.8}@media(max-width:600px){.statistics-container{padding:1rem}.filter-controls{gap:.5rem}.filter-controls label{min-width:130px}}.statistics-container{max-width:1200px;margin:auto;padding:2rem;font-family:sans-serif;box-sizing:border-box}.compare-grid{display:flex;gap:2rem;flex-wrap:wrap}.compare-column{flex:1;min-width:380px}.filter-controls{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}.filter-controls label{display:flex;flex-direction:column;font-weight:700}.filter-controls select{padding:.4rem;font-size:1rem}.statistics-table{width:100%;border-collapse:collapse;min-width:300px}.statistics-table th,.statistics-table td{border:1px solid #ccc;padding:.6rem;text-align:left}.statistics-table th{background-color:#f0f0f0}@media(max-width:600px){.statistics-container{padding:1rem}.compare-column{min-width:100%}.filter-controls{gap:.5rem}.filter-controls label{font-size:.95rem}.statistics-table th,.statistics-table td{font-size:.9rem;padding:.45rem}}.statistics-tabs-container{width:100%;max-width:1200px;margin:auto;padding:2rem;font-family:sans-serif;padding-bottom:120px;box-sizing:border-box}.tab-buttons{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.tab-buttons button{padding:.5rem 1rem;font-size:1rem;background-color:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;white-space:nowrap}.tab-buttons button.active{background-color:#07c;color:#fff;border-color:#07c}.tab-content{margin-top:1rem}@media(max-width:600px){.statistics-tabs-container{padding:1rem}.tab-buttons{gap:.5rem}.tab-buttons button{flex:1;text-align:center}}.settings-container{width:100%;max-width:1200px;margin:auto;padding:2rem;font-family:sans-serif;padding-bottom:120px;box-sizing:border-box}.settings-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-table{width:100%;min-width:700px;border-collapse:collapse;margin-top:1rem;margin-bottom:2rem}.settings-table th,.settings-table td{border:2px solid #ccc;padding:.6rem;text-align:center}.settings-table th{background-color:#f0f0f0}input{width:80%;padding:.4rem;box-sizing:border-box;font-size:1rem}@media(max-width:600px){.settings-container{padding:1rem}.settings-table th,.settings-table td{padding:.4rem;font-size:.9rem}input{width:100%;font-size:.9rem}button{padding:.4rem .6rem;font-size:.9rem}}.terms-of-use-main{width:100%;max-width:900px;margin:80px auto 140px;padding:0 20px;line-height:1.8;color:#000;font-size:16px;box-sizing:border-box}.terms-of-use-main h2{font-size:28px;margin-bottom:20px;color:#000;border-left:5px solid #4a90e2;padding-left:12px}.terms-of-use-main h3{font-size:20px;margin-top:40px;margin-bottom:12px;color:#000;border-bottom:1px solid #444;padding-bottom:6px}@media(max-width:600px){.terms-of-use-main{margin-top:60px;margin-bottom:140px;padding:0 16px;font-size:15px}.terms-of-use-main h2{font-size:22px;padding-left:10px}.terms-of-use-main h3{font-size:17px}.terms-section ol{padding-left:16px}}.privacy-policy-main{width:100%;max-width:900px;margin:80px auto 140px;padding:0 20px;line-height:1.8;color:#000;font-size:16px;box-sizing:border-box}.privacy-policy-main h2{font-size:28px;margin-bottom:20px;color:#000;border-left:5px solid #4a90e2;padding-left:12px}.privacy-policy-main h3{font-size:20px;margin-top:40px;margin-bottom:12px;color:#000;border-bottom:1px solid #444;padding-bottom:6px}.terms-section{margin-bottom:30px}.terms-section p{margin-bottom:12px}.terms-section ol{padding-left:20px;margin-top:10px}.terms-section ol li{margin-bottom:8px}@media(max-width:600px){.privacy-policy-main{margin-top:60px;margin-bottom:140px;padding:0 16px;font-size:15px}.privacy-policy-main h2{font-size:22px;padding-left:10px}.privacy-policy-main h3{font-size:17px}.terms-section ol{padding-left:16px}}.contact-main{width:100%;max-width:700px;margin:60px auto 140px;padding:0 20px;color:#000;box-sizing:border-box;text-align:left}.contact-main h2{text-align:center;margin-bottom:1.5rem;font-size:28px}.contact-main form{display:flex;flex-direction:column;gap:1.2rem}.contact-main label{display:flex;flex-direction:column;font-weight:700;font-size:1rem;gap:.4rem}.contact-main input,.contact-main textarea{width:100%;padding:.6rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.contact-main textarea{height:150px;resize:vertical}.contact-main button{margin-top:1rem;padding:.7rem 1rem;font-size:1.1rem;background-color:#07c;color:#fff;border:none;border-radius:6px;cursor:pointer}.contact-main button:hover{background-color:#005fa3}.contact-main p{margin-top:1rem;font-weight:700;text-align:center}@media(max-width:600px){.contact-main{margin-top:40px;margin-bottom:160px;padding:0 16px}.contact-main h2{font-size:24px}.contact-main input,.contact-main textarea{font-size:.95rem;padding:.55rem}.contact-main button{font-size:1rem;padding:.6rem}}#main-container{display:flex;flex-direction:column;margin:0;min-height:100vh}main{flex:1}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden}#main-container{display:flex;flex-direction:column;min-height:100vh;background:#f8f9fa}.initial-setup-container{width:100%;max-width:720px;margin:40px auto;padding:32px 28px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000f;font-family:Helvetica,Arial,sans-serif}.initial-setup-title{width:100%;font-size:1.6rem;font-weight:700;margin-bottom:28px;text-align:center;color:#333}.initial-setup-input{width:100%;padding:14px;margin-bottom:24px;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#fafafa}.initial-setup-input:focus{border-color:#007bff;outline:none;background:#fff}.initial-setup-agree{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:1rem;line-height:1.4;color:#444}.initial-setup-agree input[type=checkbox]{margin:0;width:18px;height:18px;cursor:pointer}.initial-setup-agree span{display:inline-block}.initial-setup-agree a{color:#007bff;text-decoration:underline}.initial-setup-agree a:visited{color:#007bff}.initial-setup-agree a:hover{text-decoration:none}.initial-setup-button{width:100%;display:block;padding:16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer}.initial-setup-button:hover:not(:disabled){background:#005fcc}.initial-setup-button:disabled{background:#b5b5b5;cursor:not-allowed}@media(max-width:600px){.initial-setup-container{margin:20px auto;padding:24px 16px}.initial-setup-title{font-size:1.4rem;margin-bottom:20px}.initial-setup-input{padding:12px;font-size:.95rem}.initial-setup-agree{font-size:.95rem;line-height:1.4}.initial-setup-button{padding:14px;font-size:1rem}}