@charset "UTF-8";:root{--color-page: #ffffff;--color-card: #ffffff;--color-line: #17121c;--color-shadow: #17121c;--color-text: #17121c;--color-muted: #4b4252;--color-soft: #f3eef5;--color-deck: #fff1d0;--color-studio: linear-gradient(180deg, #ffe14d 0%, #ffcf55 30%, #ffaa76 62%, #ff8fb0 100%)}:root[data-theme=dark]{--color-page: #141017;--color-card: #221b27;--color-line: #efe6f2;--color-shadow: #ff46af;--color-text: #f6f0f8;--color-muted: #cdc2d4;--color-soft: #2f2735;--color-deck: #2f2735;--color-studio: linear-gradient(180deg, #221a33 0%, #3a2147 45%, #5b2556 80%, #6e2a5e 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}html,body{min-height:100%;width:100%;color:var(--color-text);background-color:var(--color-page)}html,html *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,fill .3s ease}@media (prefers-reduced-motion: reduce){html,html *{transition:none}}body{font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.4}ol,ul{list-style:none}a{text-decoration:none;color:inherit}img,svg{display:block;max-width:100%}button,input{font:inherit;background:none;border:none;outline:none;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #2f6bff;outline-offset:3px}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.relief-3d{display:none}:root[data-relief="3d"] .relief-2d{display:none}:root[data-relief="3d"] .relief-3d{display:block}.gc-drawing{background:#ff9fd4}.gc-words{background:#ffe14d}.gc-trivia{background:#ffb35c}.gc-music{background:#bba8ff}.gc-geography{background:#8ee5b3}.gc-movies{background:#ff9a86}.gc-fun{background:#7fd8f0}.gc-all{background:var(--color-card)}.eyebrow{font-stretch:125%;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.muted{color:var(--color-muted)}#root{max-width:1320px;margin:0 auto;padding:28px clamp(16px,4vw,40px) 88px}.b-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:12px;background:var(--color-card);color:var(--color-text);border:2px solid var(--color-line);box-shadow:3px 3px 0 var(--color-shadow);font-size:15px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background-color .3s ease,color .3s ease}.b-btn svg{width:18px;height:18px;flex-shrink:0}.b-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-shadow)}.b-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-shadow)}.b-btn.is-icon{width:44px;padding:0}@media (hover: none){.b-btn:hover{transform:none;box-shadow:3px 3px 0 var(--color-shadow)}}.top{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-stretch:125%;font-weight:800;font-size:18px;letter-spacing:-.01em}.brand img{width:44px;height:44px;object-fit:contain}.top__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}@media (max-width: 639px){#root{padding:14px 14px 112px}.brand span{display:none}.top__actions{gap:8px}}@media (prefers-reduced-motion: no-preference){:root:not([data-intro=done]) .bubble{animation:intro-rise .45s cubic-bezier(.23,1,.32,1) backwards}:root:not([data-intro=done]) .deck{animation:intro-rise .45s cubic-bezier(.23,1,.32,1) 90ms backwards}:root:not([data-intro=done]) .top__actions{animation:intro-fade .45s cubic-bezier(.23,1,.32,1) .18s backwards}:root:not([data-intro=done]) .search,:root:not([data-intro=done]) .genres,:root:not([data-intro=done]) .options,:root:not([data-intro=done]) .count{animation:intro-rise .45s cubic-bezier(.23,1,.32,1) .16s backwards}:root:not([data-intro=done]) .grid>.game{animation:intro-rise-small .4s cubic-bezier(.23,1,.32,1) backwards;animation-delay:.68s}:root:not([data-intro=done]) .grid>.game:nth-child(1){animation-delay:.24s}:root:not([data-intro=done]) .grid>.game:nth-child(2){animation-delay:.28s}:root:not([data-intro=done]) .grid>.game:nth-child(3){animation-delay:.32s}:root:not([data-intro=done]) .grid>.game:nth-child(4){animation-delay:.36s}:root:not([data-intro=done]) .grid>.game:nth-child(5){animation-delay:.4s}:root:not([data-intro=done]) .grid>.game:nth-child(6){animation-delay:.44s}:root:not([data-intro=done]) .grid>.game:nth-child(7){animation-delay:.48s}:root:not([data-intro=done]) .grid>.game:nth-child(8){animation-delay:.52s}:root:not([data-intro=done]) .grid>.game:nth-child(9){animation-delay:.56s}:root:not([data-intro=done]) .grid>.game:nth-child(10){animation-delay:.6s}:root:not([data-intro=done]) .grid>.game:nth-child(11){animation-delay:.64s}}@media (prefers-reduced-motion: reduce){:root:not([data-intro=done]) .bubble,:root:not([data-intro=done]) .deck,:root:not([data-intro=done]) .top__actions,:root:not([data-intro=done]) .search,:root:not([data-intro=done]) .genres,:root:not([data-intro=done]) .options,:root:not([data-intro=done]) .count,:root:not([data-intro=done]) .grid>.game{animation:intro-fade .3s ease backwards}}@keyframes intro-rise{0%{opacity:0;translate:0 12px}}@keyframes intro-rise-small{0%{opacity:0;translate:0 8px}}@keyframes intro-fade{0%{opacity:0}}.catalogue{display:flex;flex-direction:column}.search{margin-top:40px;display:flex;align-items:center;gap:12px;height:60px;padding:0 10px 0 20px;border-radius:16px;background:var(--color-card);border:2.5px solid var(--color-line);box-shadow:4px 4px 0 var(--color-shadow);cursor:text;transition:transform .12s ease,box-shadow .12s ease}.search:focus-within{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-shadow);outline:3px solid #2f6bff;outline-offset:3px}.search input{outline:none;flex:1;min-width:0;height:100%;font-size:17px;font-weight:500}.search input::placeholder{color:var(--color-muted)}.search__icon{width:22px;height:22px;flex-shrink:0}.search__clear{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--color-soft);flex-shrink:0}.search__clear svg{width:14px;height:14px}.genres{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.genres .eyebrow{margin-right:4px}.genre{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;border-radius:999px;background:var(--color-card);color:var(--color-text);border:2px solid var(--color-line);box-shadow:3px 3px 0 var(--color-shadow);font-size:15px;font-weight:700;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,opacity .2s}.genre:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-shadow)}.genre.is-on{background:var(--color-text);color:var(--color-page);transform:translate(3px,3px);box-shadow:0 0 0 var(--color-shadow)}.genre.is-off{opacity:.45}.genre__dot{width:14px;height:14px;border:2px solid currentColor;border-radius:999px}.genre__count{font-stretch:125%;font-weight:800;font-size:12px;opacity:.7}.options{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.options .eyebrow{margin-right:4px}.options__reset{height:44px;padding:0 6px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.opt{height:44px;padding:0 14px;border-radius:10px;background:transparent;color:var(--color-text);border:2px solid var(--color-line);font-size:15px;font-weight:600;transition:background-color .15s,color .15s}.opt:hover{background:var(--color-soft)}.opt.is-on{background:var(--color-text);color:var(--color-page)}.options-toggle{display:none;align-items:center;gap:8px;flex-shrink:0;font-weight:700}.options-toggle svg{width:17px;height:17px}.options-toggle__count{min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#ff46af;color:#17121c;font-size:12px;font-weight:800}.count{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.count__text{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-width:0}.count h2{font-stretch:125%;font-weight:900;font-size:40px;line-height:1;letter-spacing:-.02em}.count p{font-size:16px;font-weight:500}.grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:28px}.game{display:flex;flex-direction:column;min-height:232px;overflow:hidden;border-radius:18px;background:var(--color-card);color:var(--color-text);border:2.5px solid var(--color-line);box-shadow:6px 6px 0 var(--color-shadow);transition:transform .15s ease,box-shadow .15s ease}.game:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--color-shadow)}.game:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--color-shadow)}.game:hover .game__play{text-decoration:underline;text-underline-offset:3px}.game__band{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;color:#17121c;border-bottom:2.5px solid var(--color-line)}.game__genre{font-stretch:125%;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.game__range{display:flex;align-items:center;gap:6px;white-space:nowrap;font-stretch:125%;font-weight:800;font-size:13px}.game__range svg{width:16px;height:16px}.game__body{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px 18px}.game__head{display:flex;align-items:center;gap:12px}.game__head h3{min-width:0;font-stretch:125%;font-weight:800;font-size:22px;line-height:1.05;letter-spacing:-.01em}.game__fav{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--color-soft);border:2px solid var(--color-line)}.game__favicon{width:24px;height:24px}.game__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.45;color:var(--color-muted)}.game__meta{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.game__tag{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:8px;background:var(--color-soft);color:var(--color-text);font-size:12.5px;font-weight:600}.game__tag.is-warn{background:transparent;border:1.5px dashed var(--color-line)}.game__play{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-stretch:125%;font-weight:800;font-size:14px}.game__play svg{width:16px;height:16px}.empty{margin-top:20px;padding:36px 24px 40px;border:2.5px dashed var(--color-line);border-radius:22px;text-align:center}.empty__title{font-stretch:125%;font-weight:900;font-size:26px;line-height:1.1}.empty__hint{margin-top:8px;font-size:15px;color:var(--color-muted)}.empty__reset{margin:18px auto 0}.mini{position:relative;width:131px;height:102px;margin:0 auto 18px;background:#08223b;border:3px solid var(--color-line);border-radius:12px;overflow:hidden}.mini-eye{position:absolute;top:calc(58% + 5.7px);width:10.7px;height:14.4px;margin:-7.2px 0 0 -5.35px;border-radius:2px;background:#c9f6ff}.mini-eye.l{left:calc(50% - 28.7px);transform:rotate(18deg)}.mini-eye.r{left:calc(50% + 28.7px);transform:rotate(-18deg)}:root[data-theme=dark] .mini-eye{box-shadow:0 0 7px #c9f6ff}.mini-tear{position:absolute;left:calc(50% + 27px);top:calc(58% + 24px);width:5px;height:7px;background:#7fd8f0;border-radius:50%/60% 60% 40% 40%;animation:mini-tear 1s ease-in .3s backwards}@keyframes mini-tear{0%{transform:translateY(-12px);opacity:0}30%{opacity:1}}@media (max-width: 639px){.search{margin-top:16px;height:52px;padding:0 8px 0 16px;border-radius:14px}.search input{font-size:16px}.search__icon{width:20px;height:20px}.genres{margin:12px -14px 0;padding:0 14px 5px;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}.genres::-webkit-scrollbar{display:none}.genres .eyebrow{display:none}.genre{flex-shrink:0;gap:7px;padding:0 13px 0 11px;font-size:14px}.count{order:1;margin-top:12px}.count h2{font-size:26px;line-height:1.05}.count p{font-size:13px}.count__text{display:block}.options-toggle{display:flex}.options{order:2;display:none;margin-top:12px}.options.is-open{display:flex}.options .eyebrow{display:none}.opt{padding:0 12px;font-size:14px}.grid{order:3;margin-top:12px;gap:18px;padding-right:6px}.empty{order:4}.game{min-height:0;border-radius:16px}.game__band{padding:8px 14px}.game__body{gap:8px;padding:14px}.game__head h3{font-size:19px}.game__fav{width:36px;height:36px;border-radius:10px}.game__desc{font-size:14px}}@media (prefers-reduced-motion: reduce){.mini-tear{animation:none}}.sw-specs{position:relative;flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--color-card);color:var(--color-text);border:2px solid var(--color-line);box-shadow:3px 3px 0 var(--color-shadow);transition:transform .12s ease,box-shadow .12s ease}.sw-specs:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-shadow)}.sw-specs:active,.sw-specs.is-3d,.sw-specs.is-3d:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-shadow)}.sw-specs.is-3d:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-shadow)}.sw-specs svg{display:block;overflow:visible}.sw-specs.fx-a svg{animation:specs-bounce-a .36s cubic-bezier(.3,1.5,.5,1)}.sw-specs.fx-b svg{animation:specs-bounce-b .36s cubic-bezier(.3,1.5,.5,1)}@keyframes specs-bounce-a{35%{transform:translateY(-3px) rotate(-10deg)}}@keyframes specs-bounce-b{35%{transform:translateY(-3px) rotate(-10deg)}}.sw-arm{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sw-fr{fill:var(--color-card);stroke:currentColor;stroke-width:2;stroke-linejoin:round}.sw-ln{fill:var(--color-card);stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;transition:fill .16s ease}.sw-ln.r{transition-delay:.07s}.sw-specs.is-3d .sw-ln.l{fill:#ff5a5f}.sw-specs.is-3d .sw-ln.r{fill:#5fcde8}.sw-tag{position:absolute;left:50%;top:calc(100% + 11px);z-index:5;padding:5px 7px 3px;border-radius:7px;background:#17121c;color:#fff;border:2px solid var(--color-line);box-shadow:2px 2px 0 var(--color-shadow);font-family:Honk,system-ui;font-weight:400;font-size:19px;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-6px) rotate(-6deg) scale(.5);transition:opacity .1s ease,transform .18s cubic-bezier(.3,1.5,.5,1)}.sw-tag:before{content:"";position:absolute;left:50%;top:-6px;width:9px;height:9px;margin-left:-4.5px;background:#17121c;border-left:2px solid var(--color-line);border-top:2px solid var(--color-line);transform:rotate(45deg)}@media (hover: hover){.sw-specs:hover .sw-tag{opacity:1;transform:translate(-50%) rotate(-6deg)}}.sw-specs:focus-visible .sw-tag{opacity:1;transform:translate(-50%) rotate(-6deg)}@media (hover: none){.sw-specs:hover{transform:none;box-shadow:3px 3px 0 var(--color-shadow)}.sw-specs:active,.sw-specs.is-3d,.sw-specs.is-3d:hover,.sw-specs.is-3d:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-shadow)}}@media (prefers-reduced-motion: reduce){.sw-specs,.sw-specs *,.sw-tag{transition:none!important;animation:none!important}}@media (max-width: 639px){.how-it-works-trigger{width:44px;padding:0}.how-it-works-trigger__label{display:none}}.how-it-works-overlay{position:fixed;inset:0;z-index:100;display:flex;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;background-color:#17121c00;opacity:0;transition:opacity .22s ease,background-color .22s ease}.how-it-works-overlay.is-open{background-color:#17121c8c;opacity:1}.how-it-works-overlay.is-open .how-it-works-dialog{transform:scale(1) translateY(0);opacity:1}.how-it-works-dialog{position:relative;width:100%;max-width:57.5ch;margin:auto;padding:3rem 2.5rem 2.5rem;border-radius:22px;background-color:var(--color-card);color:var(--color-text);border:3px solid var(--color-line);box-shadow:8px 8px 0 var(--color-shadow);text-align:left;transform:scale(.92) translateY(.75rem);opacity:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.how-it-works-dialog h2{margin-bottom:1.1rem;font-family:Honk,system-ui,sans-serif;font-weight:400;font-size:2.6rem;line-height:1;text-align:center}.how-it-works-dialog p{font-size:1.05rem;line-height:1.6}.how-it-works-dialog p+p{margin-top:1.1rem}.how-it-works-dialog a{text-decoration:underline;text-underline-offset:.15em}.how-it-works-dialog__close{position:absolute;top:.85rem;right:.85rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-soft);transition:background-color .2s}.how-it-works-dialog__close:hover{background-color:#ffe14d;color:#17121c}@media (prefers-reduced-motion: reduce){.how-it-works-overlay,.how-it-works-dialog{transition:none}}.language-switcher{position:relative}.language-switcher__trigger{padding:0 14px 0 16px}.language-switcher__chevron{width:.8rem;height:.8rem;flex-shrink:0;transition:transform .2s ease-out}.language-switcher__trigger[aria-expanded=true] .language-switcher__chevron{transform:rotate(180deg)}.language-switcher__menu{position:absolute;top:calc(100% + .6rem);right:0;z-index:10;display:flex;flex-direction:column;gap:.15rem;min-width:9.5rem;padding:.4rem;border-radius:14px;background-color:var(--color-card);color:var(--color-text);border:2px solid var(--color-line);box-shadow:4px 4px 0 var(--color-shadow);transform-origin:top right;transform:scale(.9) translateY(-.4rem);opacity:0;pointer-events:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.language-switcher__menu.is-open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.language-switcher__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;padding:0 .7rem;border-radius:.6rem;text-align:left;font-size:.95rem;font-weight:700;transition:background-color .15s}.language-switcher__option:hover,.language-switcher__option:focus-visible{background-color:var(--color-soft)}.language-switcher__option.is-selected{color:#ff46af}.language-switcher__check{width:.8rem;height:.8rem;flex-shrink:0}@media (max-width: 639px){.language-switcher__label{display:none}.language-switcher__trigger{padding:0 10px}}@media (prefers-reduced-motion: reduce){.language-switcher__menu,.language-switcher__chevron{transition:none}}.floppy{position:relative;background:#17121c;border-radius:14px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}.shutter{position:absolute;top:0;background:#e7e3ea;border:3px solid #17121c;border-top:0;border-radius:0 0 6px 6px}.shutter-win{position:absolute;background:#17121c;border-radius:3px}.notch{position:absolute;left:12px;bottom:4px;width:10px;height:8px;background:#3a3340;border-radius:2px}.lbl{position:relative;background:#fff;color:#17121c;border-radius:10px;overflow:hidden}.drawer-in .floppy-w,.drawer-in .fl-anchor{position:absolute;right:37px;top:-46px;width:236px;height:250px;pointer-events:none}.drawer-in .floppy-w{height:auto;transform:translate(0) scale(1) rotate(-5deg);filter:drop-shadow(8px 8px 0 var(--color-shadow))}.drawer-in .floppy-w.ej-a{animation:eject-a .42s cubic-bezier(.2,.9,.25,1.15) backwards}.drawer-in .floppy-w.ej-b{animation:eject-b .42s cubic-bezier(.2,.9,.25,1.15) backwards}.drawer-in .floppy-w.is-in{animation:eject-back .42s cubic-bezier(.75,-.15,.8,.1) both}.drawer-in .floppy{height:250px;padding:60px 14px 16px}.drawer-in .shutter{left:60px;width:112px;height:48px}.drawer-in .shutter-win{left:16px;top:8px;width:24px;height:30px}.drawer-in .lbl{height:100%;display:flex;flex-direction:column}.fl-zone{position:absolute;inset:0;pointer-events:none}.lbl-band{padding:7px 12px;border-bottom:2.5px solid #17121c;font-stretch:125%;font-weight:800;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbl-name{flex:1;display:grid;place-items:center;padding:8px 12px;text-align:center;font-stretch:62%;font-weight:900;line-height:1;letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere}@keyframes eject-a{0%{transform:translate(var(--ej-x, -160px),var(--ej-y, -209px)) scale(.12,.03) rotate(0)}}@keyframes eject-b{0%{transform:translate(var(--ej-x, -160px),var(--ej-y, -209px)) scale(.12,.03) rotate(0)}}@keyframes eject-back{0%{transform:translate(0) scale(1) rotate(-5deg)}99%{opacity:1}to{transform:translate(var(--ej-x, -160px),var(--ej-y, -209px)) scale(.12,.03) rotate(0);opacity:0}}.f3-desk{position:absolute;right:37px;top:-46px;width:236px;pointer-events:none;--f3-rz: -5deg;--f3-rx: 4deg;--f3-ry: -9deg;--f3-fx: var(--ej-x, -179px);--f3-fy: var(--ej-y, -186px);--f3-s0: .34;--f3-z0: 5deg}.f3-w{perspective:640px;perspective-origin:calc(100% + 560px) -580px}.f3-fly,.f3{position:relative;transform-style:preserve-3d}.f3-fly{transform-origin:50% 50%}.f3{transform:rotate(var(--f3-rz, 0deg)) rotateX(var(--f3-rx, 0deg)) rotateY(var(--f3-ry, 0deg))}.f3>.floppy{position:relative;backface-visibility:hidden}.f3-e,.f3-bk,.f3-sh{position:absolute;display:block;backface-visibility:hidden}.f3-e{background:#3a3342;border:2px solid #17121c}.f3-e.t,.f3-e.c,.f3-e.tl{background:#6c6377}.f3-e.t{left:14px;right:26px;top:-10px;height:10px;transform-origin:0 100%;transform:rotateX(90deg)}.f3-e.c{left:calc(100% - 26px);top:-10px;width:36.77px;height:10px;transform-origin:0 100%;transform:rotate(45deg) rotateX(90deg)}.f3-e.r{left:100%;top:26px;bottom:14px;width:10px;transform-origin:0 50%;transform:rotateY(90deg)}.f3-e.b{left:14px;right:14px;top:100%;height:10px;transform-origin:50% 0;transform:rotateX(-90deg)}.f3-e.l{right:100%;top:14px;bottom:14px;width:10px;transform-origin:100% 50%;transform:rotateY(-90deg)}.f3-e.tl{left:0;top:4px;width:19.8px;height:10px;transform-origin:0 100%;transform:rotate(-45deg) rotateX(90deg)}.f3-e.br{left:calc(100% - 14px);top:100%;width:19.8px;height:10px;transform-origin:0 0;transform:rotate(-45deg) rotateX(-90deg)}.f3-e.bl{left:0;top:calc(100% - 14px);width:19.8px;height:10px;transform-origin:0 0;transform:rotate(45deg) rotateX(-90deg)}.f3-bk{inset:0;background:#17121c;border-radius:14px;transform:translateZ(-10px) rotateY(180deg)}.f3-sh{inset:0;background:var(--color-shadow);border-radius:14px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);transform:translate3d(-3px,19px,-12px)}@keyframes f3-out{0%{transform:translate3d(var(--f3-fx),var(--f3-fy),0) scale(var(--f3-s0)) rotate(var(--f3-z0)) rotateX(84deg);animation-timing-function:cubic-bezier(.3,.6,.6,1)}22%{transform:translate3d(calc(var(--f3-fx) * .9),calc(var(--f3-fy) * .9 + 16px),0) scale(calc(var(--f3-s0) * 1.35)) rotate(var(--f3-z0)) rotateX(68deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}62%{transform:translate3d(calc(var(--f3-fx) * .2),calc(var(--f3-fy) * .2 - 30px),0) scale(.9) rotate(calc(var(--f3-z0) * .3)) rotateX(14deg);animation-timing-function:cubic-bezier(.3,0,.4,1)}82%{transform:translate3d(0,-6px,0) scale(1.03) rotate(0) rotateX(-7deg);animation-timing-function:ease-in-out}to{transform:none}}@keyframes f3-in{0%{transform:none}to{transform:translate3d(var(--f3-fx),var(--f3-fy),0) scale(var(--f3-s0)) rotate(var(--f3-z0)) rotateX(84deg)}}@keyframes f3-show{0%{opacity:0;perspective-origin:50% 30%}6%{opacity:1}70%{perspective-origin:50% 30%}to{opacity:1;perspective-origin:calc(100% + 560px) -580px}}@keyframes f3-hide{0%{opacity:1;perspective-origin:calc(100% + 560px) -580px}35%{perspective-origin:50% 30%}82%{opacity:1}to{opacity:0;perspective-origin:50% 30%}}.f3-w.ej-a .f3-fly,.f3-w.ej-b .f3-fly{animation:f3-out .56s both}.f3-w.ej-a,.f3-w.ej-b{animation:f3-show .56s linear both}.f3-w.is-in .f3-fly{animation:f3-in .2s cubic-bezier(.5,0,.8,.4) both}.f3-w.is-in{animation:f3-hide .2s linear both}:root[data-relief="3d"] .fl-move.is-eject,:root[data-relief="3d"] .fl-move.is-out{animation:none;transform:none;opacity:1;transition:none}:root[data-relief="3d"] .fl-move.is-eject .f3-fly{animation:f3-out .48s both}:root[data-relief="3d"] .fl-move.is-eject .f3-w{animation:f3-show .48s linear both}:root[data-relief="3d"] .fl-move.is-out .f3-fly{animation:f3-in .2s cubic-bezier(.5,0,.8,.4) both}:root[data-relief="3d"] .fl-move.is-out .f3-w{animation:f3-hide .2s linear both}.f3-pick{--f3-rz: 0deg;--f3-fx: var(--ej-x, 96px);--f3-fy: var(--ej-y, -180px);--f3-s0: .13;--f3-z0: 0deg}.f3-w.is-in{opacity:0}@media (max-width: 973px){.drawer-in .floppy-w,.drawer-in .f3-desk{display:none!important}}@media (prefers-reduced-motion: reduce){.floppy-w,.f3-fly,.f3-w{animation:none!important}.drawer-in .floppy-w.is-in{opacity:0}}.ink-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#17121c;color:#fff;font-stretch:125%;font-weight:800;transition:transform .12s ease}.ink-btn svg{width:18px;height:18px}.ink-btn:hover{transform:translateY(-1px)}.ink-btn:active{transform:translateY(2px)}:root[data-theme=dark] .ink-btn{box-shadow:0 0 0 2px var(--color-line)}.pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px}.pill-genre{color:#17121c;border:2px solid #17121c;font-stretch:125%;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.pill-line{border:2px solid var(--color-line);font-size:14px;font-weight:700}.btag{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:7px;background:#f3eef5;color:#17121c;font-size:12px;font-weight:600}.btag.is-warn{background:transparent;border:1.5px dashed #17121c}.drawer-wrap{display:grid;grid-template-rows:1fr;margin-top:36px}.drawer-wrap.is-opening{animation:drawer-open .28s ease-out backwards}@keyframes drawer-open{0%{grid-template-rows:0fr}}.drawer-in{position:relative;min-height:0;min-width:0}.drawer{position:relative;display:flex;min-height:236px;background:var(--color-card);color:var(--color-text);border:3px solid var(--color-line);border-radius:22px;box-shadow:8px 8px 0 var(--color-shadow)}.drawer-wrap.is-opening .drawer{animation:drawer-reveal .28s ease-out backwards}@keyframes drawer-reveal{0%{clip-path:inset(0 -16px 100% -16px round 22px)}to{clip-path:inset(-16px -16px -16px -16px round 22px)}}.d-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px;padding:26px 30px 28px}.d-main.fd-a{animation:drawer-fade-a .2s ease-out backwards}.d-main.fd-b{animation:drawer-fade-b .2s ease-out backwards}.d-stub{flex:0 0 290px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:62px 28px 24px;border-left:3px dashed var(--color-line)}.drawer-wrap.is-opening .d-main,.drawer-wrap.is-opening .d-stub{animation:drawer-fade-in .15s ease-out .12s backwards}@keyframes drawer-fade-in{0%{opacity:0}}@keyframes drawer-fade-a{0%{opacity:0;transform:translateY(6px)}}@keyframes drawer-fade-b{0%{opacity:0;transform:translateY(6px)}}.d-slot{flex:0 0 300px}.d-name{font-stretch:125%;font-weight:900;font-size:44px;line-height:1;letter-spacing:-.02em}.d-desc{max-width:56ch;font-size:17px;line-height:1.45}.d-pills{display:flex;flex-wrap:wrap;gap:8px}.d-stub .ink-btn{height:56px;padding:0 12px;border-radius:14px;font-size:17px;white-space:nowrap}.ret-row{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:14px;font-stretch:125%;font-weight:800;font-size:16px}.ret-row svg{width:20px;height:20px}.d-note{font-size:13px;text-align:center}.d-close{position:absolute;z-index:2;top:-20px;right:-20px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#ffe14d;color:#17121c;border:2.5px solid #17121c;box-shadow:3px 3px 0 var(--color-shadow);transform:rotate(8deg);transition:transform .12s ease,box-shadow .12s ease}.d-close svg{width:20px;height:20px}.d-close:hover{transform:rotate(0) translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-shadow)}.d-close:active{transform:rotate(0) translate(3px,3px);box-shadow:0 0 0 var(--color-shadow)}@media (max-width: 973px){.drawer{flex-wrap:wrap}.d-main{flex:1 1 100%}.d-stub{flex:1 1 100%;border-left:0;border-top:3px dashed var(--color-line);padding:24px}.d-slot{display:none}.d-close{top:-16px;right:-10px}.d-name{font-size:clamp(30px,9vw,44px);overflow-wrap:anywhere}}.pick-screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;overflow-y:auto;background:var(--color-studio);color:var(--color-text);animation:pick-screen-in .22s ease-out}@keyframes pick-screen-in{0%{opacity:0;transform:translateY(16px)}}.ps-bar{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 0}.ps-back{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 10px;border-radius:12px;background:var(--color-card);color:var(--color-text);border:2px solid var(--color-line);box-shadow:3px 3px 0 var(--color-shadow);font-stretch:125%;font-size:14px;font-weight:800}.ps-back svg{width:16px;height:16px}.ps-back:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-shadow)}.ps-main{flex:1;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:4px 14px 24px}.ps-head{position:relative;flex-shrink:0;height:181px}.ps-head>div:last-child{position:absolute;right:-16px;top:-16px;z-index:2}.tv--pick{--u: .58px}.ps-say-w{position:absolute;z-index:3;left:4px;top:35px;width:170px;height:100px;display:flex;align-items:center}.ps-say{position:relative;width:100%;padding:10px 14px;background:#fff;color:#17121c;border:2.5px solid #17121c;border-radius:14px;box-shadow:4px 4px 0 var(--color-shadow);font-stretch:125%;font-weight:800;font-size:17px;line-height:1.2;transform-origin:100% 50%}.ps-say:after{content:"";position:absolute;right:-12px;top:50%;margin-top:-8px;width:16px;height:16px;background:#fff;border-right:2.5px solid #17121c;border-top:2.5px solid #17121c;transform:rotate(45deg) skew(12deg,12deg)}.ps-say.say-a{animation:say-pop-a .2s cubic-bezier(.3,1.4,.5,1)}.fl-zone.ps-ticket{position:relative;inset:auto;z-index:4;margin:10px 8px 0;pointer-events:auto}.fl-move{position:relative;transform-origin:50% 50%}.fl-move.is-out{transform:translateY(-30px) scale(.9);opacity:0;transition:transform .16s ease-in,opacity .16s ease-in}.fl-move.is-wait{visibility:hidden}.fl-move.is-eject{animation:ticket-eject .44s cubic-bezier(.2,.9,.25,1.15) both}@keyframes ticket-eject{0%{transform:translate(var(--ej-x, 104px),var(--ej-y, -188px)) scale(.11,.03)}to{transform:none}}.ps-ticket .floppy-w{filter:drop-shadow(8px 8px 0 var(--color-shadow))}.ps-ticket .floppy{padding:60px 16px 16px}.ps-ticket .shutter{left:96px;width:150px;height:48px}.ps-ticket .shutter-win{left:22px;top:8px;width:30px;height:29px}.ps-ticket .notch{left:14px;bottom:5px;width:10px;height:10px}.ps-ticket .band{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;color:#17121c;border-bottom:2.5px solid #17121c;font-stretch:125%;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ps-ticket .band-range{display:flex;align-items:center;gap:6px;white-space:nowrap;letter-spacing:.02em}.ps-ticket .band-range svg{width:15px;height:15px}.ps-lbl-body{display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px}.ps-lbl-body p{font-size:15px;line-height:1.45}.ps-lbl-body .ink-btn{height:54px;border-radius:13px;font-size:17px}.ps-name{font-stretch:125%;font-weight:900;font-size:30px;line-height:1.02;letter-spacing:-.02em}.ps-name.is-long{font-size:26px}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ps-tags{display:flex;flex-wrap:wrap;gap:6px}.ps-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border:3px dashed var(--color-line);border-radius:14px;animation:ld-in .2s ease-out .1s backwards}.ps-loader.is-gone{animation:ld-out .16s ease-in both}@keyframes ld-in{0%{opacity:0;transform:scale(.96)}}@keyframes ld-out{to{opacity:0;transform:scale(.94)}}.ld-cap{color:var(--color-text);font-stretch:125%;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ld-art{position:relative;width:170px;height:100px}.ld-fl{position:absolute;left:50%;top:14px;width:64px;height:70px;margin-left:-32px;background:#17121c;border-radius:8px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);animation:ld-shuffle 1.2s cubic-bezier(.4,0,.3,1) infinite}.ld-fl:nth-child(2){animation-delay:-.4s}.ld-fl:nth-child(3){animation-delay:-.8s}.ld-sh{position:absolute;left:17px;top:0;width:28px;height:20px;background:#e7e3ea;border-radius:0 0 3px 3px}.ld-lb{position:absolute;left:8px;right:8px;bottom:8px;height:30px;border-radius:5px;box-shadow:inset 0 -15px #fff}@keyframes ld-shuffle{0%{z-index:3;transform:none}18%{z-index:3;transform:translate(64px,-12px) rotate(14deg)}24%{z-index:1;transform:translate(64px,-12px) rotate(14deg)}36%,56%{z-index:1;transform:translate(-22px,-10px) rotate(-12deg)}68%,88%{z-index:2;transform:translate(-11px,-5px) rotate(-6deg)}to{z-index:3;transform:none}}.ps-actions{display:flex;flex-direction:column;gap:10px;padding:20px 8px 0}.reroll{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:16px;background:#ff46af;color:#17121c;border:2.5px solid #17121c;box-shadow:0 5px #17121c;font-stretch:125%;font-size:17px;font-weight:800;transition:transform .1s ease,box-shadow .1s ease}.reroll svg{width:22px;height:22px}.reroll:active{transform:translateY(5px);box-shadow:0 0 #17121c}.reroll.is-wait{visibility:hidden}.ps-note{font-size:13px;font-weight:600;text-align:center}.ps-stripes{flex-shrink:0;display:flex;flex-direction:column;gap:7px}.ps-stripes i:nth-child(1){height:16px;background:#ffa14a}.ps-stripes i:nth-child(2){height:18px;background:#ff7a6b}.ps-stripes i:nth-child(3){height:26px;background:#ff46af}@media (prefers-reduced-motion: reduce){.drawer-wrap,.drawer,.d-main,.d-stub,.pick-screen,.ps-say,.fl-move,.ps-loader,.ps-loader *{animation:none!important;transition:none!important}.fl-move.is-out{opacity:1;transform:none}}.tv{position:relative;width:calc(340 * var(--u));height:calc(340 * var(--u));pointer-events:none}.tv-body{position:absolute;inset:0;transform-origin:50% 96%}.tv-body.jp-a{animation:tv-jump-a .28s ease-out}.tv-body.jp-b,.tv-body.is-hop{animation:tv-jump-b .28s ease-out}@keyframes tv-jump-a{0%{transform:translateY(0)}45%{transform:translateY(calc(-10 * var(--u)))}80%{transform:translateY(0) scaleY(.97)}to{transform:scaleY(1)}}@keyframes tv-jump-b{0%{transform:translateY(0)}45%{transform:translateY(calc(-10 * var(--u)))}80%{transform:translateY(0) scaleY(.97)}to{transform:scaleY(1)}}.tv-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tv .f{stroke:#17121c;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tv .f2{stroke-width:2}.tv-sh{fill:var(--color-shadow)}.tv-name{font-family:Archivo,system-ui,sans-serif;font-weight:800;font-size:9.5px;font-stretch:125%;fill:#17121c}.vent{fill:none;stroke:#b38c50;stroke-width:2.4;stroke-linecap:round}.slot-light{position:absolute;left:calc(140 * var(--u));top:calc(282 * var(--u));width:calc(80 * var(--u));height:calc(7 * var(--u));border-radius:calc(3.5 * var(--u));background:#ff46af;opacity:0}.sl-a .slot-light{animation:slot-blink-a .48s steps(1)}.sl-b .slot-light,.is-slot .slot-light{animation:slot-blink-b .48s steps(1)}@keyframes slot-blink-a{0%,50%{opacity:1}25%,75%,to{opacity:0}}@keyframes slot-blink-b{0%,50%{opacity:1}25%,75%,to{opacity:0}}.scr{position:absolute;left:calc(52 * var(--u));top:calc(113 * var(--u));width:calc(160 * var(--u));height:calc(124 * var(--u));border-radius:calc(9 * var(--u));overflow:hidden;background:#0b2f52;transition:background-color .3s ease,box-shadow .2s ease}.scr.is-share{box-shadow:inset 0 0 0 calc(4 * var(--u)) #ff46af}.scr.m-sad{background:#08223b}.scr-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:calc(4 * var(--u));padding:calc(6 * var(--u));animation:tv-power .42s ease-out .1s backwards}@keyframes tv-power{0%{clip-path:inset(49.5% 50%);filter:brightness(2.2)}30%{clip-path:inset(49.5% 0);filter:brightness(2.2)}65%{clip-path:inset(0);filter:brightness(1.6)}to{clip-path:inset(0);filter:brightness(1)}}.scr-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:calc(4 * var(--u))}.tile{position:relative;flex:none;width:calc(var(--tw) * var(--u));height:calc(var(--th) * var(--u));background:#14507f;border-radius:calc(4 * var(--u))}.tile.is-pop{animation:tile-pop .18s cubic-bezier(.3,1.6,.5,1) backwards}.is-solo .tile{background:transparent}@keyframes tile-pop{0%{transform:scale(.3);opacity:0}}.more{position:absolute;inset:0;display:grid;place-items:center;color:#c9f6ff;font-stretch:125%;font-weight:800;font-size:calc(13 * var(--u))}.face{position:absolute;inset:0;transform:translate(calc(var(--fx) * var(--u)),calc(var(--fy) * var(--u)));transition:transform .14s ease-out}.eye{position:absolute;display:block;top:calc(58% + var(--drop) * var(--u));width:calc(var(--ew) * var(--u));height:calc(var(--eh) * var(--u));margin:calc(var(--eh) * var(--u) / -2) 0 0 calc(var(--ew) * var(--u) / -2);background:var(--c);border:0 solid var(--c);border-radius:calc(2.5 * var(--u));transition:width .16s ease,height .16s ease,margin .16s ease,top .16s ease,transform .16s ease,border-radius .16s ease}.eye.l{left:calc(50% - var(--half) * var(--u))}.eye.r{left:calc(50% + var(--half) * var(--u))}:root[data-theme=dark] .eye{filter:drop-shadow(0 0 calc(5 * var(--u)) var(--c))}.m-idle .eye,.m-look .eye.l,.m-wink .eye.l{animation-name:blink;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.m-happy .eye{background:transparent;border-width:calc(var(--arc) * var(--u)) calc(var(--arc) * var(--u)) 0;border-radius:calc(20 * var(--u)) calc(20 * var(--u)) 0 0}.m-wow .eye{border-radius:50%}.m-sad .eye.l{transform:rotate(18deg)}.m-sad .eye.r{transform:rotate(-18deg)}.m-read .face{animation:read 1.1s steps(1) infinite}@keyframes read{0%{transform:translate(calc(-14 * var(--u)),calc(9 * var(--u)))}33%{transform:translate(calc(-7 * var(--u)),calc(9 * var(--u)))}66%,to{transform:translateY(calc(9 * var(--u)))}}.m-look .face{transform:translate(calc(-12 * var(--u)),calc(9 * var(--u)))}.m-wink .eye.r{height:calc(4 * var(--u));margin-top:calc(-2 * var(--u))}.zz{display:none;position:absolute;right:calc(16 * var(--u));top:calc(8 * var(--u));color:#c9f6ff;font-stretch:125%;font-weight:900;font-size:calc(22 * var(--u));line-height:1}.m-sleepy .zz{display:block;animation:doze 1.4s ease-out infinite}@keyframes doze{0%{transform:translateY(calc(8 * var(--u))) scale(.6);opacity:0}30%{opacity:1}to{transform:translate(calc(6 * var(--u)),calc(-8 * var(--u))) scale(1);opacity:0}}.m-reels .eye{overflow:hidden;background:#08223b;border-radius:calc(3 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #c9f6ff40;filter:none}.strip{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;transform:translateY(calc(var(--sy) * var(--u)));transition:transform .32s cubic-bezier(.2,1.5,.45,1)}.strip span{display:block;flex:none;height:calc(34 * var(--u))}.strip.spin-l{animation:reel .32s linear infinite}.strip.spin-r{animation:reel .26s linear infinite}@keyframes reel{0%{transform:translateY(0)}to{transform:translateY(calc(-238 * var(--u)))}}.tear{position:absolute;left:calc(var(--tx) * var(--u));top:calc(var(--ty) * var(--u));width:calc(5 * var(--u));height:calc(7 * var(--u));background:#7fd8f0;border-radius:50%/60% 60% 40% 40%;animation:tear .9s ease-in .15s backwards}@keyframes tear{0%{transform:translateY(calc(-14 * var(--u)));opacity:0}30%{opacity:1}}.glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 14%,rgba(255,255,255,.13) 14% 26%,transparent 26% 30%,rgba(255,255,255,.08) 30% 34%,transparent 34%)}.sw-glitch{position:absolute;inset:0}.sw-glitch-a{animation:anaglyph-a .28s linear 1}.sw-glitch-b{animation:anaglyph-b .28s linear 1}@keyframes anaglyph-a{0%{filter:none;transform:none;clip-path:none;animation-timing-function:steps(1,end)}10%{filter:drop-shadow(-4px 0 0 #ff5a5f) drop-shadow(4px 0 0 #5fcde8);transform:translate(2px);clip-path:none;animation-timing-function:steps(1,end)}22%{filter:drop-shadow(-6px -1px 0 #ff5a5f) drop-shadow(6px 1px 0 #5fcde8);transform:translate(-3px) skew(5deg);clip-path:polygon(-100% -100%,200% -100%,200% 38%,-100% 38%,-100% 45%,200% 45%,200% 200%,-100% 200%);animation-timing-function:steps(1,end)}34%{filter:drop-shadow(-6px 1px 0 #ff5a5f) drop-shadow(6px -1px 0 #5fcde8);transform:translate(3px) skew(-3deg);clip-path:polygon(-100% -100%,200% -100%,200% 62%,-100% 62%,-100% 66%,200% 66%,200% 200%,-100% 200%);animation-timing-function:steps(1,end)}50%{filter:drop-shadow(-6px 0 0 #ff5a5f) drop-shadow(6px 0 0 #5fcde8);transform:translate(-1px);clip-path:none;animation-timing-function:ease-out}to{filter:drop-shadow(0 0 0 #ff5a5f) drop-shadow(0 0 0 #5fcde8);transform:none;clip-path:none}}@keyframes anaglyph-b{0%{filter:none;transform:none;clip-path:none;animation-timing-function:steps(1,end)}10%{filter:drop-shadow(-4px 0 0 #ff5a5f) drop-shadow(4px 0 0 #5fcde8);transform:translate(2px);clip-path:none;animation-timing-function:steps(1,end)}22%{filter:drop-shadow(-6px -1px 0 #ff5a5f) drop-shadow(6px 1px 0 #5fcde8);transform:translate(-3px) skew(5deg);clip-path:polygon(-100% -100%,200% -100%,200% 38%,-100% 38%,-100% 45%,200% 45%,200% 200%,-100% 200%);animation-timing-function:steps(1,end)}34%{filter:drop-shadow(-6px 1px 0 #ff5a5f) drop-shadow(6px -1px 0 #5fcde8);transform:translate(3px) skew(-3deg);clip-path:polygon(-100% -100%,200% -100%,200% 62%,-100% 62%,-100% 66%,200% 66%,200% 200%,-100% 200%);animation-timing-function:steps(1,end)}50%{filter:drop-shadow(-6px 0 0 #ff5a5f) drop-shadow(6px 0 0 #5fcde8);transform:translate(-1px);clip-path:none;animation-timing-function:ease-out}to{filter:drop-shadow(0 0 0 #ff5a5f) drop-shadow(0 0 0 #5fcde8);transform:none;clip-path:none}}.sw-blink .eye{animation:switch-blink .3s ease-in-out .06s 1 both!important}@keyframes switch-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.08)}}@media (prefers-reduced-motion: reduce){.tv *,.tv{animation:none!important;transition:none!important}.face{transform:none!important}}.m3-set{position:absolute;width:calc(340 * var(--u));height:calc(340 * var(--u));pointer-events:none;perspective:calc(2200 * var(--u));perspective-origin:calc(600 * var(--u)) calc(-400 * var(--u))}.m3-world,.m3-hop,.m3,.m3-pawn,.m3-pb,.m3-sign{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}.m3-world{left:calc(168.22 * var(--u));top:calc(308.8 * var(--u));transform:scale3d(.971,.971,.971)}.m3{transform:rotateY(-16deg)}.m3-f{position:absolute;border:3px solid #17121c;backface-visibility:hidden}.m3-front{left:calc(-110 * var(--u));top:calc(-246 * var(--u));width:calc(220 * var(--u));height:calc(246 * var(--u));background:#5fcde8;transform:translateZ(calc(100 * var(--u)))}.m3-back{left:calc(-110 * var(--u));top:calc(-246 * var(--u));width:calc(220 * var(--u));height:calc(246 * var(--u));background:#e2c78f;transform:rotateY(180deg) translateZ(calc(100 * var(--u)))}.m3-right{left:calc(-100 * var(--u));top:calc(-246 * var(--u));width:calc(200 * var(--u));height:calc(246 * var(--u));background:#f2d9a6;transform:rotateY(90deg) translateZ(calc(110 * var(--u)))}.m3-left{left:calc(-100 * var(--u));top:calc(-246 * var(--u));width:calc(200 * var(--u));height:calc(246 * var(--u));background:#ead09b;transform:rotateY(-90deg) translateZ(calc(110 * var(--u)))}.m3-top{left:calc(-110 * var(--u));top:calc(-100 * var(--u));width:calc(220 * var(--u));height:calc(200 * var(--u));background:#fff1d0;transform:translateY(calc(-246 * var(--u))) rotateX(90deg)}.m3-shadow{position:absolute;left:calc(-110 * var(--u));top:calc(-100 * var(--u));width:calc(220 * var(--u));height:calc(200 * var(--u));background:#17121c;border-radius:calc(4 * var(--u));transform:translate3d(calc(16 * var(--u)),0,calc(14 * var(--u))) rotateX(90deg)}:root[data-theme=dark] .m3-shadow{background:#ff46af}.m3-groove{position:absolute;left:-3px;right:-3px;top:calc(70 * var(--u) - 3px);height:calc(40 * var(--u));background:#c9a263;border:3px solid #17121c;border-width:3px 0}.m3-notch{position:absolute;left:calc(90 * var(--u) - 3px);top:-3px;width:calc(40 * var(--u));height:calc(12 * var(--u));background:#c9a263;border:3px solid #17121c;border-top:0}.m3-vents{position:absolute;left:calc(30 * var(--u) - 3px);top:calc(198 * var(--u) - 3px);width:calc(140 * var(--u));height:calc(33 * var(--u));background:repeating-linear-gradient(90deg,#b38c50 0 calc(18 * var(--u)),transparent calc(18 * var(--u)) calc(30.5 * var(--u)));-webkit-mask:repeating-linear-gradient(180deg,#000 0 calc(2.6 * var(--u)),transparent calc(2.6 * var(--u)) calc(10 * var(--u)));mask:repeating-linear-gradient(180deg,#000 0 calc(2.6 * var(--u)),transparent calc(2.6 * var(--u)) calc(10 * var(--u)))}.m3-bezel{position:absolute;left:calc(20 * var(--u) - 3px);top:calc(20 * var(--u) - 3px);width:calc(180 * var(--u));height:calc(142 * var(--u));background:#3db2d6;border:3px solid #17121c;border-radius:calc(12 * var(--u))}.m3-front .scr{left:calc(30 * var(--u) - 3px);top:calc(29 * var(--u) - 3px);outline:1.5px solid #17121c}.m3-seam{position:absolute;left:0;right:0;top:calc(178 * var(--u) - 4.5px);border-top:3px solid #17121c}.m3-dot{position:absolute;left:calc(13.5 * var(--u) - 3px);top:calc(196.5 * var(--u) - 3px);width:calc(13 * var(--u));height:calc(13 * var(--u));border-radius:50%;background:linear-gradient(180deg,#ffe14d 0 50%,#ff46af 50%);box-shadow:0 0 0 2px #17121c}.m3-name{position:absolute;left:calc(33 * var(--u) - 3px);top:calc(199.4 * var(--u) - 3px);font-family:Archivo,system-ui,sans-serif;font-weight:800;font-stretch:125%;font-size:calc(9.5 * var(--u));line-height:1;color:#17121c;white-space:nowrap}.m3-slot{position:absolute;left:calc(118 * var(--u) - 3px);top:calc(198 * var(--u) - 3px);width:calc(80 * var(--u));height:calc(7 * var(--u));border-radius:calc(3.5 * var(--u));background:#17121c}.m3-slot:before{content:"";position:absolute;left:0;top:calc(-3 * var(--u));width:calc(12 * var(--u));height:calc(5 * var(--u));border-radius:calc(1.5 * var(--u));background:#17121c}.m3-front .slot-light{left:calc(118 * var(--u) - 3px);top:calc(198 * var(--u) - 3px)}.m3-led{position:absolute;left:calc(206.6 * var(--u) - 3px);top:calc(199.1 * var(--u) - 3px);width:calc(4.8 * var(--u));height:calc(4.8 * var(--u));border-radius:50%;background:#17121c}.m3-foot{position:absolute;left:calc(10 * var(--u) - 3px);right:0;bottom:0;height:calc(18 * var(--u));background:#3fb3d6;border:3px solid #17121c;border-width:3px 0 0 3px}.m3-pawn{left:calc(var(--pw) * -.5 * var(--u));top:calc(var(--pw) * -1.4423 * var(--u));width:calc(var(--pw) * var(--u));height:calc(var(--pw) * 1.4423 * var(--u));transform:translate3d(calc(var(--x) * var(--u)),0,calc(var(--z) * var(--u))) rotateY(var(--r));transition:transform .42s cubic-bezier(.34,1.56,.64,1) calc(var(--d, 0) * 45ms),visibility 0s}.m3-pb{width:100%;height:100%}.m3-set.is-arriving .m3-pb{animation:m3-drop .42s cubic-bezier(.34,1.56,.64,1) calc(90ms + var(--i) * 45ms) both}@keyframes m3-drop{0%{transform:translateY(calc(-150 * var(--u))) scale(.5)}to{transform:none}}.m3-pfig,.m3-pfig>svg{position:absolute;left:0;top:0;width:100%;height:100%}.m3-pfig{top:calc(-.6 * var(--u))}.m3-pfig>svg{overflow:visible;transition:opacity .2s calc(var(--d, 0) * 45ms)}.m3-ps{position:absolute;left:-4%;top:82%;width:108%;height:36%;border-radius:50%;background:#17121c;opacity:.18;transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg);transition:opacity .2s calc(var(--d, 0) * 45ms)}:root[data-theme=dark] .m3-ps{background:#000;opacity:.45}.m3-pbody,.m3-pbase{fill:var(--pc);stroke:#17121c;stroke-width:2.9;stroke-linejoin:round}.m3-peyes rect{fill:#17121c}.m3-peyes{transform-box:fill-box;transform-origin:50% 50%;transform:translate(calc(2.5px + var(--gx, 0) * 1.6px),calc(-1px + var(--gy, 0) * 1.6px));transition:transform .2s cubic-bezier(.23,1,.32,1)}.m3-pawn.is-out{transform:translate3d(calc(var(--x) * var(--u)),calc(-150 * var(--u)),calc(var(--z) * var(--u))) scale(.5);visibility:hidden;transition:transform .2s ease-in calc(var(--d, 0) * 30ms),visibility 0s calc(.2s + var(--d, 0) * 30ms)}.m3-pawn.is-out .m3-pfig>svg,.m3-pawn.is-out .m3-ps{opacity:0;transition:opacity .15s ease-in calc(var(--d, 0) * 30ms)}.m3-pawn.p1{--i:0;--pc:#c9f6ff}.m3-pawn.p2{--i:1;--pc:#ffe14d}.m3-pawn.p3{--i:2;--pc:#ff9fd4}.m3-pawn.p4{--i:3;--pc:#8ee5b3}.m3-pawn.p5{--i:4;--pc:#ffb35c}.m3-pawn.p6{--i:5;--pc:#bba8ff}.m3-pawn.p7{--i:6;--pc:#ff9a86}.m3-pawn.p8{--i:7;--pc:#7fd8f0}.m3-pawn.p9{--i:8;--pc:#ffffff}.m3-pawn.p10{--i:9;--pc:#ffe14d}.m3-pawn.d1{--d:1}.m3-pawn.d2{--d:2}.m3-pawn.d3{--d:3}.m3-pawn.d4{--d:4}.m3-pawn.d5{--d:5}.m3-pawn.d6{--d:6}.m3-pawn.d7{--d:7}.m3-pawn.d8{--d:8}.m3-pawn.d9{--d:9}.m3-pfig>svg{transform-origin:50% 100%}.m3-set.hop-a .m3-pfig>svg{animation:m3-hopA .52s calc(.38s + var(--i) * 30ms) both}.m3-set.hop-b .m3-pfig>svg{animation:m3-hopB .52s calc(.38s + var(--i) * 30ms) both}.m3-set.hop-a .m3-ps{animation:m3-hopsA .52s calc(.38s + var(--i) * 30ms) both}.m3-set.hop-b .m3-ps{animation:m3-hopsB .52s calc(.38s + var(--i) * 30ms) both}@keyframes m3-hopA{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.5,1)}14%{transform:scale(1.1,.86);animation-timing-function:cubic-bezier(.2,.6,.35,1)}48%{transform:translateY(-24%) scale(.95,1.06);animation-timing-function:cubic-bezier(.55,0,.8,.4)}76%{transform:scale(1.12,.84);animation-timing-function:cubic-bezier(.3,0,.4,1)}90%{transform:scale(.97,1.03);animation-timing-function:ease-in-out}to{transform:none}}@keyframes m3-hopsA{0%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg);animation-timing-function:cubic-bezier(.3,0,.5,1)}14%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg) scale(1.08);animation-timing-function:cubic-bezier(.2,.6,.35,1)}48%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg) scale(.6);animation-timing-function:cubic-bezier(.55,0,.8,.4)}76%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg) scale(1.1);animation-timing-function:cubic-bezier(.3,0,.4,1)}to{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg)}}@keyframes m3-hopB{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.5,1)}14%{transform:scale(1.1,.86);animation-timing-function:cubic-bezier(.2,.6,.35,1)}48%{transform:translateY(-24%) scale(.95,1.06);animation-timing-function:cubic-bezier(.55,0,.8,.4)}76%{transform:scale(1.12,.84);animation-timing-function:cubic-bezier(.3,0,.4,1)}90%{transform:scale(.97,1.03);animation-timing-function:ease-in-out}to{transform:none}}@keyframes m3-hopsB{0%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg);animation-timing-function:cubic-bezier(.3,0,.5,1)}14%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg) scale(1.08);animation-timing-function:cubic-bezier(.2,.6,.35,1)}48%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg) scale(.6);animation-timing-function:cubic-bezier(.55,0,.8,.4)}76%{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg) scale(1.1);animation-timing-function:cubic-bezier(.3,0,.4,1)}to{transform:translate3d(calc(var(--pw) * .12 * var(--u)),0,0) rotateX(90deg)}}.m3-pfig{transform-origin:50% 100%;animation:m3-sway var(--sw, 3s) ease-in-out calc(var(--i) * .23s) infinite;transition:transform .45s cubic-bezier(.23,1,.32,1)}@keyframes m3-sway{0%,50%,to{transform:none}25%{transform:skew(-2deg) scaleY(1.02)}75%{transform:skew(2deg) scaleY(1.02)}}.m3-peyes rect{transform-box:fill-box;transform-origin:50% 50%;animation:m3-blink var(--bl, 4s) linear calc(.4s + var(--i) * .61s) infinite}@keyframes m3-blink{0%,94%,to{transform:none}97%{transform:scaleY(.1)}}.m3-pawn.is-out .m3-pfig,.m3-pawn.is-out .m3-peyes rect{animation:none}.pm-happy .m3-pfig{animation:m3-cheer .5s calc(var(--i) * 40ms) both}.pm-happy .m3-peyes rect{animation:none;transform:scaleY(.4)}@keyframes m3-cheer{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.5,1)}18%{transform:scale(1.06,.92);animation-timing-function:cubic-bezier(.2,.6,.35,1)}50%{transform:translateY(-14%) scale(.96,1.05);animation-timing-function:cubic-bezier(.55,0,.8,.4)}80%{transform:scale(1.05,.95);animation-timing-function:ease-in-out}to{transform:none}}.pm-wow .m3-pfig{animation:m3-start .36s cubic-bezier(.23,1,.32,1) calc(var(--i) * 25ms) both}.pm-wow .m3-peyes{transform:translate(calc(2.5px + var(--gx, 0) * 1.6px),calc(-1.5px + var(--gy, 0) * 1.6px)) scale(1.3)}.pm-wow .m3-peyes rect{animation:none}@keyframes m3-start{0%,to{transform:none}35%{transform:translateY(-9%) scale(.97,1.04)}}.pm-reels .m3-pfig{animation:m3-trample .4s calc(var(--i) * 70ms) infinite}.pm-reels .m3-peyes{transform:translate(3px,-3.5px)}.pm-reels .m3-peyes rect{animation:none}@keyframes m3-trample{0%{transform:none;animation-timing-function:cubic-bezier(.2,.6,.35,1)}45%{transform:translateY(-7%) scale(.98,1.03);animation-timing-function:cubic-bezier(.55,0,.8,.4)}80%{transform:scale(1.04,.95);animation-timing-function:ease-in-out}to{transform:none}}.pm-sad .m3-pfig{animation:none;transform:scale(1.03,.92)}.pm-sad .m3-peyes{transform:translate(1.5px,3px) scaleY(.75)}.m3-pawn.p1{--sw:3.1s;--bl:4.2s}.m3-pawn.p2{--sw:2.7s;--bl:5.1s}.m3-pawn.p3{--sw:3.4s;--bl:3.7s}.m3-pawn.p4{--sw:2.9s;--bl:4.6s}.m3-pawn.p5{--sw:3.3s;--bl:5.4s}.m3-pawn.p6{--sw:2.6s;--bl:3.9s}.m3-pawn.p7{--sw:3.5s;--bl:4.9s}.m3-pawn.p8{--sw:2.8s;--bl:4.4s}.m3-pawn.p9{--sw:3.2s;--bl:5.7s}.m3-pawn.p10{--sw:3s;--bl:4s}.m3-set.is-leaving .m3-pawn{transform:translate3d(calc(var(--x) * var(--u)),calc(-150 * var(--u)),calc(var(--z) * var(--u))) scale(.5);transition:transform .18s ease-in calc(var(--i) * 15ms)}.m3-set.is-leaving .m3-pfig>svg,.m3-set.is-leaving .m3-ps{opacity:0;transition:opacity .14s ease-in calc(var(--i) * 15ms + 40ms)}.m3-sign{transform:translate3d(calc(var(--sx) * var(--u)),0,calc(var(--sz) * var(--u))) rotateY(8deg);transition:transform .42s cubic-bezier(.34,1.56,.64,1) .2s,visibility 0s}.m3-board{position:absolute;left:calc(-30 * var(--u));top:calc(-74 * var(--u));width:calc(60 * var(--u));height:calc(40 * var(--u));display:grid;place-items:center;background:#fff;color:#17121c;border:var(--pst, 3px) solid #17121c;border-radius:calc(8 * var(--u));font-family:Archivo,system-ui,sans-serif;font-stretch:125%;font-weight:900;font-size:calc(20 * var(--u));line-height:1;white-space:nowrap;transition:opacity .2s .2s}.m3-stick{position:absolute;left:calc(-2 * var(--u));top:calc(-36 * var(--u));width:calc(4 * var(--u));height:calc(36 * var(--u));background:#17121c;transition:opacity .2s .2s}.m3-sign.is-out{transform:translate3d(calc(var(--sx) * var(--u)),calc(-150 * var(--u)),calc(var(--sz) * var(--u))) scale(.5);visibility:hidden;transition:transform .2s ease-in,visibility 0s .2s}.m3-sign.is-out .m3-board,.m3-sign.is-out .m3-stick{opacity:0;transition:opacity .15s ease-in}.m3-set.is-leaving .m3-sign{transform:translate3d(calc(var(--sx) * var(--u)),calc(-150 * var(--u)),calc(var(--sz) * var(--u))) scale(.5);transition:transform .2s ease-in}.m3-set.is-leaving .m3-board,.m3-set.is-leaving .m3-stick{opacity:0;transition:opacity .15s ease-in}.m3-hop.jp-a{animation:m3-jpA .28s ease-out}.m3-hop.jp-b{animation:m3-jpB .28s ease-out}@keyframes m3-jpA{0%{transform:translateY(0)}45%{transform:translateY(calc(-10 * var(--u)))}80%{transform:translateY(0) scaleY(.97)}to{transform:scaleY(1)}}@keyframes m3-jpB{0%{transform:translateY(0)}45%{transform:translateY(calc(-10 * var(--u)))}80%{transform:translateY(0) scaleY(.97)}to{transform:scaleY(1)}}.m3-desk{--pw:42;--pst:3px;left:0;top:0}.m3-desk .p1{--x:-87;--z:140;--r:6deg}.m3-desk .p2{--x:-154;--z:130;--r:-5deg}.m3-desk .p3{--x:-39;--z:145;--r:7deg}.m3-desk .p4{--x:-200;--z:132;--r:-6deg}.m3-desk .p5{--x:7;--z:142;--r:-8deg}.m3-desk .p6{--x:-204;--z:45;--r:5deg}.m3-desk .p7{--x:-244;--z:135;--r:-4deg}.m3-desk .p8{--x:-163;--z:51;--r:6deg}.m3-desk .p9{--x:54;--z:147;--r:8deg}.m3-desk .p10{--x:-249;--z:40;--r:-7deg}.m3-desk .m3-sign{--sx:-271;--sz:-11}.is-big .m3-desk .p1{--x:-71;--z:203}.is-big .m3-desk .p2{--x:-136;--z:194}.is-big .m3-desk .p3{--x:-25;--z:208}.is-big .m3-desk .p4{--x:-180;--z:196}.is-big .m3-desk .p5{--x:20;--z:205}.is-big .m3-desk .p6{--x:-187;--z:104}.is-big .m3-desk .p7{--x:-223;--z:198}.is-big .m3-desk .p8{--x:-147;--z:109}.is-big .m3-desk .p9{--x:66;--z:210}.is-big .m3-desk .p10{--x:-231;--z:99}.is-big .m3-desk .m3-sign{--sx:-251;--sz:51}@media (max-width: 639px){.studio .m3-desk .p1{--x:9;--z:146;--r:6deg}.studio .m3-desk .p2{--x:-38;--z:142;--r:-5deg}.studio .m3-desk .p3{--x:56;--z:148;--r:7deg}.studio .m3-desk .p4{--x:-85;--z:140;--r:-6deg}.studio .m3-desk .p5{--x:103;--z:150;--r:-8deg}.studio .m3-desk .p6{--x:-63;--z:100;--r:5deg}.studio .m3-desk .p7{--x:-132;--z:138;--r:-4deg}.studio .m3-desk .p8{--x:-16;--z:112;--r:6deg}.studio .m3-desk .p9{--x:150;--z:152;--r:8deg}.studio .m3-desk .p10{--x:-110;--z:92;--r:-7deg}.studio .m3-desk .m3-sign{--sx:128;--sz:40}}@media (max-width: 399px){.studio .m3-desk{--pw:36}.studio .m3-desk .p1{--x:43;--z:150}.studio .m3-desk .p2{--x:8;--z:148}.studio .m3-desk .p3{--x:78;--z:152}.studio .m3-desk .p4{--x:-27;--z:146}.studio .m3-desk .p5{--x:113;--z:152}.studio .m3-desk .p6{--x:-9;--z:116}.studio .m3-desk .p7{--x:148;--z:154}.studio .m3-desk .p8{--x:130;--z:84}.studio .m3-desk .p9{--x:26;--z:125}.studio .m3-desk .p10{--x:96;--z:134}}.m3-pick{--pw:36;--pst:1.4px;left:0;top:-6px}.m3-pick .p1{--x:-161;--z:88;--r:6deg}.m3-pick .p2{--x:-202;--z:88;--r:-5deg}.m3-pick .p3{--x:-244;--z:83;--r:7deg}.m3-pick .p4{--x:-284;--z:88;--r:-6deg}.m3-pick .p5{--x:-327;--z:83;--r:-8deg}.m3-pick .p6{--x:-233;--z:52;--r:5deg}.m3-pick .p7{--x:-366;--z:88;--r:-4deg}.m3-pick .p8{--x:-275;--z:52;--r:6deg}.m3-pick .p9{--x:-409;--z:83;--r:8deg}.m3-pick .p10{--x:-319;--z:46;--r:-7deg}.m3-pick .m3-sign{--sx:-441;--sz:88}.m3-pick .m3-board{top:calc(-62 * var(--u))}.m3-pick .m3-stick{top:calc(-24 * var(--u));height:calc(24 * var(--u))}@media (max-width: 973px) and (min-width: 640px){.studio .m3-desk{transform:translate(calc(101.8 * var(--u)),calc(25 * var(--u))) scale(.75);transform-origin:0 0}}.m3-hop.is-hop{animation:m3-jpB .28s ease-out}.m3-bezel:after{content:"";position:absolute;left:calc(10 * var(--u) - 3px);top:calc(9 * var(--u) - 3px);width:calc(160 * var(--u));height:calc(124 * var(--u));border-radius:calc(9 * var(--u));background:#05121f}@media (prefers-reduced-motion: reduce){.m3-set .m3-pb,.m3-hop,.m3-set .m3-pfig,.m3-set .m3-pfig>svg,.m3-set .m3-ps,.m3-set .m3-peyes rect{animation:none!important}.m3-pawn,.m3-sign,.m3-pfig,.m3-pfig>svg,.m3-ps,.m3-peyes,.m3-board,.m3-stick{transition:none!important}}.studio{position:relative;margin-top:24px;border:3px solid var(--color-line);border-radius:28px;box-shadow:8px 8px 0 var(--color-shadow);background:var(--color-studio)}.stage{position:relative;width:1234px;height:492px;margin:0 auto}.studio.is-big .stage{height:540px}.studio svg{pointer-events:none}.bubble{position:absolute;left:44px;top:36px;width:610px;padding:20px 28px 26px;background:#5fcde8;color:#17121c;border:3px solid var(--color-line);border-radius:26px;box-shadow:6px 6px 0 var(--color-shadow);transform-origin:100% 60%}.bubble.bp-a{animation:bubble-pop-a .2s ease-out}.bubble.bp-b{animation:bubble-pop-b .2s ease-out}@keyframes bubble-pop-a{50%{transform:scale(1.03)}}@keyframes bubble-pop-b{50%{transform:scale(1.03)}}.b-h1{font-family:Honk,system-ui,sans-serif;font-weight:400;font-size:88px;line-height:.95}.b-h1 span{display:block}.b-h1.is-long{font-size:72px}.tail{position:absolute;right:-92px;top:96px;overflow:visible}.tail-p{fill:#5fcde8;stroke:var(--color-line);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tail-m{fill:#5fcde8}.cord{position:absolute;left:556px;top:388px;overflow:visible}.cord-p{fill:none;stroke:var(--color-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tv-zone{display:contents}.studio .tv{--u: 1.12px;position:absolute;left:720px;top:82px}.tv-say{position:absolute;z-index:3;left:790px;top:34px;max-width:330px;padding:11px 16px;background:#fff;color:#17121c;border:2.5px solid #17121c;border-radius:16px;box-shadow:4px 4px 0 var(--color-shadow);font-stretch:125%;font-weight:800;font-size:19px;line-height:1.2;white-space:nowrap;transform-origin:70px 100%}.tv-say:after{content:"";position:absolute;left:62px;bottom:-10px;width:16px;height:16px;background:#fff;border-right:2.5px solid #17121c;border-bottom:2.5px solid #17121c;transform:rotate(45deg) skew(12deg,12deg)}.tv-say.say-a{animation:say-pop-a .2s cubic-bezier(.3,1.4,.5,1)}.tv-say.say-b{animation:say-pop-b .2s cubic-bezier(.3,1.4,.5,1)}.tv-say.is-out{animation:say-out .18s cubic-bezier(.5,0,.8,.4) both}@keyframes say-pop-a{0%{transform:scale(.85)}}@keyframes say-pop-b{0%{transform:scale(.85)}}@keyframes say-out{to{transform:scale(.55);opacity:0}}.badge2{position:absolute;left:1066px;top:300px;width:116px;height:116px;display:grid;place-items:center;padding:12px;border-radius:999px;background:#ffe14d;color:#17121c;border:3px solid #17121c;box-shadow:4px 4px 0 var(--color-shadow);transform:rotate(10deg);text-align:center;font-stretch:125%;font-weight:800;font-size:12.5px;line-height:1.15;letter-spacing:.04em;text-transform:uppercase}.deck{position:absolute;left:44px;top:289px;z-index:1;display:flex;gap:10px;padding:16px 16px 21px;background:var(--color-deck);color:#17121c;border:3px solid var(--color-line);border-radius:20px;box-shadow:0 8px 0 var(--color-shadow)}.tape{position:absolute;z-index:2;left:20px;top:-17px;padding:3px 10px;background:#ffe14d;color:#17121c;border:2px solid #17121c;transform:rotate(-2deg);font-stretch:125%;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.keys{display:grid;grid-template-columns:repeat(5,58px);gap:8px}.key{background:#fff;color:#17121c;border:2.5px solid #17121c;box-shadow:0 5px #17121c;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease}.key:hover{transform:translateY(-1px);box-shadow:0 6px #17121c}.key:active,.key.is-on{background:#ff46af;transform:translateY(5px);box-shadow:0 0 #17121c}.pad-key{width:58px;height:58px;display:grid;place-items:center;border-radius:13px;font-stretch:125%;font-weight:800;font-size:22px}.pad-key.is-ten{font-size:20px}.ret{background:#ff46af;color:#17121c;border:2.5px solid #17121c;box-shadow:0 5px #17121c;transition:transform .1s ease,box-shadow .1s ease,opacity .2s}.ret:hover{transform:translateY(-1px);box-shadow:0 6px #17121c}.ret:active,.ret.is-busy{transform:translateY(5px);box-shadow:0 0 #17121c}.ret[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 5px #17121c}.ret-enter{width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:13px;font-stretch:125%;font-weight:800;font-size:17px;line-height:1.1;text-align:center}.ret-enter__dice{width:26px;height:26px}.ret-enter__label{max-width:7.5em}.ret-enter__arrow{width:18px;height:18px}.tab{position:absolute;left:226px;top:calc(100% + 11px);display:flex;align-items:center;gap:6px;padding:6px 10px 10px;background:var(--color-deck);color:#17121c;border:3px solid var(--color-line);border-top:0;border-radius:0 0 14px 14px}:root[data-theme=dark] .tab{color:var(--color-text)}.tab-key{width:44px;height:44px;display:grid;place-items:center;border-radius:12px}.tab-n{min-width:46px;text-align:center;font-stretch:125%;font-weight:900;font-size:22px}.fab-dock{display:none}.fab{pointer-events:auto;display:flex;align-items:center;gap:10px;height:56px;padding:0 24px 0 20px;border-radius:16px;background:#ff46af;color:#17121c;border:2.5px solid #17121c;box-shadow:0 5px #17121c;font-stretch:125%;font-weight:800;font-size:17px;transition:transform .1s ease,box-shadow .1s ease}.fab svg{width:22px;height:22px}.fab:active{transform:translateY(5px);box-shadow:0 0 #17121c}.fab[aria-disabled=true]{background:#ffc4e4;color:#6b6270;border-color:#8c8492;box-shadow:0 5px #8c8492;transform:none;cursor:default}@media (max-width: 1319px){.stage{zoom:.9}}@media (max-width: 1195px){.stage{zoom:.8}}@media (max-width: 1073px){.stage{zoom:.72}}@media (max-width: 973px){.stage,.studio.is-big .stage{zoom:1;width:auto;height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:20px 16px 34px}.bubble{position:relative;left:auto;top:auto;width:auto;flex:1 1 280px;padding:16px 20px 20px}.b-h1,.b-h1.is-long{font-size:clamp(38px,8vw,64px)}.tail,.cord,.badge2{display:none}.tv-zone{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:24px}.studio .tv{--u: .616px;position:relative;left:auto;top:auto;flex:none}.tv-say{position:relative;left:auto;top:auto;flex:0 1 auto;font-size:17px;transform-origin:0 50%}.tv-say:after{left:-10px;bottom:auto;top:50%;margin-top:-8px;transform:rotate(135deg) skew(12deg,12deg)}.deck{position:relative;left:auto;top:auto;flex:1 1 100%;flex-wrap:wrap;margin-top:12px}.keys{flex:1 1 100%;grid-template-columns:repeat(5,minmax(44px,1fr))}.pad-key{width:auto;height:52px}.ret-enter{width:auto;flex:1 1 100%;min-height:56px;flex-direction:row;gap:10px}.ret-enter__label{max-width:none}.tab{position:relative;left:auto;top:auto;flex:1 1 100%;justify-content:center;border:0;padding:4px 0 0;background:transparent}}@media (max-width: 639px){.studio{margin-top:10px;border-radius:22px;box-shadow:6px 6px 0 var(--color-shadow)}.stage,.studio.is-big .stage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0;padding:12px}.bubble{grid-column:1;grid-row:1;align-self:start;width:192px;margin:2px 0 17px;padding:12px 12px 15px 14px;border-radius:18px;box-shadow:4px 4px 0 var(--color-shadow)}.b-h1,.b-h1.is-long{font-size:36px}.tail{display:block;width:28px;height:34px;right:-26px;top:auto;bottom:18px}.tv-zone{grid-column:2;grid-row:1;position:relative;z-index:2;margin:0 -16px -6px 0}.studio .tv{--u: .42px}.tv-say,.ret-enter,.badge2,.cord{display:none}.deck{grid-column:1/-1;grid-row:2;margin:0;padding:15px 10px 14px;border-radius:16px;box-shadow:0 6px 0 var(--color-shadow)}.tape{left:14px;top:-11px;padding:2px 9px;font-size:11px}.keys{grid-template-columns:repeat(5,1fr)}.pad-key{height:46px;border-radius:12px}.tab .key{box-shadow:0 3px #17121c}.tab .key:active{transform:translateY(3px);box-shadow:0 0 #17121c}.fab-dock{position:fixed;left:14px;right:14px;bottom:14px;z-index:20;display:flex;justify-content:center;pointer-events:none}}@media (prefers-reduced-motion: reduce){.bubble,.tv-say{animation:none!important}.tv-say.is-out{opacity:0}}.theme-switcher__icon--animate{animation:theme-switcher-icon-in .3s ease}@keyframes theme-switcher-icon-in{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.theme-switcher__icon--animate{animation:none}}
