.til-play{--tp-panel:#0b0b0b;--tp-panel-line:#262626;--tp-panel-hi:#4a4a4a;--tp-tile:#141414;--tp-muted:#8e8e8e;--tp-soft:#c4c4c4;--tp-a15:#fd424326;--tp-a30:#fd42434d}.til-play .q-close,.til-play .nav-btn,.til-play .btn,.til-play input,.til-play select,.til-play textarea{border-radius:0}.til-play .play-layout{--gap:26px;grid-template-columns:clamp(270px,22vw,362px) minmax(0,1fr) clamp(270px,22vw,362px);max-width:1640px;margin-top:22px}@media (max-width:1080px){.til-play .play-layout{grid-template-columns:minmax(0,1fr)}}.til-play .play-side,.til-play .play-side.play-side-right{gap:14px;transform:none}.til-play .q-wrap{max-width:none;margin:0}.til-play .play-side .side-title,.til-play .play-side .mini-cat,.til-play .play-side .party-bar,.til-play .play-side .find-panel{background:var(--tp-panel);border:1px solid var(--tp-panel-line);box-shadow:none;border-radius:0}.til-play .play-side .side-title:hover{border-color:var(--tp-panel-hi)}.til-play .play-side .side-title.open{background:var(--tp-panel);border-color:var(--tp-panel-line)}.til-play .play-side .side-title{gap:14px;padding:18px 20px 18px 22px}.til-play .side-title .side-h,.til-play .play-side .party-label{font-family:var(--til-label);text-transform:uppercase;letter-spacing:.04em;color:var(--fg);align-items:baseline;gap:12px;font-size:clamp(18px,1.35vw,22px);font-weight:600;line-height:1.2;display:flex}.til-play .side-title .side-h:before,.til-play .play-side .party-label:before{content:"";background:var(--accent);flex:none;width:7px;height:7px;transform:translateY(-.14em)}.til-play .side-chev{color:#a8a8a8;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:0;display:inline-flex}.til-play .side-chev:before{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 5.8l5 4.6 5-4.6' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 5.8l5 4.6 5-4.6' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.til-play .side-cats{gap:12px}.til-play .mini-cat{gap:clamp(12px,1.1vw,16px);min-height:96px;padding:16px 16px 16px clamp(14px,1.2vw,20px);transition:border-color .15s,background-color .15s;position:relative;overflow:hidden}.til-play .mini-cat:hover,.til-play .mini-cat:focus-visible{border-color:color-mix(in srgb, var(--accent) 50%, var(--tp-panel-line))}.til-play .mini-cat.on,.til-play .mini-cat.on:hover{border-color:var(--accent);background:var(--tp-panel)}.til-play .mini-ico{background:var(--tp-tile);border:1px solid var(--tp-panel-line);width:clamp(40px,3.1vw,48px);height:clamp(40px,3.1vw,48px);color:var(--accent);flex:none;place-items:center;display:grid}.til-play .mini-cat.on .mini-ico{background:var(--tp-a15);border-color:var(--tp-a30)}.til-play .mini-body{gap:8px;min-width:0}.til-play .mini-title{font-family:var(--til-label);letter-spacing:.02em;font-size:clamp(18px,1.3vw,21px);font-weight:600;line-height:1.15}.til-play .mini-body .til-level{white-space:nowrap;gap:8px}.til-play .mini-body .til-level-label{letter-spacing:.1em;color:var(--tp-muted);font-size:clamp(9.5px,.68vw,10.5px)}.til-play .mini-played{letter-spacing:0;white-space:nowrap;color:var(--tp-soft);font-size:clamp(12.5px,.86vw,14px)}@media (max-width:1080px){.til-play .mini-cat{gap:16px;padding-left:18px}.til-play .mini-ico{width:48px;height:48px}.til-play .mini-title{font-size:21px}.til-play .mini-body .til-level-label{font-size:11px}.til-play .mini-played{font-size:14px}}.til-play .play-side .party-bar.compact,.til-play .play-side .find-panel{gap:14px;padding:20px 22px 22px}.til-play .party-bar.compact .party-name{letter-spacing:0;color:var(--fg);font-family:Onest,sans-serif;font-size:19px;font-weight:600}.til-play .party-bar.compact .party-exit,.til-play .party-bar.compact .btn{padding:13px 24px;font-size:15px}.til-play .party-bar.compact .party-hint,.til-play .find-hint{color:var(--tp-muted);font-size:14px;line-height:1.6}.til-play .find-row{gap:10px}.til-play .find-row input{background:#0b0b0b;border-color:#3a3a3a;height:50px;padding:0 16px;font-size:16px}.til-play .find-row input:focus{border-color:var(--accent)}.til-play .find-row .btn{height:50px;padding:0 22px;font-size:15px}.til-play .find-err{font-size:14px;line-height:1.5}.til-play .side-rules{gap:14px;padding:6px 4px 4px}.til-play .side-rules li{color:var(--tp-soft);grid-template-columns:30px 1fr;font-size:14.5px;line-height:1.55}.til-play .side-rules li span{font-family:var(--til-label);color:var(--accent);-webkit-text-stroke:0;font-size:17px;font-weight:600;line-height:1.35}.til-play .side-rules li b{color:var(--fg);font-weight:600}.til-play .q-stack.on:before,.til-play .q-stack.on:after{content:none}.til-play .q-card{--q-pad-x:clamp(22px, 3.6vw, 60px);border:1px solid var(--accent);background:var(--tp-panel);padding:26px var(--q-pad-x) 26px;box-shadow:none;border-radius:0}.til-play .q-card:before,.til-play .q-card:after{content:none}.til-play .q-card .veil,.til-play .q-card .pattern{display:none}.til-play .q-card{container-type:inline-size}.til-play .q-close{color:#f1f1f1;background:#0b0b0bb3;border-color:#3a3a3a;width:48px;height:48px;top:30px;left:auto;right:24px}.til-play .q-close:hover{border-color:var(--accent-dark);color:var(--fg)}.til-play .q-cat{white-space:nowrap;min-height:56px;padding:0 max(0px, calc(84px - var(--q-pad-x)));gap:14px}.til-play .q-cat-ico{background:var(--tp-a15);border:1px solid var(--tp-a30);width:48px;height:48px;color:var(--accent);flex:none;place-items:center;display:grid}.til-play .q-cat .til-cat-name,.til-play .q-cat-no{font-family:var(--til-label);letter-spacing:.02em;color:var(--fg);font-size:28px;font-weight:600;line-height:1.1}.til-play .q-cat-no{font-variant-numeric:tabular-nums;color:var(--tp-muted);margin-left:2px}.til-play .q-card .q-text{min-height:4.08em;margin-top:38px;font-size:clamp(25px,2.3vw,40px);line-height:1.36}.til-play .q-nav{gap:18px;margin-top:44px}.til-play .nav-btn{background:0 0;border-color:#3a3a3a;width:64px;height:64px}.til-play .nav-btn:hover:not(:disabled){background:#ffffff0a;border-color:#6b6b6b}.til-play .nav-btn.on{background:var(--accent-btn);border-color:var(--accent-btn);width:64px;height:64px}.til-play .nav-btn.on:hover:not(:disabled){background:#ff5d5e;border-color:#ff5d5e}.til-play .nav-btn.nav-next{width:auto;height:64px;font-family:var(--til-label);letter-spacing:.03em;text-transform:uppercase;gap:14px;padding:0 30px 0 34px;font-size:20px;font-weight:600}.til-play .q-skip{color:var(--tp-muted);margin-top:20px;font-size:15px;line-height:1.4}.til-play .q-card.upsell{padding:64px clamp(22px,5vw,72px) 44px}.til-play .q-card.upsell .q-text{min-height:0;margin-top:0;font-size:29px;line-height:1.3;display:block}.til-play .q-progress{margin:30px 26px 0}.til-play .q-played{text-align:center;letter-spacing:.01em;color:var(--tp-soft);margin:0;font-family:Onest,sans-serif;font-size:15px}.til-play .q-bar{background:#171719;border-radius:0;height:5px;margin-top:14px;overflow:hidden}.til-play .q-bar i{border-radius:inherit;background:var(--accent);height:100%;transition:width .5s var(--ease-out);display:block}@container (max-width:440px){.til-play .q-cat{min-height:0;margin-top:58px;padding:0}.til-play .q-cat .til-cat-name{font-size:min(22px,10.101cqi - 15.1515px)}}@media (max-width:560px){.til-play .q-card{--q-pad-x:16px;padding:20px var(--q-pad-x) 22px}.til-play .q-close{width:42px;height:42px;top:14px;right:14px}.til-play .q-cat{gap:10px;margin-top:44px}.til-play .q-cat-ico{width:40px;height:40px}.til-play .q-cat-no{font-size:19px}.til-play .q-cat .til-cat-name{font-size:min(20px,10.101cqi - 13.1313px)}.til-play .q-card .q-text{margin-top:24px}.til-play .q-nav{gap:10px;margin-top:30px}.til-play .nav-btn,.til-play .nav-btn.on{width:54px;height:54px}.til-play .nav-btn.nav-next{gap:10px;width:auto;height:54px;padding:0 20px 0 24px;font-size:18px}.til-play .q-skip{margin-top:16px;font-size:14px}.til-play .q-card.upsell{padding:64px 22px 40px}.til-play .q-progress{margin:24px 4px 0}.til-play .play-side .side-title{padding:16px 16px 16px 18px}.til-play .mini-cat{min-height:90px;padding:14px 14px 14px 18px}.til-play .mini-ico{width:44px;height:44px}}@media (max-width:1080px){.til-play .q-wrap{display:contents}.til-play .q-stack{order:1}.til-play .q-progress{order:2;margin-top:0}.til-play .play-side:not(.play-side-right){order:3}.til-play .play-side-right{order:5}}.til-play-about .about-num b{font-family:var(--til-label);letter-spacing:0;font-weight:600}.til-play a.nav-btn{color:var(--on-accent);text-decoration:none}