*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#02141b;color:#eaf6fb;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.hud{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;padding-top:max(.8rem,env(safe-area-inset-top));pointer-events:none}.hud a,.hud button,.hud .chip-free,.hud .langtoggle{pointer-events:auto}.hud-right{display:inline-flex;align-items:center;gap:.55rem}.langtoggle{display:inline-flex;border:1px solid rgba(150,220,235,.32);border-radius:999px;overflow:hidden}.langtoggle button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;font-family:inherit;font-size:.68rem;font-weight:700;letter-spacing:.06em;border:none;background:none;color:#d6eef5eb;padding:.2rem .62rem;cursor:pointer;transition:background .13s,color .13s}.langtoggle button:hover{color:#fff}.langtoggle button.on{background:#bfeef2;color:#06232a}.muelle-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:650;color:#d6eef5eb;text-decoration:none}.muelle-link:hover{color:#fff}.muelle-mark{height:1.1rem;width:auto}.hud-stats{font-size:.98rem;color:#eaf6fb;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hud-stats b{color:#8ff2e0}.hud-tier{color:#ffe9b0}.hud-chain{color:#ffd27e;text-shadow:0 0 14px rgba(255,210,126,.55)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-family:inherit;font-size:.9rem;border:1px solid rgba(150,220,235,.32);border-radius:999px;background:none;color:#d6eef5eb;cursor:pointer;padding:.2rem .7rem;transition:color .13s,border-color .13s}.iconbtn:hover{color:#fff;border-color:#96dceb99}.chip-free{font-size:.58rem;font-weight:700;letter-spacing:.12em;color:#8ff2e0;border:1px solid rgba(143,242,224,.5);border-radius:999px;padding:.16rem .6rem;background:#8ff2e014}.stage{position:relative;flex:1;touch-action:none}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;gap:.4rem;overflow-y:auto;background:radial-gradient(80% 60% at 50% 45%,#0210168c,#021016e6)}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}.overlay>*{flex-shrink:0}.compas-hero{position:relative;width:min(100%,34rem);height:clamp(140px,26vh,220px);border-radius:20px;overflow:hidden;margin-bottom:.3rem;border:1px solid rgba(120,220,220,.16);box-shadow:0 20px 50px #00000080}.compas-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin:0;background:linear-gradient(120deg,#2ad0d6,#5aa8ff 60%,#b98cff);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(2.6rem,12vw,4rem);margin:.1rem 0 .3rem;color:#fff}.overlay h2{font-family:Fraunces,Georgia,serif;font-weight:560;font-size:clamp(1.5rem,6vw,2rem);margin:.1rem 0 .3rem;color:#fff}.lede{max-width:32rem;color:#d8ecf5f0;font-size:.96rem;margin:0 0 .4rem}.pick-title{font-size:1.05rem!important;margin-top:.4rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.today-strip{display:flex;align-items:center;gap:.6rem;width:min(100%,30rem);text-align:left;margin:.2rem 0 .5rem;padding:.55rem .8rem;border-radius:14px;cursor:pointer;font-family:inherit;color:inherit;background:#ffe9b012;border:1px solid rgba(255,233,176,.35);transition:border-color .14s,background .14s}.today-strip:hover{background:#ffe9b021;border-color:#ffe9b099}.today-badge{flex-shrink:0;font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffe9b0;border:1px solid rgba(255,233,176,.5);border-radius:999px;padding:.16rem .5rem}.today-main{display:flex;flex-direction:column;gap:.08rem;flex:1;min-width:0}.today-name{font-family:Fraunces,Georgia,serif;font-size:.98rem;font-weight:600;color:#fff}.today-sub{font-size:.7rem;color:#bedce8cc}.today-done{flex-shrink:0;font-size:.62rem;font-weight:700;color:#8ff2e0}.songbar{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:min(100%,46rem);margin-bottom:.5rem}.songbar-row{display:flex;flex-wrap:wrap;gap:.4rem;width:100%;justify-content:center}.songsearch{flex:1 1 12rem;min-width:0;min-height:44px;font-family:inherit;font-size:.9rem;border-radius:999px;border:1px solid rgba(150,220,235,.28);background:#04141cb3;color:inherit;padding:.5rem 1rem}.songsearch::placeholder{color:#bedce880}.sortpick{flex:0 1 12rem;display:flex}.sortpick select{width:100%;min-height:44px;font-family:inherit;font-size:.82rem;cursor:pointer;border-radius:999px;border:1px solid rgba(150,220,235,.28);background:#04141cb3;color:#e0f2f8f2;padding:.4rem .9rem}.sortpick option{background:#062028;color:#eaf6fb}.filterrow{display:flex;flex-wrap:wrap;gap:.32rem;align-items:center;justify-content:center;width:100%}.flabel{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#bedce8ad}.fchip{min-height:40px;padding:.3rem .8rem;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:650;color:#d6eef5e6;background:#0a222c8c;border:1px solid rgba(150,220,235,.22);transition:border-color .14s,background .14s,color .14s}.fchip:hover{background:#0e2c38bf;color:#fff}.fchip.on{background:#8ff2e029;border-color:#8ff2e0;color:#bff6ea}.songcount{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:.1rem 0 0;font-size:.72rem;color:#bedce8b8}.clearbtn{min-height:34px;padding:.2rem .7rem;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:650;color:#93dceb;background:none;border:1px solid rgba(150,220,235,.35)}.clearbtn:hover{color:#fff;border-color:#fff}.nomatch{font-size:.86rem;color:#c8e0ecd9;margin:.6rem 0}.songgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.4rem,1fr));gap:.5rem;width:min(100%,46rem);margin-bottom:.5rem}.song-cell{position:relative;display:flex}.song-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.14rem;width:100%;text-align:left;padding:.75rem .7rem .6rem;border-radius:14px;cursor:pointer;background:#0a222c99;border:1px solid rgba(150,220,235,.2);color:inherit;font-family:inherit;overflow:hidden;transition:border-color .14s,background .14s,transform .14s}.song-card:hover{background:#0e2c38c7}.song-card.on{background:#10323ed9;transform:translateY(-1px)}.song-hue{position:absolute;top:0;left:0;right:0;height:4px;opacity:.9}.songbanner{display:block;width:100%;border-radius:9px}.songbanner.card{aspect-ratio:240 / 68;margin:-.2rem 0 .3rem}.songbanner.detail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:15px;object-fit:cover}.song-nick{font-family:Fraunces,Georgia,serif;font-size:.98rem;font-weight:640;color:#fff;line-height:1.18;padding-right:2.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.song-fulltitle{font-size:.66rem;color:#cee8f2b8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-composer{font-size:.68rem;color:#bedce8c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row{display:flex;gap:.22rem;margin-top:.28rem}.rank-dot{flex:1 1 0;min-width:0;height:1.05rem;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:800;letter-spacing:.01em;line-height:1;background:#96dceb12;border:1px solid rgba(150,220,235,.14);color:#bedce86b}.rank-dot[data-rank=D]{color:#bedce899}.rank-dot[data-rank=C],.rank-dot[data-rank=B]{color:#a8d8e8;border-color:#a8d8e866}.rank-dot[data-rank=A]{color:#8ff2e0;border-color:#8ff2e080;background:#8ff2e01a}.rank-dot[data-rank=S],.rank-dot[data-rank=SS]{color:#ffe9b0;border-color:#ffe9b08c;background:#ffe9b01a}.rank-dot[data-rank=SSS]{color:#06232a;border-color:#ffd77a;background:linear-gradient(135deg,#ffeaa8,#ffc84f);box-shadow:0 0 10px #ffc84f80}.song-card.sss{border-color:#ffc84fb3;background:#2e240e99}.song-card.sss:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 24px #ffc84f38}.tag-sss{font-size:.52rem;font-weight:900;letter-spacing:.12em;border-radius:999px;padding:.08rem .42rem;color:#3a2504;background:linear-gradient(135deg,#ffeaa8,#ffc84f);border:1px solid #ffd77a;box-shadow:0 0 12px #ffc84f80}.tag-sss.lg{font-size:.66rem;padding:.2rem .7rem;letter-spacing:.16em}.song-tags{display:flex;flex-wrap:wrap;gap:.25rem;min-height:.9rem;margin-top:.1rem}.tag-today{font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffe9b0;border:1px solid rgba(255,233,176,.5);border-radius:999px;padding:.06rem .36rem;background:#ffe9b014}.song-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.35rem;margin-top:auto;padding-top:.35rem}.song-best{font-size:.64rem;font-weight:650;color:#8ff2e0;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis}.song-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;height:1.55rem;padding:0 .3rem;border-radius:8px;font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.song-num.big{min-width:2.2rem;height:2.2rem;font-size:1.2rem;border-radius:11px}.song-num[data-pace=calma]{background:#8ff2e029;border:1px solid rgba(143,242,224,.55);color:#a8f6e6}.song-num[data-pace=media]{background:#ffe9b024;border:1px solid rgba(255,233,176,.55);color:#ffe9b0}.song-num[data-pace=vivo]{background:#ff969624;border:1px solid rgba(255,150,150,.55);color:#ffb3b3}.song-fav{position:absolute;top:0;right:0;z-index:2;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;border-radius:12px;font-size:1.05rem;line-height:1;color:#bedce88c;transition:color .14s,transform .12s}.song-fav:hover{color:#ffe9b0;transform:scale(1.12)}.song-fav.on{color:#ffd27e;text-shadow:0 0 12px rgba(255,210,126,.5)}.song-fav.inline{position:static;width:34px;height:34px;font-size:1.15rem}.backbtn{align-self:flex-start;min-height:44px;margin-bottom:.4rem;padding:.4rem .95rem;font-family:inherit;font-size:.82rem;font-weight:650;cursor:pointer;color:#d6eef5eb;background:none;border:1px solid rgba(150,220,235,.35);border-radius:999px}.backbtn:hover{color:#fff;border-color:#fff}.detail-head{position:relative;width:min(100%,30rem);padding:.9rem 1rem .8rem;margin-bottom:.3rem;border-radius:16px;border:1px solid rgba(150,220,235,.25);text-align:center;overflow:hidden;isolation:isolate}.detail-head>*:not(.songbanner){position:relative;z-index:1}.detail-head.sss{border-color:#ffc84fbf;box-shadow:0 0 34px #ffc84f47}.detail-fulltitle{margin:0 0 .2rem;font-size:.78rem;font-style:italic;color:#d2eaf4cc}.sss-banner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:.6rem 0 .1rem}.sss-line{font-size:.74rem;color:#ffe9b0}.detail-badges{position:absolute;top:.5rem;right:.6rem;display:inline-flex;align-items:center;gap:.4rem}.detail-title{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.3rem,5.5vw,1.8rem);margin:.1rem 0 .15rem;color:#fff}.detail-composer{margin:0 0 .5rem;font-size:.8rem;color:#c6e2eee0}.detail-diff{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0}.detail-diff-txt{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c6e2eed9}.detail-best{margin:.35rem 0 .1rem;font-size:.86rem;color:#d2e8f4e6;font-variant-numeric:tabular-nums}.detail-best b{color:#8ff2e0;font-size:1.1rem}.diff-how{max-width:30rem;margin:.7rem 0 0;font-size:.68rem;font-style:italic;color:#b4d2e0a6}.readctl{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:min(100%,30rem);margin:.45rem 0 .2rem;padding:.6rem .85rem;border-radius:14px;background:#0a222c80;border:1px solid rgba(150,220,235,.18)}.read-row{display:flex;align-items:baseline;justify-content:center;gap:.5rem;width:100%;cursor:pointer}.read-title{margin:0!important}.read-val{font-size:.92rem;color:#8ff2e0;font-variant-numeric:tabular-nums}.readctl input[type=range]{width:100%;min-height:34px;accent-color:#8ff2e0;cursor:pointer}.read-ends{display:flex;justify-content:space-between;width:100%;font-size:.62rem;color:#bedce8a6}.read-help{margin:.35rem 0 0;font-size:.7rem;line-height:1.4;color:#c6e2eed1}.readctl .clearbtn{margin-top:.4rem}.level-title{margin:.5rem 0 .25rem;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bedce8d9}.rankb{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.5rem;padding:0 .4rem;border-radius:8px;font-size:.8rem;font-weight:900;letter-spacing:.02em;line-height:1;background:#96dceb14;border:1px solid rgba(150,220,235,.2);color:#c6e2eeb3}.rankb.lg{min-width:2.6rem;height:2rem;font-size:1.05rem;border-radius:10px}.rankb.xl{min-width:4.4rem;height:3.2rem;font-size:1.9rem;border-radius:14px}.rankb.none{min-width:2.6rem;height:2rem;font-size:1.05rem;color:#bedce852}.rankb[data-rank=D]{color:#bedce89e}.rankb[data-rank=C]{color:#b6d8e6;border-color:#b6d8e666}.rankb[data-rank=B]{color:#9fe6df;border-color:#9fe6df73;background:#9fe6df14}.rankb[data-rank=A]{color:#8ff2e0;border-color:#8ff2e099;background:#8ff2e01f;box-shadow:0 0 12px #8ff2e033}.rankb[data-rank=S]{color:#ffe9b0;border-color:#ffe9b0a6;background:#ffe9b01f;box-shadow:0 0 14px #ffe9b042}.rankb[data-rank=SS]{color:#ffdf95;border-color:#ffd27ecc;background:#ffd27e29;box-shadow:0 0 18px #ffd27e66}.rankb[data-rank=SSS]{color:#3a2504;border-color:#ffe08a;background:linear-gradient(135deg,#fff3c4,#ffd166 45%,#ffb037);box-shadow:0 0 22px #ffc74fb8,inset 0 1px #ffffffb3;text-shadow:0 1px 0 rgba(255,255,255,.45)}.dcar{display:flex;align-items:center;gap:.3rem;width:min(100%,30rem);margin:.15rem 0 .4rem;padding:.5rem .2rem;border-radius:16px;--dcar-w: 8.6rem;--dcar-gap: .55rem;--dcar-pitch: calc(var(--dcar-w) + var(--dcar-gap))}.dcar-arrow{flex:0 0 auto;width:2rem;min-height:44px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:1.3rem;line-height:1;color:#d6eef5e6;background:#061a2299;border:1px solid rgba(150,220,235,.28);transition:color .14s,border-color .14s,opacity .14s}.dcar-arrow:hover:not(:disabled){color:#fff;border-color:#fff}.dcar-arrow:disabled{opacity:.28;cursor:default}.dcar-view{flex:1 1 auto;min-width:0;overflow:hidden;padding:.5rem 0;touch-action:pan-y}.dcar-track{display:flex;gap:var(--dcar-gap);justify-content:center;align-items:stretch;transition:transform .32s cubic-bezier(.16,1,.3,1)}.dcar-item{flex:0 0 var(--dcar-w);width:var(--dcar-w);display:flex;flex-direction:column;align-items:center;gap:.24rem;padding:.7rem .55rem;border-radius:15px;cursor:pointer;font-family:inherit;color:inherit;text-align:center;background:#081c26b8;border:1px solid hsl(var(--bh) 70% 60% / .22);transform-origin:50% 50%;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .28s,border-color .2s,box-shadow .28s,background .2s}.dcar-item[data-off="0"]{transform:scale(1);opacity:1;background:linear-gradient(160deg,hsl(var(--bh) 62% 26% / .9),#061820eb);border-color:hsl(var(--bh) 88% 66% / .9);box-shadow:0 0 30px hsl(var(--bh) 88% 58% / .45),inset 0 0 22px hsl(var(--bh) 88% 62% / .16)}.dcar-item[data-off="1"],.dcar-item[data-off="-1"]{transform:scale(.8);opacity:.5}.dcar-item[data-off="2"],.dcar-item[data-off="-2"]{transform:scale(.66);opacity:.26}.dcar-item.sss[data-off="0"]{border-color:#ffd77a;box-shadow:0 0 34px #ffc84f8c,inset 0 0 22px #ffc84f29}.dcar-name{font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:640;color:#fff}.dcar-item[data-off="0"] .dcar-name{color:hsl(var(--bh) 92% 82%)}.dcar-rank{display:flex;align-items:center;justify-content:center;min-height:2rem}.dcar-desc{font-size:.6rem;line-height:1.3;color:#c8e2ecd1}.dcar-best{font-size:.62rem;font-weight:650;color:#8ff2e0;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.dcar-view{overflow:visible}.dcar-track{transform:none!important;transition:none;flex-wrap:wrap}.dcar-item{transform:none!important;opacity:1!important;transition:none;flex:1 1 5.2rem;width:auto;min-width:0;padding:.5rem .4rem}.dcar-name{font-size:.88rem}.dcar-desc{font-size:.58rem}.dcar-arrow{display:none}}@media(max-width:420px){.dcar{--dcar-w: 7.2rem;--dcar-gap: .45rem;gap:.2rem;padding-left:0;padding-right:0}.dcar-arrow{width:1.7rem;font-size:1.1rem}.dcar-name{font-size:.92rem}}.rank-hint{margin:0 0 .2rem;font-size:.66rem;font-style:italic;color:#bedce8b3}.rest-rank{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:.4rem 0 .2rem;padding:.7rem 1.4rem;border-radius:18px;background:#081c2699;border:1px solid rgba(150,220,235,.2)}.rest-rank-label{font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c6e2eeb3}.rest-rank-acc{font-size:.88rem;color:#d8eef6f0;font-variant-numeric:tabular-nums}.rest-rank-new{font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#ffe9b0}.rest-rank-note{max-width:18rem;font-size:.68rem;font-style:italic;color:#bedce8b8}.rest-rank.unearned .rankb{filter:grayscale(.85);opacity:.62;box-shadow:none}.rank-strip{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;width:min(100%,30rem);text-align:left;margin:.2rem 0 .45rem;padding:.6rem .85rem;border-radius:14px;cursor:pointer;font-family:inherit;color:inherit;background:#8ff2e00f;border:1px solid rgba(143,242,224,.3);transition:border-color .14s,background .14s}.rank-strip:hover{background:#8ff2e01f;border-color:#8ff2e09e}.rank-strip-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.rank-strip-lbl{font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#bedce8b8}.rank-strip-name{font-family:Fraunces,Georgia,serif;font-size:1.02rem;font-weight:640;color:#bff6ea}.rank-strip-xp{font-size:.66rem;color:#bedce8c7;font-variant-numeric:tabular-nums}.rank-bar{display:block;width:100%;height:6px;border-radius:999px;overflow:hidden;background:#96dceb21}.rank-bar.big{height:9px;margin:.45rem 0 .15rem}.rank-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2fa9c9,#8ff2e0);box-shadow:0 0 12px #8ff2e080}.prof-card{display:flex;flex-direction:column;align-items:center;gap:.18rem;width:min(100%,30rem);margin:.3rem 0 .2rem;padding:.9rem 1rem;border-radius:18px;background:#0a222c99;border:1px solid rgba(143,242,224,.28)}.prof-lbl{font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#bedce8b8}.prof-rank{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,6vw,2rem);font-weight:620;color:#bff6ea;line-height:1.15}.prof-xp{font-size:.8rem;color:#d2e8f4e6;font-variant-numeric:tabular-nums}.prof-xp-total{font-size:.7rem;color:#bedce8b8;font-variant-numeric:tabular-nums}.prof-xp-total b{color:#8ff2e0}.prof-how{max-width:30rem;margin:.35rem 0 .1rem;font-size:.74rem;line-height:1.45;color:#c6e2eed6}.ladder{list-style:none;width:min(100%,30rem);margin:0 0 .3rem;padding:0;display:flex;flex-direction:column;gap:.14rem}.ladder-row{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:.3rem .6rem;border-radius:9px;font-size:.8rem;color:#bedce88c;border:1px solid transparent}.ladder-row.done{color:#d2e8f4d1}.ladder-row.now{color:#bff6ea;font-weight:700;background:#8ff2e01f;border-color:#8ff2e080}.ladder-name{font-family:Fraunces,Georgia,serif}.ladder-xp{font-size:.68rem;font-variant-numeric:tabular-nums;opacity:.8}.title-chip{display:inline-flex;align-items:center;border-radius:999px;font-size:.58rem;font-weight:800;letter-spacing:.06em;padding:.12rem .5rem;border:1px solid rgba(150,220,235,.4);color:#d6eef5eb;background:#96dceb1a}.title-chip.lg{font-size:.72rem;padding:.22rem .75rem;letter-spacing:.05em}.title-chip.r-raro{color:#a8e8ff;border-color:#a8e8ff8c;background:#a8e8ff1f}.title-chip.r-epico{color:#d9b8ff;border-color:#d9b8ffa6;background:#d9b8ff24;box-shadow:0 0 14px #be8cff59}.title-chip.r-mitico{color:#3a2504;border-color:#ffe08a;background:linear-gradient(135deg,#fff3c4,#ffd166 45%,#ffb037);box-shadow:0 0 18px #ffc74f99}.titlegrid{list-style:none;padding:0;margin:.2rem 0 .4rem;width:min(100%,46rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem}.title-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem .7rem;border-radius:13px;text-align:left;background:#0a222c8c;border:1px solid rgba(150,220,235,.18)}.title-card.locked{opacity:.62}.title-card.got.r-raro{border-color:#a8e8ff80}.title-card.got.r-epico{border-color:#d9b8ff99;background:#1e142e99}.title-card.got.r-mitico{border-color:#ffc84fbf;background:#2e240e99;box-shadow:0 0 22px #ffc84f47,inset 0 0 20px #ffc84f24}.title-card.worn{outline:2px solid rgba(143,242,224,.75);outline-offset:1px}.title-rarity{font-size:.5rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#bedce8a6}.title-card.got.r-raro .title-rarity{color:#a8e8ff}.title-card.got.r-epico .title-rarity{color:#d9b8ff}.title-card.got.r-mitico .title-rarity{color:#ffd77a}.title-name{font-family:Fraunces,Georgia,serif;font-size:.92rem;font-weight:640;color:#fff;line-height:1.2}.title-card.locked .title-name{color:#d6eef580;letter-spacing:.2em}.title-how{font-size:.66rem;line-height:1.35;color:#c6e2eec7}.title-wear{margin-top:.3rem;min-height:32px;padding:.16rem .7rem;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.66rem;font-weight:700;color:#93dceb;background:none;border:1px solid rgba(150,220,235,.4)}.title-wear:hover{color:#fff;border-color:#fff}.title-wear.on{background:#8ff2e02e;border-color:#8ff2e0;color:#bff6ea}.xp-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.5rem;margin:.25rem 0 .1rem}.xp-line b{font-size:1.02rem;color:#8ff2e0;font-variant-numeric:tabular-nums}.xp-rankup{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:#bff6ea}.title-won{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin:.2rem 0 .3rem}.title-won-lbl{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c6e2eecc}.setblock{width:min(100%,30rem);margin:.2rem 0 .35rem;padding:.7rem .9rem;border-radius:14px;text-align:left;background:#0a222c80;border:1px solid rgba(150,220,235,.18)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.set-name{font-size:.9rem;font-weight:650;color:#eaf6fb}.set-help{margin:.4rem 0 0;font-size:.72rem;line-height:1.45;color:#c6e2eed6}.set-note{margin:.35rem 0 0;font-size:.68rem;font-style:italic;line-height:1.4;color:#b4d2e0b8}.pulse-out{margin:.5rem 0 0;font-size:.76rem;line-height:1.45;color:#d2e8f4eb}.pulse-out b{color:#8ff2e0;font-variant-numeric:tabular-nums}.toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.2rem .75rem .2rem .35rem;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:700;color:#c6e2eed9;background:#061a22b3;border:1px solid rgba(150,220,235,.3);transition:border-color .14s,color .14s,background .14s}.toggle .toggle-knob{width:32px;height:18px;border-radius:999px;position:relative;flex-shrink:0;background:#96dceb33;transition:background .16s}.toggle .toggle-knob:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#d6eef5d9;transition:transform .16s}.toggle.on{color:#bff6ea;border-color:#8ff2e0;background:#8ff2e024}.toggle.on .toggle-knob{background:#8ff2e08c}.toggle.on .toggle-knob:after{transform:translate(14px);background:#06232a}@media(prefers-reduced-motion:reduce){.toggle,.toggle .toggle-knob,.toggle .toggle-knob:after,.rank-bar-fill{transition:none}}.cta{font-family:inherit;font-size:1.05rem;font-weight:650;cursor:pointer;color:#05232a;background:linear-gradient(135deg,#8ff2e0,#2fa9c9);border:none;border-radius:999px;padding:.9rem 1.9rem;min-height:44px;box-shadow:0 12px 34px #2fa9c966;transition:transform .15s cubic-bezier(.16,1,.3,1);margin-top:.3rem}.cta:hover{transform:translateY(-2px)}.cta:active{transform:scale(.97)}.cta-mult{display:block;font-size:.66rem;font-weight:700;letter-spacing:.06em;opacity:.85}.linkbtn{margin-top:.45rem;min-height:44px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:#d6eef5ed;background:none;border:1px solid rgba(150,220,235,.4);border-radius:999px;padding:.5rem 1.1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.linkbtn:hover{border-color:#fff;color:#fff}.sharebtn{display:inline-flex;align-items:center;gap:.4rem}.share-msg{margin:.4rem 0 0;font-size:.82rem;color:#8ff2e0}.cal-need{font-size:.82rem;color:#ffe9b0d9;max-width:26rem;margin:.3rem 0}.desktop-hint{margin:.55rem 0 0;font-size:.74rem;color:#bedce8c7;max-width:30rem}.howto{margin-top:.5rem;max-width:30rem;text-align:left}.howto summary{cursor:pointer;font-size:.82rem;font-weight:650;color:#93dceb;list-style:none;text-align:center;padding:.55rem 0}.howto summary::-webkit-details-marker{display:none}.howto ol{margin:.6rem 0 0;padding-left:1.2rem;color:#d2e8f4e6;font-size:.86rem;line-height:1.5}.howto li{margin-bottom:.25rem}.cal-field{width:min(88vw,22rem);height:min(42vh,16rem);margin:.7rem auto;border-radius:14px;overflow:hidden;touch-action:none;cursor:pointer;border:1px solid rgba(143,242,224,.28);box-shadow:0 8px 34px #06202b80}.cal-canvas{width:100%;height:100%;display:block}.cal-slider{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;color:#d2e8f4e6;margin:.4rem 0}.cal-slider b{color:#8ff2e0;font-variant-numeric:tabular-nums}.cal-slider input{width:min(80vw,20rem)}.story-sub{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:clamp(.98rem,3.6vw,1.18rem);color:#b4eee4eb;margin:0 0 .5rem}.rest-story{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:clamp(1.05rem,4vw,1.3rem);color:#a9f0e0;margin:.1rem 0 .4rem}.start-cue{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;text-align:center;white-space:nowrap;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:clamp(1.1rem,4.4vw,1.5rem);color:#bff4e8;text-shadow:0 2px 22px rgba(6,32,43,.8);animation:start-cue 2.8s ease-in-out both}@keyframes start-cue{0%{opacity:0;transform:translate(-50%) translateY(6px)}14%{opacity:1;transform:translate(-50%) translateY(0)}76%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.start-cue{animation:none;opacity:.95}}.score-big{margin:.1rem 0}.score-big b{font-family:Fraunces,Georgia,serif;font-size:clamp(2.6rem,12vw,3.6rem);font-weight:600;color:#8ff2e0;text-shadow:0 0 28px rgba(143,242,224,.5);font-variant-numeric:tabular-nums}.tally{font-size:.82rem;color:#c8e0ecd9;margin:.1rem 0 .4rem}.tally-max{color:#ffd27e;font-weight:650;margin-bottom:.05rem}.newbest-line{font-size:.9rem;font-weight:700;color:#ffe9b0;margin:.1rem 0}.best-line{margin:.1rem 0 .4rem;font-size:1rem;font-weight:600;color:#dceef8f5}.best-line b{color:#8ff2e0;font-variant-numeric:tabular-nums;font-size:1.3rem;margin-left:.15rem}.celebrate{position:absolute;top:16%;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;padding:.55rem 1.4rem;border-radius:999px;pointer-events:none;text-align:center;background:radial-gradient(120% 140% at 50% 0%,#8ff2e038,#02101659);border:1px solid rgba(143,242,224,.4);box-shadow:0 10px 40px #2fa9c959;animation:celebrate-in .5s cubic-bezier(.16,1,.3,1) both}.celebrate-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8ff2e0}@keyframes celebrate-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.celebrate{animation:none}}.foot{width:min(100%,44rem);margin-top:1.8rem;text-align:center;padding:.9rem 1.2rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom));border-top:1px solid rgba(150,220,235,.14)}.foot p{font-size:.74rem;color:#c6dee8eb;margin:0 auto .3rem;pointer-events:auto;max-width:44rem}.foot .note{color:#a0cedcd1;font-size:.7rem;font-style:italic}.foot a{color:#93dceb}.foot .foot-updated{font-size:.66rem;color:#c6dee88c}:focus-visible{outline:2px solid #8ff2e0;outline-offset:2px}.pase-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.2rem;overflow-y:auto}.pase-gate-card{max-width:30rem;width:100%;background:#ffffff0b;border:1px solid rgba(160,215,235,.2);border-radius:18px;padding:1.6rem 1.5rem;text-align:center}.pase-gate-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:650;color:#d6eef5d9;text-decoration:none;margin-bottom:.9rem}.pase-gate-back:hover{color:#fff}.pase-gate-card h1{margin:0 0 .5rem;font-size:1.6rem;letter-spacing:.01em}.pase-gate-lede{margin:0 auto 1.1rem;max-width:26rem;font-size:.98rem;line-height:1.55;color:#e1f0f8e6}.pase-gate-cta{display:inline-block;border-radius:999px;padding:.62rem 1.3rem;font-weight:750;font-size:.95rem;text-decoration:none}.pase-gate-cta.soon{background:#a0d7eb1f;border:1px dashed rgba(160,215,235,.4);color:#e1f0f8d9;cursor:default}a.pase-gate-cta{background:#bfeef2;color:#06232a}.pase-gate-note{margin:.55rem 0 0;font-size:.8rem;color:#c8e1eea6}.pase-gate-freegames{margin:1.1rem 0 0;font-size:.85rem;color:#c8e1eebf}.pase-gate-freegames a{color:#8ff2e0;text-decoration:none;font-weight:650}.pase-gate-freegames a:hover{text-decoration:underline}.pase-gate-code{margin-top:1.1rem}.pase-gate-code summary{cursor:pointer;font-size:.85rem;color:#c8e1eebf}.pase-gate-code form{display:flex;gap:.5rem;justify-content:center;margin-top:.7rem}.pase-gate-code input{flex:1;min-width:0;max-width:14rem;border-radius:10px;border:1px solid rgba(160,215,235,.3);background:#04101a99;color:inherit;padding:.5rem .7rem;font-family:inherit;font-size:.9rem}.pase-gate-code button{border-radius:10px;border:none;background:#bfeef2;color:#06232a;font-family:inherit;font-weight:750;font-size:.9rem;padding:.5rem .95rem;cursor:pointer}.pase-gate-code button:disabled{opacity:.6;cursor:default}.pase-gate-err{margin:.6rem 0 0;font-size:.85rem;color:#ff9d9d}.estilos{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(143,242,224,.14);width:100%;max-width:30rem;margin-left:auto;margin-right:auto}.estilos-h{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:0 0 .6rem}.estilos-row{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.estilo{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.3rem;background:transparent;border:1px solid transparent;border-radius:.6rem;cursor:pointer;color:inherit;transition:border-color .15s,transform .1s}.estilo:hover{transform:translateY(-1px)}.estilo.on{border-color:#8ff2e0b3}.estilo-swatch-canvas{width:64px;height:44px;border-radius:.45rem;display:block;box-shadow:0 1px 6px #00000059}.estilo-name{font-size:.72rem;opacity:.85}.estilo.locked .estilo-swatch-canvas{opacity:.82}.estilo-lock{position:absolute;top:.35rem;right:.5rem;font-size:.7rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.estilos-buy{margin-top:.85rem;text-align:center}.estilos-preview{font-size:.85rem;margin:0 0 .2rem;opacity:.95}.estilos-firewall{font-size:.72rem;opacity:.6;margin:.4rem 0 0;font-style:italic}.estilos-cta{margin-top:.55rem;display:inline-block}@media(prefers-reduced-motion:reduce){.estilo:hover{transform:none}}