pxt-core 8.5.2 → 8.5.3

package/common-docs/multiplayer.md

@@ -0,0 +1,50 @@
+# Multiplayer
+
+### ~ alert
+
+#### Supported editors
+
+The online multiplayer game feature is only available for [Microsoft MakeCode Arcade](https://arcade.makecode.com).
+
+### ~
+
+A multiplayer game is one where **2** or more (up to a maximum of **4**) players can play the same game together at the same time. A game session is started by a _host_ player and other players _join_ the game online with MakeCode's multiplayer game system. If a game is programmed using multiplayer controls, the game creator can choose to host a multiplayer game session and share the game's join code with other players.
+
+## Host a game #host-game
+
+You host a multiplayer game by using the **Share** button at the top of the editor screen.
+
+Choose **Host a multiplayer game** instead of creating a share link to your project.
+
+Once you choose to host your game, a new window opens with your game's join code. You share this code with the other players so that they can join your game. You invite other players to join your game in one of three ways:
+
+* Give them the six-digit game code and when they navigate to the [MakeCode Game Lobby](https://aka.ms/a9), or https://aka.ms/a9, they can enter the code to join.
+* Have your friend scan the QR code with their mobile phone to join the game.
+* Copy the full join URL with the copy button next to the game join code and send that to them. In the case of the "BurgerVSPizza" game example, the join URL is: https://aka.ms/a9?join=F98987.
+
+Your game session begins when you press the **Start Game** button.
+
+Once your game starts, the host's view of the game displays and you can begin game play or wait for other players to join.
+
+## Join a game #join-game
+
+To join a multiplayer game hosted by another player, you can go to the [MakeCode Game Lobby](https://aka.ms/a9), or https://aka.ms/a9, and enter the game's join code that you received from the game host.
+
+After you press the **Enter** button, your game view will display and you can begin playing. If you received a full join URL instead, such as https://aka.ms/a9?join=F98987, this will take you directly to your player's game window.
+
+## Multiplayer game safety #safety
+
+For safe usage and interaction in the MakeCode online multiplayer environment, here are some important points to consider:
+
+* The "online multiplayer" mode is a user-controlled, self-contained sharing system that allows game creators to play their games with friends in a safe environment which does NOT include the exchange of any personal information.
+
+* Within a classroom setting, it is intended that students share their game join code with classmates directly, as this code isn't stored or available in the game galleries.
+
+* Once inside an online multiplayer session, MakeCode does not provide tools for messaging any players whether joined to a host's game or not. Also, we do not provide any way to share personal contact information that might lead to opening chat session communication outside of the tool, including names, usernames, and/or profile images.
+
+* The only form of communication inside of our online multiplayer tool is limited to sending just an allowed set of emojis.
+
+User privacy and safety is of the utmost importance. To provide awareness of inappropriate content or actions, all users are able to flag inappropriate games and/or teammates for immediate removal at any time during game play.
+
+For further information regarding the security and privacy of MakeCode Arcade, please see our [Privacy Policy](https://privacy.microsoft.com/en-us/privacystatement).
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-core",
-  "version": "8.5.2",
+  "version": "8.5.3",
   "description": "Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors",
   "keywords": [
     "TypeScript",

package/react-common/components/palette/ColorPickerField.tsx

@@ -18,8 +18,8 @@ const colorNames = [
     lf("Pink"),
     lf("Orange"),
     lf("Yellow"),
-    lf("Green"),
     lf("Teal"),
+    lf("Green"),
     lf("Blue"),
     lf("Cyan"),
     lf("Purple"),

package/theme/common.less

@@ -1494,6 +1494,10 @@ p.ui.font.small {
         background: none transparent;
         min-width: inherit;
         max-width: inherit;
+
+        .tab-simulator {
+            display: none;
+        }
     }
 
     #boardview, .filemenu {

package/webapp/public/multiplayer.html

@@ -9,7 +9,7 @@
     <link rel="stylesheet" data-rtl="/blb/rtlsemantic.css" href="/blb/semantic.css">
     <link rel="stylesheet" href="/blb/icons.css">
     <link rel="stylesheet" href="/blb/react-common-multiplayer.css">
-  <script defer="defer" src="/blb/multiplayer/js/main.6378e6a6.js"></script><link href="/blb/multiplayer/css/main.5e56b51c.css" rel="stylesheet"></head>
+  <script defer="defer" src="/blb/multiplayer/js/main.a453b19b.js"></script><link href="/blb/multiplayer/css/main.646bfc85.css" rel="stylesheet"></head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
 

package/built/web/multiplayer/css/main.5e56b51c.css

@@ -1,3 +0,0 @@
-/*
-! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-pointer-events-none{pointer-events:none}.tw-pointer-events-auto{pointer-events:auto}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-top-\[50\%\]{top:50%}.tw-left-\[50\%\]{left:50%}.tw-bottom-\[-5px\]{bottom:-5px}.tw-right-\[-5px\]{right:-5px}.tw-bottom-0{bottom:0}.tw-right-0{right:0}.tw-z-40{z-index:40}.tw-z-50,.tw-z-\[50\]{z-index:50}.tw-z-10{z-index:10}.tw-z-\[100\]{z-index:100}.tw-m-2{margin:.5rem}.tw-m-1{margin:.25rem}.tw-m-0{margin:0}.\!tw-m-0{margin:0!important}.tw-mx-2{margin-left:.5rem;margin-right:.5rem}.tw-mx-0{margin-left:0;margin-right:0}.tw-my-1{margin-bottom:.25rem;margin-top:.25rem}.tw-mx-1{margin-left:.25rem}.tw-mr-1,.tw-mx-1{margin-right:.25rem}.tw-mb-1{margin-bottom:.25rem}.tw-mt-1{margin-top:.25rem}.tw-ml-1{margin-left:.25rem}.tw-mt-3{margin-top:.75rem}.tw-ml-3{margin-left:.75rem}.tw-mr-4{margin-right:1rem}.tw-mt-4{margin-top:1rem}.tw-ml-2{margin-left:.5rem}.tw-mt-5{margin-top:1.25rem}.tw-mr-0{margin-right:0}.tw-mb-7{margin-bottom:1.75rem}.tw-mt-2{margin-top:.5rem}.tw-mb-2{margin-bottom:.5rem}.tw-mb-8{margin-bottom:2rem}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-hidden{display:none}.tw-aspect-\[4\/3\]{aspect-ratio:4/3}.tw-h-\[calc\(100vh-16rem\)\]{height:calc(100vh - 16rem)}.tw-h-full{height:100%}.tw-h-6{height:1.5rem}.tw-h-10{height:2.5rem}.tw-h-4\/5{height:80%}.tw-h-\[var\(--header-height\)\]{height:var(--header-height)}.tw-h-screen{height:100vh}.tw-h-11{height:2.75rem}.tw-h-8{height:2rem}.tw-h-7{height:1.75rem}.tw-h-1{height:.25rem}.tw-max-h-24{max-height:6rem}.tw-min-h-\[17rem\]{min-height:17rem}.tw-w-screen{width:100vw}.tw-w-full{width:100%}.tw-w-10{width:2.5rem}.tw-w-11{width:2.75rem}.tw-w-8{width:2rem}.tw-w-0{width:0}.tw-w-7{width:1.75rem}.tw-min-w-\[17rem\]{min-width:17rem}.tw-min-w-\[2\.5rem\]{min-width:2.5rem}.tw-max-w-\[min\(12em\,30vw\)\]{max-width:min(12em,30vw)}.tw-max-w-\[min\(90vw\,60em\)\]{max-width:min(90vw,60em)}.tw-flex-shrink-0{flex-shrink:0}.tw-shrink{flex-shrink:1}.tw-flex-grow-0{flex-grow:0}.tw-flex-grow,.tw-grow{flex-grow:1}.tw-basis-1{flex-basis:0.25rem}.tw-translate-x-\[-50\%\]{--tw-translate-x:-50%}.tw-translate-x-\[-50\%\],.tw-translate-y-\[-50\%\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-y-\[-50\%\]{--tw-translate-y:-50%}.tw-translate-y-\[-130\%\]{--tw-translate-y:-130%}.tw-translate-y-\[-105\%\],.tw-translate-y-\[-130\%\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-y-\[-105\%\]{--tw-translate-y:-105%}.tw-translate-y-\[-110\%\]{--tw-translate-y:-110%}.tw-translate-y-\[-110\%\],.tw-translate-y-\[110\%\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-y-\[110\%\]{--tw-translate-y:110%}.tw-translate-y-\[-120\%\]{--tw-translate-y:-120%}.tw-scale-110,.tw-translate-y-\[-120\%\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.tw-cursor-pointer{cursor:pointer}.tw-select-none{-webkit-user-select:none;user-select:none}.tw-flex-row{flex-direction:row}.tw-flex-row-reverse{flex-direction:row-reverse}.tw-flex-col{flex-direction:column}.tw-flex-col-reverse{flex-direction:column-reverse}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-justify-around{justify-content:space-around}.tw-gap-4{gap:1rem}.tw-gap-1{gap:.25rem}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.tw-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.tw-self-start{align-self:flex-start}.tw-overflow-hidden,.tw-truncate{overflow:hidden}.tw-truncate{white-space:nowrap}.tw-overflow-ellipsis,.tw-truncate{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded-md{border-radius:.375rem}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-\[100\%\]{border-radius:100%}.tw-rounded{border-radius:.25rem}.tw-rounded-full{border-radius:9999px}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-sm{border-radius:.125rem}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-\[1px\]{border-width:1px}.tw-border-0{border-width:0}.tw-border-l-2{border-left-width:2px}.tw-border-b-2{border-bottom-width:2px}.tw-border-solid{border-style:solid}.tw-border-none{border-style:none}.tw-border-white{border-color:var(--white)}.tw-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.tw-border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.tw-border-neutral-500{--tw-border-opacity:1;border-color:rgb(115 115 115/var(--tw-border-opacity))}.tw-border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.tw-border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.tw-bg-white{background-color:var(--white)}.tw-bg-\[\#028B9B\]{--tw-bg-opacity:1;background-color:rgb(2 139 155/var(--tw-bg-opacity))}.tw-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.tw-bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.tw-bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.tw-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.tw-bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.tw-bg-sky-300{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.tw-bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity))}.tw-bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.tw-bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.tw-bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.tw-bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity))}.tw-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.tw-p-5{padding:1.25rem}.tw-p-\[0\.6rem\]{padding:.6rem}.tw-p-\[var\(--header-padding-top\)\]{padding:var(--header-padding-top)}.tw-p-0{padding:0}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.\!tw-p-0{padding:0!important}.tw-px-1{padding-left:.25rem;padding-right:.25rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-py-\[3rem\]{padding-bottom:3rem;padding-top:3rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-py-\[2rem\]{padding-bottom:2rem;padding-top:2rem}.tw-px-\[1\.5rem\]{padding-left:1.5rem;padding-right:1.5rem}.tw-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.tw-py-2{padding-bottom:.5rem;padding-top:.5rem}.tw-px-\[50\%\]{padding-left:50%;padding-right:50%}.tw-px-8{padding-left:2rem;padding-right:2rem}.tw-pt-\[0\.05rem\]{padding-top:.05rem}.tw-pb-\[0\.15rem\]{padding-bottom:.15rem}.tw-pt-\[2px\]{padding-top:2px}.tw-pr-\[var\(--header-padding-top\)\]{padding-right:var(--header-padding-top)}.tw-pt-1{padding-top:.25rem}.tw-pt-2{padding-top:.5rem}.tw-pr-1{padding-right:.25rem}.tw-pb-\[2\.1rem\]{padding-bottom:2.1rem}.tw-pl-2{padding-left:.5rem}.tw-pb-3{padding-bottom:.75rem}.tw-pr-3{padding-right:.75rem}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-align-middle{vertical-align:middle}.tw-font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-\[65\%\]{font-size:65%}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-text-\[2\.2rem\]{font-size:2.2rem}.tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-uppercase{text-transform:uppercase}.tw-leading-tight{line-height:1.25}.tw-text-primary-color{color:var(--primary-color)}.tw-text-white{color:var(--white)}.tw-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.tw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.tw-text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.tw-text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity))}.tw-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.tw-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.tw-shadow-lg,.tw-shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.tw-drop-shadow-2xl,.tw-drop-shadow-xl{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.tw-drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-duration-\[50ms\]{transition-duration:50ms}.tw-duration-\[75ms\]{transition-duration:75ms}.tw-ease-linear{transition-timing-function:linear}:root{--slot-0-color:204,204,204;--slot-1-color:255,0,0;--slot-2-color:0,56,255;--slot-3-color:255,154,20;--slot-4-color:77,166,77;--reaction-color:77,77,77;--you-tag-border-color:0,138,169;--you-tag-bg-color:205,237,244}.before\:tw-relative:before{content:var(--tw-content);position:relative}.before\:tw-border-l-\[2px\]:before{border-left-width:2px;content:var(--tw-content)}.before\:tw-border-solid:before{border-style:solid;content:var(--tw-content)}.before\:tw-border-l-white:before{border-left-color:var(--white);content:var(--tw-content)}.hover\:tw-scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:tw-scale-110:hover,.hover\:tw-scale-125:hover{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:tw-scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:tw-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.hover\:tw-text-orange-300:hover{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.hover\:tw-opacity-80:hover{opacity:.8}.active\:tw-bg-slate-300:active{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:tw-mr-0{margin-right:0}.sm\:tw-block{display:block}.sm\:tw-inline-block{display:inline-block}.sm\:tw-inline{display:inline}.sm\:tw-flex{display:flex}.sm\:tw-hidden{display:none}.sm\:tw-px-14,.sm\:tw-px-\[3\.5rem\]{padding-left:3.5rem;padding-right:3.5rem}.sm\:tw-pb-1{padding-bottom:.25rem}.sm\:tw-pr-3{padding-right:.75rem}}@media (min-width:768px){.md\:tw-mr-4{margin-right:1rem}.md\:tw-block{display:block}.md\:tw-max-h-36{max-height:9rem}.md\:tw-w-\[calc\(100vw-6rem\)\]{width:calc(100vw - 6rem)}.md\:tw-min-w-\[25rem\]{min-width:25rem}.md\:tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.md\:tw-px-\[7rem\]{padding-left:7rem;padding-right:7rem}.md\:tw-px-\[6rem\]{padding-left:6rem;padding-right:6rem}}#sim-container .simframe{height:100%!important;padding:initial!important;width:100%!important}:root{--black:#000;--white:#fff;--primary-color:#e77038;--secondary-color:#ffeb9a;--tertiary-color:#e77038;--header-height:4rem;--header-padding-top:1rem;--body-font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#182f40,#fff 73%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--body-font-family);margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.common-button{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--body-font-family)}.common-button.primary{background:#e77038;background:var(--primary-color);border:1px solid #e77038;border:1px solid var(--primary-color);color:#fff}.common-button.secondary{background:#ffeb9a;background:var(--secondary-color);border:1px solid #ffeb9a;border:1px solid var(--secondary-color);color:#fff}.common-button.tertiary{background:#e77038;background:var(--tertiary-color);border:1px solid #e77038;border:1px solid var(--tertiary-color);color:#fff}#root,#root>div,.app-container{height:100%;width:100%}@-webkit-keyframes reaction-fly-up{0%{opacity:0;scale:1.25;-webkit-transform:translateY(0);transform:translateY(0)}7%{opacity:1}50%{opacity:1}to{opacity:0;scale:2.5;-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes reaction-fly-up{0%{opacity:0;scale:1.25;-webkit-transform:translateY(0);transform:translateY(0)}7%{opacity:1}50%{opacity:1}to{opacity:0;scale:2.5;-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@-webkit-keyframes reaction-fly-left{to{-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@keyframes reaction-fly-left{to{-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@-webkit-keyframes reaction-fly-right{to{-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes reaction-fly-right{to{-webkit-transform:translateX(200px);transform:translateX(200px)}}@-webkit-keyframes reaction-rotate-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}75%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes reaction-rotate-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}75%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes reaction-rotate-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes reaction-rotate-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}