@import"https://fonts.googleapis.com/css2?family=Lilita+One&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--ink: #17151e;--paper: #f7f6f2;--white: #fff;--violet: #6c4dff;--violet-dark: #4528d7;--mode: #2ed47a;--mode-dark: #087a4c;--accent: #31d8e2;--sun: #ffd84d;--line: #dedbe4;--muted: #676270;--ease-enter: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);font-family:Plus Jakarta Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}.app.flirt,[data-mode=flirt]{--mode: #f0447c;--mode-dark: #b81f59;--accent: #8b5cf6;--sun: #ffb38a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.font-display{font-family:Lilita One,cursive;font-weight:400}.brand-icon{stroke-width:1.8;transition:transform .2s var(--ease-enter)}.brand-icon .icon-body{transform-box:fill-box;transform-origin:center}.brand-icon .icon-logo-glyph{fill:currentColor;stroke:none}.brand-icon-settings.is-animated .icon-body{animation:icon-orbit-turn .8s var(--ease-enter) both}.brand-icon-sync .sync-device{transform-box:fill-box;transform-origin:center}.brand-icon-sync.is-animated .sync-left{animation:sync-left-in .7s var(--ease-enter) both}.brand-icon-sync.is-animated .sync-right{animation:sync-right-in .7s var(--ease-enter) both}.brand-icon-sync.is-animated .sync-wave{animation:sync-wave-in .7s ease-out both}.brand-icon-logo.is-animated .icon-body{animation:icon-logo-in .7s var(--ease-enter) both}.brand-icon-bell.is-animated .icon-body,.brand-icon-music.is-animated .icon-body{animation:icon-swing .65s ease-in-out both}.brand-icon-bolt.is-animated .icon-body,.brand-icon-flame.is-animated .icon-body{animation:icon-energy .6s ease-in-out both}.brand-icon-play.is-animated .icon-body,.brand-icon-eye.is-animated .icon-body{animation:icon-breathe .7s ease-in-out both}.brand-icon-friends.is-animated .icon-body,.brand-icon-team.is-animated .icon-body,.brand-icon-flirt.is-animated .icon-body{animation:icon-meet .7s ease-in-out both}.brand-icon-game.is-animated .icon-body,.brand-icon-dice.is-animated .icon-body,.brand-icon-clash.is-animated .icon-body{animation:icon-game-rock .7s ease-in-out both}.brand-icon-location.is-animated .icon-body,.brand-icon-trophy.is-animated .icon-body,.brand-icon-crown.is-animated .icon-body{animation:icon-lift .7s var(--ease-enter) both}.brand-icon-arrow.is-animated .icon-body,.brand-icon-send.is-animated .icon-body,.brand-icon-share.is-animated .icon-body{animation:icon-forward .65s ease-in-out both}.brand-icon-camera.is-animated .icon-body{animation:icon-focus .7s ease-in-out both}.brand-icon-check.is-animated .icon-body,.brand-icon-add.is-animated .icon-body,.brand-icon-close.is-animated .icon-body{animation:icon-confirm .6s ease-in-out both}.brand-icon-lock.is-animated .icon-body,.brand-icon-shield.is-animated .icon-body{animation:icon-secure .7s ease-in-out both}.mootik-mark{width:15rem;height:auto;overflow:visible}.mootik-mark .mark-body{fill:currentColor}.mootik-mark.compact{width:2.6rem}.mootik-mark.animated .mark-body{transform-box:fill-box;transform-origin:center bottom;animation:logo-reveal 2.2s var(--ease-enter) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.m-header{height:5rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;background:#f7f6f2eb}.m-logo{display:flex;align-items:center;gap:.45rem;font:400 1.55rem/1 Lilita One}.m-logo .mootik-mark{width:2.1rem;color:var(--violet)}.m-header>div:last-child{display:flex;align-items:center;gap:.55rem}.m-header button{position:relative;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:0;border-radius:50%;background:var(--white)}.m-header button>i{position:absolute;right:.2rem;top:.25rem;width:.5rem;height:.5rem;border:.12rem solid var(--white);border-radius:50%;background:#f0447c}.m-header .m-avatar{color:var(--white);background:var(--ink);font-size:.62rem;font-weight:800}.m-greeting{padding:2rem 1.25rem 1.5rem}.m-greeting>span,.m-overline{color:var(--violet);font-size:.58rem;font-weight:800;letter-spacing:.12em}.m-greeting h1{margin:.8rem 0 1rem;font-size:clamp(3.4rem,13vw,4.8rem);line-height:.82;letter-spacing:-.04em}.m-greeting h1 em{color:var(--mode);font-style:normal}.m-greeting p{margin:0;color:var(--muted);font-size:.78rem}.m-friends,.m-games,.m-last-results{padding:1.5rem 1.25rem}.m-section-title{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.m-section-title h2{margin:0;font-size:1.45rem}.m-section-title button{display:grid;place-items:center;border:0;color:var(--violet);background:transparent;font-size:.65rem;font-weight:700}.m-friend-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.3rem 0 .8rem;scrollbar-width:none}.m-friend-scroll::-webkit-scrollbar{display:none}.m-friend{min-width:4.25rem;padding:0;display:flex;flex-direction:column;align-items:center;border:0;background:transparent}.m-friend>i,.m-invite-friend>i,.m-friend-face{position:relative;width:3.6rem;height:3.6rem;aspect-ratio:1;display:grid;place-items:center;flex-shrink:0;border:.2rem solid var(--white);border-radius:50%;box-shadow:0 0 0 .12rem #ded9e4;color:var(--white);font-style:normal;font-weight:800}.m-friend>i b{position:absolute;right:0;bottom:.1rem;width:.7rem;aspect-ratio:1;border:.14rem solid var(--white);border-radius:50%;background:var(--mode)}.m-friend>i.violet,.m-player-row i.violet,.m-ranking i.violet,.m-live-players i.violet{background:var(--violet)}.m-friend>i.yellow,.m-player-row i.yellow,.m-ranking i.yellow,.m-live-players i.yellow{color:var(--ink);background:var(--sun)}.m-friend>i.coral,.m-player-row i.coral,.m-ranking i.coral,.m-live-players i.coral{background:#ff6b5e}.m-friend>i.cyan{color:var(--ink);background:#31d8e2}.m-friend-name{margin-top:.55rem;font-size:.67rem;font-weight:700;line-height:1.2}.m-friend-meta{margin-top:.15rem;color:#96909d;font-size:.48rem;line-height:1.2}.m-invite-friend{min-width:4.25rem;padding:0;display:flex;flex-direction:column;align-items:center;border:0;background:transparent;color:inherit}.m-invite-friend>i,.m-invite-friend .m-friend-face{color:var(--violet);border-style:dashed;background:transparent;box-shadow:none}.m-invite-friend svg{width:1.2rem}.m-room-card{position:relative;min-height:14rem;margin:1rem 1.25rem;padding:1.4rem;overflow:hidden;border-radius:1.6rem;color:var(--white);background:var(--violet)}.m-room-copy{position:relative;z-index:2}.m-room-copy>span{display:flex;align-items:center;gap:.55rem;color:#d4cefa;font-size:.55rem;font-weight:800;letter-spacing:.1em}.m-room-copy>span i{width:.5rem;aspect-ratio:1;border-radius:50%;background:var(--mode)}.m-room-copy h2{margin:1rem 0 .35rem;font-size:2rem}.m-room-copy p{color:#d9d3f5;font-size:.68rem}.m-room-avatars{display:flex;align-items:center}.m-room-avatars i{width:2rem;height:2rem;aspect-ratio:1;margin-right:-.45rem;display:grid;place-items:center;flex-shrink:0;border:.15rem solid var(--violet);border-radius:50%;color:var(--ink);background:var(--sun);font-style:normal;font-size:.55rem;font-weight:800;box-sizing:border-box}.m-room-avatars i:nth-child(2){color:var(--white);background:#f0447c}.m-room-avatars i:nth-child(3){color:var(--white);background:var(--ink)}.m-room-avatars i:nth-child(4){color:var(--ink);background:var(--white)}.m-room-card>button{position:absolute;z-index:3;right:1.2rem;bottom:1.2rem;padding:.75rem .9rem;display:flex;align-items:center;gap:.5rem;border:0;border-radius:99px;color:var(--ink);background:var(--mode);font-size:.62rem;font-weight:800}.m-room-card>button svg{width:.9rem}.m-room-watermark{position:absolute;width:10rem;height:10rem;right:-2.5rem;top:-2.5rem;opacity:.1;stroke-width:.8}.m-filter-tabs{display:flex;gap:.45rem;margin-bottom:1rem}.m-filter-tabs button{padding:.55rem .75rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:transparent;font-size:.58rem;font-weight:700}.m-filter-tabs button.active{color:var(--white);border-color:var(--ink);background:var(--ink)}.m-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.m-game-card{position:relative;min-height:11rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:0;border-radius:1.35rem;color:var(--ink);overflow:hidden}.m-game-card.violet{color:var(--white);background:var(--violet)}.m-game-card.lime{background:#c8ff3d}.m-game-card.coral{background:#ff6b5e}.m-game-card.yellow{background:var(--sun)}.m-game-card.pink{background:#ffd8e5}.m-game-card.cyan{background:#31d8e2}.m-card-top{display:flex;justify-content:space-between;align-items:center}.m-card-top svg{width:1.6rem;height:1.6rem}.m-card-top span{padding:.3rem .45rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:99px;font-size:.48rem;font-weight:800}.m-game-card h3{margin:0 0 .25rem;font-size:1.3rem}.m-game-card p{margin:0;font-size:.58rem;opacity:.7}.m-game-card>small{position:absolute;right:-.6rem;top:4.2rem;padding:.35rem 1rem;color:var(--white);background:var(--ink);transform:rotate(90deg);font-size:.4rem;font-weight:800;letter-spacing:.08em}.m-last-results{padding-bottom:7rem}.m-last-results article{padding:.9rem 0;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;border-bottom:1px solid var(--line)}.m-rank-icon{width:2.7rem;aspect-ratio:1;display:grid;place-items:center;border-radius:.85rem;background:var(--sun)}.m-rank-icon.second{background:#dcd5ff;color:var(--violet)}.m-rank-icon svg{width:1.2rem}.m-last-results article>div:nth-child(2){display:grid;gap:.2rem}.m-last-results article strong{font-size:.68rem}.m-last-results article span{color:#928c98;font-size:.53rem}.m-last-results article>b{color:var(--violet);font-size:.62rem}.m-tab-page{min-height:calc(100vh - 5rem);padding-bottom:6rem}.m-page-heading{padding:2.5rem 1.25rem 1.5rem}.m-page-heading>span{color:var(--violet);font-size:.58rem;font-weight:800;letter-spacing:.12em}.m-page-heading h1{margin:.8rem 0 1rem;font-size:clamp(3.8rem,15vw,5rem);line-height:.8;letter-spacing:-.04em}.m-page-heading h1 em{color:var(--mode);font-style:normal}.m-page-heading p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.6}.m-search-field{margin:0 1.25rem 1.3rem;min-height:3.3rem;padding:.8rem 1rem;display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;border:1px solid var(--line);border-radius:99px;color:#8f8996;background:var(--white);font-size:.65rem}.m-search-field svg{width:1.05rem}.m-featured-game{position:relative;min-height:18rem;margin:0 1.25rem 1rem;padding:1.4rem;overflow:hidden;border-radius:1.6rem;color:var(--white);background:#ff6b5e;cursor:pointer}.m-featured-game>span{font-size:.53rem;font-weight:800;letter-spacing:.1em}.m-featured-game>svg{position:absolute;right:-1.5rem;top:-1rem;width:11rem;height:11rem;opacity:.13;stroke-width:.8}.m-featured-game h2{margin:4rem 0 .3rem;font-size:3.2rem}.m-featured-game p{color:#ffe6df;font-size:.68rem}.m-featured-game button{position:absolute;left:1.4rem;bottom:1.4rem;padding:.75rem .9rem;display:flex;align-items:center;gap:.6rem;border:0;border-radius:99px;color:var(--white);background:var(--ink);font-size:.6rem;font-weight:800}.m-featured-game button svg{width:.9rem}.m-games-page{padding-top:1rem}.m-games-page .m-section-title>span,.m-friends-list .m-section-title>span{color:var(--muted);font-size:.58rem}.friends-heading h1 em{color:var(--violet)}.m-squad-panel{position:relative;min-height:12rem;margin:0 1.25rem 1.5rem;padding:1.3rem;border-radius:1.5rem;color:var(--white);background:var(--ink)}.m-squad-panel>div:first-child{display:grid;gap:.35rem}.m-squad-panel>div:first-child span{color:var(--mode);font-size:.52rem;font-weight:800;letter-spacing:.1em}.m-squad-panel>div:first-child strong{font:400 1.6rem/1 Lilita One}.m-squad-panel>div:first-child small{color:#99939f;font-size:.55rem}.m-squad-panel .m-room-avatars{margin-top:1.4rem}.m-squad-panel .m-room-avatars i{border-color:var(--ink)}.m-squad-panel>button{position:absolute;right:1.2rem;bottom:1.2rem;padding:.7rem .8rem;display:flex;align-items:center;gap:.5rem;border:0;border-radius:99px;background:var(--mode);font-size:.58rem;font-weight:800}.m-squad-panel>button svg{width:.9rem}.m-friends-list{padding:0 1.25rem}.m-friends-list article{padding:.75rem 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;border-bottom:1px solid var(--line)}.m-friends-list article>i{position:relative;width:3rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--white);font-style:normal;font-size:.65rem;font-weight:800}.m-friends-list article>i.violet{background:var(--violet)}.m-friends-list article>i.yellow{color:var(--ink);background:var(--sun)}.m-friends-list article>i.coral{background:#ff6b5e}.m-friends-list article>i.cyan{color:var(--ink);background:#31d8e2}.m-friends-list article>i b{position:absolute;right:0;bottom:0;width:.7rem;aspect-ratio:1;border:.14rem solid var(--paper);border-radius:50%;background:var(--mode)}.m-friends-list article>div{display:grid;gap:.25rem}.m-friends-list article strong{font-size:.7rem}.m-friends-list article span{color:var(--muted);font-size:.53rem}.m-friends-list article>button{width:2.5rem;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;color:var(--violet);background:#eeeafd}.m-friends-list article>button.invited{color:#087a4c;background:#dff8ea}.m-friends-list article>button svg{width:1rem}.m-friend-request{margin:1.8rem 1.25rem;padding:1rem;border-radius:1.2rem;background:#eeeafd}.m-friend-request>span{color:var(--violet);font-size:.52rem;font-weight:800;letter-spacing:.1em}.m-friend-request>div{margin-top:.8rem;display:grid;grid-template-columns:auto 1fr auto auto;gap:.6rem;align-items:center}.m-friend-request>div>i{width:2.6rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--white);background:var(--violet);font-style:normal;font-size:.6rem}.m-friend-request p{margin:0;display:grid;gap:.2rem}.m-friend-request p strong{font-size:.68rem}.m-friend-request p small{color:var(--muted);font-size:.52rem}.m-friend-request button{width:2rem;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:var(--white)}.m-friend-request button svg{width:.85rem}.m-profile-hero{position:relative;padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center}.m-profile-hero>button{position:absolute;right:1.25rem;top:1rem;width:2.6rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white)}.m-big-avatar{position:relative;width:6.5rem;aspect-ratio:1;display:grid;place-items:center;border:.4rem solid var(--white);border-radius:50%;color:var(--white);background:var(--violet);box-shadow:0 0 0 .15rem #d8d3e0;font:400 1.7rem/1 Lilita One}.m-big-avatar i{position:absolute;right:.25rem;bottom:.25rem;width:1rem;aspect-ratio:1;border:.2rem solid var(--white);border-radius:50%;background:var(--mode)}.m-profile-hero h1{margin:1rem 0 .2rem;font-size:2.5rem}.m-profile-hero p{margin:0 0 .8rem;color:var(--muted);font-size:.62rem}.m-profile-hero>span{padding:.4rem .6rem;border-radius:99px;color:var(--violet);background:#eeeafd;font-size:.52rem;font-weight:800}.m-profile-xp{width:70%;height:.35rem;margin-top:1rem;border-radius:99px;background:#dfdae3}.m-profile-xp i{display:block;width:80%;height:100%;border-radius:inherit;background:var(--violet)}.m-profile-xp span{display:block;margin-top:.4rem;color:var(--muted);font-size:.48rem}.m-profile-stats{margin:1rem 1.25rem 1.5rem;padding:1.2rem 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:1.2rem;background:var(--white)}.m-profile-stats div{display:grid;gap:.25rem;text-align:center;border-right:1px solid var(--line)}.m-profile-stats div:last-child{border:0}.m-profile-stats strong{font:400 1.5rem/1 Lilita One}.m-profile-stats span{color:var(--muted);font-size:.5rem}.m-badges{padding:0 1.25rem 1.5rem}.m-badges>div:last-child{display:flex;gap:.7rem}.m-badges>div:last-child i{width:3.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:1rem;background:var(--sun);transform:rotate(-3deg)}.m-badges>div:last-child i:nth-child(2){background:#dff8ea;transform:rotate(3deg)}.m-badges>div:last-child i:nth-child(3){color:var(--white);background:#ff6b5e}.m-badges>div:last-child i.locked{color:#aaa4af;background:#e5e1e8}.m-badges svg{width:1.5rem}.m-profile-menu{margin:0 1.25rem;overflow:hidden;border:1px solid var(--line);border-radius:1.2rem;background:var(--white)}.m-profile-menu>button{width:100%;min-height:4.5rem;padding:.8rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.m-profile-menu>button:last-child{border:0}.m-profile-menu>button>svg:first-child{width:1.2rem;color:var(--violet)}.m-profile-menu>button>svg:last-child{width:.9rem;color:#96909c}.m-profile-menu>button span{display:grid;gap:.2rem}.m-profile-menu b{font-size:.65rem}.m-profile-menu small{color:var(--muted);font-size:.5rem}.m-profile-menu button>i{width:2.4rem;height:1.4rem;padding:.18rem;border-radius:99px;background:#d8d3dc}.m-profile-menu button>i:after{content:"";display:block;width:1rem;aspect-ratio:1;border-radius:50%;background:var(--white)}.m-profile-menu button>i.on{background:var(--mode)}.m-profile-menu button>i.on:after{transform:translate(1rem)}.m-create-sheet>h2{margin-bottom:.5rem}.m-create-options{margin:1.5rem 0;display:grid;gap:.55rem}.m-create-options>button{min-height:4rem;padding:.7rem;display:grid;grid-template-columns:2.7rem 1fr auto;gap:.8rem;align-items:center;border:2px solid transparent;border-radius:1rem;text-align:left}.m-create-options>button.lime{background:#eaffaa}.m-create-options>button.violet{color:var(--white);background:var(--violet)}.m-create-options>button.coral{background:#ffc0b9}.m-create-options>button.yellow{background:#ffeaa1}.m-create-options>button.selected{border-color:var(--ink)}.m-create-options>button>svg{width:1.4rem}.m-create-options>button span{display:grid;gap:.2rem}.m-create-options>button b{font-size:.67rem}.m-create-options>button small{opacity:.65;font-size:.5rem}.m-create-options>button i{width:.9rem;aspect-ratio:1;border:.15rem solid currentColor;border-radius:50%}.m-create-options>button.selected i{border:.25rem solid var(--white);background:var(--ink);box-shadow:0 0 0 .12rem var(--ink)}.m-create-sheet .m-main-button:disabled{opacity:.35}.m-created-room{text-align:center}.created-check{width:5rem;aspect-ratio:1;margin:1rem auto 1.5rem;display:grid;place-items:center;border-radius:50%;color:#087a4c;background:#dff8ea}.created-check svg{width:2.2rem;height:2.2rem}.m-created-room h2{font-size:5rem;letter-spacing:.08em}.created-actions{display:grid;gap:.6rem;margin-top:1.5rem}.created-actions button{min-height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.6rem;border:0;border-radius:99px;background:#eeeafd;font-size:.65rem;font-weight:800}.created-actions button:last-child{color:var(--white);background:var(--ink)}.created-actions svg{width:1rem}.m-bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;width:100%;height:calc(5.2rem + env(safe-area-inset-bottom,0px));padding:.7rem .8rem calc(1rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.m-bottom-nav button{min-width:3.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:0;color:#928c98;background:transparent;font-size:.48rem}.m-bottom-nav button svg{width:1.25rem}.m-bottom-nav button.active{color:var(--violet)}.m-bottom-nav .m-create{width:3.3rem;height:3.3rem;margin-top:-.9rem;border-radius:50%;color:var(--white);background:var(--ink);box-shadow:0 .5rem 1.2rem #17151e40}.m-bottom-nav .m-create span{display:none}.m-sheet-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;padding:1rem;display:flex;align-items:flex-end;justify-content:center;background:#14101c9e;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem)}.m-game-sheet{position:relative;width:min(100%,32rem);max-height:88vh;overflow-y:auto;padding:1.2rem 1.25rem 1.5rem;border-radius:2rem 2rem 1.5rem 1.5rem;background:var(--white);box-shadow:0 -1rem 4rem #100c184d;animation:sheet-up .32s cubic-bezier(.22,1,.36,1) both}.m-sheet-handle{width:3rem;height:.3rem;margin:0 auto 1rem;display:block;border:0;border-radius:99px;background:#d8d3dc}.m-sheet-visual{width:5rem;aspect-ratio:1;margin:0 auto 1.3rem;display:grid;place-items:center;border-radius:1.5rem}.m-sheet-visual svg{width:2.5rem;height:2.5rem}.m-sheet-visual.lime{background:#c8ff3d}.m-sheet-visual.violet{color:var(--white);background:var(--violet)}.m-sheet-visual.coral{background:#ff6b5e}.m-sheet-visual.yellow{background:var(--sun)}.m-sheet-visual.pink{background:#ffd8e5}.m-sheet-visual.cyan{background:#31d8e2}.m-game-sheet>.m-overline,.m-game-sheet>h2,.m-game-sheet>p{display:block;text-align:center}.m-game-sheet>h2{margin:.6rem 0;font-size:2.8rem}.m-game-sheet>p{max-width:24rem;margin:0 auto 1.5rem;color:var(--muted);font-size:.7rem;line-height:1.6}.m-player-row{display:flex;justify-content:center;margin:1rem 0}.m-player-row i,.m-player-row button{width:3.1rem;height:3.1rem;aspect-ratio:1;margin-right:-.4rem;display:grid;place-items:center;flex-shrink:0;border:.2rem solid var(--white);border-radius:50%;color:var(--white);font-style:normal;font-size:.6rem;font-weight:800;box-sizing:border-box}.m-player-row button{color:var(--violet);background:#eeeafd}.m-lobby-status{margin:1.3rem 0;padding:.9rem;display:flex;justify-content:space-between;border-radius:1rem;background:#f1eff3;font-size:.58rem}.m-lobby-status span{display:flex;gap:.45rem;align-items:center}.m-lobby-status span i{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--mode)}.m-main-button{width:100%;min-height:3.6rem;display:flex;align-items:center;justify-content:center;gap:.7rem;border:0;border-radius:99px;color:var(--white);background:var(--ink);font-weight:800}.m-live-round{padding-top:1rem}.m-round-top{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;color:#8d8794;font-size:.58rem;font-weight:800;letter-spacing:.1em}.m-round-top strong{width:2.8rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--sun);font:400 1.4rem/1 Lilita One}.m-live-round h2{margin:.8rem 0 2rem;font-size:3.5rem;line-height:.85}.m-answer-grid{display:grid;gap:.6rem}.m-answer-grid button{min-height:4rem;padding:.7rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--white);text-align:left}.m-answer-grid button.selected{color:var(--white);border-color:var(--violet);background:var(--violet)}.m-answer-grid strong{width:2.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:.7rem;background:#eeebf1;color:var(--ink)}.m-answer-grid span{font-weight:700}.m-result{text-align:center;padding-top:1rem}.m-result-medal{width:5rem;aspect-ratio:1;margin:1.5rem auto;display:grid;place-items:center;border-radius:50%;background:var(--sun)}.m-result-medal svg{width:2.4rem;height:2.4rem}.m-result h2{margin:0;font-size:4rem}.m-result>p{color:var(--muted);font-size:.72rem}.m-ranking{margin:1.5rem 0;display:grid;gap:.4rem;text-align:left}.m-ranking span{padding:.6rem .8rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;border-radius:.8rem;background:#f2f0f4;font-size:.65rem}.m-ranking i{width:1.8rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--white);font-style:normal;font-size:.55rem}.m-ranking strong{color:var(--violet)}.m-session-screen{--session: var(--mode);position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background:#211d29}.m-session-screen.lime{--session: #c8ff3d}.m-session-screen.violet{--session: #8b5cf6}.m-session-screen.coral{--session: #ff6b5e}.m-session-screen.yellow{--session: #ffd84d}.m-session-screen.pink{--session: #ffd8e5}.m-session-screen.cyan{--session: #31d8e2}.m-session-app{width:100%;max-width:40rem;margin:0 auto;min-height:100dvh;overflow-y:auto;color:var(--ink);background:var(--session);animation:session-in .3s cubic-bezier(.22,1,.36,1) both}.m-session-header{height:4.8rem;padding:.8rem 1rem;display:grid;grid-template-columns:2.7rem 1fr 2.7rem;gap:.8rem;align-items:center}.m-session-header button{width:2.7rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;background:#ffffff59}.m-session-header>div{display:grid;gap:.2rem;text-align:center}.m-session-header strong{font-size:.75rem}.m-session-header span{display:flex;justify-content:center;align-items:center;gap:.4rem;font-size:.5rem}.m-session-header span i{width:.4rem;aspect-ratio:1;border-radius:50%;background:#148a55}.m-session-progress{height:.25rem;margin:0 1rem 1.2rem;display:flex;gap:.3rem}.m-session-progress i{flex:1;border-radius:99px;background:color-mix(in srgb,var(--ink) 16%,transparent)}.m-session-progress i.done{background:var(--ink)}.m-full-game,.m-full-result{min-height:calc(100dvh - 6.25rem);padding:1.5rem 1.25rem 2rem;display:flex;flex-direction:column;border-radius:2rem 2rem 0 0;background:var(--white)}.m-full-game-meta{display:flex;justify-content:space-between;align-items:center;color:#8b8591;font-size:.56rem;font-weight:800;letter-spacing:.1em}.m-full-game-meta strong{width:3rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--session);font:400 1.5rem/1 Lilita One}.m-live-players{margin:1.3rem 0 2.5rem;display:flex;align-items:center}.m-live-players i{width:2.2rem;height:2.2rem;aspect-ratio:1;margin-right:-.45rem;display:grid;place-items:center;flex-shrink:0;border:.15rem solid var(--white);border-radius:50%;color:var(--white);font-style:normal;font-size:.5rem;font-weight:800;box-sizing:border-box}.m-live-players i.violet{background:var(--violet)}.m-live-players i.yellow{color:var(--ink);background:var(--sun)}.m-live-players i.coral{background:#ff6b5e}.m-live-players span{margin-left:1rem;color:var(--muted);font-size:.55rem}.m-full-game h1{margin:.8rem 0 1rem;max-width:25rem;font-size:clamp(3.5rem,14vw,5rem);line-height:.82;letter-spacing:-.04em}.m-full-game>p{margin:0 0 2rem;color:var(--muted);font-size:.7rem;line-height:1.6}.m-full-answers{margin-top:auto;display:grid;gap:.65rem}.m-full-answers button{min-height:4.6rem;padding:.7rem;display:grid;grid-template-columns:2.8rem 1fr auto;gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:1.1rem;background:var(--white);text-align:left;transition:transform .16s,background .16s}.m-full-answers button:active{transform:scale(.97)}.m-full-answers button.selected{border-color:var(--ink);background:var(--session)}.m-full-answers button>strong{width:2.8rem;aspect-ratio:1;display:grid;place-items:center;border-radius:.8rem;color:var(--white);background:var(--ink)}.m-full-answers button>span{font-size:.72rem;font-weight:700}.m-full-answers button>svg{width:1rem}.m-waiting-note{margin:1rem 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#918b97;font-size:.55rem}.m-waiting-note i{width:.45rem;aspect-ratio:1;border-radius:50%;background:#148a55;animation:live-blink 1s ease-in-out infinite}.m-full-result{align-items:stretch;text-align:center}.m-full-result>.m-overline{margin-top:1rem}.m-full-result .m-result-medal{background:var(--session);animation:asset-float 2.4s ease-in-out infinite}.m-full-result h1{margin:0;font-size:5.5rem;line-height:.9}.m-full-result h1 small{margin-left:.4rem;color:var(--muted);font:700 .65rem/1 Plus Jakarta Sans;letter-spacing:.1em}.m-full-result h2{margin:.5rem 0 1.5rem;font-size:1.6rem}.m-full-result .m-ranking{margin-top:auto}.m-full-result .m-main-button{margin-top:1rem}.m-exit-link{margin-top:.7rem;padding:.7rem;border:0;color:var(--muted);background:transparent;font-size:.62rem;font-weight:700}@keyframes session-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{transform:scale(1.3) rotate(20deg)}}@keyframes icon-orbit-turn{0%,12%{transform:rotate(0)}88%,to{transform:rotate(360deg)}}@keyframes icon-swing{0%,to{transform:rotate(0)}35%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}}@keyframes icon-energy{0%,to{transform:scale(.94)}50%{transform:scale(1.07)}}@keyframes icon-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes icon-meet{0%,to{transform:scaleX(.9)}50%{transform:scaleX(1)}}@keyframes icon-game-rock{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg)}65%{transform:rotate(4deg)}}@keyframes icon-lift{0%,to{transform:translateY(.08rem)}50%{transform:translateY(-.16rem)}}@keyframes icon-forward{0%,to{transform:translate(-.08rem)}50%{transform:translate(.15rem)}}@keyframes icon-focus{0%{transform:scale(.86);opacity:.55}65%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes icon-confirm{0%,to{transform:scale(.92)}35%,65%{transform:scale(1)}}@keyframes icon-secure{0%,to{transform:translateY(0)}50%{transform:translateY(-.08rem)}}@keyframes icon-hover{0%{transform:scale(.9)}65%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes sync-left-in{0%{transform:translate(-.18rem);opacity:.35}to{transform:translate(0);opacity:1}}@keyframes sync-right-in{0%{transform:translate(.18rem);opacity:.35}to{transform:translate(0);opacity:1}}@keyframes sync-wave-in{0%,35%{opacity:0}to{opacity:1}}@keyframes icon-logo-in{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes radar{0%{transform:scale(.2);opacity:1}to{transform:scale(4);opacity:0}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-30deg)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(2.5) rotate(20deg)}}@keyframes logo-reveal{0%,8%{clip-path:inset(100% 0 0 0);transform:translateY(.45rem) scaleX(.92);opacity:0}38%{clip-path:inset(0 0 0 0);transform:translateY(0) scaleX(.92) scaleY(1.06);opacity:1}52%{clip-path:inset(0 0 0 0);transform:scaleX(1.035) scaleY(.975);opacity:1}66%,88%{clip-path:inset(0 0 0 0);transform:scale(1);opacity:1}to{clip-path:inset(0 0 0 0);transform:scale(.98);opacity:0}}.mootik-mark.animated .mark-body{transform-box:fill-box;transform-origin:center bottom;animation:logo-reveal 2.2s cubic-bezier(.22,1,.36,1) infinite}@media(max-width:680px){.m-sheet-backdrop{padding:0}.m-game-sheet{border-radius:2rem 2rem 0 0}}.app{min-height:100dvh;display:flex;align-items:stretch;background:var(--paper)}.app-shell{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(ellipse 70% 40% at 0% 0%,color-mix(in srgb,var(--mode) 14%,transparent),transparent 55%),radial-gradient(ellipse 50% 35% at 100% 0%,color-mix(in srgb,var(--violet) 10%,transparent),transparent 50%),var(--paper)}.app-shell.is-immersive{background:transparent}.app-main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.app-shell.is-immersive .app-main{max-width:none;margin:0;padding-bottom:0}.m-header{position:sticky;top:0;z-index:30;width:100%;max-width:40rem;margin:0 auto;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-hero-row{display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.splash-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-content:center;justify-items:center;gap:.85rem;background:var(--paper);color:var(--violet);transition:opacity .32s var(--ease-standard),visibility .32s}.splash-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.splash-loader-mark{width:5.5rem;color:var(--violet)}.splash-loader-mark .mootik-mark{width:100%;height:auto}.splash-loader-wordmark{font-size:2rem;letter-spacing:-.03em;color:var(--ink)}.splash-loader-tag{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em}@media(prefers-reduced-motion:reduce){.splash-loader{transition-duration:.08s}.splash-loader-mark .mootik-mark.animated .mark-body{animation:none;opacity:1;clip-path:none;transform:none}}.desktop-sidebar{display:none}.btn{min-height:44px;padding:.85rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:999px;font-weight:800;transition:transform .1s var(--ease-standard),background .18s var(--ease-standard),opacity .18s}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary,.m-main-button.btn{color:var(--white);background:var(--ink)}.btn-secondary{color:var(--ink);background:color-mix(in srgb,var(--mode) 28%,var(--white))}.btn-ghost{color:var(--violet);background:transparent;border:1px solid var(--line)}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%;background:var(--white)}.btn-spinner{width:1.1rem;height:1.1rem;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:.3rem;border-radius:999px;background:#ebe7f0;isolation:isolate}.mode-switch-thumb{position:absolute;z-index:0;top:.3rem;bottom:.3rem;left:.3rem;width:calc(50% - .3rem);border-radius:999px;background:var(--white);box-shadow:0 2px 10px #17151e1a;transition:transform .34s var(--ease-enter),background .28s var(--ease-standard);will-change:transform}.mode-switch.mode-flirt .mode-switch-thumb{transform:translate(100%);background:color-mix(in srgb,var(--mode) 14%,var(--white))}.mode-switch button{position:relative;z-index:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;color:var(--muted);background:transparent;font-size:.72rem;font-weight:800;transition:color .28s var(--ease-standard),opacity .28s var(--ease-standard),transform .12s var(--ease-standard)}.mode-switch button span,.mode-switch button svg{transition:opacity .28s var(--ease-enter),transform .28s var(--ease-enter),color .28s var(--ease-standard)}.mode-switch button:not(.active) span,.mode-switch button:not(.active) svg{opacity:.55}.mode-switch button.active{color:var(--ink)}.mode-switch button.active span{opacity:1;transform:translateY(0);animation:mode-label-in .34s var(--ease-enter) both}.mode-switch button.active svg{opacity:1;color:var(--mode);animation:mode-icon-pop .4s var(--ease-enter) both}.mode-switch button:active:not(:disabled){transform:scale(.97)}@keyframes mode-label-in{0%{opacity:.35;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes mode-icon-pop{0%{opacity:.4;transform:scale(.85)}55%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.app,.app-shell{transition:background .4s var(--ease-standard)}.app.mode-flash .app-main{animation:mode-view-fade .38s var(--ease-enter) both}@keyframes mode-view-fade{0%{opacity:.65;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.m-filter-tabs button{transition:background .2s var(--ease-standard),color .2s var(--ease-standard),border-color .2s var(--ease-standard),transform .12s var(--ease-standard)}.m-filter-tabs button:active{transform:scale(.96)}.m-game-card{transition:transform .18s var(--ease-enter),filter .18s var(--ease-standard)}.m-game-card:hover{transform:translateY(-2px)}.m-game-card:active{transform:scale(.98)}.m-bottom-nav a,.m-bottom-nav button{transition:color .2s var(--ease-standard),transform .12s var(--ease-standard)}.m-bottom-nav a:active,.m-bottom-nav button:active{transform:scale(.94)}.m-bottom-nav .m-create{transition:transform .18s var(--ease-enter),background .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.m-bottom-nav .m-create:active{transform:scale(.92) translateY(.1rem)}.m-main-button,.btn-primary{transition:transform .12s var(--ease-standard),background .2s var(--ease-standard),opacity .2s}.sidebar-nav a,.sidebar-create{transition:background .2s var(--ease-standard),color .2s var(--ease-standard),transform .12s var(--ease-standard)}.sidebar-nav a:active,.sidebar-create:active{transform:scale(.98)}.mode-panel{margin:0 1.25rem 1.25rem}.mode-panel .m-overline{display:block;margin-bottom:.6rem}.avatar{position:relative;display:inline-grid;place-items:center;flex-shrink:0;box-sizing:border-box;width:3rem;height:3rem;aspect-ratio:1;overflow:visible;border-radius:50%;color:var(--white);font-weight:800;line-height:1;vertical-align:middle}.avatar-sm{width:2rem;height:2rem;font-size:.5rem}.avatar-md{width:3rem;height:3rem;font-size:.65rem}.avatar-lg{width:3.6rem;height:3.6rem;font-size:.72rem;border:.2rem solid var(--white);box-shadow:0 0 0 .12rem #ded9e4}.avatar-xl{width:6.5rem;height:6.5rem;font:400 1.7rem/1 Lilita One,cursive;border:.4rem solid var(--white);box-shadow:0 0 0 .15rem #d8d3e0}.avatar .avatar-glyph{display:block;line-height:1;pointer-events:none}.avatar-dot{position:absolute;right:0;bottom:.05rem;width:.72rem;height:.72rem;aspect-ratio:1;border:.14rem solid var(--white);border-radius:50%;background:var(--muted);box-sizing:border-box}.m-friend>.avatar{margin:0}.presence-online{background:var(--mode)}.presence-in_game{background:var(--sun)}.presence-away{background:#aaa4af}.tone-violet{background:var(--violet)}.tone-yellow{color:var(--ink);background:var(--sun)}.tone-coral{background:#ff6b5e}.tone-cyan{color:var(--ink);background:#31d8e2}.tone-lime{color:var(--ink);background:#c8ff3d}.tone-pink{background:#f0447c}.m-game-card .soon{display:inline-block;margin-top:.35rem;font-style:normal;font-size:.5rem;font-weight:800;letter-spacing:.06em;opacity:.75}.result-card{padding:.9rem 0;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;border-bottom:1px solid var(--line)}.result-card>div:nth-child(2){display:grid;gap:.2rem}.result-card strong{font-size:.68rem}.result-card span{color:#928c98;font-size:.53rem}.result-card>b{color:var(--violet);font-size:.85rem}.profile-card{padding:.75rem 0;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.8rem;border-bottom:1px solid var(--line)}.profile-card .avatar{width:3rem;height:3rem}.profile-card-copy{display:grid;gap:.25rem;min-width:0}.profile-card-copy strong{font-size:.7rem}.profile-card-copy span{color:var(--muted);font-size:.53rem}.profile-card>button{width:2.5rem;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;color:var(--violet);background:#eeeafd}.profile-card>button.invited{color:#087a4c;background:#dff8ea}.m-search-field input{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.72rem}.m-search-field input::placeholder{color:#8f8996}.m-section-title a{color:var(--violet);font-size:.65rem;font-weight:700}.m-bottom-nav a{min-width:3.3rem;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#928c98;font-size:.48rem}.m-bottom-nav a.active{color:var(--violet)}.m-bottom-nav a svg{width:1.25rem}.m-game-sheet .btn,.m-game-sheet .m-main-button{width:100%;min-height:3.6rem}.results-list{display:grid}.toast{position:fixed;z-index:120;left:50%;bottom:calc(6.5rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(calc(100% - 2rem),24rem);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:1rem;color:var(--white);background:var(--ink);box-shadow:0 .75rem 2rem #17151e38;animation:sheet-up .28s var(--ease-enter) both;font-size:.78rem;font-weight:700}.toast-success{background:#087a4c}.toast-warning{background:#b86b00}.toast-error{background:#b81f59}.toast-info{background:var(--ink)}.toast button{width:2rem;height:2rem;display:grid;place-items:center;border:0;border-radius:50%;color:inherit;background:#ffffff26}.room-page{min-height:100dvh;padding:1rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--white)}.room-header{width:100%;display:grid;grid-template-columns:2.7rem 1fr 2.7rem;align-items:center;gap:.8rem;margin-bottom:1rem}.room-header button{width:2.7rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper)}.room-header>div{display:grid;gap:.15rem}.room-header strong{font-size:1rem}.room-header span{color:var(--muted);font-size:.55rem}.room-page>h1{margin:.5rem 0;font-size:clamp(2.4rem,10vw,3.2rem)}.room-page>p{max-width:26rem;margin:0 0 1rem;color:var(--muted);font-size:.75rem;line-height:1.6}.lobby-avatar{width:3.1rem;height:3.1rem;aspect-ratio:1;margin-right:-.4rem;display:grid;place-items:center;flex-shrink:0;border:.2rem solid var(--white);border-radius:50%;color:var(--white);font-size:.55rem;font-weight:800;box-sizing:border-box}.lobby-avatar.ready{box-shadow:0 0 0 .15rem var(--mode)}.m-player-row button:last-child{color:var(--violet);background:#eeeafd}.soon-note{margin:0 0 1rem;padding:.8rem;border-radius:1rem;background:#fff4d6;color:var(--ink);font-size:.65rem;line-height:1.5}.room-page .m-main-button{margin-top:auto;width:min(100%,24rem)}.mini-game{display:flex;flex-direction:column;flex:1}.mini-game h1{margin:.8rem 0 1rem;max-width:25rem;font-size:clamp(2.6rem,11vw,4.2rem);line-height:.88;letter-spacing:-.03em}.mini-game>p{margin:0 0 1.5rem;color:var(--muted);font-size:.7rem;line-height:1.6}.tap-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;color:var(--muted);font-size:.65rem}.tap-stats b{display:block;color:var(--ink);font-size:1.6rem}.tap-pad{margin-top:auto;min-height:14rem;width:100%;display:grid;place-items:center;gap:.6rem;border:0;border-radius:2rem;background:#f1eff3;transition:background .12s,transform .1s}.tap-pad svg{width:3rem;height:3rem}.tap-pad.hot{background:var(--session, var(--mode));transform:scale(1.02)}.tap-pad.hit{animation:score-pop .35s var(--ease-enter)}.tap-pad.miss{background:#ffc0b9}.color-grid{margin-top:auto;display:grid;gap:.65rem}.color-grid button{min-height:4.4rem;padding:.7rem;display:grid;grid-template-columns:2.6rem 1fr auto;gap:.85rem;align-items:center;border:1px solid var(--line);border-radius:1.1rem;background:var(--white);text-align:left}.color-grid button.selected{border-color:var(--ink);background:color-mix(in srgb,var(--swatch, var(--mode)) 35%,white)}.color-grid i{width:2.6rem;aspect-ratio:1;border-radius:.85rem}.color-grid span{display:grid;gap:.15rem}.color-grid b{font-size:.78rem}.color-grid small{color:var(--muted);font-size:.55rem}.xp-gain{margin:0 0 1rem;color:var(--violet);font-weight:800;font-size:.85rem}.score-pop{animation:score-pop .7s var(--ease-enter) both}@keyframes score-pop{0%{transform:scale(.7);opacity:.4}55%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes live-blink{50%{opacity:.35}}@keyframes asset-float{50%{transform:translateY(-.25rem)}}.m-last-results{padding-bottom:2rem}.page-home .m-greeting h1,.m-page-heading h1{font-family:Lilita One,cursive;font-weight:400}@media(min-width:681px){.app-main,.m-header{max-width:48rem}.app-main{padding-inline:1.5rem}.m-greeting,.m-page-heading,.m-friends,.m-games,.m-last-results{padding-inline:0}.m-room-card,.m-search-field,.m-featured-game,.m-squad-panel,.m-friend-request,.m-profile-stats,.m-badges,.m-profile-menu,.mode-panel{margin-inline:0}.m-friends-list{padding-inline:0}.home-hero-row{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;align-items:stretch;padding:.5rem 0}.home-hero-row .m-greeting{padding:1.5rem 0 1rem}.home-hero-row .m-room-card{margin:1rem 0;min-height:100%}.m-game-grid{grid-template-columns:repeat(3,1fr);gap:.9rem}.m-game-card{min-height:12rem}.m-greeting h1,.m-page-heading h1{font-size:clamp(3.2rem,7vw,4.4rem)}.m-bottom-nav{left:50%;right:auto;width:min(calc(100% - 2rem),36rem);transform:translate(-50%);border-radius:1.4rem 1.4rem 0 0}.m-sheet-backdrop{align-items:center;padding:2rem}.m-game-sheet{border-radius:2rem}.m-featured-game{min-height:16rem}}@media(min-width:1025px){.app{background:#efeaf6}.desktop-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:1.25rem;flex:0 0 16.5rem;width:16.5rem;height:100dvh;padding:1.75rem 1.15rem 1.5rem;border-right:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:var(--white);box-shadow:4px 0 24px #17151e0a}.sidebar-brand{display:flex;align-items:center;gap:.55rem;color:var(--violet);font-size:1.75rem;padding:0 .35rem}.sidebar-brand .mootik-mark{width:2.2rem;color:var(--violet)}.sidebar-nav{display:grid;gap:.3rem;flex:1;align-content:start}.sidebar-nav a,.sidebar-create{min-height:48px;padding:.75rem .9rem;display:flex;align-items:center;gap:.75rem;border:0;border-radius:1rem;color:var(--muted);background:transparent;font-size:.9rem;font-weight:700;text-align:left}.sidebar-nav a svg,.sidebar-create svg{width:1.35rem;height:1.35rem;flex-shrink:0}.sidebar-nav a:hover{color:var(--ink);background:#f3f0f8}.sidebar-nav a.active{color:var(--violet);background:#eeeafd}.sidebar-create{margin-top:.35rem;color:var(--white);background:var(--ink)}.sidebar-create:hover{color:var(--white);background:var(--violet)}.desktop-sidebar .mode-switch{margin-top:auto}.m-bottom-nav{display:none}.app-shell{min-height:100dvh;overflow:auto}.m-header{max-width:none;width:100%;margin:0;height:4.5rem;padding:0 2.5rem;background:#f7f6f2e6;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.m-header .m-logo{display:none}.m-header>div:last-child{margin-left:auto}.app-main{max-width:72rem;width:100%;margin:0 auto;padding:.5rem 2.5rem 3.5rem}.page-home,.m-tab-page{max-width:none}.home-hero-row{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:1.75rem;margin-bottom:.5rem}.home-hero-row .m-greeting{padding:2rem 0 1rem}.home-hero-row .m-greeting h1{font-size:clamp(3.8rem,5vw,5.2rem);max-width:12ch}.home-hero-row .m-greeting p{font-size:.95rem;max-width:34ch}.home-hero-row .m-room-card{margin:1.5rem 0 1rem;min-height:16rem}.m-friends,.m-games,.m-last-results{padding:1.75rem 0}.m-section-title h2{font-size:1.75rem}.m-friend-scroll{gap:1.25rem;padding-bottom:.4rem}.m-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.m-game-card{min-height:13.5rem;padding:1.2rem;border-radius:1.5rem}.m-game-card h3{font-size:1.55rem}.m-game-card p{font-size:.72rem}.m-filter-tabs button{padding:.65rem 1rem;font-size:.7rem}.m-page-heading{padding:2rem 0 1.5rem}.m-page-heading h1{font-size:clamp(4rem,5vw,5.2rem)}.m-page-heading p{font-size:.9rem;max-width:42ch}.m-search-field{max-width:28rem}.m-featured-game{max-width:none;min-height:17rem}.m-tab-page .m-games-page .m-game-grid,.m-games-page .m-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.m-friends-list,.m-squad-panel,.m-friend-request{max-width:40rem}.profile-page .m-profile-stats,.profile-page .m-badges,.profile-page .m-profile-menu,.profile-page .mode-panel{max-width:32rem;margin-left:auto;margin-right:auto}.m-profile-hero{padding-top:2.5rem}.m-session-app{max-width:42rem}.room-page{max-width:32rem;margin:0 auto;border-radius:0}.toast{bottom:2rem;left:auto;right:2rem;transform:none}}@media(min-width:1280px){.app-main{padding-inline:3rem}.m-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-home .m-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero-row{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr)}}@media(prefers-reduced-motion:reduce){.score-pop,.tap-pad.hit,.toast,.m-game-sheet,.m-session-app,.app.mode-flash .app-main,.mode-switch button.active span,.mode-switch button.active svg{animation:none!important}.mode-switch-thumb,.mode-switch button,.mode-switch button span,.mode-switch button svg,.m-game-card,.m-filter-tabs button{transition:none!important}.mode-switch.mode-flirt .mode-switch-thumb{transform:translate(100%)}}