*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:VT323,monospace;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:unset}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{display:flex;background:#383838f5}#home{display:flex;width:100%;flex-direction:column}#aboutIcon{position:fixed;bottom:20px;right:20px;z-index:999;cursor:pointer;font-size:2em;transition:background .1s;background:red;width:50px;height:50px;border-radius:50%;box-shadow:0 0 10px 2px #7e7e7e80}#aboutIcon:hover{background:#c00}#cursors{display:flex;flex-wrap:wrap;width:100vw;justify-content:center}#overlay{position:fixed;width:100vw;height:100vh;z-index:9999;background:#00000080;display:none}#overlay.active{display:block}.cursor-screen{aspect-ratio:4/3;border:3px solid black;height:350px;position:relative}.cursor-screen:after{content:" ";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 40px 6px #373737a8;pointer-events:none}.cursor-screen.recording:after{box-shadow:none!important}.cursor-screen.fullScreen,.cursor-screen.participating{position:fixed;display:flex;align-items:center;justify-content:center}.cursor-screen.fullScreen iframe,.cursor-screen.participating iframe{position:relative}.cursor-screen.participating{height:100%;width:100%;border:none;position:relative}.cursor-screen.participating iframe{width:100%;height:100%;border:none}.cursor-screen.live .cursorTime:after{display:inline-block}.cursor-screen video{width:100%;height:100%;transition:opacity .4s ease-in-out;pointer-events:none;position:absolute;top:0;left:0;opacity:0}.cursor-screen video.visible{opacity:1;pointer-events:initial}.cursor-screen iframe{position:absolute;opacity:0;transition:opacity .4s ease-in-out;background:#fff}.cursor-screen iframe.active{opacity:1}.cursor-screen iframe.noInteraction{pointer-events:none}.cursor-screen .static{width:100%;height:100%;display:none;position:absolute;z-index:5}.cursor-screen .static.showing{display:block}.cursor-screen .static.loading{z-index:unset}button{all:unset;cursor:pointer;color:inherit;color:#000;display:flex;align-items:center;justify-content:center}.cursorSource{position:absolute;top:0;display:flex;width:100%;overflow:hidden;white-space:nowrap;background:#bababacc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-blend-mode:difference;padding:6px;transition:background .2s ease-in-out}.cursorSource a{max-width:60%;text-overflow:ellipsis;overflow:hidden;padding:0 4px;border:1px solid black;border-radius:10px;background:#efefefb3;margin-right:auto}.cursorSource:hover{background:#bababa}.cursorSource .cursorTime{bottom:10px;left:8px;font-size:1.2em;display:flex;align-items:center;gap:2px}.cursorSource .cursorTime .time{border-radius:6px;padding-left:4px;padding-right:4px}.cursorSource .cursorTime:after{content:"LIVE";color:#fff;line-height:1.2;display:none;padding:0 2px;border-radius:4px;background:red;vertical-align:middle}.cursorSource.live .cursorTime:after{display:inline-block}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.piece-title{color:#eadc72;text-shadow:0 0 10px #eadc72;transition:text-shadow .2s ease-in-out}.piece-title:hover{text-shadow:0 0 18px #eadc72}#intro{display:flex;font-size:1.5em;align-items:center;justify-content:center;flex-direction:column;gap:.5em;width:100vw;height:100vh;position:fixed;z-index:999;background:#7e7e7ef2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;transition:opacity .4s ease-in-out;color:#fff}#intro h1{text-align:center}#intro .text{max-width:800px;min-width:400px;line-height:1.3}#intro .text p{margin:12px 0}#intro .text button{margin-top:.5em;padding:.2em 2em;background:#eadc72;box-shadow:0 0 10px 4px #eadc72;border:1px dashed #e3d146;cursor:pointer}#intro .text .buttons{display:flex;justify-content:center;width:100%}#intro.hidden{opacity:0;display:none}#about{color:#fff;display:flex;flex-direction:column;align-items:center;font-family:VT323,monospace;font-size:20px;padding:1em 2em;max-width:1000px}#about p{margin:.75em 0;line-height:1.2}#about h2{margin-top:1em}#about a{color:#eadc72;text-decoration:none;transition:text-shadow .2s ease-in-out}#about a:hover{text-shadow:0 0 18px #eadc72}#about .content{gap:1em}#about .editor{position:relative}#about .editor #width{position:absolute;bottom:0;right:0}#about .editor #height{position:absolute;top:0;right:0}#participate{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100dvw;height:100dvh;overflow:hidden}#participate .participateActions{display:flex;z-index:10;position:absolute;gap:.75em;right:-14px;justify-content:center;padding:.5em 1em;transform:rotate(90deg)}#participate .participateActions button{border-radius:50%;border:none;background:#eadc72;box-shadow:0 0 6px 2px #eadc70;width:36px;height:36px}#participate footer{background:#bababacc;width:100%;text-align:center;padding:1em 0;font-style:italic}#participate footer a{color:#eadc72;text-decoration:none;text-shadow:0 0 8px #eadc72}#participate .participateOverlay{width:100dvw;height:100dvh;position:fixed;z-index:99;background:transparent;pointer-events:none}#info .cursorSource{position:relative;font-size:1.2em;padding-left:.8em;padding-right:.8em}#cursorCount{display:flex;align-items:center;justify-content:center;padding:.2em 1em;background:#eadc72;box-shadow:0 0 10px 10px #eadc72;border:1px dashed #e3d146;border-radius:24px;margin:auto}#reveal{display:inline-block}#reveal:hover .hiddenMessage{opacity:1;display:inline-block}#reveal:hover .visible{display:none}#reveal .visible{text-shadow:-1px -1px 8px fuchsia,1px 1px 8px aqua}#reveal .hiddenMessage{transition:opacity .2s ease-in-out;opacity:0;display:none;position:relative}.hiddenMessage:before,.hiddenMessage:after{display:block;content:attr(data-text);position:absolute;top:-2px;left:0;opacity:.8}.hiddenMessage:before{animation:glitch-it 1.8s cubic-bezier(.25,.46,.45,.94) both infinite;color:#0ff;z-index:-1}.hiddenMessage:after{animation:glitch-it 1.8s cubic-bezier(.25,.46,.45,.94) reverse both infinite;color:#f0f;z-index:-2}@keyframes glitch-it{0%{transform:translate(0);opacity:1}10%{transform:translate(-2px,2px)}20%{transform:translate(-2px,-2px)}30%{transform:translate(2px,2px)}40%{transform:translate(2px,-2px)}50%{transform:translate(2px,2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(0);opacity:0}}.description{font-size:.8em;color:#b8b8b8}