@font-face{font-family:Outfit;src:url(../media/Outfit-VariableFont_wght.9673ca89.ttf)format("truetype")}@font-face{font-family:Inter;src:url(../media/Inter-VariableFont_slnt,wght.84182923.ttf)format("truetype")}@font-face{font-family:Space Grotesk;src:url(../media/SpaceGrotesk-VariableFont_wght.a914a376.ttf)format("truetype")}@font-face{font-family:"Baloo 2";src:url(../media/Baloo2-VariableFont_wght.208e380f.ttf)format("truetype")}@font-face{font-family:Nunito;src:url(../media/Nunito-VariableFont_wght.7de70392.ttf)format("truetype")}.background-by-category.cat1{background-color:var(--category1-06)}.background-by-category.cat2{background-color:var(--category2-06)}.background-by-category.cat3{background-color:var(--category3-06)}.background-by-category.cat4{background-color:var(--category4-06)}.background-by-category.cat5{background-color:var(--category5-06)}.background-by-category.cat6{background-color:var(--category6-06)}.background-by-category.cat7{background-color:var(--category7-06)}.guides,.guides *,.guides :before,.guides :after{box-sizing:border-box}.guides{background:var(--background);min-height:100vh;color:var(--text)}.guides-head{z-index:5;padding:calc(14px + env(safe-area-inset-top))16px 12px;background:color-mix(in srgb,var(--background)62%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid color-mix(in srgb,var(--text)9%,transparent);position:sticky;top:0}.guides-head__row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px;display:flex}.guides-head__title.text{line-height:1;transition:font-size .3s}.guides-head__count.text{color:var(--text-05);white-space:nowrap}.guides-head__more{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .35s,opacity .25s;display:grid}.guides-head__more>*{min-height:0;overflow:hidden}.guides-head__lede.text{color:var(--text-08);text-wrap:pretty;max-width:48ch;padding-top:6px;font-size:13px;line-height:1.45}.guides-head.is-compact .guides-head__title.text{font-size:24px}.guides-head.is-compact .guides-head__more{opacity:0;grid-template-rows:0fr}.guides-mosaic{max-width:1500px;padding:10px 8px calc(120px + env(safe-area-inset-bottom));margin:0 auto;container-type:inline-size}.guides-grid{--cols:3;--gap:8px;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc((100vw - 16px - (var(--cols) - 1)*var(--gap))/var(--cols));grid-auto-rows:calc((100cqw - (var(--cols) - 1)*var(--gap))/var(--cols));gap:var(--gap);grid-auto-flow:dense;display:grid;position:relative}@media (min-width:640px){.guides-grid{--cols:4;--gap:10px}}@media (min-width:900px){.guides-grid{--cols:5;--gap:12px}}@media (min-width:1280px){.guides-grid{--cols:6}}.guides-tile{z-index:0;border-radius:14px;min-width:0;position:relative}.guides-tile--big{grid-area:span 2/span 2}.guides-tile.is-spot{z-index:2}.guides-tile.is-unreleased .guides-tile__hit{opacity:.4;filter:saturate(.6);transition:opacity .4s,filter .4s}.guides-tile.is-unreleased.is-spot .guides-tile__hit{opacity:.85;filter:none}.guides-tile__hit{cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:#0000;background:0 0;border:0;border-radius:14px;padding:0;text-decoration:none;display:block;position:absolute;inset:0}.guides-tile__hit:focus-visible{outline:2px solid var(--accent,#ff2d9a);outline-offset:3px}.guides-tile__art{background:var(--card);border-radius:14px;position:absolute;inset:0;overflow:hidden}.guides-tile__art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.guides-art{pointer-events:none;display:block;position:absolute}.guides-art--cover{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 82%;object-position:50% 82%;width:100%;height:100%;inset:0}.guides-art--ground{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 100%;object-position:50% 100%;width:100%;height:100%;inset:0}.guides-art--hero{filter:drop-shadow(0 8px 14px #00000059);width:auto;height:74%;bottom:-4%;left:50%;transform:translate(-50%)}.guides-tile[data-in] .guides-art--breathe{animation:16s ease-in-out infinite alternate guides-breathe;animation-delay:calc(var(--guides-i,0)*-1.7s)}@keyframes guides-breathe{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.05)translate(-1%,-1%)}}.guides-tile__dim{pointer-events:none;opacity:0;background:#00000057;transition:opacity .9s;position:absolute;inset:0}.guides-grid.is-spotting .guides-tile:not(.is-spot) .guides-tile__dim{opacity:1}.guides-tile__fade{pointer-events:none;background:linear-gradient(#0000,#000000a8);height:60%;position:absolute;bottom:0;left:0;right:0}.guides-tile__ring{pointer-events:none;opacity:0;box-shadow:0 0 0 2px #ffffffeb,0 0 0 5px color-mix(in srgb,var(--accent,#ff2d9a)45%,transparent),0 0 48px 8px color-mix(in srgb,var(--accent,#ff2d9a)32%,transparent),0 22px 44px #00000080;border-radius:14px;transition:opacity .6s;position:absolute;inset:0}.guides-tile.is-spot .guides-tile__ring{opacity:1}.guides-tile__words{pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.guides-tile__title{color:#fff;text-shadow:0 1px 6px #0009;max-width:100%;font-family:var(--font-secondary,"Space Grotesk");letter-spacing:.07em;text-transform:uppercase;overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(9px,2.6vw,12px);font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.guides-tile--big .guides-tile__title{letter-spacing:.09em;font-size:clamp(13px,4.2vw,20px)}.guides-badges{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:7px;left:7px;right:7px}.guides .beta-label{background-color:var(--link);color:var(--text-alt);font-family:var(--font-secondary,"Space Grotesk");letter-spacing:1px;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:8px;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.3;display:inline-block}.guides .beta-label.guides-grade{background-color:var(--card-04);color:var(--text);letter-spacing:.5px}.guides-tile--ghost{background:var(--card);animation:1.6s ease-in-out infinite guides-ghost}@keyframes guides-ghost{0%,to{opacity:.35}50%{opacity:.7}}.guides-empty.text{text-align:center;color:var(--text-08);padding:18vh 24px 0}.guides-bar-wrap{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed}.guides-bar{pointer-events:auto;background:color-mix(in srgb,var(--background)64%,transparent);-webkit-backdrop-filter:blur(22px)saturate(1.5);border:1px solid color-mix(in srgb,var(--text)12%,transparent);border-radius:999px;max-width:100%;padding:5px;box-shadow:0 16px 40px #00000061}.guides-bar__track{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:999px;gap:4px;display:flex;overflow-x:auto}.guides-bar__track::-webkit-scrollbar{display:none}.guides-seg{cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;padding:0;transition:transform .2s;display:grid;position:relative}.guides-seg:hover{transform:scale(1.06)}.guides-seg:active{transform:scale(.94)}.guides-seg:focus-visible{outline:2px solid var(--accent,#ff2d9a);outline-offset:-2px}.guides-seg__fill{z-index:0;background:var(--text);border-radius:50%;position:absolute;inset:2px}.guides-seg__icon{z-index:1;opacity:.7;align-items:center;transition:opacity .25s;display:flex;position:relative}.guides-seg__icon img{-o-object-fit:contain;object-fit:contain;width:30px;height:30px;display:block}.guides-seg:hover .guides-seg__icon,.guides-seg.is-active .guides-seg__icon{opacity:1}.guides-all{align-items:center;display:flex}.guides-all img{background:var(--card);width:20px;height:20px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--text)18%,transparent);border-radius:50%;margin-left:-8px;padding:2px}.guides-all img:first-child{margin-left:0}.guides--still .guides-tile[data-in] .guides-art--breathe{animation:none}.guides--still .guides-head__title.text,.guides--still .guides-head__more,.guides--still .guides-tile__dim,.guides--still .guides-tile__ring,.guides--still .guides-tile__hit{transition:none}
