.trails-view{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;color:#215970}.trails-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.trails-heading small{font-size:9px;letter-spacing:1.7px;font-weight:900;color:#49858d}.trails-heading h2{font:800 29px/1.1 'Baloo 2',sans-serif;margin:3px 0}.trails-heading p{font-size:12px;margin:5px 0 0;color:#467581}.trails-equipped{flex:0 0 auto;border:2px solid #ffe8a0;border-radius:15px;padding:8px 16px;background:#fff8d9;text-align:right;box-shadow:0 3px 0 #c5b985}.trails-equipped small{display:block;font-size:8px;color:#9c7b35}.trails-equipped strong{font:800 20px/1.2 'Baloo 2',sans-serif;color:#725728}.trail-choice-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.trails-view button{min-height:44px;border:2px solid #fffbee;background:linear-gradient(#f8fff8,#c7eee9);box-shadow:0 3px 0 #80b5b5;border-radius:11px;font:850 12px/1.2 'Nunito',sans-serif;color:#285e6e;cursor:pointer;padding:9px 15px}.trails-view button[aria-pressed=true]{background:#ffe3a0;color:#7d5d26;border-color:#fff8cf;box-shadow:0 3px 0 #c8a362}.trails-view button:active{transform:translateY(2px);box-shadow:0 1px 0 #80b5b5}.trails-view button:focus-visible,.trails-exclusives summary:focus-visible{outline:3px solid #1b566d;outline-offset:3px}.trail-choice-bar p{flex:1;min-width:220px;margin:0 0 0 8px;font-size:11px;line-height:1.4;color:#426d7a}.trails-scroll{min-height:0;flex:1;overflow:auto;padding:4px 7px 12px 3px;scrollbar-color:#55afb6 #cfede2;scrollbar-width:thin;overscroll-behavior:contain}.trails-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.trail-card{min-width:0;display:flex;flex-direction:column;border:2px solid #fffdee;border-radius:18px;padding:10px;background:linear-gradient(145deg,#fffdec,#d5f2e8);box-shadow:0 4px 0 #79bcbc}.trail-card[data-selected=true]{outline:3px solid #f5bf4e}.trail-card[data-rarity=legendary]{background:linear-gradient(145deg,#fff4d0,#e6d9f4 65%,#cfedef);border-color:#f7d989}.trail-preview{display:block;width:100%;height:auto;aspect-ratio:2.25;border:1px solid #8dc3c3;border-radius:12px}.trail-rarity{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#54818c;margin-top:12px}.trail-card[data-rarity=legendary] .trail-rarity{color:#725386}.trail-card h3{font:800 21px/1.1 'Baloo 2',sans-serif;margin:5px 0 7px;color:#245d70}.trail-card p{font-size:11px;line-height:1.45;color:#4b7983;min-height:32px;margin:0 0 13px}.trail-card>button{margin-top:auto;width:100%}.trail-included{margin-top:auto;padding:10px 4px;border-top:1px solid #baa8ca;color:#74547c;font-size:10px;font-weight:800}.trails-exclusives{margin-top:22px}.trails-exclusives summary{cursor:pointer;font:800 22px/1.2 'Baloo 2',sans-serif;min-height:44px;padding:10px 0;color:#584773}.trails-exclusives summary span{font:800 11px 'Nunito',sans-serif;margin-left:8px;color:#87759a}.trails-exclusives>p{font-size:12px;color:#6f637d;margin:0 0 15px}.trails-loading{margin:0;font-size:10px;line-height:1.35;color:#467a85}.trails-view>.collection-tabs,.balloons-view>.collection-tabs{position:static;align-self:flex-start}.trails-view>.collection-tabs button{min-height:36px}.collection-tabs{max-width:100%;overflow-x:auto;flex-shrink:0}.collection-tabs button{white-space:nowrap}
@media(min-width:1350px){.trails-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.trails-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.trails-heading h2{font-size:25px}.trails-equipped strong{font-size:17px}.trail-card h3{font-size:18px}.trail-card p{font-size:10px}}
@media(max-width:520px){.trails-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.trails-view{gap:9px}.trails-heading{align-items:flex-start}.trails-heading h2{font-size:23px}.trails-heading p{font-size:10px}.trails-equipped{max-width:115px;padding:6px 9px}.trails-equipped strong{font-size:15px}.trail-choice-bar p{flex-basis:100%;margin:3px 0 0}.trail-card{padding:8px;border-radius:14px}.trail-card h3{font-size:18px}.trail-card p{min-height:43px}.trail-rarity{font-size:7px;letter-spacing:.7px}.trails-exclusives summary{font-size:19px}.trails-exclusives summary span{display:block;margin:4px 0}.collection-tabs button{padding:7px 13px!important}}
@media(max-height:500px) and (orientation:landscape){.trails-view{gap:6px}.trails-heading h2{font-size:21px;margin:0}.trails-heading>div>small,.trails-heading p{display:none}.trails-equipped{padding:3px 9px}.trails-equipped strong{font-size:15px}.trails-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.trail-choice-bar{gap:7px}.trail-choice-bar p{font-size:9px;min-width:170px}.trails-view button{min-height:38px;padding:7px 10px;font-size:10px}.trails-view>.collection-tabs button{min-height:30px}.trail-preview{aspect-ratio:2.7}.trail-card{padding:7px;border-radius:13px}.trail-card h3{font-size:17px}.trail-card p{font-size:9px;min-height:26px;margin-bottom:9px}.trail-rarity{margin-top:8px;font-size:7px}.trails-loading{font-size:8px}}
@media(max-width:520px) and (orientation:portrait){body:has(.profile-dialog[open] .trails-view){overflow:hidden}body:has(.profile-dialog[open] .trails-view) .app-shell{height:100dvh;min-height:0;padding:0;overflow:hidden}body:has(.profile-dialog[open] .trails-view) .topbar{display:none}body:has(.profile-dialog[open] .trails-view) .app-shell>main{height:calc(100dvh - 24px);min-height:0;margin:12px;width:auto}body:has(.profile-dialog[open] .trails-view) #main-screen{height:100%;min-height:0}}
@media(max-height:500px) and (orientation:landscape){.trails-view{position:relative}.trails-heading{position:absolute;top:3px;right:0}.trails-heading>div:first-child,.trails-equipped small{display:none}.trails-equipped{max-width:180px}.trail-card p{display:none}.trail-card h3{margin-bottom:9px}.trails-loading{display:none}.trails-view>.collection-tabs{margin-right:185px}}