SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html lang="en" onclick>3 <head>4 <style>5 .lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover;background-position:center}.lazyframe__title{position:absolute;top:0;right:0;left:0;padding:15px 17px;z-index:3}.lazyframe__title:after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-ratio="1:1"]:before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor=youtube],.lazyframe[data-vendor=youtube_nocookie]{background-color:#e52d27;font-family:Roboto,Arial,Helvetica,sans-serif}.lazyframe[data-vendor=youtube] .lazyframe__title,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title{color:#eee;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;text-shadow:rgba(0,0,0,.498039) 0 0 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .1s cubic-bezier(.4,0,1,1)}.lazyframe[data-vendor=youtube] .lazyframe__title:hover,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor=youtube] .lazyframe__title:before,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:before{content:"";display:block;background:linear-gradient(rgba(0,0,0,.2),transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lazyframe[data-vendor=youtube]:before,.lazyframe[data-vendor=youtube_nocookie]:before{padding-top:56.25%}.lazyframe[data-vendor=youtube]:after,.lazyframe[data-vendor=youtube_nocookie]:after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor=youtube]:hover:after,.lazyframe[data-vendor=youtube_nocookie]:hover:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");opacity:1}.lazyframe[data-vendor=vimeo]{background-color:#00adef}.lazyframe[data-vendor=vimeo] .lazyframe__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#00adef;font-size:20px;font-weight:700;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#00000080}.lazyframe[data-vendor=vimeo]:before{padding-top:48.25%}.lazyframe[data-vendor=vimeo]:after{content:"";height:40px;width:65px;display:block;bottom:10px;left:10px;z-index:3;background-color:#00000080;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor=vimeo]:hover:after{background-color:#00adef}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0}hr:not([size]){height:1px}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){h2{font-size:1.75rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){h3{font-size:1.5rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){h4{font-size:1.25rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-bs-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent;font-weight:400}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}:root{--navy: #001F3F;--blue: #0074D9;--mobyblue: #1673c0;--teal: #39CCCC;--green: #16b428;--yellow: #FFDC00;--orange: #F2711C;--red: #FF4136;--purple: #B10DC9;--white: #FFFFFF;--silver: #999;--gray: #AAAAAA;--dark-gray: #333333;--black: #111111;--bg-color: hsl(0, 0%, 98%);--bg-color-dark: hsl(0, 0%, 96%);--bg-color-darker: hsl(0, 0%, 94%);--bg-color-darkest: hsl(0, 0%, 90%);--bg-color-lighter: hsl(0, 0%, 100%);--bg-highlight: #fff;--bg-highlight-hover: var(--bg-color-darker);--bg-danger: red;--bg-logo: var(--bg-color-darkest);--border-color: var(--bg-color-darkest);--btn-bg-color: var(--bg-color-darker);--btn-border-color: transparent;--text-color: #333;--primary-color: #0d64cf;--primary-color-lighter: #333;--selection-bg-color: #fc0;--selection-text-color: #222;--header-color: #000;--input-bg-color: var(--bg-color-darker);--input-border-color: #d9d9d9;--input-text-color: #333;--input-placeholder-color: #888;--focus-color: #888;--placeholder-color: #555;--navbar-bg-color: hsl(207, 79%, 42%);--navbar-bg-hover: hsl(207, 79%, 44%);--navbar-search-bg: #fff;--navbar-search-color: #555;--navbar-color: #fff;--navbar-color-hover: #eee;--navbar-dropdown-bg-hover: #eee;--icon-color: #555;--notice-bg-color: var(--bg-color-darker);--notice-color: var(--text-color);--notice-link-color: var(--primary-color);--notice-border-color: #117480;--contributor-link-color: #16b428;--bg-diff-changed: var(--silver);--bg-diff-added: var(--green);--bg-diff-removed: var(--red);--vs-bg-selected: var(--bg-color-lighter);--vs-bg-color-selected: var(--text-color);--vs-bg-hover: var(--navbar-bg-hover);--calendar-icon-filter: none;--font-size: 16px;--font-size-sm: .9rem;--spacing: 1rem;--spacing-sm: .75rem;--spacing-xs: .5rem;--spacing-xxs: .25rem;--spacing-1: .1rem;--spacing-btn: .5rem;--spacing-btn-sm: .4rem;--spacing-btn-xs: .25rem;--footer-height: 80px;--line-height: 1.2rem;--line-height-sm: .75rem;--border-radius: 5px;--border-width: 1px;--border-width-lg: 2px;--navbar-height: 70px;--size-sm: 576px;--size-md: 768px;--size-lg: 992px;--size-xl: 1200px;--size-xxl: 1400px;--grid-split-2-1-template-columns: 1fr;--navbar-grid-columns: repeat(auto-fit, minmax(300px, 1fr));--box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2)}@media (min-width: 576px){:root{--font-size: 15px;--spacing: 1.25rem;--spacing-sm: 1rem;--spacing-xs: .75rem;--spacing-xxs: .5rem;--spacing-1: .25rem;--grid-split-2-1-template-columns: 2fr 1fr;--navbar-grid-columns: minmax(min-content, max-content) auto repeat(4, minmax(min-content, max-content))}}.theme-night{--bg-color: hsl(213, 12%, 18%);--bg-color-dark: hsl(213, 12%, 16%);--bg-color-darker: hsl(213, 12%, 14%);--bg-color-darkest: hsl(213, 12%, 12%);--bg-color-light: hsl(213, 12%, 20%);--bg-color-lighter: hsl(213, 12%, 24%);--bg-color-lightest: hsl(213, 12%, 28%);--bg-highlight: #222;--bg-highlight-hover: #333;--bg-danger: rgb(143, 0, 0);--bg-logo: var(--bg-color);--border-color: var(--bg-color-lightest);--btn-bg-color: hsl(213, 12%, 30%);--btn-border-color: var(--btn-bg-color);--text-color: #daddeb;--primary-color: hsl(213, 64%, 77%);--primary-color-lighter: hsl(213, 64%, 85%);--selection-bg-color: #055292;--selection-text-color: #fff;--header-color: #fff;--input-bg-color: var(--bg-color-darker);--input-border-color: #555a6f;--input-text-color: #c3cbe5;--focus-color: #1673c0;--placeholder-color: #6a728a;--navbar-bg-color: hsl(213, 12%, 23%);--navbar-bg-hover: hsl(213, 12%, 26%);--navbar-search-bg: var(--input-bg-color);--navbar-search-color: var(--text-color);--navbar-color: #d6ecff;--navbar-color-hover: #cad9e7;--navbar-dropdown-bg-hover: hsl(213, 12%, 22%);--icon-color: hsl(213, 64%, 85%);--notice-bg-color: #411dc9;--notice-color: #ddd4ff;--notice-link-color: #6ec9ff;--notice-border-color: #9f84ff;--contributor-link-color: #9fe9b3;--bg-diff-changed: var(--silver);--bg-diff-added: var(--green);--bg-diff-removed: var(--red);--vs-bg-selected: #333;--vs-bg-color-selected: #fff;--vs-bg-hover: var(--bg-color-light);--calendar-icon-filter: brightness(0) invert(1)}.alert{padding:var(--spacing-xs);border:1px solid var(--border-color);margin-bottom:var(--spacing)}.form-alert{color:var(--red)}.alert-danger,.alert.error{background-color:var(--red);background-image:linear-gradient(#ff1900,#e74c3c);border:0;border-bottom:3px solid #d62c1a;border-radius:var(--border-radius);color:var(--white)}.alert-info{background-color:var(--blue);background-image:linear-gradient(#00a8ff,#007bff);border:0;border-bottom:3px solid #0062cc;border-radius:var(--border-radius);color:var(--white)}.alert-info a{color:#c4ff65}.alert-info a:hover{color:var(--white)}.alert-danger a,.alert-danger a:hover{color:var(--white);opacity:.85}.alert-danger a:hover{opacity:1}.alert-danger:before,.alert.error:before{display:inline-block;vertical-align:text-bottom;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M108.5 66.56C121.5 45.1 144.9 32 169.1 32H342C367.1 32 390.5 45.1 403.5 66.56L496 218.6C510 241.6 510 270.4 496 293.4L403.5 445.4C390.5 466.9 367.1 480 342 480H169.1C144.9 480 121.5 466.9 108.5 445.4L15.96 293.4C1.962 270.4 1.962 241.6 15.96 218.6L108.5 66.56zM231.1 152V264C231.1 277.3 242.7 288 255.1 288C269.3 288 280 277.3 280 264V152C280 138.7 269.3 128 255.1 128C242.7 128 231.1 138.7 231.1 152zM255.1 320C238.3 320 223.1 334.3 223.1 352C223.1 369.7 238.3 384 255.1 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 255.1 320z'/%3E%3C/svg%3E");width:20px;height:18px;margin-right:5px}.alert.red{border-bottom:4px solid var(--red)}.alert.green{border-bottom:4px solid var(--green)}.alert.message{border-color:var(--bg-darker)}section.approvalRecords{overflow-wrap:break-word}blockquote.bl{padding:.5rem 1rem;border-left:.25rem solid var(--black)}.badge{padding:0 5px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);text-decoration:none;vertical-align:middle;white-space:nowrap;font-size:.95rem}.badge:hover{background:var(--bg-highlight-hover)}.btn{position:relative;appearance:none;background:var(--btn-bg-color);border-width:1px;border-style:solid;border-color:var(--btn-border-color);border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;display:inline-block;line-height:var(--line-height);outline:none;padding:var(--spacing-btn);text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;user-select:none;vertical-align:middle;white-space:nowrap;font-weight:700;border-bottom:3px solid rgba(0,0,0,.17)}.btn-link{background:transparent;border:none;box-shadow:none;color:var(--primary-color);padding:0;font-weight:400;line-height:normal;vertical-align:baseline}.btn:focus,.btn:hover{outline:none;filter:brightness(90%);text-decoration:none}.btn:active,.btn.active{top:.1em;text-decoration:none}.btn[disabled],.btn:disabled,.btn.disabled{cursor:default;opacity:.75;pointer-events:none;color:var(--gray)}.btn.btn-block{display:block;width:100%}@media (min-width: 576px){.btn-sm{padding:var(--spacing-btn-sm) var(--spacing-btn-sm) var(--spacing-btn-sm) var(--spacing-btn-sm);font-size:.85rem}}.btn-xs{padding:var(--spacing-btn-xs) var(--spacing-btn-xs) var(--spacing-btn-xs) var(--spacing-btn-xs);font-size:.8rem}.btn-navbar{background:transparent;border-radius:0;border:2px solid transparent;box-shadow:none;padding:0;transition:all 0s ease-in-out;font-weight:400;color:var(--navbar-color)}.btn-navbar:hover{transform:scale(1.05);color:var(--white)}.btn-thumb{background:transparent;border-radius:0;border:2px solid transparent;box-shadow:none;padding:var(--spacing-xxs);transition:all .1s ease-in-out;font-weight:400}.btn-thumb-sm{padding:var(--spacing-1)}.btn-thumb:hover{transform:scale(1.05);color:var(--primary-color-lighter)}.btn-thumb-fade{opacity:40%;color:var(--text-color)}.btn-navbar:active,.btn-navbar:focus,.btn-thumb:active,.btn-thumb:focus{outline:none;background:none}.btn-primary{background-color:var(--blue)}.btn-primary:hover{color:var(--white)}.btn-primary:active,.btn-primary.active{background-color:var(--blue)}.btn-success{background-color:var(--green);color:var(--white)}.btn-warning{background-color:var(--orange)}.btn-warning:hover{color:var(--white)}.btn-warning:active{background-color:var(--orange)}.btn-danger{background-color:var(--red)}.btn-danger:hover{color:var(--white)}.btn-danger:active{background-color:var(--red)}.btn-primary,.btn-warning,.btn-danger{color:#ffffffe6}.btn-primary[disabled],.btn-warning[disabled],.btn-danger[disabled]{opacity:.5;color:#ffffff80}html{width:100vw;overflow-x:hidden;font-size:var(--font-size)}body{background-color:var(--bg-color);margin-bottom:var(--footer-height);color:var(--text-color)}nav,main,footer,.container{margin-left:auto;margin-right:auto;max-width:var(--size-xl);padding:var(--spacing) var(--spacing-xs)}main{background-color:var(--bg-color);padding-bottom:0}::selection{background:var(--selection-bg-color);color:var(--selection-text-color)}header{background:var(--navbar-bg-color);padding-top:var(--spacing-sm)}@media (min-width: 576px){header{padding-top:0}}nav{padding:0 var(--spacing-xs) 0 var(--spacing-xs)}.logo{margin-bottom:var(--spacing-xs)}@media (min-width: 576px){.statusbar-grid{display:grid;grid-template-areas:"alerts" "message"}.statusbar-alerts{grid-area:alerts;display:flex;justify-content:right;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:700}.statusbar-message{grid-area:message}.logo{margin-bottom:0}.statusbar-grid{display:grid;grid-template-areas:"message alerts";grid-template-columns:auto auto}.statusbar-alerts{background:none;padding:0;margin:0;justify-content:right;gap:var(--spacing-sm)}}.subtitle{letter-spacing:2.2px;font-weight:700;color:var(--silver)}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-color-lighter)}.disabled{cursor:default;color:var(--silver);pointer-events:none}label{user-select:none}.link-external:after{display:inline-block;content:"";-webkit-mask-image:url(/static/img/icon-link-external.c0245369.svg);mask-image:url(/static/img/icon-link-external.c0245369.svg);width:10px;height:12px;margin:0 3px 0 5px;background-color:var(--icon-color)}blockquote{padding:0 var(--spacing);border-left:1px solid var(--border-color)}hr{border-top:1px solid var(--border-color);margin-top:0;margin-bottom:0}section{margin-bottom:var(--spacing)}summary:focus{outline:none}pre{white-space:pre-wrap;word-break:break-all}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-column{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center;text-align:center}.flex-align-center{align-items:center}.flex-grow{flex-grow:1}.flex-gap{gap:var(--spacing-sm)}.flex-gap-xs{gap:var(--spacing-xs)}.flex-space-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-end{align-items:flex-end}@media (max-width: 576px){.flex-split-sm{flex-basis:50%}}.list-enter-active,.list-leave-active{transition:all .4s ease}.list-enter-to{opacity:0}.list-leave-to{opacity:0;transform:translateY(10px)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-control{display:block;width:100%;padding:.375rem .75rem;line-height:1.5;color:var(--input-text-color);background:none;background-clip:padding-box;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input{appearance:none;background:var(--input-bg-color);background-image:none;border:1px solid var(--input-border-color);border-radius:var(--border-radius);color:var(--input-text-color);display:block;line-height:var(--line-height);max-width:100%;outline:none;padding:var(--spacing-xxs);position:relative;width:100%}.form-review{position:absolute;margin-top:1px;width:515px;height:max-content;padding:var(--spacing-xs);background:var(--bg-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:1;right:0}.v-select .vs__search::placeholder,.v-select .vs__dropdown-toggle,.v-select .vs__dropdown-menu{border-color:var(--input-border-color);background:var(--input-bg-color);color:var(--input-placeholder-color)}.v-select .vs__selected{color:var(--vs-bg-color-selected);background-color:var(--vs-bg-selected)}#form-game-browser .vs__dropdown-menu{min-width:100%!important;width:auto}.vs__dropdown-menu{min-width:auto!important;color:var(--input-text-color)!important}.v-select .vs__dropdown-option--highlight{background:var(--vs-bg-hover)}.v-select .vs__dropdown-toggle{border:1px solid var(--input-border-color);border-radius:var(--border-radius)}.v-select:not(.vs--open) .vs__dropdown-toggle .vs__selected-options .vs__selected+input{position:absolute}.vs__clear,.vs__deselect,.vs__open-indicator{fill:#777!important}.v-select-sm .vs__selected,.v-select-sm .vs__search{line-height:1.05}@media (max-width: 576px){.v-select-sm .vs__dropdown-toggle{padding:0}}.form-input:focus{border-color:var(--focus-color)}.form-input::placeholder{opacity:.8;color:var(--placeholder-color)}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-select{appearance:none;background:var(--input-bg-color);background-image:none;border:1px solid var(--input-border-color);border-radius:var(--border-radius);color:var(--input-text-color);line-height:var(--line-height);outline:none;padding:.375rem .75rem;vertical-align:middle;width:100%}.form-select-sm,.form-input-sm{padding:var(--spacing-1);font-size:var(--font-size-sm)}.form-select:focus{border-color:var(--focus-color)}.form-select:not([multiple]):not([size]){background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .5rem center / 1rem 1rem;padding-right:var(--spacing);background-color:var(--input-bg-color)}textarea.form-input{height:auto}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter)}.form-input-inline-edit{padding:2px;line-height:16px;font-size:14px;border-radius:0;background:var(--bg-color-lighter);color:var(--text-color);border:1px dashed var(--teal)}.form-group{position:relative;margin-bottom:var(--spacing)}.form-input.floating{padding-top:25px}.floating-label{position:absolute;pointer-events:none;top:15px;left:var(--spacing-xxs);transition:.1s ease all;color:var(--input-placeholder-color)}input:focus~.floating-label,input:not(:placeholder-shown)~.floating-label,textarea:focus~.floating-label,textarea:not(:placeholder-shown)~.floating-label{top:5px;font-size:13px;zoom:1}.form-label{display:block;line-height:var(--line-height);padding-bottom:var(--spacing-1);font-weight:700}legend{font-size:revert;font-weight:700}input.error,textarea.error{border:1px solid var(--red)}.dropTarget{outline:2px dashed grey;min-height:150px;position:relative;cursor:pointer}.dropTarget:hover{filter:brightness(80%)}.dropTarget p{text-align:center;padding-top:50px;font-size:2em}.hidden-file-input{opacity:0;width:100%;height:150px;position:absolute;cursor:pointer}.dragDropTarget{min-height:100px}.dragDropTarget .alert{text-align:center;padding-top:25px;font-size:2em;min-height:100px}.game-info{display:grid;grid-template-areas:"box box" "release scores" "genres specs";grid-gap:var(--spacing)}.mobyscore{display:inline-block;font-weight:700;padding:0 4px;color:#333;text-align:center}.mobyscore-lg{font-size:22px;padding-top:var(--spacing-xs);width:44px;height:44px;line-height:calc(44px - var(--spacing-xs) * 2)}@media (min-width: 576px){.game-info{display:grid;grid-template-areas:"box release scores genres specs";grid-template-columns:1fr minmax(max-content,250px) 1fr 1fr 1.5fr;grid-gap:var(--spacing)}}.info-box{grid-area:box}.info-release{grid-area:release}.info-scores{grid-area:scores}.info-genres{grid-area:genres}.info-specs{grid-area:specs}#gameSites li div,#gameSites li p{display:inline}.critic-score{font-size:1.25rem;text-align:center;font-weight:700;color:#fff;background-color:var(--black);padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.listCover{height:120px;width:120px}.grid-split,.grid-split-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing)}@media (min-width: 576px){.grid-split-big{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}.grid-overview-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.browser-grid{display:grid;grid-template-areas:"options" "results";gap:var(--spacing)}@media (min-width: 576px){.grid-overview-videos{grid-gap:var(--spacing)}.browser-grid{grid-template-areas:"options results";grid-template-columns:1fr 4fr}}.grid-split-2-1{display:grid;grid-template-columns:var(--grid-split-2-1-template-columns);grid-gap:var(--spacing)}.grid-split-50-50{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing)}.grid-split-20-80{display:grid;grid-template-columns:2fr 8fr;grid-gap:var(--spacing)}.grid-split-80-20{display:grid;grid-template-columns:8fr 2fr;grid-gap:var(--spacing)}.grid-split-30-70{display:grid;grid-template-columns:3fr 7fr;grid-gap:var(--spacing)}.icon{display:inline-block;vertical-align:text-bottom;width:14px;height:14px;background-color:var(--icon-color)}.icon-alert{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M108.5 66.56C121.5 45.1 144.9 32 169.1 32H342C367.1 32 390.5 45.1 403.5 66.56L496 218.6C510 241.6 510 270.4 496 293.4L403.5 445.4C390.5 466.9 367.1 480 342 480H169.1C144.9 480 121.5 466.9 108.5 445.4L15.96 293.4C1.962 270.4 1.962 241.6 15.96 218.6L108.5 66.56zM231.1 152V264C231.1 277.3 242.7 288 255.1 288C269.3 288 280 277.3 280 264V152C280 138.7 269.3 128 255.1 128C242.7 128 231.1 138.7 231.1 152zM255.1 320C238.3 320 223.1 334.3 223.1 352C223.1 369.7 238.3 384 255.1 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 255.1 320z'/%3E%3C/svg%3E")}.icon-exclamation{margin-bottom:1px;width:12px;height:14px;-webkit-mask-image:url(/static/img/icon-exclamation.0ced0a4b.svg);mask-image:url(/static/img/icon-exclamation.0ced0a4b.svg);background-color:var(--red)}.icon-alien{-webkit-mask-image:url(/static/img/icon-alien.fc2b48f6.svg);mask-image:url(/static/img/icon-alien.fc2b48f6.svg);background-color:#d6ecff}.icon-bell{width:12px;height:14px;-webkit-mask-image:url(/static/img/icon-bell.fab227c1.svg);mask-image:url(/static/img/icon-bell.fab227c1.svg);background-color:#d6ecff}.icon-info{-webkit-mask-image:url(/static/img/icon-info.c5d1c233.svg);mask-image:url(/static/img/icon-info.c5d1c233.svg)}.icon-msg{-webkit-mask-image:url(/static/img/icon-mail.a152b465.svg);mask-image:url(/static/img/icon-mail.a152b465.svg);background-color:#d6ecff}.icon-lightbulb{width:15px;margin-left:5px;margin-right:5px;height:20px;-webkit-mask-image:url(/static/img/icon-lightbulb.78a2d31e.svg);mask-image:url(/static/img/icon-lightbulb.78a2d31e.svg);background-color:#d6ecff}.icon-lightbulb-on{width:25px;height:20px;-webkit-mask-image:url(/static/img/icon-lightbulb-on.59cc70cc.svg);mask-image:url(/static/img/icon-lightbulb-on.59cc70cc.svg);background-color:#d6ecff}.icon-sun{width:19px;height:19px;-webkit-mask-image:url(/static/img/icon-sun.5f7a02ab.svg);mask-image:url(/static/img/icon-sun.5f7a02ab.svg);background-color:#d6ecff}.icon-moon{width:19px;height:19px;-webkit-mask-image:url(/static/img/icon-moon.0282b5f6.svg);mask-image:url(/static/img/icon-moon.0282b5f6.svg);background-color:#d6ecff}.icon-switch-on{width:19px;height:25px;-webkit-mask-image:url(/static/img/icon-switch-on.693c7066.svg);mask-image:url(/static/img/icon-switch-on.693c7066.svg);background-color:#d6ecff}.icon-switch-off{width:19px;height:25px;-webkit-mask-image:url(/static/img/icon-switch-off.870de932.svg);mask-image:url(/static/img/icon-switch-off.870de932.svg);background-color:#d6ecff}.icon-toggle-off{width:20px;height:18px;-webkit-mask-image:url(/static/img/icon-toggle-off.fde1dbd2.svg);mask-image:url(/static/img/icon-toggle-off.fde1dbd2.svg)}.icon-toggle-on{width:20px;height:18px;-webkit-mask-image:url(/static/img/icon-toggle-on.806b174a.svg);mask-image:url(/static/img/icon-toggle-on.806b174a.svg)}.icon-thumb-up{width:18px;height:18px;-webkit-mask-image:url(/static/img/icon-thumb.201f9d67.svg);mask-image:url(/static/img/icon-thumb.201f9d67.svg)}.icon-thumb-down{width:18px;height:18px;-webkit-mask-image:url(/static/img/icon-thumb.201f9d67.svg);mask-image:url(/static/img/icon-thumb.201f9d67.svg);transform:scaleY(-1)}.icon-company{display:block;width:23px;height:18px;-webkit-mask-image:url(/static/img/icon-company.e8a75a5b.svg);mask-image:url(/static/img/icon-company.e8a75a5b.svg)}.icon-company-xs{width:18px;height:15px}.icon-game{width:25px;height:28px;-webkit-mask-image:url(/static/img/icon-game.05a43e6e.svg);mask-image:url(/static/img/icon-game.05a43e6e.svg)}.icon-game-sm{width:19px;height:22px}.icon-game-xs{width:16px;height:18px}.icon-image{width:28px;height:28px;-webkit-mask-image:url(/static/img/icon-image.fc5067db.svg);mask-image:url(/static/img/icon-image.fc5067db.svg)}.icon-group{width:28px;height:28px;-webkit-mask-image:url(/static/img/icon-group.977f0cc8.svg);mask-image:url(/static/img/icon-group.977f0cc8.svg)}.icon-group-xs{width:16px;height:16px}.icon-user{width:20px;height:23px;-webkit-mask-image:url(/static/img/icon-user.18c2a67c.svg);mask-image:url(/static/img/icon-user.18c2a67c.svg)}.icon-user-xs{width:16px;height:18px}.arrow{display:inline-block;border:solid var(--text-color);border-width:0 3px 3px 0;padding:3px;margin-right:2px}.arrow-sm{border-width:0 2px 2px 0;padding:2px}.arrow-right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.arrow-left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.arrow-up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:2px}.arrow-down{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-bottom:2px}figcaption{margin-top:var(--spacing-xs);word-break:break-word}.img-fluid,.fluid-images img{max-width:100%;height:auto}.img-max-h300{max-height:300px;width:auto}.img-pixelate{image-rendering:pixelated}.img-box{height:auto;max-width:100%;min-width:213px;min-height:100px;object-fit:contain}.img-thumbnail-box{width:58px;height:58px;object-fit:cover;text-anchor:middle;border-radius:var(--border-radius)}.img-thumbnail-logo{width:58px;height:58px;object-fit:contain;text-anchor:middle;border-radius:0}.img-thumbnail-photo{width:58px;height:58px;object-fit:cover;object-position:top;border-radius:var(--border-radius)}.img-thumbnail-platform{width:58px;height:58px;object-fit:contain}.img-thumbnail-md{width:34px;height:34px}.img-thumbnail-sm{width:22px;height:22px}.img-thumbnail-xs{width:18px;height:18px}.img-holder{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing)}@media (min-width: 576px){.img-holder{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:var(--spacing)}}.img-thumbnail{width:100%;height:150px;min-width:100%;min-height:150px;object-fit:cover;padding:2px;border:1px solid var(--border-color)}.img-thumbnail:hover{border-color:var(--gray)}.img-thumbnail-cover{object-fit:contain}.img-thumbnail-cover-sm{width:80px;max-height:80px}.img-rating{width:auto;max-height:18px}.mobypro{position:absolute;color:#fff;background-color:#000;padding:.2em .5em;border-bottom-right-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:700;top:0;left:0}.mobypro:hover{color:#fff}.loading{font-weight:700}.loading:after{display:inline-block;animation:dots steps(1,end) 1s infinite;content:""}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000040;display:table;transition:opacity .25s ease}.modal-wrapper{display:table-cell;vertical-align:middle}@media (min-width: 576px){.modal-wrapper{padding-top:120px;vertical-align:top}}.modal-container{width:300px;margin:0 auto;padding:var(--spacing) var(--spacing);background-color:var(--bg-color);box-shadow:var(--box-shadow);transition:all .25s ease;text-align:center}.modal-body{margin:var(--spacing) 0}.modal-default-button{float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{-webkit-transform:scale(.95);transform:scale(.95)}.approver-stats-height{min-height:229px}.shortest-path{position:fixed;bottom:0;width:100%;z-index:3;padding:var(--spacing-sm)}.news-body img{max-width:100%}.dev-photo-caption p:last-child{margin-bottom:0}@supports (font: -apple-system-body) and (-webkit-appearance: none){.toggle-long-text{height:4.5rem;max-height:max-content}}.toggle-long-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.toggle-text-search{-webkit-line-clamp:2}.toggle-text-review{-webkit-line-clamp:5}#infobox-ratings{-webkit-line-clamp:2}#mobyproReleases,#infobox-specs{-webkit-line-clamp:10}#seeAlsoLinks{-webkit-line-clamp:5}#platformLinks{-webkit-line-clamp:2}#platformRankings{-webkit-line-clamp:3}#publisherLinks,#developerLinks{-webkit-line-clamp:2}#trivia-text,#description-text{-webkit-line-clamp:6}@media (min-width: 576px){#description-text{-webkit-line-clamp:10}}.toggle-long-text.more{-webkit-line-clamp:1000!important;height:max-content}#description-text>p:last-child{margin-bottom:0}.gold-star{display:inline-block}.gold-star:before{font-size:22px;content:"★";color:#fc0}.star{display:inline-block}.star:before{font-size:15px;content:"★";letter-spacing:1px;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stars{--percent: calc(var(--rating) / 5 * 100%);display:inline-block}.stars:before{font-size:22px;content:"★★★★★";letter-spacing:1px;background:linear-gradient(90deg,#fc0 var(--percent),#c0c0c0 var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stars-sm:before{font-size:15px}.stars-10{--percent: calc(var(--rating) / 10 * 100%)}.stars-10:before{content:"★★★★★★★★★★"}.score{font-size:15px;letter-spacing:1px;overflow:hidden;float:right;color:silver;text-decoration:none;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}.score:hover,.score:hover~a{color:#fc0;cursor:pointer}.score-selected{color:#fc0}.video-embed iframe{aspect-ratio:16 / 9;max-width:100%;min-width:100%}.history-item>p{display:inline}.nav-tabs{display:flex;flex-wrap:wrap;list-style:none;padding:0}.nav-tabs li{border:1px solid var(--border-color);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-grow:1;text-align:center}.nav-link{position:relative;display:block;padding:var(--spacing-xxs);font-weight:700;margin-bottom:-1px;border-bottom:1px solid transparent}@media (min-width: 576px){.nav-tabs{border:1px solid var(--border-color)}.nav-tabs li{border:none;margin:0;flex-grow:0}}.nav-link:hover,.nav-link.active{background:var(--bg-color-darker);border-bottom:1px solid var(--border-color)}.nav-link.active{color:var(--text-color)}.navbar-menu{display:grid;grid-template-rows:auto;grid-template-areas:"logo logo status status" "search search search search" "links links links links";color:var(--navbar-color);list-style:none;margin-bottom:0;padding:0}.navbar-menu>li{position:relative}.navbar-link{z-index:2;padding:var(--spacing-sm) 0;position:relative}.navbar-mobypro-link{color:var(--navbar-color);text-decoration:underline}.navbar-mobypro-link:hover{color:var(--navbar-color-hover)}.navbar-logo{grid-area:logo;text-align:left}.navbar-status{grid-area:status}.navbar-search{grid-area:search}.navbar-search-input{padding:var(--spacing-xs);border:none}.navbar-search-results{z-index:3;color:var(--navbar-search-color)}.navbar-links{grid-area:links}.navbar-lights{width:calc(19px + var(--spacing-xs)*2)}.navbar-dropdown{list-style:none;padding:0;position:absolute;left:-9999px;z-index:1;text-align:left;min-width:100%}.navbar-link:hover,.navbar-dropdown>li:hover{background-color:var(--navbar-bg-hover)}.navbar-links>ul>li:hover .navbar-dropdown{left:auto;background:var(--bg-color);box-shadow:var(--box-shadow);margin-top:var(--spacing-sm)}.navbar-links>ul>li:hover .dropdown-profile{right:0}.navbar-dropdown a{display:block;padding:var(--spacing-xs);padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);text-decoration:none;white-space:nowrap}.navbar-dropdown a:hover{background:var(--navbar-dropdown-bg-hover)}@media (min-width: 576px){.navbar-dropdown a{padding:var(--spacing-1);padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.navbar-menu{grid-template-areas:"logo search links";grid-template-columns:auto 1fr auto}.navbar-links>ul>li:hover .navbar-dropdown{left:auto;right:auto;margin-top:var(--spacing-xxs);margin-left:calc(var(--spacing-xs) * -1)}.navbar-logo{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs);padding-left:0!important;padding-right:var(--spacing-xs)}.navbar-search{padding:0 var(--spacing-sm)}.navbar-search-input{padding:var(--spacing-xxs);border:none}.navbar-profile{margin-right:calc(var(--spacing-sm) * -1)}.navbar-link{padding:var(--spacing-xxs) var(--spacing-xs)}}.table{border-collapse:collapse;border-spacing:0;width:100%;height:max-content;text-align:left}.table-fixed{table-layout:fixed}.table-sticky thead tr:nth-child(1) th{position:sticky;top:0;z-index:1;background:var(--bg-color)}.table-credits th:first-child,.table-credits td:first-child{width:25%}.table-borders th,.table-borders td{border:1px solid;padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important;border-color:var(--border-color)}.table-ellipsis td:not(.show-all){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-ellipsis td:nth-child(2){width:100%;max-width:0}.table.table-striped tbody tr:nth-of-type(odd){background:var(--bg-color-dark)}.table.table-hover tbody tr:hover{background:var(--bg-color-darker)}.table.table-scroll{display:block;overflow-x:auto;white-space:nowrap}@media (min-width: 576px){.table.table-nowrap th:first-child,.table.table-nowrap td:first-child,.td-nowrap{width:1%;white-space:nowrap}}.table tr,.table th{border-bottom:var(--border-width) solid var(--border-color)}.table-striped tr,.table-striped th{border-bottom:0}.table tr:last-child,.table tr:last-child th{border-bottom:0}.table-th-right th{text-align:right}.table>thead>tr:first-child{border-bottom:var(--border-width) solid var(--border-color);font-weight:700}.table td,.table th{padding:var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xxs) 0}@media (min-width: 576px){.table td,.table th{padding:var(--spacing-1) var(--spacing-xxs) var(--spacing-1) 0}}.table-browser>tbody>tr:first-child>td{padding:0 var(--spacing-xxs) var(--spacing-xxs) 0}.table th{font-weight:700}table.diff{word-break:break-word}table.diff .diff_sub{background-color:var(--bg-diff-removed)}table.diff .diff_add{background-color:var(--bg-diff-added)}table.diff .diff_chg{background-color:var(--bg-diff-changed)}table.diff th.diff_next,table.diff td.diff_next{display:none}.table.approvalPreview{width:auto}table.table.approvalPreview th{border-bottom-width:var(--border-width);text-align:right;vertical-align:top}.table.approvalPreview td,.table.approvalPreview th{padding:var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xxs) 0}table.approvalPreview img,table.approvalPreview iframe{max-width:100%}table.approvalQueue td:not(:first-child){text-align:center;border-left:1px solid lightgrey}table.approvalQueue td:nth-child(7){border-left:3px solid lightgrey}table.approvalQueue th:not(:first-child){text-align:center}small,.text-sm{font-size:var(--font-size-sm)}@media (max-width: 576px){.text-sm-mobile{font-size:var(--font-size-sm)!important}}.text-xs{font-size:.8rem}.text-bold{font-weight:700}.text-normal{font-weight:400}.no-underline{text-decoration:none}.text-primary{color:var(--primary-color)}.text-success{color:var(--green)}.text-danger{color:var(--red)}.text-warning{color:var(--orange)}.text-info{color:var(--teal)}.text-muted{opacity:.75}.text-upper{text-transform:uppercase}.text-disabled{opacity:.5}.text-nowrap{white-space:nowrap}@media (min-width: 576px){.text-nowrap-desktop{white-space:nowrap}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break-word{word-break:break-word}.text-center{text-align:center}@media (min-width: 576px){.text-center-lg{text-align:center}}.text-right{text-align:right}.text-left{text-align:left}.link-contributor{color:var(--contributor-link-color)}.link-approver,.link-edit{color:var(--red)}.link-separator a+a:before{content:"· "}.link-danger{color:var(--red)}.link-success{color:var(--green)}.tooltip{display:none;position:fixed;top:0;left:0;background:#000;color:silver;font-size:12px;padding:6px 10px;border-radius:5px;text-decoration:none;letter-spacing:1px;z-index:9999;max-width:300px}.tooltip-popover{font-size:15px}.tooltip-popover a{color:#fff}.tooltip-popover-wide{max-width:500px}.tooltip>p:last-of-type{margin-bottom:0}.tooltip-arrow{position:absolute;background:#000;width:8px;height:8px;transform:rotate(45deg)}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;transform:translate(-50%) translateY(0);z-index:99}[data-tooltip]:before{content:attr(data-tooltip);background:#000;width:max-content;min-width:min-content;max-width:300px;color:silver;font-size:11px;font-weight:700;padding:6px 10px;border-radius:5px;text-decoration:none;letter-spacing:1px;bottom:100%;left:50%;margin-bottom:10px}[data-tooltip]:after{content:"";width:0;height:0;border:6px solid transparent;border-top:6px solid #000;border-bottom:0;bottom:100%;left:50%;margin-bottom:4px}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:.85}h2,h1{margin-bottom:var(--spacing);color:var(--header-color)}h6,h5,h4,h3{margin-bottom:var(--spacing-sm);color:var(--header-color)}h1>small,h2>small,h3>small,h4>small{font-size:1rem}dl.metadata>dt{font-weight:700}ul.list-hover li{padding:var(--spacing-1)}ul.list-hover li:hover{background:var(--bg-highlight-hover)}ul.commaList,ul.dot-list{display:inline-block;list-style:none;padding:0;margin-bottom:0}ul.dot-list{margin-bottom:var(--spacing)}ul.commaList li,ul.dot-list li{display:inline}ul.commaList li:after{content:", "}ul.dot-list li:after{content:" · "}ul.commaList li:last-child:after,ul.dot-list li:last-child:after{content:""}ul.list-group{list-style:none;padding:0}ol{margin-bottom:var(--spacing)}.lead{font-size:1rem;margin-bottom:var(--spacing-sm)}@media (min-width: 576px){.lead{font-size:1.25rem;margin-bottom:var(--spacing)}}.avatar{border-radius:5px;width:75px;height:75px;object-fit:cover}.avatar-sm{width:38px;height:38px}.avatar-xs{width:26px;height:26px}.avatar-ghost{font-size:26px;line-height:26px}.display-inline{display:inline-block}.divider{border-left:1px solid var(--border-color)}.position-absolute{position:absolute}.position-relative{position:relative}.position-sticky{position:sticky;top:0px}.vertical-align-middle{vertical-align:middle}.two-column{column-count:2}.three-column{column-count:3}.fill-space:after{content:"";flex:1;margin:auto 1em;height:0;border-top:1px dashed var(--notice-border-color)}.shrink-headings h1,.shrink-headings h2,.shrink-headings h3,.shrink-headings h4,.shrink-headings h5,.shrink-headings h6{font-size:1rem;margin-bottom:0}.shrink-headings h2+p:empty{display:none}.no-events{pointer-events:none}.cursor-zoom{cursor:zoom-in}.float-start{float:left}.float-end{float:right}.bg-highlight{background:var(--bg-highlight)!important}.bg-highlight-hover{background:var(--bg-highlight-hover)}.bg-dark{background:var(--bg-color-dark)}.bg-darker{background:var(--bg-color-darker)}.bg-darkest{background:var(--bg-color-darkest)}.bg-danger{background:var(--bg-danger)!important;color:#fffc}.bg-logo{background:var(--bg-logo)}.bg-warning{background:var(--yellow)!important;color:#000c}.bg-notice{background:var(--notice-bg-color)!important;color:var(--notice-color)}.bg-notice a{color:var(--notice-link-color)}.bg-notice a:hover{filter:brightness(150%)}.border{padding:var(--spacing-sm);border:1px solid var(--border-color)}.border-mobypro{border-width:2px;border-image-slice:1;border-image-source:linear-gradient(to left,#c32b8b,#000)}.border-danger,.border-danger:focus,.border-danger .vs__dropdown-toggle{border-color:var(--red)}.border-success,.border-success:focus,.border-success .vs__dropdown-toggle{border-color:var(--green)}.border-notice{border-color:var(--notice-border-color)}.border-sm{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)}.border-xs{padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs)}.border-xxs{padding:var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xxs)}.border-1{padding:var(--spacing-1) var(--spacing-xxs) var(--spacing-1) var(--spacing-xxs)}.border-bold{border-width:2px}.border-top{border-top:var(--border-width) solid var(--border-color)}.border-top-none{border-top:none}.border-bottom{border-bottom:var(--border-width) solid var(--border-color)!important}.border-bottom-none{border-bottom:none!important}.border-left{border-left:1px solid var(--border-color)}.border-radius{border-radius:var(--border-radius)}.border-radius-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.border-radius-bottom-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.box-shadow{box-shadow:var(--box-shadow)}.three-columns{column-count:3}.width-auto{width:auto}.w100{width:100%}.max-w50{max-width:50%}.h100{height:100%}.margin-auto{margin:auto}.overflow-auto{overflow:auto}.overflow-wrap-anywhere{overflow-wrap:anywhere}.overflow-x-scroll{overflow-x:auto}.no-select{user-select:none}.last-p-margin-0 p:last-child{margin-bottom:0}.p{padding:var(--spacing)}.p-sm{padding:var(--spacing-sm)}.p-xs{padding:var(--spacing-xs)}.p-xxs{padding:var(--spacing-xxs)}.p-1{padding:var(--spacing-1)}.p-0{padding:0}.ps{padding-left:var(--spacing)}.ps-sm{padding-left:var(--spacing-sm)}.ps-xs{padding-left:var(--spacing-xs)!important}.ps-xxs{padding-left:var(--spacing-xxs)!important}.ps-1{padding-left:var(--spacing-1)}.pe{padding-right:var(--spacing)}.pe-0{padding-right:0}.pe-sm{padding-right:var(--spacing-sm)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.mb{margin-bottom:var(--spacing)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-xxs{margin-bottom:var(--spacing-xxs)}.mb-1{margin-bottom:var(--spacing-1)}.mt{margin-top:var(--spacing)}.mt-sm{margin-top:var(--spacing-sm)}.mt-xs{margin-top:var(--spacing-xs)}.mt-xxs{margin-top:var(--spacing-xxs)}.mt-1{margin-top:var(--spacing-1)}.ms{margin-left:var(--spacing)}.ms-sm{margin-left:var(--spacing-sm)}.ms-xs{margin-left:var(--spacing-xs)}.ms-xxs{margin-left:var(--spacing-xxs)}.ms-1{margin-left:var(--spacing-1)}.ms-lg{margin-left:calc(var(--spacing)*2)}.me{margin-right:var(--spacing)}.me-sm{margin-right:var(--spacing-sm)}.me-xs{margin-right:var(--spacing-xs)}.me-xxs{margin-right:var(--spacing-xxs)}.me-1{margin-right:var(--spacing-1)}.mt-0{margin-top:0}.mb-0{margin-bottom:0!important}.gap{gap:var(--spacing)}.gap-sm{gap:var(--spacing-sm)}.gap-xs{gap:var(--spacing-xs)}.gap-xxs{gap:var(--spacing-xxs)}.line-normal{line-height:normal}.line-compact{line-height:1.25em}.justify-space-between{justify-content:space-between}.justify-space-evenly{justify-content:space-evenly}.height-max-content{height:max-content}.separator-vline div{padding-left:var(--spacing);padding-right:var(--spacing)}.separator-vline div+div{content:"";border-left:1px solid var(--border-color)}.width-max-content{width:max-content}.show-sm{display:none}@media (max-width: 576px){.separator-vline div{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.hide-sm{display:none}.show-sm{display:block}}6 </style>7 <meta charset="utf-8">8 <meta content="width=device-width, initial-scale=1" name="viewport">9 <meta content="MobyGames" property="og:site_name">10 <meta content="website" property="og:type">11 <meta content="Real, non-modified screenshots taken by players for 60th Anniversary of Stanislaw Lem's First Publication (Browser)" name="description">12 <meta content="Real, non-modified screenshots taken by players for 60th Anniversary of Stanislaw Lem's First Publication (Browser)" property="og:description">13 <meta content="" property="og:image">14 <meta content="60th Anniversary of Stanislaw Lem's First Publication (Browser) screenshots - MobyGames" property="og:title">15 <title>16 60th Anniversary of Stanislaw Lem's First Publication screenshots - MobyGames17 </title>18 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">19 </head>20 <body>21 <div data-v-app id="root">22 <header>23 <nav>24 <ul class="navbar-menu">25 <li class="navbar-logo">26 <a>27 <img alt="mobygames logo" class="logo" height="50" src="rick.jpg" width="108">28 </a>29 </li>30 <li class="navbar-status show-sm">31 </li>32 <li class="navbar-search">33 <div class="flex-center h100">34 <noscript class="w100">35 <form accept-charset="UTF-8" action="/search/" class="navbar-form position-relative" method="GET">36 <input aria-label="Search" class="form-input navbar-search-input" id="search" name="q" placeholder="Search games, people, companies..." type="search" value>37 </form>38 </noscript>39 <div class="w100 position-relative">40 <form class="">41 <div class="flex-center">42 <!-- -->43 <input aria-label="Search" autocomplete="off" class="form-input navbar-search-input" name="q" placeholder="Search games, people, companies..." type="search">44 </div>45 </form>46 <!-- -->47 <!-- -->48 </div>49 </div>50 </li>51 <li class="navbar-links">52 <ul class="list-group flex flex-space-between h100">53 <li class="navbar-link">54 <div class="flex-center h100">55 <b class="no-select">56 Browse57 </b>58 </div>59 <ul class="navbar-dropdown">60 <li>61 <a rel="nofollow">62 Random63 </a>64 </li>65 <li>66 <a>67 Platforms68 </a>69 </li>70 <li>71 <a rel="nofollow">72 Games73 </a>74 </li>75 <li>76 <a>77 Companies78 </a>79 </li>80 </ul>81 </li>82 <li class="navbar-link">83 <div class="flex-center h100">84 <b class="no-select">85 Contribute86 </b>87 </div>88 <ul class="navbar-dropdown">89 <li>90 <a class="link-contributor" rel="nofollow">91 Most Wanted92 </a>93 </li>94 <li>95 <a class="link-contributor" rel="nofollow">96 Missing Games97 </a>98 </li>99 <li>100 <a class="link-contributor" rel="nofollow">101 Add Game102 </a>103 </li>104 <li>105 <a>106 Instructions107 </a>108 </li>109 </ul>110 </li>111 <li class="navbar-link">112 <div class="flex-center h100">113 <b class="no-select">114 Community115 </b>116 </div>117 <ul class="navbar-dropdown">118 <li>119 <a>120 Contributors121 </a>122 </li>123 <li>124 <a>125 Forums126 </a>127 </li>128 <li>129 <a>130 Reviews131 </a>132 </li>133 <li>134 <a class="link-external" rel="nofollow">135 Discord136 </a>137 </li>138 </ul>139 </li>140 <li aria-hidden="true" class="navbar-link navbar-lights flex-center" tabindex="-1">141 <a tabindex="-1">142 <span class="icon icon-sun">143 </span>144 </a>145 </li>146 </ul>147 </li>148 </ul>149 </nav>150 </header>151 <div class="bg-notice">152 <div class="container pt-1 pb-1 statusbar-grid">153 <div class="statusbar-message">154 👻155 <a>156 Haunted House157 </a>158 : An Atari classic reimagined!159 </div>160 </div>161 </div>162 <main id="main">163 <div class="flex flex-space-between">164 <div class="mb">165 <h1 class="mb-0">166 60th Anniversary of Stanislaw Lem's First Publication167 </h1>168 </div>169 <div class="flex flex-end">170 <div class="position-relative h100 hide-sm">171 <div class="flex h100">172 <div class="width-max-content flex-center me border border-xxs border-bottom-none" data-tooltip="You haven't rated this yet">173 <div>174 <b>175 Review176 </b>177 <br>178 <div class="no-select">179 <a class="score">180 ★181 </a>182 <a class="score">183 ★184 </a>185 <a class="score">186 ★187 </a>188 <a class="score">189 ★190 </a>191 <a class="score">192 ★193 </a>194 </div>195 </div>196 </div>197 <div class="flex-center border border-xxs border-bottom-none">198 <div>199 <b>200 Add To201 </b>202 <br>203 <a>204 Collection205 </a>206 </div>207 </div>208 </div>209 <!-- -->210 <!-- -->211 <!-- -->212 <!-- -->213 </div>214 </div>215 </div>216 <ul class="nav-tabs mb">217 <li>218 <a class="nav-link">219 Overview220 </a>221 </li>222 <li>223 <a class="nav-link">224 Credits225 </a>226 </li>227 <li>228 <a class="nav-link disabled">229 Reviews230 </a>231 </li>232 <li>233 <a class="nav-link disabled">234 Covers235 </a>236 </li>237 </ul>238 <div id="screenshots-platform-84">239 <h2>240 Browser screenshots241 </h2>242 <div class="img-holder mb">243 <figure>244 <a>245 <img alt="thumbnail" class="img-thumbnail" height="165" loading="lazy" src="rick.jpg" width="432">246 </a>247 <figcaption>248 <small class="text-muted">249 Starting screen250 </small>251 </figcaption>252 </figure>253 <figure>254 <a>255 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">256 </a>257 <figcaption>258 <small class="text-muted">259 This is what he wants to make...260 </small>261 </figcaption>262 </figure>263 <figure>264 <a>265 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">266 </a>267 <figcaption>268 <small class="text-muted">269 ...but he needs these parts.270 </small>271 </figcaption>272 </figure>273 <figure>274 <a>275 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">276 </a>277 <figcaption>278 <small class="text-muted">279 He poses a challenge to you. Sort of.280 </small>281 </figcaption>282 </figure>283 <figure>284 <a>285 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">286 </a>287 <figcaption>288 <small class="text-muted">289 Press the up/down arrows to change to the correct number then press the button.290 </small>291 </figcaption>292 </figure>293 <figure>294 <a>295 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">296 </a>297 <figcaption>298 <small class="text-muted">299 This time, press either of the left/right arrows to change the lines of the 6 to make it the correct answer.300 </small>301 </figcaption>302 </figure>303 <figure>304 <a>305 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="321">306 </a>307 <figcaption>308 <small class="text-muted">309 He doesn't like it when you win.310 </small>311 </figcaption>312 </figure>313 <figure>314 <a>315 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">316 </a>317 <figcaption>318 <small class="text-muted">319 Now press the up/down and either of the left/right arrows to change the lines of the 0 to make it the correct answer.320 </small>321 </figcaption>322 </figure>323 <figure>324 <a>325 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">326 </a>327 <figcaption>328 <small class="text-muted">329 He got so upset, he exploded...330 </small>331 </figcaption>332 </figure>333 <figure>334 <a>335 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">336 </a>337 <figcaption>338 <small class="text-muted">339 ...but he left you the parts you needed.340 </small>341 </figcaption>342 </figure>343 <figure>344 <a>345 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">346 </a>347 <figcaption>348 <small class="text-muted">349 Use the arrows to change the shape of the wave until it matches then press the button.350 </small>351 </figcaption>352 </figure>353 <figure>354 <a>355 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">356 </a>357 <figcaption>358 <small class="text-muted">359 Now use the arrows to change the shape and height of the wave until it matches then press the button.360 </small>361 </figcaption>362 </figure>363 <figure>364 <a>365 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">366 </a>367 <figcaption>368 <small class="text-muted">369 Now, use the arrows to change the shape, height and width of the wave then press the button.370 </small>371 </figcaption>372 </figure>373 <figure>374 <a>375 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="323">376 </a>377 <figcaption>378 <small class="text-muted">379 Its going bonkers.380 </small>381 </figcaption>382 </figure>383 <figure>384 <a>385 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">386 </a>387 <figcaption>388 <small class="text-muted">389 Here's looking at you, kid.390 </small>391 </figcaption>392 </figure>393 <figure>394 <a>395 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">396 </a>397 <figcaption>398 <small class="text-muted">399 Press the button to launch the robot. Time it right so he lands on the floating cube.400 </small>401 </figcaption>402 </figure>403 <figure>404 <a>405 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">406 </a>407 <figcaption>408 <small class="text-muted">409 Two are on, so far.410 </small>411 </figcaption>412 </figure>413 <figure>414 <a>415 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">416 </a>417 <figcaption>418 <small class="text-muted">419 The cube's orbit changes with each successful landing.420 </small>421 </figcaption>422 </figure>423 <figure>424 <a>425 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">426 </a>427 <figcaption>428 <small class="text-muted">429 For me?430 </small>431 </figcaption>432 </figure>433 <figure>434 <a>435 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">436 </a>437 <figcaption>438 <small class="text-muted">439 The last piece I needed.440 </small>441 </figcaption>442 </figure>443 <figure>444 <a>445 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">446 </a>447 <figcaption>448 <small class="text-muted">449 Now, press the button to start your creation.450 </small>451 </figcaption>452 </figure>453 <figure>454 <a>455 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">456 </a>457 <figcaption>458 <small class="text-muted">459 The machine suggested an N. You suggested a neutron and noodles.460 </small>461 </figcaption>462 </figure>463 <figure>464 <a>465 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">466 </a>467 <figcaption>468 <small class="text-muted">469 He made everything but himself into nothing...470 </small>471 </figcaption>472 </figure>473 <figure>474 <a>475 <img alt="thumbnail" class="img-thumbnail" height="440" loading="lazy" src="rick.jpg" width="315">476 </a>477 <figcaption>478 <small class="text-muted">479 ...then finished the job.480 </small>481 </figcaption>482 </figure>483 </div>484 </div>485 <div class="alert alert-primary">486 Are we missing some important screenshots?487 <a class="link-contributor" rel="nofollow">488 Contribute489 </a>490 .491 </div>492 </main>493 <hr>494 <footer>495 <p>496 <a>497 About498 </a>499 ·500 <a>501 FAQ502 </a>503 ·504 <a>505 Stats506 </a>507 ·508 <a>509 Standards510 </a>511 ·512 <a>513 API514 </a>515 ·516 <a>517 Contact518 </a>519 ·520 <a>521 Change Log522 </a>523 ·524 <a>525 Privacy Policy526 </a>527 ·528 <a>529 Terms of Use530 </a>531 </p>532 <p>533 © 1999–2023 MobyGames ™534 </p>535 <p>536 <small class="text-muted">537 v2023.10.27b538 </small>539 </p>540 </footer>541 <div class="tooltip" role="tooltip">542 <span>543 function String() { [native code] }544 </span>545 <div class="tooltip-arrow">546 </div>547 </div>548 <div class="tooltip tooltip-popover" role="tooltip">549 <div class="flex flex-gap-xs">550 <img alt="user avatar" class="avatar avatar-sm mt-xxs" height="38" width="38">551 <div class="text-left">552 <!-- -->553 <!-- -->554 <br>555 <span class="text-sm">556 Joined: Loading...557 <br>558 Score: Loading...559 </span>560 </div>561 </div>562 <div class="tooltip-arrow">563 </div>564 </div>565 </div>566 </body>567</html>568