.game-rankings-container{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;width:100%}.rankings-header{align-items:flex-end;border-bottom:2px solid #94a3b81a;border-bottom:2px solid var(--border-color,#94a3b81a);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.rankings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:2.2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}.rankings-header .subtitle{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1rem;margin:0}.rankings-tabs{background-color:#0f172a99;border:1px solid #94a3b81a;border:1px solid var(--border-color,#94a3b81a);border-radius:10px;display:flex;padding:4px}.tab-item{background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-item.active{background-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.tab-item:hover:not(.active){background-color:#ffffff0d;color:#fff}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.period-select-container{position:relative}.period-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0f172a99;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2394a3b8%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #94a3b81a;border:1px solid var(--border-color,#94a3b81a);border-radius:10px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.95rem;font-weight:600;outline:none;padding:10px 40px 10px 16px;transition:all .2s ease}.period-select:hover{background-color:#0f172acc;border-color:#3b82f680}.period-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.past-ranking-alert{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#3b82f626,#9333ea1a);border:1px solid #3b82f640;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:14px 20px}.alert-content{align-items:center;display:flex;gap:10px}.alert-icon{font-size:1.2rem}.alert-text{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.95rem}.alert-text strong{color:#60a5fa;font-weight:700}.reset-period-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:all .2s ease}.reset-period-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rankings-empty,.rankings-error,.rankings-loading{align-items:center;background:#1e293b99;background:var(--bg-card,#1e293b99);border:1px solid #94a3b81a;border:1px solid var(--border-color,#94a3b81a);border-radius:16px;box-shadow:0 10px 15px -3px #0000000d;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.rankings-loading p{color:#94a3b8;color:var(--text-muted,#94a3b8);font-weight:500;margin-top:15px}.rankings-error .error-icon{font-size:3rem;margin-bottom:15px}.rankings-error p{color:#ef4444;font-weight:600;margin-bottom:20px}.retry-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background-color .2s}.retry-btn:hover{background-color:#2563eb}.rankings-table-wrapper{background:#1e293b99;background:var(--bg-card,#1e293b99);border:1px solid #94a3b81a;border:1px solid var(--border-color,#94a3b81a);border-radius:16px;box-shadow:0 10px 15px -3px #0000000d;overflow:hidden}.rankings-table{background:#0000;border-collapse:collapse;text-align:left;width:100%}.rankings-table th{background-color:#0f172a66;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:16px 20px;text-transform:uppercase}.ranking-row,.rankings-table th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-color,#94a3b81a)}.ranking-row{background:#0000;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.ranking-row:last-child{border-bottom:none}.ranking-row:hover{background-color:#ffffff05}.rankings-table td{background:#0000;padding:18px 20px;vertical-align:middle}.col-rank{width:80px}.col-change{text-align:center;width:80px}.col-game{min-width:250px}.col-genres{width:180px}.col-score{width:120px}.col-ai{min-width:300px}.rank-cell{align-items:center;display:flex;justify-content:center}.medal{font-size:1.6rem}.rank-number{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:1.1rem;font-weight:700}.rank-change{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:700;min-width:45px;padding:4px 8px;text-align:center}.rank-change.new{background-color:#fae8ff26;color:#f472b6}.rank-change.up{background-color:#fee2e226;color:#f87171}.rank-change.down{background-color:#dbeafe26;color:#60a5fa}.rank-change.same{background-color:#f1f5f914;color:#94a3b8;color:var(--text-muted,#94a3b8)}.game-info-cell{align-items:center;display:flex;gap:15px}.game-thumb{background-color:#0f172a99;border:1px solid #94a3b826;border:1px solid var(--border-color,#94a3b826);border-radius:8px;flex-shrink:0;height:50px;overflow:hidden;width:90px}.game-thumb img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ranking-row:hover .game-thumb img{transform:scale(1.05)}.game-thumb-fallback{align-items:center;display:flex;font-size:1.4rem;height:100%;justify-content:center;width:100%}.game-names{display:flex;flex-direction:column;gap:4px}.game-title-main{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.05rem;font-weight:700;line-height:1.3}.game-title-sub{color:#64748b;color:var(--text-faint,#64748b);font-size:.8rem}.genres-badge-container{display:flex;flex-wrap:wrap;gap:6px}.genre-badge-mini{background-color:#3b82f61f;border:1px solid #3b82f640;border-radius:4px;color:#60a5fa;font-size:.75rem;font-weight:600;padding:2px 8px}.score-cell{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.score-value{color:#3b82f6;font-size:1.4rem;font-weight:800;line-height:1}.score-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;font-weight:700;text-transform:uppercase}.ai-summary-cell{align-items:flex-start;background-color:#9333ea0d;border:1px dashed #9333ea33;border-radius:8px;display:flex;gap:8px;padding:10px 14px}.ai-sparkle{flex-shrink:0;font-size:.95rem;margin-top:1px}.ai-one-liner{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#c084fc;display:-webkit-box;font-size:.85rem;font-weight:500;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.rankings-footer-info{background:#1e293b66;border:1px solid #94a3b81a;border:1px solid var(--border-color,#94a3b81a);border-radius:12px;margin-top:40px;padding:24px}.rankings-footer-info h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1rem;font-weight:700;margin:0 0 10px}.rankings-footer-info p{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.9rem;line-height:1.6;margin:0}.desktop-only-table{display:block}.mobile-only-cards{display:none}.ranking-card{background:#1e293b73;border:1px solid #94a3b81a;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.ranking-card:hover{background:#1e293bb3;border-color:#3b82f659;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:translateY(-2px)}.ranking-card .card-header{align-items:center;border-bottom:1px solid #94a3b814;display:flex;justify-content:space-between;padding-bottom:10px}.ranking-card .card-rank-info{gap:8px}.ranking-card .card-change,.ranking-card .card-rank,.ranking-card .card-rank-info,.ranking-card .card-score-info{align-items:center;display:flex}.ranking-card .card-score-info .score-cell{align-items:center;background:#3b82f61a;border:1px solid #3b82f626;border-radius:20px;flex-direction:row;gap:4px;padding:3px 10px}.ranking-card .card-score-info .score-value{color:#3b82f6;font-size:1.1rem;font-weight:800}.ranking-card .card-score-info .score-label{color:#60a5fa;font-size:.7rem;font-weight:700}.ranking-card .card-body{align-items:flex-start;display:flex;gap:14px}.ranking-card .game-thumb{background-color:#0f172a99;border:1px solid #94a3b826;border-radius:6px;flex-shrink:0;height:45px;overflow:hidden;width:80px}.ranking-card .card-game-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.ranking-card .game-title-main{color:#f1f5f9;font-size:1.05rem;font-weight:700;line-height:1.3}.ranking-card .game-title-sub{color:#94a3b8;font-size:.8rem}.ranking-card .card-genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ranking-card .card-footer{margin-top:2px}.ranking-card .card-footer .ai-summary-cell{align-items:center;background-color:#9333ea0a;border:1px dashed #9333ea33;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.ranking-card .card-footer .ai-sparkle{flex-shrink:0;font-size:.9rem}.ranking-card .card-footer .ai-one-liner{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#c084fc;display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.desktop-only{display:none!important}}@media (max-width:768px){.desktop-only-table{display:none!important}.mobile-only-cards{display:flex;flex-direction:column;gap:12px;padding:0}.rankings-table-wrapper{background:#0000;border:none;box-shadow:none;overflow:visible}.game-rankings-container{margin:20px auto}.rankings-header{align-items:flex-start;flex-direction:column;gap:15px}.rankings-header h1{font-size:1.8rem}.rankings-tabs{width:100%}.tab-item{flex:1 1;font-size:.9rem;padding:10px;text-align:center}.header-controls{align-items:stretch;flex-direction:column-reverse;gap:12px;width:100%}.period-select,.period-select-container{width:100%}.past-ranking-alert{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.reset-period-btn{padding:8px;text-align:center;width:100%}}.rankings-share-btn{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#60a5fa;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;outline:none;padding:10px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.share-gm-badge{animation:pulseBadge 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fff;border-radius:20px;box-shadow:0 4px 6px -1px #d9770666,0 2px 4px -1px #0003;color:#fff;font-size:11px;font-weight:800;padding:2px 6px;position:absolute;right:-8px;top:-8px;white-space:nowrap}@keyframes pulseBadge{0%{box-shadow:0 4px 6px -1px #d9770666,0 2px 4px -1px #0003;transform:scale(1)}50%{box-shadow:0 0 10px #f59e0bcc;transform:scale(1.05)}to{box-shadow:0 4px 6px -1px #d9770666,0 2px 4px -1px #0003;transform:scale(1)}}.rankings-share-btn:hover{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff;transform:translateY(-1px)}.rankings-share-btn:active{transform:translateY(0)}.share-btn-icon{flex-shrink:0}.share-modal-overlay{align-items:center;animation:modalFadeIn .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.share-modal-content{animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;color:#0f172a;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow-y:auto;width:90%}.share-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.share-modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0}.share-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.75rem;height:28px;justify-content:center;line-height:1;padding:0;transition:color .2s ease;width:28px}.share-modal-close:hover{background-color:#f1f5f9;color:#0f172a}.share-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.share-sns-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.share-sns-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:8px 0;transition:all .2s ease}.share-sns-item:hover{background-color:#f8fafc;transform:translateY(-2px)}.sns-icon-wrapper{align-items:center;border-radius:50%;box-shadow:0 4px 6px -1px #0000000d;color:#fff;display:flex;height:48px;justify-content:center;transition:filter .2s ease;width:48px}.share-sns-item:hover .sns-icon-wrapper{filter:brightness(1.05)}.naver .sns-icon-wrapper{background-color:#2db400}.sns-blog-icon{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.3rem;font-weight:850}.facebook .sns-icon-wrapper{background-color:#1877f2}.x-sns .sns-icon-wrapper{background-color:#0f1419}.sns-label{color:#475569;font-size:.8rem;font-weight:700}.share-divider{background-color:#f1f5f9;height:1px;margin:2px 0}.share-copy-section{display:flex;flex-direction:column;gap:16px}.copy-action-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.copy-action-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.action-title{color:#0f172a;font-size:.95rem;font-weight:800}.action-desc{color:#64748b;font-size:.78rem;line-height:1.4}.copy-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:700;min-width:95px;padding:8px 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.copy-btn:hover{background-color:#e2e8f0;color:#0f172a}.copy-btn.success{animation:copyPulse .3s ease;background-color:#10b981;border-color:#10b981;color:#fff}.share-preview-section{display:flex;flex-direction:column;gap:12px}.preview-options{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.preview-options h3{color:#0f172a;font-size:.9rem;font-weight:800;margin:0}.theme-toggle-group{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:3px}.theme-toggle-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.78rem;font-weight:700;padding:5px 12px;transition:all .2s ease}.theme-toggle-btn.active{background-color:#fff;box-shadow:0 1px 3px #00000014;color:#3b82f6}.preview-container{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:block;max-height:380px;overflow-y:auto;padding:12px}.share-preview-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000008;max-width:380px;padding:16px;text-align:center;transition:all .25s ease;width:100%}.share-preview-card.light{background-color:#fff;border-color:#e2e8f0;color:#0f172a}.share-preview-card.dark{background-color:#1e293b;border-color:#334155;color:#f8fafc}.preview-header{margin-bottom:12px}.preview-brand{color:#3b82f6;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.preview-title{font-size:14px;font-weight:800;line-height:1.3;margin:0 0 2px}.share-preview-card.light .preview-title{color:#0f172a!important}.share-preview-card.dark .preview-title{color:#f8fafc!important}.share-preview-card.light .preview-game-name{color:#0f172a!important}.share-preview-card.dark .preview-game-name{color:#f8fafc!important}.preview-subtitle{font-size:11px}.share-preview-card.light .preview-subtitle{color:#64748b}.share-preview-card.dark .preview-subtitle{color:#94a3b8}.preview-list{display:flex;flex-direction:column;gap:6px}.preview-row{align-items:center;border:1px solid;border-radius:8px;display:flex;padding:8px;transition:all .25s ease}.share-preview-card.light .preview-row{background-color:#f8fafc;border-color:#f1f5f9}.share-preview-card.dark .preview-row{background-color:#0f172a;border-color:#1e293b}.preview-rank{flex-shrink:0;font-size:13px;font-weight:700;margin-right:6px;text-align:center;width:24px}.share-preview-card.light .preview-rank{color:#475569}.share-preview-card.dark .preview-rank{color:#94a3b8}.preview-thumb{background-color:#e2e8f0;border-radius:4px;flex-shrink:0;height:30px;margin-right:8px;overflow:hidden;width:54px}.preview-thumb img{height:100%;object-fit:cover;width:100%}.preview-thumb-fallback{align-items:center;display:flex;font-size:11px;height:100%;justify-content:center;width:100%}.preview-game-name{flex:1 1;font-size:12px;font-weight:700;min-width:0;overflow:hidden;padding-right:4px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview-score{flex-shrink:0;text-align:right}.preview-score-val{color:#3b82f6;display:block;font-size:13px;font-weight:800;line-height:1}.preview-score-lbl{color:#94a3b8;font-size:7.5px;font-weight:700;text-transform:uppercase}.preview-footer{border-top:1px solid;margin-top:12px;padding-top:10px}.share-preview-card.light .preview-footer{border-color:#f1f5f9}.share-preview-card.dark .preview-footer{border-color:#334155}.preview-footer-btn{background-color:#3b82f6;border-radius:6px;color:#fff;cursor:default;display:inline-block;font-size:10.5px;font-weight:600;padding:5px 12px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media (max-width:768px){.rankings-share-btn{margin-top:4px;width:100%}.share-modal-content{border-radius:16px;max-height:90vh}.share-modal-body{gap:16px;padding:16px}.copy-action-row{align-items:stretch;flex-direction:column;gap:8px}.copy-btn{width:100%}.preview-options h3{margin-bottom:6px;width:100%}.theme-toggle-group{width:100%}.theme-toggle-btn{flex:1 1;text-align:center}}
/*# sourceMappingURL=5686.4b2dddea.chunk.css.map*/