@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,blockquote{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:var(--cursor-pointer,pointer);color:inherit}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}textarea{resize:vertical}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090e12;--panel:#182832;--panel-2:#1d2f3c;--line:#344c59;--muted:#94b2c3;--text:#e8eff2;--lime:#d1fb77;--purple:#bba1f3;--amber:#ffc66a;--aqua:#82d9d0;--text-scale:1;--glow:.35;font-family:Trebuchet MS,Arial,sans-serif;font-size:calc(16px * var(--text-scale));background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse at 40% 90%, #c3f76b05, transparent 50%), var(--bg);min-width:280px}::selection{color:#fff;background:#bba1f360}p{color:var(--muted);line-height:1.65}h1,h2,h3{letter-spacing:-.035em;font-weight:800;line-height:1.2}h1,h2{font-size:1.875rem}h3{font-size:1.3rem}button{font-weight:700}input,textarea,select{color:var(--text)}input,textarea{min-width:0}input[type=range]{accent-color:var(--lime);width:100%}input[type=checkbox]{accent-color:var(--purple)}input[type=file]{max-width:100%}input[type=color]{background:0 0;border:0;width:40px;height:40px;padding:2px}hr{border:0;border-top:1px solid #ffffff0b;margin:20px 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;width:24px;height:24px;display:inline-block}.accent{color:var(--lime)}.muted{color:var(--muted)}.eyebrow{letter-spacing:.12em;font-size:.6875rem;font-weight:800}.small{font-size:.8125rem}.skip-link{z-index:10000;background:var(--lime);color:#243019;border-radius:10px;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}}@layer components{.layout{max-width:1080px;margin:0 auto;padding:0 40px 40px}.header{border-bottom:1px solid #ffffff0b;justify-content:center;align-items:center;height:88px;padding:0 32px;display:flex}.header-cluster{justify-content:center;align-items:center;gap:36px;min-width:0;max-width:100%;display:flex}.header-actions{flex:none;align-items:center;gap:20px;display:flex}.header-brand{width:240px;overflow:hidden}.wordmark{width:100%;height:auto;overflow:visible}.brand-letter{transform-box:fill-box}.player-hud>button{flex:none}.points-button{color:var(--lime);background:#222e1c;border:1px solid #566e2e;border-radius:16px;align-items:center;gap:13px;padding:7px 12px 8px 7px;display:flex;box-shadow:0 3px #4d602c}.points-button strong{letter-spacing:.03em;font-size:1.375rem}.points-button small{letter-spacing:.1em;margin-left:6px;font:9px ui-monospace,monospace}.mojo-coin{background:var(--lime);color:#526a28;border:3px solid #e9ffb8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:23px;font-weight:900;display:grid;transform:rotate(-12deg)}.points-plus{margin-left:2px;font-size:21px}.inbox-button,.settings-button{color:#bfd0dd;background:#202d38;border:1px solid #34404a;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 3px #0a141c}.inbox-button .icon,.settings-button .icon{stroke-width:2.8px;width:32px;height:32px}.inbox-badge{background:var(--amber);color:#4b3516;border-radius:50%;min-width:21px;height:21px;padding:2px;font-size:13px;position:absolute;top:-7px;right:-5px}.profile-button{background:var(--purple);border:2px solid #cfb8f9;border-radius:17px;width:49px;height:49px;padding:0;overflow:hidden;box-shadow:0 4px #6c568a}.portrait{object-fit:cover;background:#243641;border-radius:12px;flex:none}.guest-label{color:var(--muted);font-size:.9375rem}.candy-button{background:var(--lime);color:#263818;border:1px solid #e7ffab;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 16px;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 5px #8eac4d}.candy-button:hover{background:#dcff95}.candy-button:active{transform:translateY(2px);box-shadow:0 3px #8eac4d}.secondary-button,.subtle-button{color:#c9ddeb;background:#253a48;border:1px solid #3b5362;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 13px;display:inline-flex;box-shadow:0 3px #0c1b24}.secondary-button{color:#d7bffe;background:#39304e;border-color:#665183}.secondary-button-no-bg{color:#d7bffe;background:0 0;border-color:#665183}.subtle-button:hover{background:#304956}.text-button{color:var(--muted);background:0 0;padding:8px 0;font-weight:400}.wide{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-row.end{justify-content:flex-end}.empty-state{text-align:center;padding:48px 18px}.empty-state p{margin-top:12px}.empty-state .candy-button{margin-top:24px}.screen-bar{align-items:center;gap:22px;margin:32px 0;display:flex}.screen-bar h1{flex:1;min-width:0}.screen-bar>.candy-button{flex:none}.menu-back{color:#c5d7e4;background:#1b2934;border:1px solid #303e4b;border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:1rem;display:flex}.menu-back .icon{width:21px;height:21px}.menu-intro{width:min(359px,75%);margin:23px auto 30px;line-height:0;overflow:hidden}.game-menu{flex-direction:column;justify-content:center;max-width:840px;min-height:calc(100svh - 115px);margin:0 auto;display:flex}.menu-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;display:grid}.menu-tile{text-align:left;color:#22351c;min-height:210px;box-shadow:0 7px 0 var(--tile-shadow), 0 13px 24px #0004;isolation:isolate;border:1px solid #ffffff5e;border-radius:26px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:25px 28px;display:flex;position:relative;overflow:hidden}.menu-tile:before{content:"";z-index:-1;background:#ffffff09;border:28px solid #ffffff12;border-radius:65px;width:80%;height:125%;position:absolute;top:-51%;right:-31%;transform:rotate(25deg)}.tile-explore{--tile-shadow:#8aab4d;background:#d1fb77}.tile-party{color:#2a2446;--tile-shadow:#796097;background:#bba1f3}.tile-ranks{color:#4c3312;--tile-shadow:#a97a38;background:#ffc66a}.tile-challenges{color:#174742;--tile-shadow:#448f88;background:#82d9d0}.tile-art{filter:drop-shadow(0 4px #0003);position:absolute;top:23px;left:28px;transform:rotate(-10deg)}.tile-art .icon{stroke-width:3.7px;width:48px;height:48px}.tile-title{letter-spacing:-.05em;font-size:1.75rem;font-weight:900;line-height:1.1}.tile-description{color:inherit;opacity:.77;margin-top:9px;font-size:.9375rem;font-weight:400;line-height:1.4}.tile-corner{opacity:.42;stroke-width:3px;width:19px;height:19px;position:absolute;top:21px;right:23px}.menu-tile:hover .tile-corner{transform:translate(2px,-2px)}.menu-learn{color:#b8d1df;background:0 0;justify-content:center;align-items:center;gap:11px;margin:25px auto 7px;padding:8px;font-size:1rem;font-weight:400;display:flex}.menu-learn .icon{width:23px;height:23px}.menu-learn .icon:last-child{color:#a2b183;width:17px}.menu-footnote{letter-spacing:.23em;color:#6f93a9;text-align:center;margin-bottom:5px;font-size:9px}.mojo-dialog{color:var(--text);scrollbar-width:thin;overscroll-behavior:contain;background:#111f29;border:1px solid #405968;border-radius:25px;width:min(590px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px;overflow:auto;box-shadow:0 20px 90px #0009}.mojo-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040a10c9}.mojo-dialog h2{margin:10px 45px 12px 0;font-size:2rem}.mojo-dialog>p{margin-bottom:20px}.close-dialog{z-index:5;color:#a9c9de;background:#263a48;border:1px solid #3a515f;border-radius:13px;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:16px;right:17px;box-shadow:0 3px #091820}.close-dialog .icon{width:26px;height:26px}.dialog-art{color:var(--lime);margin:8px 0 12px;font-size:70px}.full-dialog{border-radius:0;width:min(1180px,100%);height:100dvh;max-height:100dvh;padding:0}.dialog-section{background:#172a35;border:1px solid #304b59;border-radius:16px;margin:24px 0;padding:20px}.field{color:#c4d6df;flex-direction:column;gap:8px;min-width:0;font-size:.9375rem;font-weight:700;display:flex}.field-control{background:#0d202d;border:1px solid #3d5b6d;border-radius:13px;align-items:center;min-width:0;transition:border-color .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 3px #07151e}.field-control:focus-within{border-color:var(--lime);box-shadow:0 0 0 2px #d1fb7750,0 3px #07151e}.field-control input,.field-control textarea{border-radius:inherit;background:0 0;border:0;outline:0;width:100%;min-height:46px;padding:13px 14px;font-size:1rem;font-weight:400}.field-control input::placeholder,.field-control textarea::placeholder{color:#7296ad}.field-prefix{color:var(--aqua);padding-left:14px;font-size:19px;font-weight:400}.field-prefix+input{padding-left:5px}.field-control button{white-space:nowrap;color:#bacfda;background:#253a48;border-radius:9px;align-self:stretch;margin:4px;padding:8px 12px;font-size:.8125rem}.form-grid{gap:18px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.select-field{flex-direction:column;gap:8px;font-size:.9375rem;font-weight:700;display:flex}.select-field select{outline-offset:3px;background:#0d202d;border:1px solid #3d5b6d;border-radius:12px;min-width:0;max-width:100%;padding:12px}.form-error{color:#ffb8ad;font-size:.875rem;line-height:1.5}.form-status{color:var(--aqua);overflow-wrap:anywhere;font-size:.875rem}.tabs,.chips{scrollbar-width:thin;gap:9px;padding-bottom:5px;display:flex;overflow-x:auto}.tabs button,.chips button{color:#a9c1cf;white-space:nowrap;background:#1d303e;border:1px solid #354c59;border-radius:12px;padding:10px 13px;font-size:.875rem;font-weight:700;box-shadow:0 3px #0a1c26}.tabs button[aria-selected=true],.chips button[aria-pressed=true]{color:#1d3115;background:var(--lime);border-color:#dcffa0;box-shadow:0 4px #8da84b}.segmented{background:#08171f;border-radius:14px;gap:4px;padding:5px;display:flex}.segmented button,.segmented a{color:#a3becf;text-align:center;background:0 0;border-radius:10px;flex:1;min-width:0;padding:12px 8px;font-weight:700}.segmented button[aria-pressed=true],.segmented a[aria-pressed=true]{color:#efe4ff;background:#4a375f;box-shadow:0 3px #20192b}.portrait-stack{flex:none;align-items:center;padding-right:5px;display:inline-flex}.portrait-stack .portrait{border:2px solid #233a46;box-shadow:0 2px #0c1a23}.portrait-stack .portrait+.portrait{margin-left:-12px;transform:rotate(6deg)}.animated-emoji{place-items:center;width:100%;height:100%;line-height:1;display:inline-grid;position:relative}.emoji-player{position:absolute;inset:0}.emoji-player svg{width:100%;height:100%}.animated-emoji[data-animated=true]>.emoji-fallback{visibility:hidden}.route-loading{justify-content:center;gap:10px;padding:80px;display:flex}.route-loading span{background:var(--lime);border-radius:50%;width:10px;height:10px;animation:1s infinite alternate pulse}.route-loading span:nth-child(2){animation-delay:.15s}.route-loading span:nth-child(3){animation-delay:.3s}.learn-visual{text-align:center;margin:20px 0;font-size:110px}.tour-dots{justify-content:center;gap:7px;margin:22px;display:flex}.tour-dots i{background:#3b5363;border-radius:50%;width:7px;height:7px}.tour-dots i.on{background:var(--lime);border-radius:10px;width:20px}.feed-note{color:#6d91a5;text-align:center;margin:23px 0;font-size:.75rem;line-height:1.7}.notice{color:#b9dba6;background:#19322a;border:1px solid #3b563e;border-radius:13px;align-items:center;gap:12px;padding:12px;display:flex}.notice p{color:#91b89c;font-size:.8125rem}.notice>button{color:#b4c7b9;background:0 0;margin-left:auto;padding:5px}.notice>button .icon{width:19px;height:19px}.toggle-row{justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.toggle-row small{color:var(--muted);margin-top:5px;font-weight:400;line-height:1.5;display:block}.toggle-row input{flex:none;width:22px;height:22px}.range-label{justify-content:space-between;gap:15px;margin:15px 0 13px;display:flex}.range-label output{color:var(--lime)}.range-captions{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:.75rem;display:flex}.section-intro{margin:0 0 25px;font-size:1rem}.status-line{color:#b4d394;align-items:center;gap:7px;font-size:.75rem;display:flex}.status-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #c9f78755}.danger{color:#ffad9e!important}.dialog-heading{padding-right:45px}.dialog-heading .eyebrow{color:var(--purple);margin-bottom:12px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.counter{color:var(--lime);font-family:ui-monospace,monospace}.loading-label{color:var(--muted);text-align:center;padding:20px;font-size:.875rem}.inline-check{align-items:center;gap:10px;line-height:1.5;display:flex}.tag-choices{flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0;display:flex}.tag-chip{color:#c7b0ed;overflow-wrap:anywhere;background:#bba1f30c;border:1px solid #9e80cf33;border-radius:8px;max-width:100%;padding:5px 8px;font-size:.75rem;line-height:1.4}.tag-chip.selected{color:var(--lime);background:#d1fb7709;border-color:#d1fb7740}.reward-file-row{background:#152935;border:1px solid #405766;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.reward-file-row>img{object-fit:cover;border-radius:9px;flex:none}.reward-file-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.reward-file-row strong{font-size:.8125rem;display:block}.reward-file-row small{color:var(--muted);margin:5px 0;font-size:.6875rem;display:block}.reward-file-row>span>button{color:var(--purple);background:0 0;padding:0;font-size:.6875rem}.menu-tile{box-shadow:0 7px 0 var(--tile-shadow), 0 13px 24px #0004, 0 8px 40px color-mix(in srgb, var(--tile-glow,var(--lime)) calc(var(--glow) * 22%), transparent)}.tile-party{--tile-glow:var(--purple)}.tile-ranks{--tile-glow:var(--amber)}.tile-challenges{--tile-glow:var(--aqua)}.wordmark[data-entrance=welcome] .brand-letter{opacity:0}}@layer responsive{@media (min-width:1100px){.menu-tile{min-height:225px}.game-menu{max-width:840px}.menu-intro{margin-top:26px;margin-bottom:35px}}@media (max-width:600px){.layout{padding:0 20px 24px}.header{height:76px;padding:0 16px}.header-actions{gap:15px}.points-button{gap:8px;padding-right:10px}.points-button strong{font-size:1.2rem}.inbox-button,.settings-button{border-radius:13px;width:42px;height:42px}.profile-button{width:44px;height:44px}.header-cluster{gap:15px}.game-menu{min-height:calc(100svh - 100px)}.menu-intro{width:min(359px,80%);margin-top:20px;margin-bottom:26px}.menu-tiles{gap:20px 13px}.menu-tile{border-radius:23px;min-height:200px;padding:18px 18px 22px}.tile-art{top:20px;left:20px}.tile-art .icon{width:43px;height:43px}.tile-title{font-size:1.5rem}.tile-description{margin-top:7px;font-size:.8125rem;line-height:1.5}.tile-corner{width:17px;top:18px;right:17px}.menu-learn{gap:8px;margin-top:23px;font-size:.9375rem}.screen-bar{gap:12px;margin:28px 0}.screen-bar h1{font-size:1.65rem}.screen-bar>.candy-button{max-width:155px;min-height:46px;padding:10px 12px;font-size:.8125rem}.menu-back{gap:5px;padding:12px 10px}.mojo-dialog{padding:22px 18px}.mojo-dialog h2{font-size:1.8rem}.full-dialog{padding:0}.form-grid.two{grid-template-columns:1fr}.guest-label{font-size:.875rem}.candy-button.sign-in{min-height:40px;padding:9px 14px}.menu-footnote{font-size:8px}.mojo-coin{width:30px;height:30px;font-size:21px}.points-button small{font-size:8px}.screen-bar .menu-back span{display:none}}@media (max-width:360px){.layout{padding-inline:14px}.header-actions{gap:11px}.points-button small{display:none}.points-button{gap:6px}.points-button strong{font-size:1.1rem}.inbox-button,.settings-button{width:37px;height:37px}.profile-button{width:39px;height:39px}.mojo-coin{width:27px;height:27px}.points-button{padding:6px}.menu-tile{min-height:180px;padding:16px 13px}.tile-title{font-size:1.3rem}.tile-description{font-size:.75rem}.tile-art{left:17px}.menu-tiles{gap:18px 11px}.screen-bar h1{font-size:1.45rem}.screen-bar{gap:8px}}@media (max-height:720px) and (min-width:601px){.menu-tile{min-height:180px}.menu-intro{width:300px;margin:16px auto 20px}.menu-learn{margin-top:22px}.game-menu{min-height:calc(100svh - 110px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.motion-off *,.motion-off :before,.motion-off :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.wordmark[data-entrance=welcome] .brand-letter{opacity:1}}.motion-off .wordmark .brand-letter{opacity:1}}@layer prototype{.backend-status{z-index:200;color:#f6ce86;background:#273745;border-radius:12px;max-width:calc(100% - 24px);padding:8px 14px;font-size:12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.play-connection{z-index:8;color:#f6ce86;text-align:center;background:#273745;border-radius:9px;padding:6px 10px;font-size:11px;position:absolute;top:100%;left:12px;right:12px}img.portrait.portrait-custom{background:0 0;box-shadow:none!important;border:0!important}:is(.profile-button:has(>.portrait-custom),.profile-photo-edit:has(>.portrait-custom)){box-shadow:none!important;background:0 0!important;border:0!important}.mojo-dialog.surprise-picker{background:#14212b;border-color:#3d5059;width:min(450px,100% - 24px);padding:22px;overflow:hidden auto}.surprise-progress{background:#293a45;height:5px;position:absolute;inset:0 0 auto;overflow:hidden}.surprise-progress span{background:var(--lime);height:100%;display:block}.surprise-progress.is-searching span{width:35%;animation:1.1s linear infinite surprise-train}.surprise-kind{color:var(--purple);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;padding-right:44px;font-size:.8rem;font-weight:700;display:inline-flex}.surprise-kind .icon{width:22px;height:22px}.surprise-creator{align-items:center;gap:11px;margin:16px 0;display:flex}.surprise-creator>div{flex-direction:column;gap:5px;min-width:0;display:flex}.surprise-creator strong{color:#edf3e8;font-size:1rem}.surprise-mood{color:#99b3c2;flex-wrap:wrap;align-items:center;gap:5px;font-size:.75rem;display:flex}.surprise-mood i{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:2px}.surprise-mood b{color:var(--lime);font-weight:600}.surprise-details h2{margin:0 0 9px;padding:0;font-size:clamp(1.4rem,4.5vw,1.7rem);line-height:1.15}.surprise-picker .surprise-description{color:#a8c0ce;margin:0;font-size:.85rem;line-height:1.45}.surprise-goal{background:#0d1a23;border:1px solid #344a55;border-radius:13px;gap:13px;margin:14px 0 9px;padding:13px;display:flex}.surprise-goal>.icon{width:22px;height:22px;color:var(--lime);flex:none}.surprise-goal strong{color:var(--lime);font-size:.85rem}.surprise-picker .surprise-goal p{color:#c0d0d8;margin:6px 0 0;font-size:.85rem;line-height:1.5}.surprise-rules{color:#8fa8b8;margin:9px 0 12px;font-size:.8rem}.surprise-rules summary{cursor:var(--cursor-pointer,pointer);padding:4px 0}.surprise-picker .surprise-rules p{margin:12px 0;font-size:.8rem;line-height:1.5}.surprise-reward{background:#bba1f30d;border:1px solid #695884;border-radius:17px;margin:12px 0;padding:12px}.surprise-reward .challenge-reward-line{align-items:center;gap:11px;margin:0;display:flex}.surprise-reward .challenge-reward-icon{color:#273241;background:#bba1f3;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px #6e5a8d}.surprise-reward .challenge-reward-icon .icon{width:28px;height:28px;animation:2.8s ease-in-out infinite surprise-reward}.surprise-reward .challenge-reward-copy{flex-direction:column;gap:6px;min-width:0;font-size:.85rem;line-height:1.4;display:flex}.surprise-reward .challenge-reward-copy strong{color:#cfbaf5}.surprise-reward .challenge-reward-copy>span{color:#a8bdc9}.surprise-reward .creator-gift .challenge-reward-icon{color:#40311c;background:#ffc66a;box-shadow:0 4px #9c773d}.surprise-actions{gap:12px;padding-top:8px;display:flex}.surprise-actions button{border-radius:15px;flex:1;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:44px;padding:10px 12px;font-size:.875rem;font-weight:700;display:flex}.surprise-actions .subtle-button{background:#223541;border:1px solid #40545f;box-shadow:0 4px #090e14}.surprise-actions .icon{flex:none;width:21px;height:21px}.surprise-actions button:disabled{opacity:.4;cursor:var(--cursor-default,default)}.surprise-search{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.surprise-search-label{color:var(--purple);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.surprise-search .surprise-loading-mark{border-width:4px;flex:none;width:60px;height:60px;margin:22px 0;font-size:40px;animation:1.2s ease-in-out infinite surprise-mark-fade}.surprise-search h2{max-width:19ch;margin:0 0 9px;font-size:1.4rem}.surprise-picker .surprise-search p{color:#95afbd;max-width:34ch;font-size:.85rem}.surprise-reveal{animation:.24s ease-out surprise-reveal}@media (max-width:600px){.mojo-dialog.surprise-picker{padding:20px 17px}.surprise-creator{margin:12px 0}.surprise-search{min-height:220px}.surprise-actions button{font-size:.85rem}}:is(html:has(main[data-route=play]),body:has(main[data-route=play])){overscroll-behavior:none;overflow:hidden}main.layout[data-route=play]{max-width:none;margin:0;padding:0}.play-page{--keyboard-lift:0px;height:var(--play-height,100svh);width:100%;padding:0 clamp(16px, 3vw, 52px) max(14px, env(safe-area-inset-bottom));color:#e0ebee;background:#0a1117;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.play-header{flex:none;align-items:center;gap:22px;height:70px;display:flex}.play-home{color:#9cb3bd;align-items:center;gap:12px;display:flex}.play-home>.icon{width:23px;height:23px}.play-brand{width:111px;display:block}.play-points{color:var(--lime);font-variant-numeric:tabular-nums;align-items:center;gap:9px;font-size:1.25rem;display:inline-flex}.play-points .mojo-coin{border-width:2px;width:29px;height:29px;font-size:19px}.play-points small{letter-spacing:.1em;opacity:.75;font-size:.6rem}.play-points.is-negative{color:#f493ab}.play-header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.play-tool{color:#b4c5d0;background:#1a2934;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;padding:9px;display:inline-grid}.play-tool .icon{width:21px;height:21px}.play-tool:disabled{opacity:.35;cursor:var(--cursor-default,default)}.play-treasure{color:#ffc66a;margin-right:7px;position:relative}.play-treasure>span{color:#34291c;background:#ffc66a;border-radius:7px;min-width:18px;height:18px;padding:1px 4px;font:700 .65rem/16px sans-serif;position:absolute;top:-5px;right:-7px}.play-workspace{flex:1;grid-template-columns:200px minmax(0,850px) 190px;justify-content:center;gap:clamp(18px,2.5vw,42px);min-height:0;display:grid}.play-center{grid-template-rows:88px minmax(160px,1.3fr) 58px minmax(170px,1fr);gap:8px;min-width:0;min-height:0;display:grid}.play-activity,.play-personality{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;padding-top:12px;overflow-y:auto}.play-activity{flex-direction:column;display:flex}.activity-tabs{flex:none;gap:6px;display:flex}.activity-tabs button{color:#8ea9bb;background:#192936;border-radius:11px;flex:1;min-width:0;padding:12px 8px;font-size:.75rem;font-weight:700}.activity-tabs button[aria-selected=true]{color:#19212f;background:#bba1f3;box-shadow:0 3px #65527d}.activity-placeholder{color:#6d889c;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:100px;font-size:.8rem;display:flex}.activity-placeholder .icon{opacity:.6;width:28px;height:28px}.play-suggestions{flex-direction:column;gap:7px;min-width:0;min-height:0;display:flex;overflow:hidden}.suggestions-heading{color:#c4d6dd;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.suggestions-heading small{color:#6e8c9f;font-size:.65rem}.suggestion-stream{scrollbar-width:thin;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;flex:1;gap:10px;min-height:0;padding-bottom:3px;display:flex;overflow:auto hidden}.play-suggestion{scroll-snap-align:start;background:#15232f;border-radius:13px;flex:0 0 min(350px,91%);align-items:center;gap:10px;min-width:0;padding:9px 12px;display:flex}.play-suggestion .portrait{border-radius:10px;flex:none}.play-suggestion>div{flex:1;min-width:0}.play-suggestion>div>span{color:#9db4c5;margin-bottom:3px;font-size:.65rem;display:block}.play-suggestion small{color:#819eac}.play-suggestion p{color:#d0dce0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.play-suggestion>strong{color:var(--lime);flex:none;font-size:.85rem}.arena{border-radius:22px;min-width:0;min-height:0;overflow:hidden}.stage{isolation:isolate;background:#0d151f;height:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.stage-aura{z-index:-1;background:radial-gradient(ellipse at 50% 80%, rgba(var(--mood), .3), rgba(var(--mood), .05) 55%, transparent 85%);position:absolute;inset:0}.character{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.character-emoji{width:min(106cqh,90cqw);height:min(106cqh,90cqw);transform:translateY(2%)}.meter-wrap{z-index:1;flex-direction:column;align-items:center;gap:5px;width:20px;display:flex;position:absolute;top:18px;bottom:22px;left:20px}.meter-end{color:#9fb487;font-size:17px;line-height:20px}.meter{background:#030910;border-radius:8px;flex:1;width:7px;min-height:30px;position:relative;box-shadow:0 0 0 1px #fff2}.meter-fill{border-radius:8px;transition:height .4s,bottom .4s;position:absolute;left:0;right:0}.meter-zero{border-top:1px solid #738a95;position:absolute;top:50%;left:-3px;right:-3px}.meter-pointer{transition:bottom .4s;position:absolute;left:11px;transform:translateY(50%)}.meter-pointer span{color:#27351b;background:#d1fb86;border-radius:5px;padding:3px 4px;font:700 .55rem ui-monospace,monospace;display:block}.meter-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.round-time{height:4px;position:absolute;bottom:0;left:0;right:0}.round-time-label{color:#a5bbc9;background:#0b1521b8;border-radius:7px;padding:4px 7px;font:.7rem ui-monospace,monospace;position:absolute;bottom:12px;right:13px}.round-time-track{background:#ffffff0d;height:4px;overflow:hidden}.round-time-track>span{transform-origin:0;background:#bba1f3;height:100%;transition:transform .25s linear;display:block}.game-info{align-items:center;gap:10px;min-width:0;padding:5px 2px;display:flex}.game-info>.portrait{border-radius:11px;flex:none;width:34px;height:34px}.game-info>div:not(.game-meta){flex:1;min-width:0}.game-info>div>span{color:#8da9ba;font-size:.65rem}.game-info h1{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.9rem;overflow:hidden}.game-meta{flex:none;align-items:center;gap:10px;display:flex}.game-meta>span{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:flex}.game-meta .icon{width:14px;height:14px}.conversation{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.play-messages{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:8px 4px;display:flex;overflow:hidden auto}.play-empty{color:#7997a9;text-align:center;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px;font-size:.8rem;display:flex}.play-empty>span{color:#aac67d;font-size:26px}.message-row{flex:none;justify-content:flex-end;align-items:flex-end;gap:9px;display:flex}.message-bubble{overflow-wrap:anywhere;background:#29394a;border-radius:16px 16px 4px;max-width:min(83%,540px);padding:10px 13px 7px}.message-bubble p{white-space:pre-wrap;font-size:.85rem;line-height:1.45}.message-bubble small{color:#93acbd;justify-content:flex-end;align-items:center;gap:8px;margin-top:5px;font-size:.6rem;display:flex}.message-score{color:#d1fb86;order:-1;padding-bottom:10px;font:700 .75rem ui-monospace,monospace}.message-score.negative{color:#f493ab}.play-copy{color:#aac0ce;background:0 0;border-radius:6px;place-items:center;width:25px;height:25px;padding:4px;display:grid}.play-copy .icon{width:14px;height:14px}.play-copy:hover{background:#ffffff0b}.quick-greetings{white-space:nowrap;flex:none;gap:7px;padding:5px 2px 6px;display:flex}.quick-greetings button{color:#b8cbd5;background:#12212c;border:1px solid #3d5260;border-radius:20px;padding:6px 11px;font-size:.7rem}.quick-greetings button:disabled{opacity:.4;cursor:var(--cursor-default,default)}.composer-area{z-index:3;transform:translateY(calc(-1 * var(--keyboard-lift)));flex:none;padding:5px 0 0;position:relative}.turn-status{color:#7797a9;justify-content:space-between;padding:0 4px 5px;font-size:.6rem;display:flex}.play-composer{background:#13232f;border:1px solid #3b5263;border-radius:16px;align-items:center;gap:9px;padding:5px 6px 5px 12px;display:flex;box-shadow:0 3px #03090e}.play-composer:focus-within{border-color:#c1e684;box-shadow:0 0 0 2px #d1fb771a}.play-composer textarea{resize:none;min-width:0;height:35px;min-height:35px;max-height:80px;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:1rem;line-height:19px}.play-composer textarea::placeholder{color:#6f8ea1}.play-composer button{color:#25391a;background:#d1fb86;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;padding:8px;display:grid}.play-composer button .icon{width:22px;height:22px}.play-composer button:disabled{opacity:.4;cursor:var(--cursor-default,default)}.composer-footer{color:#6d8a9c;height:15px;padding:3px 4px 0;font-size:.55rem}.play-page[data-keyboard=true] .composer-area{background:#0f1c27;border-radius:17px;padding:7px;box-shadow:0 -8px 20px #0003}.personality-heading{justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.personality-heading .play-tool{color:#bba1f3;background:0 0;width:28px;height:28px;padding:0}.play-personality>p{color:#7a97aa;margin:12px 0 28px;font-size:.75rem;line-height:1.5}.energy-score{margin-bottom:25px}.energy-score>div:first-child{color:#adc1cb;justify-content:space-between;margin-bottom:9px;font-size:.75rem;display:flex}.energy-score strong{color:#d1fb86;font-size:.7rem}.energy-track{background:#1b2c39;border-radius:7px;height:7px;overflow:hidden}.energy-track>span{transform-origin:0;border-radius:inherit;background:#bba1f3;height:100%;transition:transform .45s;display:block}.play-personality>small{color:#536f83;font-size:.65rem}.play-pause>.icon{color:#bba1f3;width:40px;height:40px;margin-bottom:16px}.play-pause .candy-button{justify-content:center;align-items:center;gap:10px;display:flex}.play-pause .candy-button .icon{width:20px;height:20px}.play-collected-gift{background:#1c2d39;border-radius:15px;gap:12px;margin:15px 0;padding:15px;display:flex}.play-collected-gift>.icon{color:#ffc66a;flex:none;width:30px;height:30px}.play-collected-gift p{font-size:.85rem}.play-countdown.mojo-dialog{box-shadow:none;pointer-events:none;background:0 0;border:0;width:100%;max-width:none;padding:0;overflow:visible}.play-countdown::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#070c1477}.play-countdown>div{place-items:center;display:grid}.play-countdown [role=status]>span{color:#d1fb86;text-shadow:0 8px #668239;font-size:clamp(6rem,22vw,11rem);font-weight:900;line-height:1.1;animation:.4s ease-out both countdown-pop;display:block}@media (max-width:1099px){.play-page{padding:0 12px max(7px, env(safe-area-inset-bottom))}.play-header{gap:10px;height:52px}.play-brand{display:none}.play-workspace{display:block}.play-center{grid-template-rows:68px minmax(130px,1.25fr) 50px minmax(145px,1fr);gap:6px;height:100%}.play-activity,.play-personality{display:none}.play-header-actions{gap:6px}.play-tool{border-radius:11px;width:33px;height:33px;padding:8px}.play-points{gap:6px;font-size:1.1rem}.play-points small{display:none}.play-points .mojo-coin{width:25px;height:25px;font-size:17px}.play-home{margin-right:4px}.play-home>.icon{width:20px;height:20px}.suggestions-heading{font-size:.65rem}.suggestions-heading small{font-size:.6rem}.play-suggestions{gap:5px}.play-suggestion{gap:8px;padding:6px 10px}.play-suggestion p{-webkit-line-clamp:1;font-size:.7rem}.suggestion-stream{scrollbar-width:none}.game-meta{gap:7px}.game-meta .icon{width:12px;height:12px}.game-info{gap:8px}.game-info h1{font-size:.8rem}.game-info>div>span{font-size:.58rem}.game-info>.portrait{width:29px;height:29px}.play-empty{font-size:.72rem}.meter-wrap{top:13px;bottom:20px;left:15px}}.play-page[data-compact-landscape=true] .play-header{height:43px}.play-page[data-compact-landscape=true] .play-center{grid-template-rows:46px minmax(80px,1fr) 39px minmax(100px,.9fr);gap:3px}.play-page[data-compact-landscape=true] .suggestions-heading,.play-page[data-compact-landscape=true] .quick-greetings,.play-page[data-compact-landscape=true] .composer-footer,.play-page[data-compact-landscape=true] .turn-status,.play-page[data-compact-landscape=true] .meter-end{display:none}.play-page[data-compact-landscape=true] .play-messages{padding:3px}@media (min-width:1100px) and (max-height:650px){.play-center{grid-template-rows:66px minmax(100px,1fr) 48px minmax(140px,1fr)}}.header{z-index:30;background:#0b1014;position:sticky;top:0}.auth-top{z-index:10;background:#0d141b;position:sticky;top:0}.room-feed .room-post{padding:15px 16px}#explore-screen .room-feed .room-post h3{font-size:calc(21px * var(--text-scale,1));margin:12px 0 6px;line-height:1.3}.room-feed .room-post .post-hook{font-size:calc(15px * var(--text-scale,1));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.room-feed .post-foot{margin-top:11px;padding-top:10px}.room-post .portrait,.attempt-card .portrait{box-shadow:none;background:0 0;border:0}.post-buttons .post-dislike,.stream-actions .post-dislike{color:#9aafba;width:38px;min-width:38px;height:38px;box-shadow:none;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.post-dislike .icon{width:21px;height:21px}.post-buttons .post-dislike:hover,.stream-actions .post-dislike:hover{color:#f49dba;background:#f49dba12}.post-buttons .post-dislike[aria-pressed=true],.stream-actions .post-dislike[aria-pressed=true]{color:#f49dba;background:#f49dba18}@media (max-width:380px){.room-post .post-foot{flex-wrap:wrap}.room-post .post-buttons{margin-left:auto}}.post-buttons .post-dislike:has(small){gap:4px;width:auto}.animated-number{font-variant-numeric:tabular-nums}.play-action-dialog .candy-button.wide{justify-content:center;gap:8px;width:100%;min-height:44px}.play-action-dialog .icon{flex:none;width:18px;height:18px}.play-action-dialog>h2{padding-right:22px}.play-action-dialog>p{margin:10px 0 18px}.play-action-dialog .round-secondary-actions,.round-confirm-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.play-action-dialog .round-secondary-actions>*,.round-confirm-actions>*,.play-action-dialog>.text-button,.play-action-dialog>.round-home-link{min-height:42px;font-size:calc(12px * var(--text-scale,1));text-align:center;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-weight:700;line-height:1.3;text-decoration:none;display:flex}.play-action-dialog .round-home-link{color:#a7bac6;background:#ffffff04;border:1px solid #ffffff0c}.play-action-dialog>.text-button,.play-action-dialog>.round-home-link{width:100%;margin-top:8px}.play-action-dialog>.text-button{background:#24323e;border:1px solid #ffffff13}.play-action-dialog .result-emoji{width:70px;height:70px;margin:8px auto 15px;font-size:64px}.play-action-dialog .result-emoji .animated-emoji{width:100%;height:100%}.play-action-dialog .result-stats{margin:16px 0;padding:15px 7px}.play-action-dialog .result-stats:has(.animated-number[aria-label^=\-]) strong:has(.animated-number){color:#ef8da4}.screen-bar:has(.feed-refresh){flex-wrap:wrap;gap:12px}.screen-bar .feed-refresh{color:#bba1f3;background:#19232c;border:1px solid #ffffff18;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:40px;padding:9px;display:inline-flex}.screen-bar .feed-refresh .icon{width:19px;height:19px}.screen-bar .feed-search{width:190px;min-width:120px;box-shadow:none;background:#0f1b24;border:1px solid #40505a;border-radius:11px;flex:0 190px;align-items:center;gap:0;margin:0;padding:0;display:flex}.screen-bar .feed-search:focus-within{border-color:#d1fb77}.screen-bar .feed-search input{width:100%;min-width:0;min-height:38px;box-shadow:none;font-size:calc(13px * var(--text-scale,1));background:0 0;border:0;outline:0;padding:8px 10px}.screen-bar .feed-search button{color:#bba1f3;width:36px;height:38px;box-shadow:none;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:8px;display:grid}.screen-bar .feed-search .icon{width:18px;height:18px}.screen-bar:has(.feed-search) h1{flex:100px;min-width:0}.screen-bar .feed-search{order:0}.refreshable-feed{--pull:0px;min-width:0}.pull-refresh-indicator{height:0;transition:height .42s cubic-bezier(.2,.85,.25,1);position:relative;overflow:hidden}.pull-refresh-indicator>span{color:#bba1f3;width:36px;height:36px;transform:rotate(var(--pull-turn,0deg));background:#1b2932;border:1px solid #ffffff14;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;left:calc(50% - 18px)}.pull-refresh-indicator .icon{width:20px;height:20px}.refreshable-feed[data-armed=true] .pull-refresh-indicator>span{color:#d1fb77}.refreshable-feed[data-pulling=true] .pull-refresh-indicator{height:var(--pull);transition:none}.refreshable-feed[data-refreshing=true] .pull-refresh-indicator{height:58px}.refreshable-feed[data-refreshing=true] .pull-refresh-indicator .icon,.feed-refresh:disabled .icon{animation:.85s linear infinite feed-spin}@keyframes feed-spin{to{transform:rotate(360deg)}}@media (pointer:coarse){:is(html:has(main:is([data-route=explore],[data-route=challenges],[data-route=ranks])),body:has(main:is([data-route=explore],[data-route=challenges],[data-route=ranks]))){overscroll-behavior-y:contain}.screen-bar .feed-refresh{display:none}}@media (max-width:700px){.screen-bar:has(.feed-search){gap:9px}.screen-bar .feed-search{flex:100%;order:2;width:100%}.screen-bar:has(.feed-search) h1{font-size:calc(22px * var(--text-scale,1))}}@media (prefers-reduced-motion:reduce){.pull-refresh-indicator{transition:none}.refreshable-feed[data-refreshing=true] .pull-refresh-indicator .icon,.feed-refresh:disabled .icon{animation:none}}.feed-empty{text-align:center;color:#9cb0bf;padding:28px 16px}.suggestion-rail{--fade-left:#000;--fade-right:transparent;flex:1;min-width:0;min-height:0;display:flex}.suggestion-rail[data-left=true]{--fade-left:transparent}.suggestion-rail[data-right=false]{--fade-right:#000}.suggestion-rail .suggestion-stream{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none;-webkit-user-select:none;user-select:none;width:100%;-webkit-mask-image:linear-gradient(to right, var(--fade-left), #000 18px, #000 calc(100% - 18px), var(--fade-right));mask-image:linear-gradient(to right, var(--fade-left), #000 18px, #000 calc(100% - 18px), var(--fade-right));padding:2px 0}.suggestion-stream::-webkit-scrollbar{display:none}.suggestion-stream .play-suggestion{text-align:left;box-shadow:none;color:inherit;opacity:1;border:1px solid #0000;font-family:inherit;font-weight:400}.suggestion-stream .play-suggestion:disabled{opacity:.65}.play-suggestion:focus-visible{outline-offset:-2px;outline:2px solid #d1fb77}.play-suggestion .suggestion-gain{text-align:right;flex:none;gap:3px;display:grid}.suggestion-gain strong{color:#d1fb77;font-size:.85rem}.suggestion-gain small{justify-content:flex-end;align-items:center;gap:3px;font-size:.6rem;display:flex}.suggestion-gain .icon{width:12px;height:12px}.stream-actions{flex-wrap:wrap;gap:5px}.stream-actions .attempt-action,.stream-actions .post-dislike.attempt-action{color:#9aafba;width:auto;min-width:32px;height:34px;min-height:34px;box-shadow:none;font-size:calc(11px * var(--text-scale,1));background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:6px;font-weight:400;text-decoration:none;transition:color .14s,background-color .14s;display:inline-flex}.stream-actions .attempt-action .icon{flex:none;width:20px;height:20px}.stream-actions .action-count{font-variant-numeric:tabular-nums}.stream-actions .action-like{--action-color:#d1fb77}.stream-actions .action-dislike{--action-color:#f49dba}.stream-actions .action-reuse{--action-color:#bba1f3}.stream-actions .action-share{--action-color:#82d9d0}.stream-actions .attempt-action[aria-pressed=true],.stream-actions .post-dislike.attempt-action[aria-pressed=true]{color:var(--action-color);background:color-mix(in srgb, var(--action-color) 11%, transparent)}.stream-actions .attempt-action[aria-pressed=true] .icon{stroke-width:4.5px}.stream-actions .attempt-action[aria-disabled=true]{cursor:var(--cursor-default,default)}.stream-actions .stream-time{margin-left:auto}@media (hover:hover) and (pointer:fine){.suggestion-rail .suggestion-stream,.suggestion-stream .play-suggestion{cursor:var(--cursor-grab,grab)}.suggestion-rail .suggestion-stream[data-moving=true],.suggestion-stream[data-moving=true] .play-suggestion{cursor:var(--cursor-grabbing,grabbing)}.suggestion-stream .play-suggestion:not(:disabled):hover{background:#1b2b38;border-color:#bba1f345}.stream-actions .attempt-action:hover,.stream-actions .post-dislike.attempt-action:hover{color:var(--action-color);background:color-mix(in srgb, var(--action-color) 11%, transparent)}}@media (prefers-reduced-motion:reduce){.stream-actions .attempt-action{transition:none}}.stream-actions .attempt-action:active,.stream-actions .post-dislike.attempt-action:active{color:var(--action-color);background:color-mix(in srgb, var(--action-color) 11%, transparent)}button.play-home{color:inherit;font:inherit;background:0 0;border:0;padding:0}@media (max-width:700px),(pointer:coarse) and (max-width:950px) and (max-height:550px){body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) dialog.mojo-dialog:not(.invite-dialog):not(.auth-confirm):not(.auth-flow-dialog){width:100%;min-width:0;max-width:none;height:100dvh;min-height:100dvh;max-height:100dvh;box-shadow:none;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border:0;border-radius:0;margin:0;animation:.18s ease-out both mobile-dialog-in;position:fixed;inset:0;overflow:hidden auto;transform:none}body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) dialog.mojo-dialog:not(.invite-dialog):not(.auth-confirm):not(.auth-flow-dialog)>.close-dialog{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:5;position:fixed}body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) dialog.mojo-dialog:not(.invite-dialog):not(.auth-confirm):not(.auth-flow-dialog)>h2:first-of-type{padding-right:36px}body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) dialog.mojo-dialog.watch-dialog:not(.invite-dialog):not(.auth-confirm):not(.auth-flow-dialog){padding:0;overflow:hidden}body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) .watch-dialog .watch-header{padding-top:calc(20px + env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) .watch-dialog .watch-close{top:calc(16px + env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right))}body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) .watch-dialog .watch-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-shrink:0}@keyframes mobile-dialog-in{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){body:not(:has(main:is([data-route=play],[data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]))) dialog.mojo-dialog:not(.invite-dialog):not(.auth-confirm):not(.auth-flow-dialog){animation:none}}.inbox-dialog .inbox-filters.inbox-tabs{scrollbar-width:none}.inbox-dialog .inbox-filters.inbox-tabs::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.inbox-dialog .inbox-filters.inbox-tabs{scrollbar-width:thin;scrollbar-color:#526a70 transparent}.inbox-dialog .inbox-filters.inbox-tabs::-webkit-scrollbar{height:6px;display:block}.inbox-dialog .inbox-filters.inbox-tabs::-webkit-scrollbar-thumb{background:#526a70;border-radius:6px}}.navigation-boundary{display:contents}.navigation-feedback{z-index:100000;pointer-events:none;animation:.12s .12s both navigation-appear;position:fixed;inset:0}.navigation-train{background:#d1fb77;width:30%;height:3px;animation:1.1s ease-in-out infinite navigation-travel;position:absolute;top:0;left:0}.navigation-badge{left:50%;top:max(12px, env(safe-area-inset-top));color:#e4eef0;background:#1b2e36;border-radius:22px;align-items:center;gap:9px;padding:9px 15px;font-size:13px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 3px 14px #0006}.navigation-badge i{border:2px solid #d1fb7744;border-top-color:#d1fb77;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite navigation-spin}@media (hover:hover) and (pointer:fine){body[data-navigating=true],body[data-navigating=true] *{cursor:progress!important}.navigation-badge{display:none}}@media (prefers-reduced-motion:reduce){.navigation-feedback{animation:none}.navigation-train{width:100%;animation:none}.navigation-badge i{animation:none}}@keyframes navigation-travel{0%{transform:translate(-100%)}to{transform:translate(435%)}}@keyframes navigation-spin{to{transform:rotate(360deg)}}@keyframes navigation-appear{0%{opacity:0}to{opacity:1}}.direct-game-picker .surprise-actions{grid-template-columns:1fr}.player-counts>.profile-count{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:12px 4px;display:flex}.profile-create-grid:has(>:only-child){grid-template-columns:1fr}.following-list{gap:16px;margin-top:24px;display:grid}.following-person{align-items:center;gap:12px;min-width:0;display:flex}.following-person strong{overflow-wrap:anywhere;flex:1;min-width:0}.following-person button{flex-shrink:0;font-size:13px}.experience-section>div,.experience-section>.select-field{margin-top:20px}.player-counts>.profile-count{border-right:1px solid #ffffff10;gap:5px;padding:0}.player-counts>.profile-count strong{color:#d7e8ca;font-size:calc(25px * var(--text-scale,1))}.player-counts>.profile-count span{color:#8ea2ad;font-size:calc(11px * var(--text-scale,1))}@media (max-width:700px){dialog.mojo-dialog:is(.auth-confirm,.auth-flow-dialog){border-radius:22px;width:calc(100% - 32px);max-width:460px;height:fit-content;min-height:0;max-height:calc(100dvh - 40px);margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}}}@keyframes pulse{to{opacity:.25;transform:translateY(-6px)}}@keyframes surprise-train{0%{transform:translate(-100%)}to{transform:translate(390%)}}@keyframes surprise-mark-fade{0%,to{opacity:.2}50%{opacity:1}}@keyframes surprise-reward{0%,65%,to{transform:rotate(0)}72%{transform:rotate(-12deg)translateY(-3px)}80%{transform:rotate(12deg)translateY(-3px)}90%{transform:rotate(-6deg)}}@keyframes surprise-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.surprise-progress.is-searching span{animation-duration:3s}.surprise-search .surprise-loading-mark,.surprise-reveal,.surprise-reward .challenge-reward-icon .icon{animation:none}}@keyframes countdown-pop{0%{opacity:0;transform:translateY(18px)scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.play-countdown [role=status]>span{animation:none}.energy-track>span,.meter-fill,.meter-pointer,.round-time-track>span{transition:none}}@media (hover:hover) and (pointer:fine){:root{--cursor-default:url(/assets/cursors/default.svg) 4 3, default;--cursor-pointer:url(/assets/cursors/pointer.svg) 12 3, pointer;--cursor-move:url(/assets/cursors/move.svg) 16 16, move;--cursor-grab:url(/assets/cursors/grab.svg) 15 15, grab;--cursor-grabbing:url(/assets/cursors/grabbing.svg) 15 15, grabbing}body{cursor:var(--cursor-default)}a,button,summary,select,[role=button],[role=tab],input[type=checkbox],input[type=radio],input[type=range]{cursor:var(--cursor-pointer)}button:disabled,[aria-disabled=true]{cursor:not-allowed}input:is([type=text],[type=email],[type=password],[type=search]),textarea,[contenteditable=true]{cursor:text}.crop-frame{cursor:var(--cursor-move)}.crop-frame:active,.avatar-wheel:active{cursor:var(--cursor-grabbing)}.avatar-wheel{cursor:var(--cursor-grab)}.suggestion-rail .suggestion-stream,.suggestion-stream .play-suggestion{cursor:var(--cursor-grab,grab)}.suggestion-rail .suggestion-stream[data-moving=true],.suggestion-stream[data-moving=true] .play-suggestion{cursor:var(--cursor-grabbing,grabbing)}}
@layer prototype{:root{--menu-glow:9.8px}.header{border-bottom:1px solid #ffffff10;margin:0 auto}body:has(main[data-route=home]){color:#f2f4f1;font-size:calc(16px * var(--text-scale,1))}.game-menu{justify-content:normal;max-width:none;margin:0}.menu-intro{width:auto;margin:0;line-height:normal;overflow:visible}.tile-art{position:static;inset:auto}.tile-description{opacity:1;line-height:normal}.tile-title{overflow-wrap:anywhere;max-width:100%}.points-button small{margin:0;font-family:inherit}.profile-button .portrait{background:0 0;border-radius:0}.menu-footnote{margin:0;line-height:normal}:root{font-family:Trebuchet MS,Arial Rounded MT Bold,Segoe UI,sans-serif}body:has(main[data-route=home]){background:radial-gradient(at 50% 100%,#c4ed6c08,#0000 65%),#0b0f13;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.header{flex:0 0 76px;gap:15px;width:100%;max-width:1100px;height:76px;padding:0 28px}.header-actions{gap:14px}.settings-button{color:#c0cbd7;background:#202832;border:1px solid #ffffff12;border-radius:13px;place-items:center;width:42px;height:42px;padding:9px;display:grid}.settings-button svg{width:24px;height:24px}.guest-avatar{width:38px;height:38px;font-size:calc(22px * var(--text-scale,1));display:grid}body:has(main[data-route=home]) .layout{flex-direction:column;flex:1;width:100%;max-width:680px;min-height:0;padding:0 24px;display:flex}.game-menu{flex-direction:column;flex:1;min-height:0;padding:26px 0 17px;display:flex}.menu-intro{text-align:center;flex:none;margin-bottom:25px}.menu-kicker{font-size:calc(11px * var(--text-scale,1));color:#a2bb86;letter-spacing:2px;font-weight:800}.menu-intro h1{font-size:calc(40px * var(--text-scale,1));letter-spacing:-1.4px;margin:13px 0 9px;font-weight:900;line-height:1.1}.menu-intro p{font-size:calc(16px * var(--text-scale,1));color:#8d9caa;margin:0}.menu-tiles{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:20px;min-height:0;max-height:450px;display:grid}.menu-tile{text-align:left;color:#18211a;isolation:isolate;border:2px solid #ffffff25;border-bottom:7px solid #0004;border-radius:23px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:0;padding:22px;transition:transform .15s,filter .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #0005}.menu-tile:hover{filter:brightness(1.07);transform:translateY(-3px)rotate(-1deg)}.menu-tile:active{box-shadow:none;transform:translateY(4px)}.menu-tile:before{content:"";z-index:-1;border:22px solid #ffffff16;border-radius:44px;width:160px;height:160px;position:absolute;top:-66px;right:-64px;transform:rotate(25deg)}.tile-explore{background:#d0f77e}.tile-party{color:#251b3f;background:#bba1f3}.tile-ranks{color:#3c2913;background:#ffc66a}.tile-challenges{color:#153a37;background:#82d9d0}.tile-art{filter:drop-shadow(0 4px #0002);width:70px;height:70px;margin-bottom:auto;padding-bottom:5px;display:block;transform:rotate(-7deg)}.tile-party .tile-art{transform:rotate(9deg)}.tile-ranks .tile-art{transform:rotate(-9deg)}.tile-art svg{width:100%;height:100%}.tile-title{font-size:calc(26px * var(--text-scale,1));letter-spacing:-.8px;font-weight:900;line-height:1.1;position:relative}.tile-description{font-size:calc(13px * var(--text-scale,1));color:#172018b3;margin-top:8px}.tile-party .tile-description{color:#251b3fb3}.tile-corner{opacity:.55;width:20px;height:20px;position:absolute;top:20px;right:17px}.tile-corner svg{width:100%;height:100%}.menu-learn{font-size:calc(15px * var(--text-scale,1));color:#b6c4d0;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:10px;padding:20px 0 10px;display:flex}.menu-learn>span{width:21px;height:21px;display:block}.menu-learn>span:last-child{color:#91a177;width:16px;height:16px}.menu-learn svg{width:100%;height:100%}.menu-footnote{font-size:calc(9px * var(--text-scale,1));letter-spacing:1.8px;text-align:center;color:#5c6c7c;flex:none;padding-top:4px}@media (max-width:700px){.header{flex-basis:68px;height:68px;padding:0 20px}.settings-button{border-radius:12px;width:38px;height:38px;padding:8px}.guest-avatar{width:34px;height:34px;display:grid}body:has(main[data-route=home]) .layout{padding:0 19px}.game-menu{padding:23px 0 17px}.menu-intro{margin-bottom:23px}.menu-kicker{font-size:calc(10px * var(--text-scale,1));letter-spacing:1.6px}.menu-intro h1{font-size:calc(34px * var(--text-scale,1));margin:12px 0 8px}.menu-intro p{font-size:calc(15px * var(--text-scale,1))}.menu-tiles{gap:14px;max-height:440px}.menu-tile{border-bottom-width:6px;border-radius:20px;padding:17px 14px}.tile-art{width:58px;height:58px}.tile-title{font-size:calc(22px * var(--text-scale,1));letter-spacing:-.7px}.tile-description{font-size:calc(12px * var(--text-scale,1));max-width:135px;margin-top:7px;line-height:1.35}.tile-corner{width:17px;height:17px;top:16px;right:13px}.menu-learn{font-size:calc(14px * var(--text-scale,1));padding-top:23px}.menu-footnote{font-size:calc(8px * var(--text-scale,1))}}@media (max-height:740px){.game-menu{padding-top:15px;padding-bottom:12px}.menu-intro{margin-bottom:17px}.menu-intro h1{font-size:calc(30px * var(--text-scale,1));margin:9px 0 6px}.menu-intro p{font-size:calc(14px * var(--text-scale,1))}.menu-tiles{gap:12px}.tile-art{width:50px;height:50px}.menu-learn{padding-top:16px;padding-bottom:7px}.menu-footnote{padding-top:2px}}@media (max-height:620px){.header{flex-basis:56px;height:56px}.menu-kicker,.menu-footnote{display:none}.menu-intro h1{font-size:calc(27px * var(--text-scale,1));margin:4px 0}.menu-intro{margin-bottom:12px}.menu-tile{padding:12px}.tile-art{width:40px;height:40px}.tile-title{font-size:calc(20px * var(--text-scale,1))}.tile-description{font-size:calc(11px * var(--text-scale,1));margin-top:4px}.menu-learn{padding:12px 0 2px}.menu-tiles{max-height:none}}@media (max-height:460px) and (min-width:600px){.menu-intro{display:none}.menu-tiles{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr);gap:10px}.tile-title{font-size:calc(19px * var(--text-scale,1))}.game-menu{padding-top:14px}.menu-footnote{display:none}.header{flex-basis:56px;height:56px}}.header{justify-content:center}.header-actions.player-hud{justify-content:center;align-items:center;gap:18px;margin:0;display:flex}.points-button{color:#e0f6b7;background:#202b1c;border:1px solid #d1fb7736;border-bottom:3px solid #536237;border-radius:13px;align-items:center;gap:10px;height:44px;padding:5px 10px 5px 6px;display:flex;box-shadow:0 3px #0004}.mojo-coin{color:#334421;width:30px;height:30px;font-size:calc(18px * var(--text-scale,1));background:#d1fb77;border:2px solid #e6ffad;border-bottom:4px solid #94b747;border-radius:50%;place-items:center;font-weight:1000;display:grid;transform:rotate(-10deg)}.points-button>span:nth-child(2){align-items:baseline;gap:6px;display:flex}.points-button strong{font-size:calc(19px * var(--text-scale,1));letter-spacing:.2px}.points-button small{font-size:calc(9px * var(--text-scale,1));letter-spacing:.5px;color:#93ab70;font-weight:800}.points-plus{font-size:calc(21px * var(--text-scale,1));color:#b9d992;margin-left:3px;line-height:1}.inbox-button{color:#cdd7e5;background:#202832;border:1px solid #ffffff19;border-bottom:3px solid #12191f;border-radius:13px;place-items:center;width:44px;height:42px;padding:8px;display:grid;position:relative}.inbox-button>span:first-child{width:26px;height:26px;display:block}.inbox-button svg{width:100%;height:100%}.inbox-badge{color:#35250f;font-size:calc(10px * var(--text-scale,1));background:#ffc66a;border:2px solid #0b0f13;border-radius:50%;width:21px;height:21px;font-weight:900;line-height:17px;position:absolute;top:-6px;right:-5px}.profile-button{background:#bba1f3;border:2px solid #d3c0f6;border-bottom:4px solid #6b588f;border-radius:14px;width:44px;height:44px;padding:0;overflow:hidden;box-shadow:0 3px #0004}.profile-button img{object-fit:cover;width:100%;height:100%;display:block}.settings-button{border-bottom:3px solid #12191f;box-shadow:0 3px #0004}.menu-intro{margin-bottom:24px;padding:0 0 8px}.menu-intro .arcade-wordmark{letter-spacing:-4px;filter:drop-shadow(0 5px #0005);justify-content:center;align-items:center;gap:3px;margin:3px 0 8px;padding:2px 10px 8px;font-family:Arial Black,Trebuchet MS,sans-serif;font-size:76px;font-weight:1000;line-height:1.12;display:flex}.arcade-wordmark span{color:#d1fb77;-webkit-text-stroke:1px #e7ffb7;text-shadow:0 1px #8dad48,0 2px #8dad48,0 3px #8dad48,0 4px #8dad48,0 5px #8dad48,0 6px #8dad48,0 7px #8dad48;display:inline-block;transform:rotate(-7deg)}.arcade-wordmark span:nth-child(2){color:#bba1f3;-webkit-text-stroke-color:#e0ceff;text-shadow:0 1px #77609e,0 2px #77609e,0 3px #77609e,0 4px #77609e,0 5px #77609e,0 6px #77609e,0 7px #77609e;transform:rotate(6deg)translateY(-4px)}.arcade-wordmark span:nth-child(3){color:#ffc66a;-webkit-text-stroke-color:#ffe1ac;text-shadow:0 1px #ad7d37,0 2px #ad7d37,0 3px #ad7d37,0 4px #ad7d37,0 5px #ad7d37,0 6px #ad7d37,0 7px #ad7d37;transform:rotate(-5deg)translateY(3px)}.arcade-wordmark span:nth-child(4){color:#82d9d0;-webkit-text-stroke-color:#b8fff5;text-shadow:0 1px #4c938d,0 2px #4c938d,0 3px #4c938d,0 4px #4c938d,0 5px #4c938d,0 6px #4c938d,0 7px #4c938d;transform:rotate(5deg)translateY(-3px)}.arcade-wordmark span:nth-child(5){transform:rotate(-7deg)translateY(2px)}.arcade-wordmark span:nth-child(6){color:#bba1f3;-webkit-text-stroke-color:#e0ceff;text-shadow:0 1px #77609e,0 2px #77609e,0 3px #77609e,0 4px #77609e,0 5px #77609e,0 6px #77609e,0 7px #77609e;transform:rotate(7deg)translateY(-2px)}@media (max-width:700px){.header-actions.player-hud{gap:16px}.menu-intro .arcade-wordmark{letter-spacing:-4px;font-size:65px}.menu-intro{margin-bottom:21px;padding-bottom:5px}.points-button{height:40px}.points-button strong{font-size:calc(18px * var(--text-scale,1))}.points-button small{font-size:calc(8px * var(--text-scale,1))}.mojo-coin{width:27px;height:27px;font-size:calc(16px * var(--text-scale,1))}.inbox-button{width:40px;height:40px}.profile-button{width:41px;height:41px}.header .settings-button{width:39px;height:39px}}@media (max-height:740px){.menu-intro .arcade-wordmark{margin:1px 0 5px;font-size:59px}.menu-intro{margin-bottom:15px}}@media (max-width:360px){.header-actions.player-hud{gap:12px}.points-button{gap:7px;padding-right:7px}.points-button>span:nth-child(2){gap:4px}.points-button strong{font-size:calc(17px * var(--text-scale,1))}.points-plus{display:none}.menu-intro .arcade-wordmark{font-size:55px}}@media (max-height:620px){.menu-intro .arcade-wordmark{margin:0;padding-bottom:8px;font-size:49px}.menu-intro{margin-bottom:10px;padding-bottom:0}}@media (max-height:460px) and (min-width:600px){.menu-intro{display:none}}.guest-session-label{font-size:calc(14px * var(--text-scale,1));color:#9ab0b9}.resume-demo-button{color:#283a17;font:800 calc(14px * var(--text-scale,1)) "Trebuchet MS", sans-serif;background:#d1fb77;border:1px solid #e8ffc2;border-bottom:4px solid #8ca747;border-radius:11px;padding:9px 17px}.header{--header-brand-width:172px;--header-brand-gap:26px}.header-cluster{justify-content:center;align-items:center;gap:0;min-width:0;max-width:100%;display:flex}.header-cluster.brand-reserved{gap:var(--header-brand-gap)}.header .player-hud{flex:none}.header-brand{width:var(--header-brand-width);pointer-events:none;flex:none;justify-content:center;align-items:center;height:52px;display:flex;overflow:hidden}#header-wordmark{width:100%;height:100%;display:block;overflow:hidden}.header-brand-letter{opacity:0;transform-box:fill-box;transform-origin:50%;transform:translateY(28px)}@media (max-width:760px){.header{--header-brand-width:148px;--header-brand-gap:22px}.header-brand{height:48px}}@media (max-height:620px){.header-brand{height:44px}}.header-brand .wordmark{width:100%;height:100%;display:block;overflow:hidden}.menu-tile{box-shadow:0 5px 0 #0005, 0 0 var(--menu-glow,10px) var(--tile-glow)}.tile-explore{--tile-glow:#d1fb7718}.tile-party{--tile-glow:#bba1f318}.tile-ranks{--tile-glow:#ffc66a18}.tile-challenges{--tile-glow:#82d9d018}.menu-learn{align-self:stretch;width:auto;margin:0}.menu-learn .icon{width:21px;height:21px}.menu-learn .icon:last-child{color:#91a177;width:16px;height:16px}.tile-art .icon{width:100%;height:100%}.inbox-button .icon{width:26px;height:26px}.settings-button .icon{width:24px;height:24px}.header-actions{font-weight:400}.header-actions>button{flex:0 auto;font-weight:400}.points-button strong{font-weight:700}.inbox-button{box-shadow:none}.profile-button{color:#d1fb77}.settings-button{font-size:calc(20px * var(--text-scale,1))}.menu-tile:before{box-sizing:content-box;background:0 0}.menu-tile{font-weight:400}.points-button small{display:block}.tile-corner{flex:0 auto;overflow:visible}.profile-button .portrait{flex:0 auto}.inbox-button .icon,.settings-button .icon,.tile-corner{stroke-width:3.7px}.inbox-button .icon,.tile-art .icon{display:inline}.inbox-badge{padding:0}.guest-label{font-size:calc(14px * var(--text-scale,1));color:#9ab0b9}.header .sign-in{min-height:0;box-shadow:none}.menu-tiles>.tile-party{grid-column:1/-1;grid-template-rows:1fr auto auto 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:22px;display:grid}.menu-tiles>.tile-party .tile-art{grid-area:1/1/-1;width:clamp(65px,10vw,100px);height:clamp(65px,10vw,100px);margin:0;padding:0}.menu-tiles>.tile-party .tile-title{grid-area:2/2;font-size:clamp(28px,4vw,40px)}.menu-tiles>.tile-party .tile-description{grid-area:3/2}@media (max-width:420px){.menu-tiles>.tile-party{column-gap:14px}}}
@layer prototype{.mojo-dialog.route-screen.auth-dialog{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.layout:is([data-route=inbox],[data-route=login],[data-route=signup],[data-route=character],[data-route=profile-picture],[data-route=interests],[data-route=game-discovery]){width:100%;max-width:none;margin:0;padding:0}.route-screen{width:100%;max-width:none;height:auto;min-height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;position:relative;inset:auto;overflow:auto}.route-screen.inbox-dialog{height:100dvh;overflow:hidden}.route-screen>.close-dialog{z-index:5}}