:root{--bg-main: #0a0a0a;--bg-card: #161616;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-gold: #FFD700;--accent-blue: #3b82f6;--accent-red: #e50914;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-num: "Oswald", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;padding-bottom:100px}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:100;background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:1rem 2rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;position:relative}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.05em;display:none}.logo-link{position:absolute;left:2rem;display:flex;align-items:center;justify-content:center;text-decoration:none;height:50px;width:auto;min-width:150px;padding-right:0;overflow:hidden}.logo-img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transform:scale(3);transform-origin:center center;transition:filter .3s ease}.logo-link:hover .logo-img{filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}.toggle-container{background:#222;border-radius:30px;padding:4px;display:flex;position:relative}.toggle-btn{padding:8px 24px;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.3s;color:var(--text-secondary);text-decoration:none!important}.toggle-btn:hover{color:#fff}.toggle-btn.active{background:#444;color:#fff;box-shadow:0 2px 10px #00000080}.header-controls{display:flex;align-items:center;gap:16px}.filter-text{display:inline}.filter-mobile{display:none!important}.filter-desktop{position:absolute;right:2rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-title{text-align:center;margin:60px 0 40px;font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.top-rankings{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:60px;flex-wrap:wrap}.top-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:20px;text-align:center;width:300px;position:relative;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:flex-start}.top-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0009;border-color:#ffffff4d}.top-card.rank-1{order:2;width:340px;height:740px!important;min-height:740px;padding:30px 20px;border:1px solid rgba(255,215,0,.3);background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.top-card.rank-2{order:1;width:300px;height:660px!important;min-height:660px}.top-card.rank-3{order:3;width:270px;height:580px!important;min-height:580px}.rank-badge{font-family:var(--font-num);font-size:4rem;line-height:1;font-weight:700;margin-bottom:10px;display:block;flex-shrink:0}.rank-1 .rank-badge{color:var(--accent-gold);text-shadow:0 0 20px rgba(255,215,0,.4)}.rank-2 .rank-badge{color:silver}.rank-3 .rank-badge{color:#cd7f32}.poster-placeholder,.card-poster{width:100%;flex:1;min-height:0;background-color:#333;border-radius:8px;margin-bottom:15px;background-size:cover;background-position:center;transition:opacity .3s}.card-bg-image{display:none;position:absolute;top:0;right:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;pointer-events:none}.ranking-list{display:flex;flex-direction:column;gap:6px}.list-item{display:grid;grid-template-columns:60px 1fr 220px;align-items:center;background:var(--glass);border:1px solid var(--glass-border);padding:15px 20px;border-radius:12px;transition:.2s;position:relative;overflow:hidden;height:100px;box-sizing:border-box}.list-item:hover{background:#ffffff14;transform:scale(1.01)}.list-rank{font-family:var(--font-num);font-size:1.8rem;font-weight:700;color:var(--text-secondary);text-align:center;z-index:2}.list-info{padding-left:20px;z-index:2}.movie-title{font-size:1.6rem;font-weight:700;margin-bottom:4px;display:block;color:var(--text-primary)}.movie-title-en{font-size:.85rem;font-weight:500;margin-bottom:8px;display:block;color:var(--text-secondary);font-style:italic;opacity:.8;line-height:1.2}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:.75rem;padding:2px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary)}.list-revenue{text-align:right;position:relative;z-index:2}.revenue-main{display:block;font-family:var(--font-num);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.revenue-sub{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.revenue-bar-bg{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff08,#ffffff14);z-index:0}.list-item.is-japan .revenue-bar-bg{display:none}.list-item.is-japan{background:linear-gradient(90deg,#ffffff14,#ffffff21)}.list-item.is-japan.active-movie{background:linear-gradient(90deg,#ffffff14,#ffffff21)!important}.list-bg-image{position:absolute;top:0;right:180px;width:30%;height:100%;background-size:100% auto;background-position:center center;border-radius:8px;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 70%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 70%,transparent 100%);z-index:1;pointer-events:none;opacity:1;transition:opacity .3s ease}.list-item:hover .list-bg-image{opacity:.85}@media (max-width: 768px){header{padding:8px 1rem;flex-direction:column;justify-content:center;align-items:center;gap:8px}.page-title{font-size:1.6rem;margin:30px 0 20px;padding:0 10px;line-height:1.2}.logo-link{position:static;left:auto;width:auto;min-width:120px;justify-content:center;margin-bottom:0;height:28px;order:1}.logo-img{height:100%}.header-controls{order:2;display:flex;align-items:center;gap:8px;width:auto}.toggle-container{margin-bottom:0}.filter-text{display:none}.filter-mobile{display:flex!important}.filter-desktop{display:none!important}.filter-trigger-btn{padding:6px 10px;min-width:auto}.genre-filter-wrapper{order:3;width:100%;display:flex;justify-content:center;margin-left:0!important}.top-rankings{flex-direction:column;gap:6px;margin-bottom:6px;align-items:stretch}.top-card{width:100%;max-width:none;padding:5px 10px;display:grid;grid-template-columns:35px 1fr auto;grid-template-rows:auto;align-items:center;gap:12px;text-align:left;order:unset!important;overflow:hidden;min-height:60px;height:60px;box-sizing:border-box;position:relative}.top-card.rank-1,.top-card.rank-2,.top-card.rank-3{border-width:1px;margin-bottom:0;width:100%!important;height:60px!important;min-height:60px!important;display:grid!important}.top-card.rank-1{order:1!important;background:linear-gradient(90deg,#ffd7001a,#0a0a0a);border-color:#ffd70066;width:100%!important;max-width:none!important;display:grid!important;margin:0!important;box-sizing:border-box!important;align-items:center!important;padding:5px 10px!important}.top-card.rank-2{order:2!important;background:linear-gradient(90deg,#c0c0c01a,#0a0a0a);border-color:#c0c0c066}.top-card.rank-3{order:3!important;background:linear-gradient(90deg,#cd7f321a,#0a0a0a);border-color:#cd7f3266}.top-card .rank-badge{grid-column:1;grid-row:1;font-size:1.2rem;margin-bottom:0;text-shadow:none;text-align:center;position:static;width:35px;z-index:2}.top-card .poster-placeholder,.top-card .card-poster{display:none!important}.top-card .movie-title{grid-column:2;grid-row:1;line-height:1.3;margin-bottom:0;display:block;white-space:normal;overflow:visible;align-self:center;padding-right:5px;z-index:2}.top-card .movie-title,.list-item .movie-title{transition:font-size .2s}.top-card .movie-title.title-short,.list-item .movie-title.title-short{font-size:.95rem}.top-card .movie-title.title-medium,.list-item .movie-title.title-medium{font-size:.85rem}.top-card .movie-title.title-long,.list-item .movie-title.title-long{font-size:.75rem}.top-card .movie-title:not([class*=title-]),.list-item .movie-title:not([class*=title-]){font-size:.95rem}.top-card .movie-title-en{display:none}.top-card .revenue-container{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:center;text-align:right;gap:2px;z-index:2}.top-card .revenue-main{display:block;font-size:.95rem;white-space:nowrap;line-height:1.1}.top-card .revenue-sub{display:block;font-size:.6rem;margin-top:0;opacity:.8;line-height:1.1;grid-column:unset;grid-row:unset}.active-badge-card{position:absolute!important;top:4px!important;left:28px!important;transform:translate(-50%)!important;font-size:.4rem!important;padding:1px 4px!important;z-index:10!important;white-space:nowrap;line-height:1;margin:0!important;animation:pulse-badge 2s infinite}.top-card .rank-badge{padding-top:0!important;line-height:1!important}.top-card .ai-trigger-btn{position:absolute;top:4px;bottom:auto;right:5px;width:14px;height:14px;padding:0;display:flex;align-items:center;justify-content:center}.top-card .ai-sparkle-icon{width:10px;height:10px}.top-card:hover{transform:none;box-shadow:none}.list-item{grid-template-columns:35px 1fr auto;column-gap:12px;row-gap:0;padding:5px 10px;align-items:center!important;position:relative;min-height:60px;height:60px;overflow:hidden;box-sizing:border-box;border-radius:16px}.list-rank{font-size:1.2rem;width:35px;text-align:center;padding-top:0;line-height:1.2}.list-revenue{min-width:70px;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:2px;margin-right:0;padding:0;height:100%;grid-column:3;grid-row:1}.list-revenue .revenue-main{font-size:.95rem;line-height:1}.list-revenue .revenue-sub{font-size:.6rem;margin-top:2px;line-height:1}.list-item .movie-title-en{display:none}.list-item .ai-drawer{grid-column:1 / -1;display:none}.list-item .ai-drawer.open{display:block;margin-top:10px}.list-item .active-badge{position:absolute!important;top:4px!important;left:28px!important;transform:translate(-50%)!important;font-size:.4rem!important;padding:1px 4px!important;z-index:10!important;white-space:nowrap;line-height:1;margin:0!important}.list-rank{padding-top:0!important;line-height:1!important}.list-item .ai-trigger-btn{position:absolute;top:4px;bottom:auto;right:5px;width:14px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;z-index:20;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0}.list-item .ai-sparkle-icon{width:10px;height:10px}.list-info{margin:0;padding:0}.list-item .movie-title{margin:0;line-height:1.2}.list-bg-image{right:70px;width:50%;opacity:1;background-size:100% auto;background-position:center center;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 70%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 70%,transparent 100%);border-radius:8px}.list-item:hover .list-bg-image{opacity:.8}.top-card .card-bg-image{display:block;position:absolute;top:0;right:70px;width:50%;height:100%;opacity:1;background-size:100% auto;background-position:center center;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 70%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 70%,transparent 100%);border-radius:8px;z-index:1}.top-card .rank-badge{padding-top:0;line-height:1.2}}.genre-filter-container{margin-bottom:2rem;display:flex;justify-content:center;gap:10px}.genre-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--glass-border);padding:8px 16px;border-radius:8px;outline:none}.btn-filter{background:var(--accent-blue);color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.btn-filter:hover{opacity:.9}.active-movie{border:3px solid rgba(46,204,113,.7)!important;box-shadow:0 0 15px #2ecc7126;position:relative;background:#2ecc710d!important}.active-badge{display:inline-block;background:#2ecc71;color:#000;font-size:.6rem;padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:700;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d;animation:pulse-badge 2s infinite}.active-badge-card{position:absolute;top:10px;left:25px;transform:translate(-50%);right:auto;background:#2ecc71;color:#000;font-size:.7rem;padding:3px 8px;border-radius:20px;font-weight:700;z-index:10;box-shadow:0 2px 8px #00000080;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes pulse-badge-centered{0%{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.05);opacity:.9}to{transform:translate(-50%) scale(1);opacity:1}}.cinematic-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:30px}.pagination-btn{display:inline-block;padding:10px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:30px;font-size:.95rem;font-weight:600;transition:all .2s ease;text-decoration:none;cursor:pointer}.pagination-btn:hover:not(.disabled){background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.pagination-btn.disabled{opacity:.5;cursor:default;background:#ffffff0d;border-color:#ffffff0d;pointer-events:none}.ai-overlay-content{color:#f1f5f9!important;font-size:.75rem!important;line-height:1.4!important;max-height:120px!important;overflow-y:auto!important}.list-item .ai-trigger-btn{position:absolute;top:8px;right:8px;width:16px;height:16px;padding:2px;z-index:20}.list-item .ai-sparkle-icon{width:12px;height:12px}