@layer components{html:has(.mobile-shell){font-size:clamp(93.75%,4.10256vw,112.5%)}.mobile-shell{max-width:560px;min-height:100dvh;padding-bottom:calc(4.875rem + env(safe-area-inset-bottom));background:var(--background);margin:0 auto;font-size:max(14px,1rem)}.mobile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;display:flex}.mobile-header>a{letter-spacing:-.5px;color:var(--primary);font-size:1.4375rem}.mobile-nav{width:min(100%,560px);padding:.625rem .75rem calc(.625rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);z-index:20;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav-item{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:.3125rem;padding:.3125rem;font-size:max(12px,.75rem);display:flex}.mobile-nav-item svg{width:1.25rem;height:1.25rem}.mobile-nav-item.is-active{color:var(--primary)}.mobile-main{flex-direction:column;gap:1.25rem;min-width:0;padding:1.5rem 1rem;display:flex}.mobile-main>[hidden],.mobile-flow[hidden]{display:none}.mobile-flow{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.mobile-main h1{letter-spacing:-1px;font-size:1.75rem;font-weight:600;line-height:1.25}.mobile-intro{padding:.9375rem .25rem .625rem}.mobile-intro h1{margin:1.375rem 0 1rem;font-size:2.3125rem}.mobile-intro p,.mobile-note{color:var(--muted-foreground);font-size:max(12px,.75rem);line-height:1.8}.mobile-footer{color:var(--muted-foreground);justify-content:space-between;gap:.75rem;padding:.9375rem 1.25rem;font-size:max(12px,.75rem);display:flex}.mobile-game-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mobile-game-heading p{letter-spacing:1px;color:var(--muted-foreground);margin-bottom:.375rem;font-size:.5625rem}.mobile-player{align-items:center;gap:.875rem;scroll-margin-top:1.25rem;display:flex}.mobile-player img{border-radius:.75rem;width:3.25rem;height:3.25rem}.mobile-player h2{overflow-wrap:anywhere;font-size:1.25rem;font-weight:600}.mobile-player p{color:var(--muted-foreground);font-size:max(12px,.75rem)}.mobile-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.mobile-metrics>div{border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:1.0625rem}.mobile-metrics span{color:var(--muted-foreground);font-size:max(12px,.75rem);display:block}.mobile-metrics strong{margin-top:.3125rem;font-size:1.6875rem;display:block}.mobile-ranks{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mobile-ranks>div{flex-direction:column;align-items:center;gap:.5625rem;display:flex}.mobile-ranks img{object-fit:contain;width:5rem;height:5rem}.mobile-ranks small{color:var(--muted-foreground);font-size:max(12px,.75rem)}.mobile-peak{color:var(--primary);font-size:3.5rem;line-height:5rem}.mobile-main .panel{min-width:0;padding:1.125rem}.mobile-main .panel-heading{flex-wrap:wrap;align-items:flex-start;gap:.5rem}.mobile-main .panel-heading h2{font-size:1.125rem}.mobile-main .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-main .rank-emblem{width:4.375rem;height:4.375rem}.mobile-main .rank-emblem img{width:4rem;height:4rem}.mobile-main .rank-card{min-width:0}.mobile-main .rank-card strong{font-size:1rem!important}.mobile-main .hero-grid{grid-template-columns:1fr}.mobile-main .hero-item{min-width:0}.mobile-main .camp-radar svg{width:100%;height:auto}.mobile-match{text-align:left;white-space:normal;grid-template-columns:auto minmax(0,1fr) auto;gap:.625rem;width:100%;height:auto;min-height:64px;display:grid}.mobile-match small{color:var(--muted-foreground);font-size:max(12px,.75rem);display:block}.mobile-comparison .compare-inputs,.mobile-comparison .product-camp-compare-inputs,.mobile-comparison .compare-overview,.mobile-comparison .cc-overview,.mobile-comparison .cc-metrics-grid,.mobile-comparison .comparison-grid,.mobile-comparison .metric-compare-grid{grid-template-columns:1fr;gap:1rem;display:grid}.mobile-comparison .compare-actions{flex-direction:column;align-items:stretch;gap:.875rem;display:flex}.mobile-comparison .compare-actions>div{flex-wrap:wrap;gap:.625rem;display:flex}.mobile-comparison .compare-actions p{font-size:max(12px,.75rem)}.mobile-comparison .cc-player-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.mobile-comparison .cc-player{min-width:0;padding:.75rem}.mobile-comparison .cc-player h2{overflow-wrap:anywhere;font-size:1rem}.mobile-comparison .cc-player img{width:2.25rem;height:2.25rem}.mobile-comparison .cc-legend{flex-wrap:wrap}.mobile-comparison .product-welcome{display:none}.mobile-comparison .cc-dimensions{margin-top:1rem}.mobile-comparison svg{max-width:100%}.mobile-comparison .compare-player-grid{grid-template-columns:1fr 1fr}.mobile-comparison .compare-player-card{min-width:0;padding:.75rem}.mobile-comparison .compare-player-card h2{overflow-wrap:anywhere;font-size:1rem}.mobile-comparison .compare-player-card .player-avatar{width:2.5rem;height:2.5rem}.mobile-comparison .compare-main-grid,.mobile-comparison .compare-metrics{grid-template-columns:1fr}.mobile-report .ai-report-header,.mobile-report-list .ai-report-header{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.mobile-report .ai-report-header h1,.mobile-report-list h1{font-size:1.6875rem}.mobile-report .ai-report-header h1 span{margin:.5rem 0;font-size:.875rem;display:block}.mobile-report .ai-snapshot-grid,.mobile-report .ai-report-columns,.mobile-report .ai-samples{grid-template-columns:1fr;display:grid}.mobile-report .ai-report-section,.mobile-report .ai-recommendations,.mobile-report .ai-conversation{padding:1.125rem}.mobile-report .ai-verdict{padding:1.375rem 1.125rem}.mobile-report .ai-verdict .ai-claim>p{font-size:1.375rem}.mobile-report .ai-progress{flex-wrap:wrap}.mobile-report-list .ai-history-filters{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mobile-report-list .ai-history-item{grid-template-columns:minmax(0,1fr) auto;padding:1.25rem 1rem}.mobile-report-list .ai-history-index{display:none}.mobile-report-list .ai-history h2{font-size:1.0625rem}.mobile-report .ai-form-actions{flex-wrap:wrap;gap:.75rem}.mobile-report .ai-samples h3{overflow-wrap:anywhere}.mobile-shell [data-slot=button],.mobile-shell [data-slot=input],.mobile-shell [data-slot=input-group-control],.mobile-shell [data-slot=native-select],.mobile-shell [data-slot=toggle-group-item]{min-height:44px!important}.mobile-shell [data-slot=input],.mobile-shell [data-slot=input-group-control],.mobile-shell [data-slot=native-select],.mobile-shell [data-slot=textarea]{font-size:max(16px,1rem)!important}.mobile-shell [data-slot=card-footer]{color:var(--muted-foreground);font-size:max(12px,.75rem)}html:has(.mobile-shell) [data-slot=dialog-content] :is(button,input,select){min-height:44px!important}html:has(.mobile-shell) [data-slot=dialog-content] :is(input,textarea){font-size:max(16px,1rem)!important}}