.trials-page{max-width:none}.trials-loading{padding:40px 0}.loading-skeleton{flex-direction:column;gap:24px;display:flex}.skeleton-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.skeleton-card{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-md);background-size:200% 100%;height:140px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-details{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);border-radius:var(--radius-lg);background-size:200% 100%;height:400px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.trials-error{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.error-icon{margin-bottom:16px;font-size:48px}.error-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.error-message{color:var(--text-secondary);max-width:400px;margin-bottom:24px;font-size:14px}.retry-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 24px;font-size:14px;font-weight:500}.retry-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.trials-empty{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.empty-message{color:var(--text-secondary);max-width:400px;margin-bottom:24px;font-size:14px}.refresh-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:12px 24px;font-size:14px;font-weight:500}.refresh-btn:hover:not(:disabled){background:var(--color-primary-subtle);border-color:var(--color-primary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.fallback-badge{background:var(--color-accent-orange-subtle,#ff98001a);border:1px solid var(--color-accent-orange);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;display:flex}.fallback-icon{font-size:14px}.fallback-text{color:var(--color-accent-orange);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.trials-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.header-badges{align-items:stretch;gap:12px;display:flex}.time-remaining-badge{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;align-items:flex-end;padding:12px 20px;display:flex}.time-remaining-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-accent-orange);font-size:11px;font-weight:600}.time-remaining-value{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px;font-weight:600}.week-badge{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;align-items:flex-end;padding:12px 20px;display:flex}.week-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);font-size:11px;font-weight:600}.week-dates{color:var(--text-primary);margin-top:4px;font-size:14px;font-weight:500}.objectives-section{margin-bottom:32px}.objectives-section .section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;font-size:14px;font-weight:600}.objectives-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.objective-card{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex}.objective-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-2px)}.objective-card--selected{border-color:var(--color-primary);background:var(--color-primary-subtle)}.objective-card--selected:hover{border-color:var(--color-primary)}.objective-card-icon{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;display:flex;overflow:hidden}.objective-card-icon img{object-fit:cover;width:100%;height:100%}.objective-card--selected .objective-card-icon{background:var(--color-primary-muted)}.objective-card-content{flex-direction:column;gap:4px;display:flex}.objective-card-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.objective-card-type{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px}.details-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:28px}.details-header{border-bottom:1px solid var(--border-default);align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.details-icon{background:var(--color-primary-subtle);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.details-icon img{object-fit:cover;width:100%;height:100%}.details-title-group{flex-direction:column;gap:4px;display:flex}.details-title{color:var(--text-primary);font-size:24px;font-weight:700}.details-type{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);font-size:12px;font-weight:600}.details-description{color:var(--text-secondary);max-width:1200px;margin-bottom:28px;font-size:15px;line-height:1.6}.details-notice{background:var(--bg-tertiary);border:1px solid var(--border-default);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:28px;padding:14px 18px;display:flex}.details-notice .notice-icon{flex-shrink:0;font-size:16px}.details-notice .notice-text{color:var(--text-secondary);font-size:14px;line-height:1.4}.details-block{margin-bottom:28px}.details-block:last-child{margin-bottom:0}.block-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;font-size:14px;font-weight:600}.best-maps-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;max-width:900px;display:grid}.best-map-item{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:flex-start;gap:16px;padding:16px;display:flex}.map-rank{width:32px;height:32px;color:var(--color-primary);background:var(--color-primary-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.map-info{flex-direction:column;gap:4px;display:flex}.map-name{color:var(--text-primary);font-size:15px;font-weight:600}.map-reason{color:var(--text-secondary);font-size:13px;line-height:1.4}.tips-list{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:16px;display:grid}.tip-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-orange);gap:12px;padding:16px;display:flex}.tip-icon{flex-shrink:0;font-size:18px}.tip-content{flex-direction:column;gap:6px;display:flex}.tip-title{color:var(--text-primary);font-size:14px;font-weight:600}.tip-description{color:var(--text-secondary);font-size:13px;line-height:1.5}.details-block--premium{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffc10708,#0000);border:1px solid #ffc10726;max-width:900px;padding:20px}.block-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.block-title-row .block-title{margin-bottom:0}.premium-feature-tag{background:linear-gradient(135deg,#ffc10726,#ff98001a);border:1px solid #ffc1074d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.premium-feature-tag .tag-icon{color:#ffc107;justify-content:center;align-items:center;font-size:11px;line-height:0;display:flex}.premium-feature-tag .tag-text{color:#ffc107;letter-spacing:.5px;align-items:center;font-size:11px;font-weight:600;line-height:1;display:flex}.map-filters-list{flex-wrap:wrap;gap:12px;display:flex}.view-map-btn{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;width:fit-content;padding:12px 18px;display:inline-flex}.view-map-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.view-map-btn .btn-icon{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.view-map-btn .btn-icon svg{width:16px;height:16px}.view-map-btn .btn-text{color:var(--text-primary);font-size:14px;font-weight:500}.view-map-btn .btn-arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:14px}.view-map-btn:hover .btn-arrow{color:var(--color-primary);transform:translate(4px)}@media (max-width:1100px){.objectives-grid,.skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.trials-page{padding:16px}.objectives-section{margin-bottom:24px}.objectives-section .section-title{margin-bottom:12px}.objectives-grid,.skeleton-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.objectives-grid::-webkit-scrollbar{height:4px}.skeleton-grid::-webkit-scrollbar{height:4px}.objectives-grid::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.skeleton-grid::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.objective-card,.skeleton-card{scroll-snap-align:start;flex-shrink:0;gap:10px;min-width:140px;padding:16px 12px}.objective-card:hover{transform:none}.skeleton-card{height:120px}.objective-card-icon{width:56px;height:56px}.objective-card-name{font-size:12px}.objective-card-type{font-size:10px}.tips-list{grid-template-columns:1fr}.trials-page .page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.trials-page .page-title{font-size:20px}.trials-page .page-description{font-size:13px}.header-badges{flex-wrap:wrap;gap:8px;width:100%}.week-badge,.time-remaining-badge{flex:1;align-items:flex-start;min-width:140px;padding:10px 14px}.week-label,.time-remaining-label{font-size:10px}.week-dates,.time-remaining-value{font-size:13px}.fallback-badge{order:-1;justify-content:center;width:100%;padding:6px 12px}.details-section{border-radius:var(--radius-md);padding:20px}.details-header{gap:12px;margin-bottom:12px;padding-bottom:12px}.details-icon{border-radius:var(--radius-sm);width:48px;height:48px}.details-title{font-size:18px}.details-type{font-size:11px}.details-description{margin-bottom:20px;font-size:14px}.details-notice{gap:8px;margin-bottom:20px;padding:12px 14px}.details-notice .notice-icon{font-size:14px}.details-notice .notice-text{font-size:13px}.details-block{margin-bottom:20px}.block-title{margin-bottom:12px;font-size:12px}.best-maps-list{grid-template-columns:1fr;gap:10px}.best-map-item{gap:12px;padding:14px}.map-rank{width:28px;height:28px;font-size:12px}.map-name{font-size:14px}.map-reason{font-size:12px}.tips-list{gap:12px}.tip-item{gap:10px;padding:14px}.tip-icon{font-size:16px}.tip-title{font-size:13px}.tip-description{font-size:12px}.details-block--premium{padding:16px}.block-title-row{flex-flow:wrap;align-items:center;gap:8px;margin-bottom:14px}.block-title-row .block-title{flex:1;min-width:0;font-size:12px}.premium-feature-tag{flex-shrink:0;padding:4px 8px}.premium-feature-tag .tag-icon{font-size:10px}.premium-feature-tag .tag-text{font-size:9px}.map-filters-list{display:contents}.view-map-btn{justify-content:flex-start;gap:8px;width:auto;margin:0;padding:10px 14px}.view-map-btn .btn-icon{flex-shrink:0}.view-map-btn .btn-text{white-space:nowrap;font-size:13px}.view-map-btn .btn-arrow{flex-shrink:0}.trials-error,.trials-empty{padding:48px 24px}.error-icon,.empty-icon{font-size:36px}.error-title,.empty-title{font-size:18px}.error-message,.empty-message{font-size:13px}}@media (max-width:480px){.trials-page{padding:12px}.trials-page .page-header{gap:12px;margin-bottom:16px}.trials-page .page-title{font-size:18px}.objective-card{gap:8px;min-width:120px;padding:12px 10px}.objective-card-icon{width:48px;height:48px}.objective-card-name{font-size:11px}.details-section{padding:16px}.details-header{text-align:center;flex-direction:column}.details-title-group{align-items:center}.details-title{font-size:16px}.details-description{text-align:center;font-size:13px}.week-badge,.time-remaining-badge{flex:1;min-width:0;padding:8px 12px}.week-dates,.time-remaining-value{font-size:12px}}@media (max-height:500px) and (max-width:900px){.objectives-grid{padding-bottom:4px}.objective-card{min-width:100px;padding:10px 8px}.objective-card-icon{width:40px;height:40px}.details-section{padding:14px}.details-header{text-align:left;flex-direction:row}.details-title-group{align-items:flex-start}}