.gr-card{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);color:var(--color-card-foreground);transition:var(--transition-normal);position:relative;overflow:hidden}.gr-header{position:relative;padding-bottom:var(--spacing-sm)}.gr-title{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700}.icon-trophy{width:28px;height:28px;color:var(--color-warning);filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));animation:trophy-glow 2s ease-in-out infinite alternate}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--color-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.category-btn{display:flex;align-items:left;justify-content:left;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-primary);background:var(--color-card);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm);font-weight:500;color:var(--color-muted-foreground);position:relative;overflow:hidden;white-space:normal}.category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.category-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.category-btn:hover:before{left:100%}.category-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.category-btn.active,.category-btn.active .icon-small{color:var(--color-primary-foreground)}.icon-small{width:16px;height:16px;transition:var(--transition-normal)}.ranking-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ranking-title{font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-foreground);text-align:left;padding:var(--spacing-md);background:var(--color-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative}.icon-medium{width:20px;height:20px;color:var(--color-primary)}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:var(--color-foreground);transition:var(--transition-normal);position:relative;overflow:hidden}.ranking-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.ranking-item:hover:before{opacity:1}.ranking-left{gap:var(--spacing-sm);text-align:left}.rank-badge,.ranking-left{display:flex;align-items:center}.rank-badge{width:40px;height:40px;border-radius:var(--radius-full);justify-content:center;font-weight:700;font-size:var(--font-size-sm);position:relative;transition:var(--transition-normal);border:2px solid transparent;flex-shrink:0}.item-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.item-name{font-weight:400;font-size:var(--font-size-base);color:var(--color-foreground);margin-bottom:calc(var(--spacing-xs) * .5);line-height:var(--line-height-tight);text-align:left}.item-country{font-size:var(--font-size-xs);color:var(--color-muted-foreground);font-weight:700;text-align:left}.item-value{font-size:var(--font-size-lg);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.error-state,.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-muted-foreground);font-size:var(--font-size-base);background:var(--color-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.error-state{color:var(--color-destructive);border-color:var(--color-destructive);background:linear-gradient(135deg,var(--color-muted) 0,rgba(239,68,68,.05) 100%)}@media (max-width:768px){.gr-card{padding:var(--spacing-md)}.gr-title{font-size:var(--font-size-xl);gap:var(--spacing-xs)}.categories{grid-template-columns:1fr;gap:var(--spacing-xs)}.ranking-item{padding:var(--spacing-xs);flex-direction:row;text-align:left;gap:var(--spacing-sm);align-items:center}.ranking-left{flex:1}.item-content{min-width:0}.rank-badge{width:32px;height:32px;font-size:var(--font-size-xs)}}.historical-map-slider-card{width:100%;border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:var(--color-card);font-family:system-ui,sans-serif;color:var(--color-card-foreground)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:600}.card-content{padding:var(--spacing-md)}.map-container{position:relative}.map-wrapper{aspect-ratio:16/9;background:var(--color-muted);border-radius:var(--radius-xl);overflow:hidden}.map-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.hm-badge{display:inline-flex;align-items:center;margin:4px 0;padding:2px 6px;border-radius:var(--radius-full);border:1px solid var(--color-primary);font-size:var(--font-size-sm);font-weight:600}.historical-map-slider-title{font-size:var(--font-size-xl);font-weight:600;margin:var(--spacing-sm) 0}.description{color:var(--color-muted-foreground);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.flex-row{display:flex;align-items:center;gap:var(--spacing-md)}.flex-center{display:flex;justify-content:center;gap:var(--spacing-sm)}.grid-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-secondary);color:var(--color-secondary-foreground);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}button:hover{background:var(--color-secondary-hover)}button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-primary-hover)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:none}@media (min-width:768px){.grid-buttons{grid-template-columns:repeat(4,1fr)}}.language-explorer{max-width:auto;margin:0 auto}.le-header{align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-foreground)}.le-header,.le-tabs{display:flex;gap:var(--spacing-sm)}.le-tabs{margin-bottom:var(--spacing-xl);flex-wrap:wrap}.le-tab-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:500}.le-tab-btn.active{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.le-tab-btn:hover{background-color:var(--color-accent);border-color:var(--color-primary)}.le-tab-btn.active:hover{background-color:var(--color-primary-hover)}.le-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600;color:var(--color-foreground)}.le-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.le-card{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal);cursor:pointer}.le-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.le-phrase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.le-phrase-left{display:flex;align-items:center;gap:var(--spacing-md)}.le-flag{font-size:var(--font-size-2xl)}.le-lang{font-weight:600;font-size:var(--font-size-sm);color:var(--color-foreground)}.le-country{font-size:var(--font-size-xs);color:var(--color-muted-foreground)}.le-phrase-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.le-phrase{font-size:var(--font-size-lg);font-weight:500;color:var(--color-foreground);line-height:var(--line-height-snug)}.le-translation{font-size:var(--font-size-sm);color:var(--color-muted-foreground);font-style:italic}.le-script-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.le-script-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.le-type{font-size:var(--font-size-xs);background-color:var(--color-primary);color:var(--color-primary-foreground);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.le-example{font-size:var(--font-size-2xl);font-weight:500;color:var(--color-foreground);line-height:var(--line-height-snug)}.le-countries{font-size:var(--font-size-sm);color:var(--color-muted-foreground)}.le-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999;padding:var(--spacing-md)}.le-modal{background-color:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl);z-index:100000}.le-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs);background-color:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-muted-foreground);transition:all var(--transition-normal);z-index:100001}.le-modal-close:hover{background-color:var(--color-muted);color:var(--color-foreground)}.le-modal-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-foreground);padding-right:var(--spacing-xl)}.le-modal-type{font-size:var(--font-size-sm);background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;font-weight:500;margin-bottom:var(--spacing-lg)}.le-modal-example{font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-foreground);text-align:center;padding:var(--spacing-lg);background-color:var(--color-muted);border-radius:var(--radius-md)}.le-preview-chip{margin-top:8px;display:inline-block;background:#e5f0ff;color:#004aad;font-size:.75rem;padding:2px 8px;border-radius:9999px;text-align:center;cursor:pointer}.le-modal-image{width:100%;height:200px;-o-object-fit:fill;object-fit:fill;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background-color:var(--color-muted);border:1px solid var(--color-border)}.le-modal-countries{font-size:var(--font-size-base);color:var(--color-muted-foreground);line-height:var(--line-height-relaxed)}.le-icon{width:24px;height:24px}.le-icon-small{width:16px;height:16px}.body-lock{overflow:hidden;height:100vh}@media (max-width:768px){.le-grid{grid-template-columns:1fr}.le-modal{margin:var(--spacing-md);padding:var(--spacing-lg)}.le-modal-example{font-size:var(--font-size-2xl)}.le-tabs{justify-content:center}}