.bento{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=720px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile-ghost,.tile-duo,.tile-pts,.tile-liftoff,.tile-cross,.tile-tempo{grid-column:span 2}}@media (width>=1100px){.bento{grid-template-columns:repeat(6,minmax(0,1fr))}.tile-ghost{grid-area:1/1/span 2/span 4}.tile-exercises{grid-area:1/5/span 2/span 2}.tile-workouts,.tile-steps,.tile-food,.tile-ranks,.tile-friends,.tile-duo,.tile-communities,.tile-coins,.tile-letters{grid-column:span 2}.tile-pts{grid-column:1/-1}.tile-liftoff,.tile-cross,.tile-tempo{grid-column:span 2}}.tone-mint{--tone:#4fdcbf;--tone-soft:#4fdcbf1a}.tone-sky{--tone:#5ec4f5;--tone-soft:#5ec4f51a}.tone-lilac{--tone:#a597ff;--tone-soft:#a597ff1c}.tone-gold{--tone:#ffc452;--tone-soft:#ffc45217}.tone-rose{--tone:#ff8f9c;--tone-soft:#ff8f9c1a}.tile-s{isolation:isolate;background:var(--s-card);min-width:0;box-shadow:0 0 0 1px var(--s-line), var(--s-shadow-1);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.tile-s:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%), var(--tone), transparent 70%);-webkit-mask-composite:xor;opacity:0;transition:opacity .35s var(--s-ease);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tile-s:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%), var(--tone-soft), transparent 60%);opacity:0;transition:opacity .35s var(--s-ease);position:absolute;inset:0}@media (hover:hover){.tile-s:hover:before,.tile-s:hover:after{opacity:1}}.tile-art{background:radial-gradient(120% 100% at 50% 0%, var(--tone-soft), transparent 78%);place-items:center;height:240px;display:grid;position:relative;overflow:hidden}.tile-s:not([data-live]) .tile-art,.tile-s:not([data-live]) .tile-art *{animation-play-state:paused!important}.tile-credit{color:var(--s-muted);margin:2px 24px -6px;font-size:12px;position:relative}.tile-credit a{color:inherit;text-underline-offset:2px;margin:-12px 0;padding:12px 0;display:inline-block}.tile-text{flex-direction:column;gap:8px;margin-top:auto;padding:20px 24px 26px;display:flex;position:relative}.tile-text h3{letter-spacing:-.03em;margin:0;font-size:21px;font-weight:600;line-height:1.15}.tile-text p{color:var(--s-ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.tile-beta{vertical-align:.2em;letter-spacing:.08em;text-transform:uppercase;color:var(--s-ink);background:var(--tone-soft);box-shadow:inset 0 0 0 1px var(--tone);border-radius:999px;margin-left:4px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.3;display:inline-block}@media (width>=1100px){.tile-ghost .tile-art,.tile-exercises .tile-art{flex:1;height:auto;min-height:380px}.tile-ghost .tile-text{padding:24px 32px 30px}.tile-ghost .tile-text h3{font-size:26px}.tile-ghost .tile-text p{max-width:34em;font-size:16px}}.tile-ghost .tile-art{height:330px}.ga{justify-content:center;align-items:center;gap:18px;padding:22px 22px 18px;display:flex;position:absolute;inset:0}.ga-cam{aspect-ratio:3/4;background:#d5e1db;border-radius:22px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 30px 60px -28px #143c3280}.ga-view{width:100%;height:100%}.ga-live{transform-box:view-box;transform-origin:150px 320px;animation:ga-live 6.4s var(--s-ease) infinite}.ga-ghost{fill:#ffffff29;stroke:#8ff4d2;stroke-width:2.5px;stroke-dasharray:7 6;animation:6.4s linear infinite ga-ghost}.ga-thirds{fill:none;stroke:#ffffff80;stroke-width:1px}.ga-chip{color:#fff;-webkit-backdrop-filter:blur(8px);background:#080a0c80;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:12px}.ga-chip-l{left:12px}.ga-chip-r{right:12px}.ga-lined{background:var(--s-grad);color:#04120e;white-space:nowrap;animation:ga-lined 6.4s var(--s-out) infinite;border-radius:999px;align-items:center;gap:5px;padding:5px 11px 5px 9px;font-size:11.5px;font-weight:650;display:inline-flex;position:absolute;top:46px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px -6px #14786480}.ga-shutter{width:40px;height:40px;animation:ga-shutter 6.4s var(--s-ease) infinite;background:#fff;border-radius:50%;margin-left:-20px;position:absolute;bottom:14px;left:50%;box-shadow:0 0 0 3px #ffffff73,0 4px 12px #0000002e}.ga-flash{opacity:0;pointer-events:none;background:#fff;animation:6.4s linear infinite ga-flash;position:absolute;inset:0}.ga-strip{grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;height:100%;margin:0;padding:0;list-style:none;display:grid}.ga-strip li{min-height:0;color:var(--s-muted);grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:4px;font-size:10.5px;font-weight:600;line-height:1.2;display:grid}.ga-strip svg{aspect-ratio:3/4;width:auto;height:100%;box-shadow:0 0 0 1px var(--s-line), 0 8px 16px -10px #00000059;border-radius:9px}.ga-new{animation:ga-new 6.4s var(--s-out) infinite}.ga-new span{color:var(--s-accent)}@media (width<=719px){.ga-strip{grid-template-rows:repeat(3,minmax(0,1fr))}.ga-strip li:first-child{display:none}}@media (width>=1100px){.ga{gap:28px;padding:30px}.ga-strip{gap:14px}}@keyframes ga-live{0%{opacity:0;transform:translate(30px,14px)rotate(5deg)scale(1.08)}8%{opacity:1;transform:translate(30px,14px)rotate(5deg)scale(1.08)}30%{transform:translate(-7px,3px)rotate(-1.2deg)scale(.99)}44%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes ga-ghost{0%,42%{stroke:#fff}48%,86%{stroke:#8ff4d2}94%,to{stroke:#fff}}@keyframes ga-lined{0%,44%{opacity:0;transform:translate(-50%,6px)scale(.92)}50%,84%{opacity:1;transform:translate(-50%)}90%,to{opacity:0;transform:translate(-50%)}}@keyframes ga-shutter{0%,57%{transform:none}60%{transform:scale(.82)}66%,to{transform:none}}@keyframes ga-flash{0%,59%{opacity:0}61%{opacity:.85}72%,to{opacity:0}}@keyframes ga-new{0%,63%{opacity:0;transform:translateY(-10px)scale(.6)}71%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:none}}.tile-exercises .tile-art{height:340px}.ex{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-bottom:12px;display:flex;position:absolute;inset:0}.ex-names{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.ex-names ul{letter-spacing:-.035em;white-space:nowrap;color:var(--s-ink);opacity:.07;flex-direction:column;align-items:center;gap:16px;margin:0;padding:0 0 16px;font-size:22px;font-weight:600;list-style:none;animation:30s linear infinite ex-names;display:flex}@keyframes ex-names{to{transform:translateY(-100%)}}.ex-count{flex-direction:column;align-items:center;margin:0;display:flex;position:relative}.ex-count strong{letter-spacing:-.055em;background:var(--s-grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .04em;font-size:46px;font-weight:650;line-height:1}.ex-count span{color:var(--s-muted);margin-top:4px;font-size:12.5px;font-weight:500}.ex-card{background:#fff;border-radius:26px;flex:none;padding:8px;position:relative;box-shadow:0 0 0 1px #0000000d,0 26px 50px -22px #143c6466}.ex-card img{border-radius:18px;width:180px;max-width:none;height:180px;display:block}.ex-pr{background:var(--s-ink);color:var(--s-bg);white-space:nowrap;box-shadow:var(--s-shadow-1);animation:ex-pr 4.6s var(--s-out) infinite;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}@keyframes ex-pr{0%,28%{opacity:0;transform:translate(-50%,8px)scale(.9)}36%,86%{opacity:1;transform:translate(-50%)}94%,to{opacity:0;transform:translate(-50%)}}.wk{background:var(--s-card);width:min(300px,86%);box-shadow:0 0 0 1px var(--s-line), 0 22px 44px -26px #321e7873;border-radius:22px;padding:16px 16px 18px}.wk-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.wk-head div{flex-direction:column;gap:1px;display:flex}.wk-head div span{letter-spacing:.12em;text-transform:uppercase;color:var(--s-muted);font-size:10px;font-weight:650}.wk-head strong{letter-spacing:-.02em;font-size:16px;font-weight:600}.wk-rest{background:var(--s-card-2);color:var(--s-ink-2);border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:12px;font-weight:600;display:inline-flex}.wk-rest svg{width:24px;height:24px;transform:rotate(-90deg)}.wk-rest circle{fill:none;stroke:var(--s-line-2);stroke-width:5px}.wk-rest .wk-left{stroke:var(--tone);stroke-linecap:round;stroke-dasharray:100.53;animation:1.5s linear forwards wk-drain}@keyframes wk-drain{to{stroke-dashoffset:100.53px}}.wk ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.wk li{color:var(--s-ink-2);justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;display:flex}.wk li>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wk-sets{flex:none;gap:5px;display:flex}.wk-sets i{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--s-line-2);border-radius:50%;transition:background .3s,box-shadow .3s}.wk-sets i.on{background:var(--s-grad);box-shadow:none}.wk-sets i.just{animation:wk-tick .5s var(--s-spring)}@keyframes wk-tick{0%{transform:scale(.3)}}.st{align-items:center;gap:24px;display:flex}.st .step-ring-text .big{font-family:var(--s-font);letter-spacing:-.04em;font-size:25px;font-weight:650}.st .step-ring-text .small{font-size:11px}.st .step-ring circle:first-of-type{stroke:var(--s-card-2)}.st-week{align-items:flex-end;gap:7px;height:124px;display:flex}.st-week span{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.st-week i{width:9px;height:calc(var(--h) * 96px);background:var(--s-grad);transform-origin:50% 100%;animation:st-grow .9s var(--s-out) calc(var(--i) * 90ms + .2s) both;border-radius:5px}.st-week b{color:var(--s-muted);font-size:10px;font-weight:600}@keyframes st-grow{0%{transform:scaleY(0)}}.rk{flex-direction:column;align-items:center;gap:10px;display:flex}.rk-badge{filter:drop-shadow(0 14px 18px #00000080);animation:rk-in .7s var(--s-out)}@keyframes rk-in{0%{opacity:0;transform:perspective(500px)rotateY(-100deg)scale(.8)}}.rk-name{letter-spacing:-.02em;font-size:17px;font-weight:600}.rk-ladder{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.rk-ladder li{opacity:.25;filter:grayscale();transition:opacity .4s, filter .4s, transform .5s var(--s-spring)}.rk-ladder li.on{opacity:1;filter:none}.fr{background:var(--s-card);width:min(340px,88%);box-shadow:0 0 0 1px var(--s-line), 0 22px 44px -26px #14466e73;border-radius:22px;padding:14px 12px 12px}.fr-head{justify-content:space-between;align-items:baseline;margin:0 6px 8px;display:flex}.fr-head strong{font-size:14px;font-weight:600}.fr-head span{color:var(--s-muted);font-size:11.5px}.fr-board{--rh:40px;height:calc(var(--rows) * var(--rh));margin:0;padding:0;list-style:none;position:relative}.fr-board li{height:var(--rh);transform:translateY(calc(var(--row) * var(--rh)));transition:transform .8s var(--s-out);border-radius:12px;align-items:center;gap:10px;padding:0 10px 0 8px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.fr-board li.fr-you{background:color-mix(in oklab, var(--tone) 14%, transparent)}.fr-board b{width:12px;color:var(--s-muted);font-size:11px;font-weight:650}.fr-face{background:var(--s-card-2);border-radius:50%;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.fr-face>svg{width:164%;max-width:none;height:auto;position:absolute;top:-6%;left:-32%}.fr-name{flex:1;min-width:0;font-weight:550}.fr-steps{font-weight:600}.cn{align-items:center;gap:28px;display:flex}.cn-wallet{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.cn-coin{filter:drop-shadow(0 12px 14px #c8820052);animation:cn-spin 3.8s var(--s-ease) infinite;display:block}@keyframes cn-spin{0%,68%{transform:perspective(300px)rotateY(0)}to{transform:perspective(300px)rotateY(360deg)}}.cn-wallet strong{letter-spacing:-.035em;font-size:22px;font-weight:650}.cn-plus{color:#c98a0f;animation:cn-plus 1.9s var(--s-out) both;font-size:13px;font-weight:700;position:absolute;top:-10px;right:-26px}@keyframes cn-plus{0%{opacity:0;transform:translateY(10px)}18%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.cn-pass{background:var(--s-card);width:196px;box-shadow:0 0 0 1px var(--s-line), 0 18px 34px -22px #8c640073;border-radius:20px;padding:14px}.cn-pass-top{color:var(--s-muted);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:11.5px;display:flex}.cn-pass-top strong{color:var(--s-ink);animation:cn-tier .5s var(--s-spring);font-size:14px}.cn-pass-top small{color:var(--s-muted);font-size:11px;font-weight:500}@keyframes cn-tier{0%{opacity:0;transform:scale(.7)}}.cn-bar{background:var(--s-card-2);height:8px;box-shadow:inset 0 0 0 1px var(--s-line);border-radius:8px;overflow:hidden}.cn-bar span{border-radius:inherit;height:100%;transform:scaleX(var(--x));transform-origin:0;transition:transform .9s var(--s-out);background:linear-gradient(90deg,#ffd66b,#f5a623);display:block}.cn-tiers{justify-content:space-between;margin:12px 0 0;padding:0;list-style:none;display:flex}.cn-tiers li{background:var(--s-card-2);width:28px;height:28px;color:var(--s-muted);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;font-size:11px;font-weight:650;display:grid}.cn-tiers li.got{color:#ffc766;background:#f5a62329}.cn-tiers li.now{color:#3d2600;background:linear-gradient(135deg,#ffd66b,#f5a623);box-shadow:0 6px 14px -6px #f5a623b3}.tile-coins .tile-art{container-type:inline-size}@container (width<=400px){.cn{flex-direction:column;gap:18px}.cn-wallet{flex-direction:row;gap:12px}.cn-wallet strong{font-size:26px}.cn-plus{top:-12px;right:-30px}.cn-pass{width:min(248px,100cqi - 48px)}}.lt{--back:#3b2927;--front:#4a3431;--flap:#5a3f3a;--paper:#f3ede6;--ink:#7a4e46;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding-bottom:16px;display:flex;position:absolute;inset:0}.lt-env{isolation:isolate;perspective:600px;width:168px;height:110px;animation:6.4s linear infinite lt-env;position:relative}.lt-back{background:var(--back);border-radius:10px;position:absolute;inset:0}.lt-pocket{z-index:1;border-radius:0 0 10px 10px;position:absolute;inset:-80px 1px 3px;overflow:hidden}.lt-paper{background:var(--paper);height:92px;animation:lt-paper 6.4s var(--s-out) infinite;border-radius:6px;flex-direction:column;gap:8px;padding:11px 13px;display:flex;position:absolute;top:88px;left:11px;right:11px;transform:translateY(72%);box-shadow:0 2px 8px #00000014}.lt-paper b{font-family:var(--s-serif);color:var(--ink);font-size:16px;font-style:italic;font-weight:400}.lt-paper i{background:#eadcd7;border-radius:2px;height:3px}.lt-paper i:nth-of-type(2){width:84%}.lt-paper i:nth-of-type(3){width:58%}.lt-front{z-index:2;background:var(--front);clip-path:polygon(0 30%,50% 64%,100% 30%,100% 100%,0 100%);border-radius:10px;position:absolute;inset:0}.lt-flap{z-index:2;background:var(--flap);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;height:64%;animation:lt-flap 6.4s var(--s-out) infinite;position:absolute;top:0;left:0;right:0}.lt-seal{z-index:4;color:#fff;width:38px;height:38px;animation:lt-seal 6.4s var(--s-spring) infinite;background:radial-gradient(circle at 35% 30%,#ff9f92,#d9483f 72%);border-radius:50%;place-items:center;margin:-19px 0 0 -19px;display:grid;position:absolute;top:64%;left:50%;box-shadow:0 5px 12px #a0281e59,inset 0 -3px 5px #0000002e,inset 0 2px 3px #ffffff59}.lt-seal svg{width:20px;height:20px}.lt-when{background:var(--s-card);box-shadow:0 0 0 1px var(--s-line), var(--s-shadow-1);animation:lt-when 6.4s var(--s-out) infinite;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}@keyframes lt-env{0%{opacity:0}6%,88%{opacity:1}96%,to{opacity:0}}@keyframes lt-paper{0%,8%{transform:translateY(-62%)}30%,to{transform:translateY(72%)}}@keyframes lt-flap{0%,30%{z-index:0;transform:rotateX(180deg)}31%{z-index:3;transform:rotateX(180deg)}46%,to{z-index:3;transform:none}}@keyframes lt-seal{0%,44%{opacity:0;transform:scale(1.9)}52%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes lt-when{0%,52%{opacity:0;transform:translateY(8px)}60%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}.tile-liftoff .tile-art{background:#070b14}.lo{position:absolute;inset:0;overflow:hidden}.lo-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lo-hud{z-index:2;color:#f5f6f8;pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;top:12px;left:14px}.lo-dist{letter-spacing:-.03em;text-shadow:0 2px 10px #0009;font-size:20px;font-weight:800;line-height:1}.lo-coins{text-shadow:0 2px 8px #0009;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.lo-coin{background:radial-gradient(circle at 35% 35%,#ffe79a,#ffc83d 55%,#c98a0f);border-radius:50%;width:.8em;height:.8em;box-shadow:inset 0 0 0 1.5px #c98a0f}.fd{background:var(--s-card);width:min(310px,88%);box-shadow:0 0 0 1px var(--s-line), 0 22px 44px -26px #781e3273;border-radius:22px;padding:14px 14px 12px}.fd-head{justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 10px;display:flex}.fd-head span{letter-spacing:.12em;text-transform:uppercase;color:var(--s-muted);font-size:10px;font-weight:650}.fd-head strong{letter-spacing:-.03em;animation:fd-pop .45s var(--s-spring);font-size:17px;font-weight:650}@keyframes fd-pop{0%{opacity:.4;transform:scale(.86)}}.fd-macros{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;display:grid}.fd-macros div{background:var(--s-card-2);border-radius:11px;flex-direction:column;gap:1px;min-width:0;padding:6px 7px;display:flex}.fd-macros dt{color:var(--s-muted);font-size:10px;font-weight:600}.fd-macros dd{white-space:nowrap;margin:0;font-size:12.5px;font-weight:650}.fd-add{align-items:center;gap:4px;margin:9px 0 6px;display:flex}.fd-search{background:var(--s-card-2);min-width:0;color:var(--s-muted);white-space:nowrap;border-radius:999px;flex:1;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:500;line-height:1;display:flex;overflow:hidden}.fd-search svg{flex:none}.fd-scan{background:var(--s-card-2);color:var(--s-ink-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:5px 8px 5px 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.fd-scan-ic{display:grid;position:relative}.fd-scan-ic:after{content:"";background:var(--tone);height:1.5px;box-shadow:0 0 4px var(--tone);border-radius:1px;animation:1.6s ease-in-out infinite alternate fd-sweep;position:absolute;top:calc(50% - .75px);left:1px;right:1px}@keyframes fd-sweep{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.fd-saved{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.fd-saved li{border-radius:12px;align-items:center;gap:10px;padding:5px 4px 5px 8px;transition:background .3s;display:flex}.fd-saved li.added{background:color-mix(in oklab, var(--tone) 12%, transparent)}.fd-saved li>span{flex-direction:column;flex:1;min-width:0;display:flex}.fd-saved strong{font-size:13px;font-weight:600}.fd-saved small{color:var(--s-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fd-saved i{background:var(--s-card-2);width:26px;height:26px;color:var(--s-ink-2);border-radius:50%;flex:none;place-items:center;font-size:14px;font-style:normal;font-weight:700;transition:background .3s,color .3s;display:grid}.fd-saved li.added i{color:#fff;animation:fd-tick .45s var(--s-spring);background:#3fbf7f}@keyframes fd-tick{0%{transform:scale(.5)}}.tile-pts .tile-art{height:310px}.pa{flex-direction:column;gap:10px;width:min(300px,88%);display:flex}.pa-head{background:var(--s-card);box-shadow:0 0 0 1px var(--s-line), 0 18px 36px -24px #78500073;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pa-avatar{color:#2a1600;background:linear-gradient(150deg,#ffd66b,#ff8a2b);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;font-weight:750;display:grid}.pa-name{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pa-name strong{font-size:13.5px;font-weight:650}.pa-name small{color:var(--s-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pa-msg{background:var(--s-card);max-width:82%;box-shadow:0 0 0 1px var(--s-line);opacity:0;transition:opacity .4s var(--s-out), transform .5s var(--s-spring);border-radius:16px 16px 16px 5px;align-self:flex-start;margin:0;padding:8px 12px;font-size:12.5px;transform:translateY(8px)}.pa-card{background:var(--s-card);box-shadow:0 0 0 1px var(--s-line), 0 22px 44px -26px #78500080;opacity:0;transition:opacity .45s var(--s-out), transform .55s var(--s-spring);border-radius:18px;padding:12px 14px;transform:translateY(14px)scale(.97)}.pa-msg[data-on],.pa-card[data-on]{opacity:1;transform:none}.pa-card small{letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted);font-size:10.5px;font-weight:650;display:block}.pa-card strong{letter-spacing:-.01em;margin:2px 0 6px;font-size:14.5px;font-weight:700;display:block}.pa-card ul{color:var(--s-ink-2);gap:2px;margin:0 0 10px;padding-left:16px;font-size:12px;display:grid}.pa-card ul span{color:var(--s-muted)}.pa-start{text-align:center;color:#06231c;background:linear-gradient(135deg,#7ff0d2,#6cc9ff);border-radius:999px;padding:7px;font-size:12.5px;font-weight:700;display:block}.tile-pts[data-live] .pa-card[data-on] .pa-start{animation:1.6s ease-in-out .4s pa-go}@keyframes pa-go{50%{transform:scale(1.04)}}.du{width:min(290px,86%);height:212px;position:relative}.du-card{background:var(--s-card);height:150px;box-shadow:0 0 0 1px var(--s-line), 0 22px 44px -26px #8c1e5073;border-radius:20px;padding:14px;position:absolute;top:0;left:0;right:0}.du-under{opacity:.6;transform:translateY(9px)scale(.94)}.du-top{transition:transform .6s var(--s-out), opacity .5s var(--s-out)}.du-top[data-phase="1"]{animation:du-in .55s var(--s-spring)}@keyframes du-in{0%{opacity:0;transform:translateY(14px)scale(.95)}}.du-top[data-phase="2"],.du-top[data-phase="0"]{opacity:0;transform:translate(78%)rotate(14deg)}.du-stamp{letter-spacing:.08em;text-transform:uppercase;color:#1fa971;opacity:0;border:2px solid #1fa971;border-radius:7px;padding:1px 8px;font-size:11px;font-weight:800;transition:opacity .3s;position:absolute;top:14px;right:14px;transform:rotate(10deg)}.du-top[data-phase="2"] .du-stamp{opacity:1}.du-head{align-items:center;gap:10px;display:flex}.du-head .fr-face{width:38px;height:38px}.du-name{flex-direction:column;gap:2px;min-width:0;display:flex}.du-name strong{letter-spacing:-.01em;font-size:14px;font-weight:650}.du-name small{color:var(--s-muted);font-size:11px}.du-tags{flex-wrap:wrap;gap:5px;margin:11px 0 9px;display:flex}.du-tags span{background:color-mix(in oklab, var(--tone) 16%, transparent);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:650}.du-why{color:var(--s-ink-2);align-items:center;gap:5px;margin:0;font-size:11.5px;display:flex}.du-why svg{color:#1fa971}.du-match{opacity:0;height:150px;transition:opacity .4s var(--s-out), transform .5s var(--s-spring);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0;right:0;transform:scale(.9)}.du-match[data-on]{opacity:1;transform:none}.du-match strong{letter-spacing:-.02em;margin-top:4px;font-size:17px;font-weight:700}.du-match small{color:var(--s-muted);font-size:11.5px}.du-buttons{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.du-buttons span{background:var(--s-card);box-shadow:0 0 0 1px var(--s-line), 0 8px 18px -10px #0006;border-radius:50%;place-items:center;display:grid}.du-pass{color:#e0525e;width:38px;height:38px}.du-buttons .du-like{color:#fff;width:44px;height:44px;transition:transform .3s var(--s-spring);background:linear-gradient(150deg,#ff8db6,#e8336f)}.du-buttons .du-like[data-on]{transform:scale(1.14)}.cm{background:var(--s-card);width:min(310px,88%);box-shadow:0 0 0 1px var(--s-line), 0 22px 44px -26px #321e7873;border-radius:22px;padding:14px 14px 12px}.cm-head{align-items:center;gap:11px;display:flex}.cm-name{flex-direction:column;gap:3px;min-width:0;display:flex}.cm-name strong{letter-spacing:-.02em;font-size:15px;font-weight:600}.cm-name small{color:var(--s-muted);align-items:center;gap:7px;font-size:11.5px;display:flex}.cm-faces{display:flex}.cm-faces .fr-face{width:22px;height:22px;box-shadow:0 0 0 2px var(--s-card)}.cm-faces .fr-face+.fr-face{margin-left:-6px}.cm-boosts{flex-wrap:wrap;gap:6px;margin:11px 0 9px;display:flex}.cm-boosts span{background:color-mix(in oklab, var(--tone) 14%, transparent);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:650;display:inline-flex}.cm-ledger{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.cm-ledger li{color:var(--s-ink-2);border-radius:11px;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:10px;padding:6px 8px;font-size:12.5px;display:grid}.cm-paid{animation:cm-paid .9s var(--s-out)}@keyframes cm-paid{0%{background:var(--s-card-2)}}.cm-ledger .cm-bonus{opacity:0;transition:opacity .4s var(--s-out), transform .5s var(--s-spring);transform:translateY(6px)scale(.97)}.cm-ledger .cm-bonus[data-on]{opacity:1;transform:none}.cm-ledger li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cm-ledger b{color:var(--s-ink);justify-content:flex-end;align-items:center;gap:4px;font-weight:650;display:inline-flex}.cm-ledger .cm-bonus{background:color-mix(in oklab, var(--tone) 14%, transparent)}.cm-ledger .cm-bonus b{color:color-mix(in oklab, var(--tone) 70%, var(--s-ink))}.tile-cross .tile-art{background:linear-gradient(#5cbf5c 0 16%,#c75b3f 16% 40%,#52b353 40% 52%,#3fc8ea 52% 76%,#5cbf5c 76%)}@media (width>=720px) and (width<=1099px){.tile-cross .tile-art,.tile-tempo .tile-art{height:340px}}.cr{position:absolute;inset:0;overflow:hidden}.cr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cr-hud{z-index:2;color:#fff;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;transition:opacity .3s;display:flex;position:absolute;top:10px;left:14px;right:12px}.cr[data-ready] .cr-hud{opacity:1}.cr-score{letter-spacing:-.03em;text-shadow:0 2px #13203a8c,0 5px 14px #00000040;font-size:34px;font-weight:850;line-height:1}.cr-coins{background:#13203a80;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;font-weight:750;display:inline-flex}.cr-coin{background:linear-gradient(135deg,#ffe38a,#ffc83d 55%,#e29b12);border-radius:3px;width:.82em;height:.82em;box-shadow:inset 0 0 0 1.5px #c98a0f}.tile-tempo .tile-art{background:linear-gradient(transparent 58%, #a98f67 58% 60%, transparent 60%), conic-gradient(from 180deg at 50% 44%, transparent 0 158deg, #d9c296 158deg 202deg, transparent 202deg), linear-gradient(#86bfe0, #f4dfba 44%, #55653d 44%)}.tr{position:absolute;inset:0;overflow:hidden}.tr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tr-hud{z-index:2;color:#fff;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;transition:opacity .3s;display:flex;position:absolute;top:10px;left:14px;right:12px}.tr[data-ready] .tr-hud{opacity:1}.tr-metres{letter-spacing:-.03em;text-shadow:0 2px #13203a8c,0 5px 14px #00000040;align-items:baseline;gap:2px;font-size:30px;font-weight:850;line-height:1;display:inline-flex}.tr-metres small{letter-spacing:0;font-size:.45em;font-weight:800}.tr-coins{background:#13203a80;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;font-weight:750;display:inline-flex}