:root{--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--container-max-width: 1200px;--container-padding: 1rem;--mobile: 480px;--tablet: 768px;--desktop: 1024px;--large-desktop: 1200px}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}body{background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50,#34495e,#2c3e50);background-attachment:fixed;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0;min-height:100vh;color:#ecf0f1;font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.card-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6,#ced4da,#adb5bd);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #fffc;position:relative;overflow:hidden}.card-container:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);border-radius:10px;pointer-events:none}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 var(--spacing-sm) 0}@media (max-width: 480px){:root{--container-padding: .75rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}body{font-size:var(--font-size-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (min-width: 481px) and (max-width: 768px){:root{--container-padding: 1rem}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (min-width: 769px) and (max-width: 1024px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (min-width: 1025px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}}@media (max-width: 768px){button,.clickable,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}.card,.hero-card-clickable{touch-action:manipulation}*{animation-duration:.2s!important;transition-duration:.2s!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width: 768px) and (orientation: landscape){.home-body{padding:var(--spacing-sm)}.score-container{margin-bottom:var(--spacing-sm)}.fight-container{margin:var(--spacing-sm) 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}@media (max-width: 480px){.d-mobile-none{display:none}.d-mobile-block{display:block}.d-mobile-flex{display:flex}.d-mobile-grid{display:grid}}@media (min-width: 481px) and (max-width: 768px){.d-tablet-none{display:none}.d-tablet-block{display:block}.d-tablet-flex{display:flex}.d-tablet-grid{display:grid}}@media (min-width: 769px){.d-desktop-none{display:none}.d-desktop-block{display:block}.d-desktop-flex{display:flex}.d-desktop-grid{display:grid}}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 481px) and (max-width: 1024px){.hidden-tablet{display:none!important}}@media (min-width: 1025px){.hidden-desktop{display:none!important}}@media (min-width: 769px){.visible-mobile{display:none!important}}@media (max-width: 480px),(min-width: 1025px){.visible-tablet{display:none!important}}@media (max-width: 1024px){.visible-desktop{display:none!important}}@media (min-width: 481px){.text-mobile{display:none!important}}@media (max-width: 480px),(min-width: 769px){.text-tablet{display:none!important}}@media (max-width: 768px){.text-desktop{display:none!important}}