*{-webkit-backface-visibility:visible;backface-visibility:visible;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}body{margin:0;font-family:sans-serif;overflow:hidden;background:#000}#lobby{margin-left:auto;margin-right:auto;max-width:40rem;display:flex;flex-direction:column;height:95vh;transition:height 2s}#lobby.gone{height:0;overflow:hidden;transition:height 1s}#tit{padding:.5rem;margin:.5rem;text-align:center}#tit h1{margin:0;padding:0;font-size:2rem;font-weight:normal}#top{--glowcol:#F70;padding:.5rem;margin:.5rem;position:relative}#bot{padding:.5rem;margin:.5rem;position:relative;flex-grow:1;overflow-y:auto}legend{font-size:80%;opacity:.8}#top input{width:95%;background:none;color:#fff;border:none;font-size:2rem;padding:.25rem}#bck{position:absolute;right:0;top:0;padding:.1rem 1rem;--glowcol:#F70}#nxt{position:absolute;right:0;top:0;padding:.1rem 1rem;--glowcol:#F70}.menui{cursor:pointer;position:relative;padding:.5rem;margin:.5rem;border-top:1px solid #F70;border-bottom:1px solid #F70}.menui h1{font-size:3rem;position:absolute;top:0;left:0;margin:0;width:4rem;text-align:center;font-weight:normal}.menui h2{font-size:1.5rem;text-align:center;padding:0;margin:.5rem 0 0 4rem}.menui h3{font-size:1rem;text-align:center;font-weight:lighter;margin:.1rem 0 .2rem 4rem}.no{opacity:.5;pointer-events:none}.gone{display:none}#gbanholder{position:absolute;right:0;left:0;pointer-events:none}#gban{text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}#gnames{display:flex;text-align:center;flex-direction:row;justify-content:center;pointer-events:none}#p1n,#p2n{writing-mode:vertical-lr;padding:.2rem}#p1n{--glowcol:#0F0}#p2n{--glowcol:#F00}#bantxth{--glowcol:#00F;margin:.5rem;width:30vh;height:4rem;position:relative;top:0;transition:transform 1s}#bantxth.big{transform:scale(1.5,1.5)translate3d(0,20vh,50vh)}#sp{margin:.5rem;width:35vh}#bantxt{padding:.1rem;font-size:1.2rem}#bantxts{padding:.1rem;font-size:.8rem}.displayi{padding-top:3rem;white-space:pre-wrap;text-align:center}div.sc{font-size:3.5rem;padding:.5rem;margin:.5rem}#p1s{--glowcol:#0F0}#p2s{--glowcol:#F00}#game{width:100%;height:100%}@keyframes lookme{from{perspective-origin:50% -200%}to{perspective-origin:50% -50%}}#gameholder{display:flex;justify-content:center;height:95vh;perspective:200vh;perspective-origin:calc(50% + 30vh)-50%}#gamebrd{--bs:30vh;width:var(--bs);height:100vh}.brdlev{border:3px solid #009;height:var(--bs);width:var(--bs);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;transform:rotateX(90deg);transform-origin:50% 0%;position:absolute;left:0;top:100rem;transition:top 3s}@keyframes dropme{from{top:+120vh}to{top:20vh}}.brdlevd{background:rgba(0,0,64,.3);border:rgba(0,0,128,.8)3px solid;height:52vh;width:var(--bs);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;position:absolute;left:0;top:-120vh;animation:dropme 1s linear forwards;pointer-events:none}.brdlevd.x1{transform:rotateY(-90deg);transform-origin:0 0%;border:rgba(0,0,128,.8)3px solid}.bldcol{border:rgba(0,0,128,.8)2px solid}.brdlevd.x1 .bldcol{border:rgba(0,0,128,.8)10px solid}.brdspot{margin:5px;border:3px solid #00F;pointer-events:none}@keyframes hl{from{background:var(--markcol)}to{background:rgba(255,255,255,.5)}}.brdmark{position:absolute;width:80%;height:calc(100% - 10px);margin:10%;transform:translate3d(0,0,0vh);pointer-events:none}.brdspot.sel{pointer-events:all}.brdmark{transform:rotateZ(45deg);background-color:var(--markcol)}.brdmark.e1{transform:rotateZ(45deg)scale(.8,.8)translate3d(0,0,.5vh)}.brdmark.e2{transform:rotateZ(45deg)scale(.6,.6)translate3d(0,0,1vh)}.brdspot.high .brdmark{animation:hl .125s alternate 8}@keyframes fl{0%{background:var(--markcol)}5%{background:rgba(255,255,255,1)}30%{background:rgba(255,255,255,1)}35%{background:var(--markcol)}100%{background:var(--markcol)}}.brdspot.fl .brdmark.e1{animation:fl 1s linear var(--off)normal 2}.brdspot.p1 .brdmark{--markcol:rgba(0,192,128,.6);border-radius:5%}.brdspot.p2 .brdmark{--markcol:rgba(255,0,0,.6);border-radius:50%}.neon{color:#fff;--glowcol:#F00;text-shadow:0 0 1.5em var(--glowcol),0 0 3em var(--glowcol);border:0.2rem solid #fff;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem var(--glowcol),0 0 0.8rem var(--glowcol),0 0 2.8rem var(--glowcol),inset 0 0 1.3rem var(--glowcol),inset 0 0 2rem var(--glowcol)}