:root{--zindex-under: -1;--zindex-above: 1;--zindex-links: 90;--zindex-menu: 100}:root{--color-white: #FFFFFF;--color-black: #000000;--color-yellow: #FFE157;--color-magenta: #B92173;--color-symbols: #926A00}:root{--fontSize-12: 12px;--fontSize-14: 14px}:root{--lineHeight-100: 1;--lineHeight-120: 1.2}:root{--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-72: 72px;--space-80: 80px}:root{--borderRadius-2: 2px;--borderRadius-max: 9999px}:root{--duration-200: 0.2s;--duration-400: 0.4s}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}address{font-style:normal}.boardie{position:relative;width:272px;height:380px;overflow:hidden;border-radius:4px;display:flex;flex-direction:column;background:var(--color-yellow);background:linear-gradient(135deg, var(--color-yellow), #ecd154);box-shadow:0px 0px 8px 0px rgba(0,0,0,.1254901961),0px 0px 8px 0px rgba(0,0,0,.5647058824) inset;font-family:sans-serif;line-height:0}.boardie:hover:not([data-undraggable]){cursor:grab}.--is-dragged .boardie,.--is-dragged iframe{pointer-events:none}.bg-smileys{position:absolute;width:100%;bottom:var(--space-16);height:var(--space-64);display:flex;justify-content:center}.ventilation{height:var(--space-8);display:flex;justify-content:center}.ventilation .audio{top:1px;opacity:0}.ventilation .audio.--is-active{animation-name:playing;animation-duration:1s;animation-iteration-count:infinite}@keyframes playing{from{opacity:1}25%{opacity:.7}50%{opacity:.8}75%{opacity:.6}to{opacity:.8}}.btn{all:unset;position:relative;width:var(--space-40);height:var(--space-40);border-radius:var(--borderRadius-max);display:flex;align-items:center;justify-content:center;background-color:var(--color-magenta);color:var(--color-white);font-size:var(--fontSize-16);font-weight:500;box-shadow:0px 4px 8px 0px #a58a14,0px 4px 4px 0px #e05aa4 inset,0px -8px 4px 0px #a61d67 inset;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:left .2s ease-out}.btn:not(.btn--mini):after{content:"";width:24%;height:4%;position:absolute;top:24%;left:16%;border-radius:50%/4px 4px 0 0;border:solid 2px var(--color-white);border-color:var(--color-white) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(-45deg);filter:blur(2.5px)}.btn:active,.btn.--is-active{transform:scale(0.95);box-shadow:0px 2px 4px 0px #705d0a,0px 4px 4px 0px #e05aa4 inset,0px -8px 8px 0px #a61d67 inset}.btn--small{width:var(--space-24);height:var(--space-24);font-size:var(--fontSize-12);box-shadow:0px 4px 4px 0px #a58a14,0px 4px 4px 0px #e05aa4 inset,0px -8px 8px 0px #a61d67 inset}.btn--small:active{box-shadow:0px 2px 2px 0px #836d0d,0px 4px 4px 0px #e05aa4 inset,0px -8px 8px 0px #a61d67 inset}.btn--mini{width:var(--space-12);height:var(--space-12);box-shadow:0px 1px 2px 0px #836d0d,0px 4px 4px 0px #e05aa4 inset,0px -4px 4px 0px #a61d67 inset}.btn--mini:active{box-shadow:0px 1px 1px 0px #947c11,0px 4px 4px 0px #e05aa4 inset,0px -4px 4px 0px #a61d67 inset}.btn-toggle-wrapper{all:unset;position:relative;width:var(--space-24);height:var(--space-12);border-radius:var(--borderRadius-max);background-color:var(--color-symbols);box-shadow:0px 0px 2px 0px rgba(0,0,0,.5) inset;cursor:pointer}.btn-toggle-wrapper .btn--mini{position:absolute;top:0;left:0;box-shadow:0px 1px 2px 0px #836d0d,1px 0px 2px 0px rgba(0,0,0,.25),0px 4px 4px 0px #e05aa4 inset,0px -4px 4px 0px #a61d67 inset}.btn-toggle-wrapper:active .btn--mini{left:var(--space-12);transform:none;box-shadow:0px 1px 1px 0px #947c11,1px 0px 2px 0px rgba(0,0,0,0),0px 4px 4px 0px #e05aa4 inset,0px -4px 4px 0px #a61d67 inset}.controls{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:var(--space-20)}.controls__btn-wrapper{display:flex;align-items:center;gap:var(--space-4)}.controls__btn-key{transition:opacity var(--duration-200)}.boardie:not(.--is-active) .controls__btn-key{opacity:.4}.screen{padding:0 var(--space-12)}.screen__inner{position:relative;width:248px;height:248px;padding:var(--space-4);border-radius:var(--borderRadius-2);background:linear-gradient(180deg, #d1b243, #e2bc32);box-shadow:0px 0px 4px 0px rgba(0,0,0,.1254901961) inset}.screen__canvas-bg{position:absolute;inset:var(--space-4);background:linear-gradient(135deg, #474747, #181818, #050505)}.screen__canvas{border:0;position:absolute;inset:4px}.screen__canvas:hover{cursor:crosshair}.top{height:var(--space-40);padding:var(--space-12);display:flex;justify-content:space-between;align-items:center}.top__controls{display:flex;gap:var(--space-12)}.top__reset,.top__power{display:flex;align-items:center;gap:var(--space-4)}