.mu{gap:12px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mu button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.mu-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mu-head .yl-q{min-width:0}.mu-note{font-size:13px;color:var(--yl-ink2);text-align:center}.mu-note.good{color:var(--yl-good);font-weight:700}.mu-btn{border:1px solid var(--yl-axis);background:var(--yl-grid);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700;min-height:40px}.mu-btn:disabled{opacity:.45;cursor:default}.mu-btn:active:not(:disabled){transform:scale(.97)}.mu-send{width:100%;background:var(--accent);border-color:var(--accent);color:#fff!important;min-height:46px;font-size:15px}.mu-send.rec{background:var(--yl-bad);border-color:var(--yl-bad)}.mu-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mu-play{min-width:92px}.mu-hold.on,.mu-play.on{background:var(--yl-ink);color:var(--screen-bg)!important;border-color:var(--yl-ink)}.mu-step{display:flex;align-items:center;gap:6px}.mu-step span{min-width:30px;text-align:center;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mu-step .mu-btn{width:40px;padding:0}.mu-chip{border:1px solid var(--yl-axis);background:transparent;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.mu-chip.on{background:var(--yl-ink);color:var(--screen-bg)!important;border-color:var(--yl-ink)}.mu-played{font-size:12.5px;color:var(--yl-ink2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 1;min-width:0;text-align:right}.mu-chords .mu-played{text-align:center}.mu-grid{display:grid;grid-gap:4px;gap:4px;align-items:center}.mu-grid+.mu-grid{padding-top:8px;border-top:1px dashed var(--yl-axis)}.mu-rowname{border:0;background:none;padding:0 2px 0 0;font-size:10.5px;font-weight:700;color:var(--yl-ink2)!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-cell{width:100%;aspect-ratio:1;min-height:0;border:0;border-radius:5px;padding:0;background:var(--yl-grid);transition:background .08s ease,transform .08s ease}.mu-cell.beat:not(.on){background:color-mix(in srgb,var(--yl-grid) 70%,var(--yl-axis))}.mu-cell.on{background:var(--mu-row,var(--accent))}.mu-cell.head{outline:2px solid var(--yl-ink);outline-offset:-2px}.mu-cell.head.on{transform:scale(1.08);filter:brightness(1.25)}.mu-pads{display:grid;grid-gap:8px;gap:8px}.mu-pad{aspect-ratio:1;border:0;border-radius:18px;background:color-mix(in srgb,var(--mu-row) 28%,var(--yl-grid));font-size:15px;font-weight:800;letter-spacing:.02em;touch-action:none;transition:background .12s ease,transform .06s ease;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}.mu-c4 .mu-pad{border-radius:12px;font-size:12px}.mu-pad.hit{background:var(--mu-row);transform:scale(.96);color:#fff!important}.mu-progress{height:6px;border-radius:3px;background:var(--yl-grid);overflow:hidden}.mu-progress i{display:block;height:100%;background:var(--yl-bad);transition:width .1s linear}.mu-sounds{display:flex;flex-wrap:wrap;gap:6px}.mu-kbd{position:relative;height:150px;touch-action:none}.mu-black,.mu-white{position:absolute;top:0;box-sizing:border-box;cursor:pointer}.mu-white{width:10%;height:100%;background:#f4f4f8;border:1px solid #b9bccb;border-radius:0 0 8px 8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.mu-white span{font-size:9.5px;font-weight:700;color:#6b6f86;pointer-events:none}.mu-black{width:6.4%;height:60%;background:#20222e;border-radius:0 0 6px 6px;z-index:1;box-shadow:0 2px 0 rgba(0,0,0,.35)}.mu-white.root{background:color-mix(in srgb,var(--accent) 14%,#f4f4f8)}.mu-black.root{background:color-mix(in srgb,var(--accent) 45%,#20222e)}.mu-white.off{background:#9a9cab}.mu-black.off{background:#4a4c58}.mu-black.down,.mu-white.down{background:var(--accent)}.mu-oct{min-width:28px;text-align:center;font-weight:800}.mu-keys .mu-bar .mu-btn{width:40px;padding:0;font-size:20px}.mu-keys .mu-bar .mu-hold{width:auto;padding:0 14px;font-size:14px}.mu-chordgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.mu-chord{min-height:88px;border:0;border-radius:18px;background:color-mix(in srgb,var(--mu-row) 26%,var(--yl-grid));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;transition:background .15s ease,transform .06s ease}.mu-chord b{font-size:28px;font-weight:900}.mu-chord small{font-size:12px;font-weight:700;color:var(--yl-ink2);letter-spacing:.04em}.mu-chord.hit{background:var(--mu-row);transform:scale(.97);color:#fff!important}.mu-chord.hit small{color:rgba(255,255,255,.85)}.mu-dial{display:flex;flex-direction:column;align-items:center}.mu-dial svg{width:100%;max-width:260px;overflow:visible}.mu-arc{fill:none;stroke:var(--yl-grid);stroke-width:10;stroke-linecap:round}.mu-tick{stroke:var(--yl-axis);stroke-width:2}.mu-needle{stroke:var(--yl-ink);stroke-width:3;stroke-linecap:round;transform-origin:100px 100px;transition:transform .12s ease-out,stroke .15s ease}.mu-hub{fill:var(--yl-ink)}.mu-dial.good .mu-hub,.mu-dial.good .mu-needle{stroke:var(--yl-good);fill:var(--yl-good)}.mu-dial.good .mu-arc{stroke:color-mix(in srgb,var(--yl-good) 35%,var(--yl-grid))}.mu-read{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-6px;min-height:60px;justify-content:center}.mu-read b{font-size:40px;font-weight:900;line-height:1}.mu-read sub{font-size:16px;font-weight:700;color:var(--yl-ink2)}.mu-read span{font-size:12.5px;color:var(--yl-ink2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:16px}.mu-dial.good .mu-read b{color:var(--yl-good)}.mu-strings{display:grid;grid-gap:6px;gap:6px}.mu-string{border:1px solid var(--yl-axis);background:var(--yl-grid);border-radius:12px;min-height:44px;font-size:13px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0}.mu-string small{font-size:10px;color:var(--yl-good)}.mu-string.near{border-color:var(--yl-ink)}.mu-string.done{border-color:var(--yl-good)}.mu-bpm{justify-content:space-between;gap:10px}.mu-bpm,.mu-bpm div{display:flex;align-items:center}.mu-bpm div{flex-direction:column}.mu-bpm b{font-size:56px;font-weight:900;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mu-bpm span{font-size:12px;font-weight:700;color:var(--yl-ink2);letter-spacing:.08em}.mu-round{width:52px;height:52px;border-radius:50%;padding:0;font-size:24px}.mu-dots{display:flex;justify-content:center;gap:12px;padding:4px 0}.mu-dots i{width:16px;height:16px;border-radius:50%;background:var(--yl-grid);border:2px solid var(--yl-axis);transition:background .05s ease,transform .05s ease}.mu-dots i.first{width:20px;height:20px}.mu-dots i.on{background:var(--yl-ink);border-color:var(--yl-ink);transform:scale(1.15)}.mu-dots i.first.on{background:var(--accent);border-color:var(--accent)}.mu-metro .mu-bar .mu-btn{flex:1 1}.yl-deck{gap:10px}.yl-slidebox{position:relative;border-radius:14px;overflow:hidden;background:#0f111c;border:1px solid #23263a}.yl-track{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yl-trackin{display:flex;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.yl-trackpage{flex:0 0 100%;min-width:0}.yl-deckscroll{display:flex;flex-direction:column;gap:10px}.yl-deckbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.yl-deckbar>button{width:34px;height:34px;border-radius:50%;border:0;background:#23263a;color:var(--text);font-size:20px;line-height:1;flex:none}.yl-deckbar>button:disabled{opacity:.3}.yl-deckbar .yl-gdots{flex:1 1;justify-content:center}.yl-deckfoot{display:flex;align-items:center;justify-content:space-between;gap:8px}.yl-page{display:flex;flex-direction:column;min-height:220px}.yl-pageimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.yl-pagetext{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}.yl-pagetitle{font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.2px}.yl-pagebody,.yl-pagepts{font-size:13.5px;line-height:1.5;color:#c9cce0}.yl-pagepts{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.yl-pagepts li::marker{color:var(--accent2)}.yl-page.cover{position:relative}.yl-page.cover .yl-pageimg{aspect-ratio:3/4}.yl-page.cover .yl-pagetext{position:absolute;left:0;right:0;bottom:0;padding-top:60px;background:linear-gradient(transparent,rgba(5,6,12,.88))}.yl-page.cover .yl-pagetitle{color:#fff;font-size:22px}.yl-page.text{justify-content:center;min-height:260px}.yl-page.text .yl-pagetitle{font-size:23px}.yl-notes{display:flex;flex-direction:column;gap:6px}.yl-notestext{font-size:13px;line-height:1.5;color:var(--muted);background:#10121d;border-radius:10px;padding:10px 12px;border-left:3px solid var(--accent)}.yl-quizpage{padding:12px;display:flex;flex-direction:column;gap:8px;min-height:260px;justify-content:center}.yl-quizpage .yl-block{background:none;border:0;padding:0}.yl-pagesk{padding:14px 14px 0}.yl-pagesk .yl-block{background:none;border:0;padding:0;margin:0}.yl-quiztag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--accent2)}.bigbtn.ok,.chip.ok{background:#1f8f5f;border-color:#1f8f5f;color:#fff}.bigbtn.no,.chip.no{background:#b3402f;border-color:#b3402f;color:#fff}.yl-quiznote{font-size:13px;line-height:1.45;border-radius:10px;padding:9px 11px}.yl-quiznote.ok{background:rgba(31,143,95,.14);color:#7fe0b3}.yl-quiznote.no{background:rgba(179,64,47,.14);color:#ffab9c}.yl-block.yl-full{position:absolute;inset:0;z-index:60;border:0;border-radius:34px;background:#0b0c14;padding:70px 14px 18px;overflow-y:auto;justify-content:center;animation:pop .2s ease-out}.yl-fullx{z-index:2}.yl-stagetitle{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.screen.light .yl-block.yl-full{background:#fbfbfe}.yl-narrsegs,.yl-plansegs{display:flex;gap:4px}.yl-narrsegs button,.yl-plansegs button{flex:1 1;height:5px;border-radius:4px;border:0;padding:0;background:#2a2e42}.yl-narrsegs button.d,.yl-plansegs button.d{background:var(--accent2)}.yl-narrsegs button.now,.yl-plansegs button.now{background:var(--accent)}.yl-planstep>.yl-block,.yl-planstep>.yl-card{background:none;border:0;padding:0}.yl-planreview{display:flex;flex-direction:column;gap:6px}.yl-planrow{display:grid;grid-template-columns:1fr auto;grid-gap:2px 10px;gap:2px 10px;text-align:left;background:#10121d;border:1px solid #23263a;border-radius:12px;padding:10px 12px;color:var(--text)}.yl-planrow .lbl{grid-column:1/-1;font-size:11.5px;color:var(--muted)}.yl-planrow b{font-size:14px}.yl-planrow b i{color:var(--muted);font-weight:500}.yl-planrow .yl-flink{align-self:center}.yl-project .yl-cardbody{display:flex;flex-direction:column;gap:10px}.yl-projhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.yl-facts{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid #23263a}.yl-fact{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;font-size:13px}.yl-fact+.yl-fact{border-top:1px solid #23263a}.yl-fact span{color:var(--muted)}.yl-fact b{text-align:right}.yl-projnext ul{margin:4px 0 0;padding-left:18px;font-size:13.5px;color:#c9cce0}.yl-projnext .lbl{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.yl-narrate{gap:10px}.yl-narrdot{width:9px;height:9px;border-radius:50%;background:#3a3f58;flex:none}.yl-narrdot[data-on=true]{background:var(--arnold);box-shadow:0 0 0 4px rgba(255,107,61,.2);animation:yl-pulse 1.2s infinite}@keyframes yl-pulse{50%{box-shadow:0 0 0 7px rgba(255,107,61,.05)}}.yl-narrstage>.yl-block,.yl-narrstage>.yl-card{background:none;border:0;padding:0}.yl-narrframe{display:flex;flex-direction:column;gap:8px}.yl-narrmedia{width:100%;border-radius:12px;display:block;aspect-ratio:4/3;object-fit:cover}.yl-fthumb.ph.big{width:100%;height:180px;font-size:28px}.yl-caption{font-size:14px;line-height:1.45;color:var(--muted);background:#10121d;border-radius:12px;padding:10px 12px;min-height:44px}.yl-caption .said{color:var(--text)}.yl-narrbar{display:flex;align-items:center;justify-content:center;gap:18px}.yl-narrbar button{width:40px;height:40px;border-radius:50%;border:0;background:#23263a;color:var(--text);font-size:14px}.yl-narrbar button:disabled{opacity:.3}.yl-narrbar button.play{width:56px;height:56px;background:var(--accent);color:#fff;font-size:18px}.screen.light .yl-slidebox{background:#f6f7fb;border-color:#e3e4ee}.screen.light .yl-pagebody,.screen.light .yl-pagepts,.screen.light .yl-projnext ul{color:#3b3f58}.screen.light .yl-page.cover .yl-pagetext .yl-pagebody{color:#e9eaf3}.screen.light .yl-caption,.screen.light .yl-notestext,.screen.light .yl-planrow{background:#f3f4f9;border-color:#e3e4ee}.screen.light .yl-deckbar>button,.screen.light .yl-narrbar button:not(.play){background:#eef0f6}.screen.light .yl-narrsegs button,.screen.light .yl-plansegs button{background:#e3e4ee}.screen.light .yl-narrsegs button.d,.screen.light .yl-plansegs button.d{background:var(--accent2)}.screen.light .yl-narrsegs button.now,.screen.light .yl-plansegs button.now{background:var(--accent)}.screen.light .yl-fact+.yl-fact,.screen.light .yl-facts{border-color:#e3e4ee}.screen.light .yl-quiznote.ok{color:#13663f}.screen.light .yl-quiznote.no{color:#9c2f20}.yl-stage{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;background:#0b0c14;border-radius:34px;transform:translateY(104%);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.2,.9,.25,1.05),opacity .3s ease}.yl-stage.open{transform:none;opacity:1;pointer-events:auto}.screen.light .yl-stage{background:#fbfbfe}.yl-stagebar{position:relative;display:flex;align-items:center;justify-content:center;padding:34px 14px 8px;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yl-stagegrab{position:absolute;top:12px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#3a3e55}.screen.light .yl-stagegrab{background:#d5d6e3}.yl-stagewho{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.yl-stagex{position:absolute;right:14px;top:21px;width:44px;height:44px;border-radius:50%;border:0;background:#23263a;color:#fff;font-size:20px;cursor:pointer}.screen.light .yl-stagex{background:#e9eaf3;color:#1b1d2b}.yl-stagebody{flex:1 1;overflow-y:auto;padding:8px 14px 22px;display:flex;flex-direction:column;justify-content:center;gap:12px}.yl-stagepill{display:flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;margin:4px 0;padding:8px 12px;border-radius:999px;border:1px solid #2a2e42;background:#161827;color:var(--text);font-size:13px;cursor:pointer;animation:pop .2s ease-out}.screen.light .yl-stagepill{background:#fff;border-color:#e3e4ee;color:#1b1d2b}.yl-stagepill b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yl-stagedot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.yl-stagelive{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent2)}.yl-stageopen{color:var(--muted)}.bigbtn.p.ink{color:#2A2238}.yl-planpage .yl-page{min-height:0}.yl-planpage .yl-pagebody{font-size:15px;line-height:1.5}.yl-record{align-self:flex-start;max-width:92%;background:#10121d;border:1px solid #23263a;border-radius:16px;overflow:hidden}.yl-recordhead{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:none;border:0;color:var(--text);text-align:left;cursor:pointer}.yl-recordhead b{font-size:14px}.yl-recordchev{margin-left:auto;color:var(--muted)}.yl-recordbody{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}.yl-recordpage{border-top:1px solid #23263a;padding-top:6px;font-size:13px}.yl-recordpage summary{cursor:pointer;font-weight:700}.yl-recordpage p,.yl-recordpage ul{margin:6px 0 0;color:var(--muted)}.yl-recordopen{align-self:flex-start;margin-top:4px;background:none;border:1px solid #2f3350;border-radius:999px;padding:6px 12px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.yl-me{align-self:flex-end;max-width:85%;margin-left:auto;white-space:pre-line;background:var(--user-bubble);color:#2a1a1e;border-radius:22px 22px 8px 22px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.45}.screen.light .yl-record{background:#fff;border-color:#e3e4ee;color:#1b1d2b}.screen.light .yl-recordhead,.screen.light .yl-recordopen{color:#1b1d2b}.yl-tlrail{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;position:relative}.yl-tlrail:before{content:"";position:absolute;left:61px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--yl-grid)}.yl-tl.lone .yl-tlrail:before{display:none}.yl-tlrow>a,.yl-tlrow>div{display:grid;grid-template-columns:50px 24px 1fr;grid-column-gap:0;column-gap:0;align-items:start;padding:6px 0;color:inherit;text-decoration:none;border-radius:10px}.yl-tlrow>a:hover{background:rgba(255,255,255,.04)}.yl-tlat{font-size:11px;font-weight:700;color:var(--yl-ink2);text-align:right;padding:3px 8px 0 0;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.yl-tldot{position:relative;z-index:1;justify-self:center;margin-top:3px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;line-height:1}.yl-tlbody{display:flex;flex-direction:column;gap:2px;padding-left:6px;min-width:0}.yl-tltext{font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.yl-tltag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.2px;padding:1px 7px;margin-right:6px;border-radius:999px;background:var(--yl-grid);vertical-align:1px}.yl-tlsub,.yl-tltag{color:var(--yl-ink2)}.yl-tlsub{font-size:12px;line-height:1.35}.yl-tlgo{margin-left:5px;color:var(--accent);font-weight:800}.yl-tlrow.done .yl-tldot{background:var(--accent2);color:var(--screen-bg)}.yl-tlrow.done .yl-tltext{color:var(--yl-ink2);font-weight:500}.yl-tlrow.now>a,.yl-tlrow.now>div{background:color-mix(in srgb,var(--accent) 14%,transparent)}.yl-tlrow.now .yl-tldot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent);animation:yl-tlpulse 1.8s ease-in-out infinite}.yl-tlrow.now .yl-tltag{background:var(--accent);color:#fff}.yl-tlrow.now .yl-tltext{font-weight:800}.yl-tlrow.next .yl-tldot{background:var(--screen-bg);border:2px solid var(--yl-axis);width:14px;height:14px;margin-top:4px}.yl-tlmark{display:grid;grid-template-columns:50px 24px 1fr;align-items:center;margin:6px 0}.yl-tlmark span{grid-column:1/4;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)}.yl-tlmark span:before{content:"";width:50px;flex:none}.yl-tlmark span:after{content:"";flex:1 1;height:2px;border-radius:2px;background:var(--accent)}.yl-tlfold button{margin:0 0 4px 74px;padding:4px 12px;border-radius:999px;border:1px solid var(--yl-grid);background:none;color:var(--yl-ink2);font-size:12px;font-weight:700;cursor:pointer;min-height:32px}@keyframes yl-tlpulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}}@media (prefers-reduced-motion:reduce){.yl-tlrow.now .yl-tldot{animation:none}}.screen.light .yl-tlrow>a:hover{background:rgba(0,0,0,.03)}.yl-tlhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.yl-tlrow.edit>div{grid-template-columns:50px 24px 1fr auto;touch-action:none}.yl-tlrow.drag{position:relative;z-index:2}.yl-tlrow.drag>div{background:var(--screen-bg);box-shadow:0 6px 18px rgba(0,0,0,.25)}.yl-tlmove{display:flex;align-items:center;gap:2px;padding-right:2px;position:relative}.yl-tlmove button{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}.yl-tlmove button:focus-visible{position:static;width:28px;height:28px;clip:auto;border-radius:50%;border:1px solid var(--accent);background:none;color:var(--yl-ink2);font-size:10px}.yl-tlgrip{width:32px;height:36px;display:grid;place-items:center;font-size:20px;color:var(--yl-ink2);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yl-tlrow.drag .yl-tlgrip{cursor:-webkit-grabbing;cursor:grabbing}.yl-tledit{display:flex;gap:8px;margin-top:10px}.yl-tledit .bigbtn{flex:1 1}.yl-game{display:flex;flex-direction:column;gap:10px}.yl-gamenote{font-size:14px;color:var(--yl-ink2);padding:12px;border-radius:14px;background:var(--yl-grid);text-align:center}.yl-gamestatus{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;min-height:20px}.yl-gamestatus.over{color:var(--accent)}.yl-gamebest{color:var(--yl-ink2);font-weight:700}.yl-ttt{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;max-width:300px;margin:0 auto}.yl-tttcell{aspect-ratio:1;border-radius:16px;border:0;background:var(--yl-grid);color:var(--text);font-size:38px;font-weight:900;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .2s ease}.yl-tttcell:not(:disabled):hover{transform:scale(1.03)}.yl-tttcell:disabled{cursor:default}.yl-tttcell.x span{color:var(--accent)}.yl-tttcell.o span{color:var(--accent2)}.yl-tttcell span{animation:yl-gamepop .18s ease-out}.yl-tttcell.hot{background:color-mix(in srgb,var(--accent) 22%,transparent)}.yl-snake{position:relative;display:grid;grid-gap:1px;gap:1px;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto;padding:4px;border-radius:14px;background:var(--yl-grid);touch-action:none;outline:none}.yl-snake:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent)}.yl-snake i{display:block;border-radius:3px}.yl-snake i.body{opacity:.75}.yl-snake i.body,.yl-snake i.head{background:var(--accent)}.yl-snake i.food{background:var(--accent2);border-radius:50%}.yl-snakeover{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;border-radius:14px;background:color-mix(in srgb,var(--screen-bg) 70%,transparent);font-size:16px}.yl-pad,.yl-snakeover{justify-content:center}.yl-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,44px);grid-gap:6px;gap:6px}.yl-pad button{border:0;border-radius:12px;background:var(--yl-grid);color:var(--text);font-size:16px;cursor:pointer}.yl-pad button:first-child{grid-column:2;grid-row:1}.yl-pad button:nth-child(2){grid-column:1;grid-row:2}.yl-pad button:nth-child(3){grid-column:2;grid-row:2}.yl-pad button:nth-child(4){grid-column:3;grid-row:2}.yl-memory{display:grid;grid-gap:8px;gap:8px;width:100%;max-width:320px;margin:0 auto}.yl-memcard{position:relative;aspect-ratio:3/4;border:0;padding:0;border-radius:12px;background:none;cursor:pointer;perspective:400px}.yl-memcard span{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .28s ease}.yl-memcard .back{background:var(--accent)}.yl-memcard .face{background:var(--yl-grid);color:var(--text);font-size:24px;font-weight:800;overflow-wrap:anywhere;padding:4px}.yl-memcard .face,.yl-memcard.up .back{transform:rotateY(180deg)}.yl-memcard.up .face{transform:rotateY(0)}.yl-memcard.got .face{background:color-mix(in srgb,var(--accent2) 30%,transparent)}@keyframes yl-gamepop{0%{transform:scale(.4);opacity:0}}@media (prefers-reduced-motion:reduce){.yl-tttcell,.yl-tttcell span{animation:none;transition:none}.yl-memcard span{transition:opacity .15s linear;transform:none!important}.yl-memcard .face{opacity:0}.yl-memcard.up .face{opacity:1}}.yl-memcard .face.word{font-size:13px;font-weight:800;overflow-wrap:normal;word-break:keep-all;line-height:1.15}.yl-skpair{display:flex;flex-wrap:wrap;gap:12px}.yl-skpair>.yl-skside{flex:1 1 240px}.yl-skside{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.yl-sklabel{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--yl-ink2)}.yl-sk.sk-pair .yl-skside:last-child .yl-sklabel{color:var(--yl-good)}.yl-sktop{font-size:14px;font-weight:800;color:var(--yl-ink)}.yl-skgrid{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;position:relative}.yl-skside.sk-notes .yl-skgrid{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}.yl-skbox{grid-column:1;border:2px solid var(--yl-axis);border-radius:12px;background:var(--screen-bg)}.yl-skgrid.sk-phone .yl-skbox{border-width:3px;border-radius:26px}.yl-skgrid.sk-bubble .yl-skbox{border:0;border-radius:18px 18px 18px 6px;background:var(--yl-grid)}.yl-skcell,.yl-skfoot,.yl-skhead{grid-column:1;position:relative;z-index:1;min-width:0}.yl-skhead{display:flex;align-items:center;gap:8px;min-height:10px}.yl-skgrid.sk-window .yl-skhead{padding:7px 10px;border-bottom:2px solid var(--yl-axis);margin-bottom:6px}.yl-skgrid.sk-phone .yl-skhead{flex-direction:column;gap:6px;padding:8px 14px 6px}.yl-skgrid.sk-bubble .yl-skhead{padding:0 2px 6px}.yl-skdots{display:flex;gap:4px}.yl-skdots i{width:7px;border-radius:50%}.yl-skdots i,.yl-sknotch{height:7px;background:var(--yl-axis)}.yl-sknotch{width:54px;border-radius:7px}.yl-sktitle{font-size:12px;font-weight:800;color:var(--yl-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yl-skgrid.sk-phone .yl-sktitle{color:var(--yl-ink);font-size:13px;align-self:flex-start}.yl-skcell{padding:3px 12px;display:flex;align-items:center}.yl-skgrid.sk-phone .yl-skcell{padding:3px 16px}.yl-skgrid.sk-bubble .yl-skcell{padding:2px 14px}.yl-skgrid.sk-bubble .yl-skcell:nth-child(3){padding-top:11px}.yl-skfoot{min-height:10px}.yl-skgrid.sk-phone .yl-skfoot{min-height:18px}.yl-skrow{font-size:13.5px;line-height:1.35;color:var(--yl-ink);overflow-wrap:anywhere;min-width:0;width:100%}.yl-skrow s{-webkit-text-decoration:line-through 2px var(--yl-bad);text-decoration:line-through 2px var(--yl-bad);color:var(--yl-ink2)}.yl-sk{--yl-marker:rgba(255,210,63,.34)}.screen.light .yl-sk{--yl-marker:rgba(255,204,0,.45)}.yl-skrow mark{color:inherit;font-weight:700;background:linear-gradient(100deg,transparent 2%,var(--yl-marker) 4%,var(--yl-marker) 96%,transparent 98%);padding:0 3px;margin:0 -3px;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.yl-skrow.sk-dim{opacity:.4}.yl-skfill{display:block;height:8px;border-radius:4px;background:var(--yl-axis);opacity:.6;margin:3px 0}.yl-skrow.sk-btn{display:flex}.yl-skbtn{display:inline-flex;justify-content:center;text-align:center;min-width:60%;max-width:100%;padding:6px 14px;border-radius:999px;border:2px solid var(--yl-axis);font-weight:700;font-size:13px}.yl-skrow.sk-hi .yl-skbtn{border-color:#e0b000;background:var(--yl-marker)}.yl-skrow.sk-hi .yl-skbtn mark{background:none;padding:0;margin:0}.yl-skrow.sk-x .yl-skbtn{border-style:dashed;border-color:var(--yl-bad)}.yl-sknote{grid-column:2;display:flex;align-items:center;gap:4px;margin-left:-10px;position:relative;z-index:2;font-size:12px;font-weight:700;line-height:1.25;color:var(--yl-ink2);min-width:0}.yl-sknote svg{flex:none;width:22px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yl-sknote span{overflow-wrap:anywhere}.yl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.yl-shapes{display:flex;flex-direction:column;gap:8px}.yl-shtitle{font-size:12px;font-weight:800;color:var(--yl-ink2)}.yl-shsvg{display:block;width:100%;height:auto;overflow:visible;cursor:pointer}.yl-shlabel{fill:var(--yl-ink);font-weight:700;font-family:inherit}.yl-shlabel.sh-in{font-weight:800}.yl-shcap{margin:0;font-size:13px;line-height:1.45;color:var(--yl-ink2)}.yl-map{display:flex;flex-direction:column;gap:8px}.yl-mapsvg{display:block;width:100%;height:auto;cursor:pointer}.yl-mapsea{fill:var(--yl-ink);fill-opacity:.04}.yl-mapland{fill:var(--yl-ink);fill-opacity:.1;stroke:var(--yl-ink2);stroke-opacity:.35}.yl-maplabel{fill:var(--yl-ink);font-weight:800;font-family:inherit;paint-order:stroke;stroke:var(--screen-bg);stroke-width:.7px;stroke-linejoin:round}.yl-backhome{border:0;font:inherit;font-weight:700;font-size:15px;cursor:pointer;width:100%;flex:none;margin-top:4px}