@media (max-width:768px){.mobile-nav{padding:.75rem 1rem}.mobile-menu-btn{padding:.5rem;border-radius:.375rem;transition:background-color .2s}.mobile-menu-btn:hover{background-color:rgba(59,130,246,.1)}.mobile-menu-item{padding:.75rem 0;border-bottom:1px solid rgba(75,85,99,.3)}.mobile-menu-item:last-child{border-bottom:none}.mobile-character-select{width:100%;padding:.75rem;font-size:.875rem;border-radius:.5rem;background-color:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.5);color:white}.mobile-dashboard-card{padding:1rem;margin-bottom:1rem;border-radius:.75rem;background-color:rgba(0,0,0,.7)}.mobile-event-item{padding:.75rem;margin-bottom:.75rem;border-radius:.5rem}.mobile-event-name{font-size:.875rem;font-weight:600}.mobile-event-time{font-size:1rem;font-weight:700}.mobile-btn{padding:.75rem 1rem;font-size:.875rem;border-radius:.5rem;width:100%;margin-bottom:.5rem}.mobile-table{font-size:.75rem;overflow-x:auto}.mobile-table td,.mobile-table th{padding:.5rem .25rem;white-space:nowrap}.mobile-modal{margin:1rem;max-width:calc(100vw - 2rem)}.mobile-modal-content{padding:1rem}.mobile-input{width:100%;padding:.75rem;font-size:.875rem;border-radius:.5rem;margin-bottom:.75rem}.mobile-text-sm{font-size:.75rem}.mobile-text-base{font-size:.875rem}.mobile-text-lg{font-size:1rem}.mobile-text-xl{font-size:1.125rem}.mobile-p-2{padding:.5rem}.mobile-p-3{padding:.75rem}.mobile-p-4{padding:1rem}.mobile-mb-2{margin-bottom:.5rem}.mobile-mb-3{margin-bottom:.75rem}.mobile-mb-4{margin-bottom:1rem}.mobile-grid-1{grid-template-columns:1fr}.mobile-grid-2{grid-template-columns:repeat(2,1fr);gap:.5rem}.mobile-hero-logo{width:12rem;height:auto}.mobile-hero-title{font-size:1.5rem;line-height:1.2}.mobile-hero-subtitle{font-size:1rem;line-height:1.3}.mobile-download-btn{width:100%;padding:1rem;font-size:1rem;margin-bottom:.75rem}.mobile-footer{padding:2rem 1rem}.mobile-footer-grid{grid-template-columns:1fr;gap:1.5rem}.mobile-social-icon{width:2.5rem;height:2.5rem}}@media (min-width:769px) and (max-width:1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)}.tablet-grid-3{grid-template-columns:repeat(3,1fr)}}@media (hover:none) and (pointer:coarse){.touch-target{min-height:44px;min-width:44px}.touch-no-hover:hover{transform:none;box-shadow:none}.touch-button{margin-bottom:.75rem}}