*{-webkit-backface-visibility:hidden}body{background:#000;margin:0;font-family:sans-serif;overflow:hidden;--p0c0:#0C0;--p0c1:#0F00;--p0c2:#090;--p0c3:#060;--p0c4:#0908;--p1c0:#A20;--p1c1:#96A0;--p1c2:#960;--p1c3:#F40;--p1c4:#050A}#lobby{position:absolute;top:0;right:-45rem;width:18rem;height:100vh;background:#CCC;z-index:200;transition:right 1s}#lsw{position:absolute;left:0;top:0;right:0;bottom:0;z-index:500;text-align:center;padding:3rem 1rem;font-size:3rem;background:#000;color:#FFF}@media(orientation:landscape){#lsw{display:none}}.ms #lobby{right:0}#nick{font-size:1rem;padding:.25rem;width:15rem;color:#558;text-shadow:0 1px 0px rgba(255,255,255,.3),0px -1px 0px rgba(0,0,0,.7);background-color:#CCD;border:inset 2px #CCE}#top,#bot{padding:.5rem;margin:.5rem;position:relative;border:inset 1px #EEF}#top{}legend{font-size:.5rem}#bot{position:relative;height:60vh;overflow:auto;padding-top:2rem}#bck{position:absolute;right:0;top:0;padding:.1rem 1rem}.menui{border:outset 2px #CCE;margin:.5rem;cursor:pointer;border-radius:.5rem;position:relative;padding:0;background-color:#CCD}.menui h1{font-size:2rem;position:absolute;top:0;left:0;margin:0}.menui h2{font-size:1rem;text-align:center;padding:0;margin:.5rem 0 0 2.5rem;color:#000;text-shadow:0 1px 0px rgba(255,255,255,.3),0px -1px 0px rgba(0,0,0,.7)}.menui h3{font-size:.8rem;text-align:center;margin:.1rem 0 .2rem 2.5rem;color:#444;text-shadow:0 1px 0px rgba(255,255,255,.3),0px -1px 0px rgba(0,0,0,.7)}.no{opacity:.2;pointer-events:none}.gone{display:none}.tile{--linecol:#444;background:none;border:none;position:absolute;pointer-events:none;transform-style:inherit;overflow:visible}.tile span{font-size:10vh;padding:2vh 0 0vh 4vh;display:block;color:#3368;text-shadow:1px 1px 0px rgba(255,255,255,.6),-1px -1px 0px rgba(0,0,0,.8);pointer-events:none;transform-style:preserve-3d}.tile svg,.tile div.rig,.tile div.rigs{transform-style:preserve-3d;overflow:visible;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}#game.isI .tile.pq{display:none}.tile.pq{background:#0007}.tile.pq.pq0{border:2px solid var(--p0c0)}.tile.pq.pq1{border:2px solid var(--p1c0)}.tile.pq path.crack{fill:none;stroke-width:2;animation:none}.tile.pq.pq0 path.crack{stroke:var(--p0c0)}.tile.pq.pq1 path.crack{stroke:var(--p1c0)}.tile.pq .always{display:none}#gamebrd.slow .tile.pq{transition:left 1s,top 1s,transform .8s}@keyframes flash{0%{stroke-dashoffset:0;fill:#0006}50%{fill:#0004}100%{stroke-dashoffset:20;fill:#0006}}@keyframes growin{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}@keyframes crackin{0%{stroke-dashoffset:200;fill:#0000;stroke:#000;stroke-width:.3}70%{stroke-dashoffset:0;stroke:#000;fill:#0000;stroke-width:2}100%{fill:#0004;stroke:#3339;stroke-width:5}}.tile.ht{pointer-events:all}.tile.ht .crack{stroke-dasharray:3 7 3 7;stroke-width:5;animation:flash 1s linear infinite}.p0 .tile.ht .crack{stroke:var(--p0c0)}.p1 .tile.ht .crack{stroke:var(--p1c0)}.tile.p0{--linecol:var(--p0c3);--stemcol:var(--p0c0);--bkcol:var(--p0c4)}.tile.p1{--linecol:var(--p1c3);--stemcol:var(--p1c0);--bkcol:var(--p1c4)}.tile.ub path.crack{animation:none}.tile>svg{display:none}.tile>svg.always{display:block;transform:translateZ(-10px)}path.tbg{stroke:#8888;stroke-width:8;fill:url(#star)}path.crackpot{stroke:none;fill:url(#crkgrd)}path.crack{fill:url(#crkgrd);stroke-width:5;stroke:#3339;stroke-dasharray:200;animation:crackin 1s ease-in-out}.tile.ub path.stem{animation:none}path.stem{stroke-width:5;stroke:var(--stemcol);display:none;fill:none;stroke-dasharray:150;stroke-dashoffset:150;animation:growin .8s ease-in .8s forwards}path.stemup{stroke:var(--stemcol);stroke-width:4;fill:var(--bkcol)}.tile .rig.stemup{transition:transform 3s;transform:scale3d(.1,.1,.1)}.tile.g1 .rig.stemup{transform:scale3d(.25,.25,.5)}.tile.g2 .rig.stemup{transform:scale3d(.7,.7,1)}.tile.g3 .rig.stemup{transform:scale3d(1,1,1.5)}.tile.g4 .rig.stemup{transform:scale3d(1.2,1.2,2)}.tile.g5 .rig.stemup{transform:scale3d(1.5,1.5,2.3)}.tile.p0 path.stem,.tile.p1 path.stem{display:block}path.leaf{stroke-width:2;stroke-dasharray:300;stroke-dashoffset:300;stroke:var(--linecol);fill:#0000;transition:fill .5s linear 2s,stroke-dashoffset 1s ease-in 1s}.tile.g1 path.leaf{stroke-dashoffset:0;fill:var(--bkcol)}.tile.g2 path.leaf{stroke-width:3}.tile .rigs svg{transition:transform 4s;transform:scale3d(.5,.5,.5)}.tile.g1 .rigs svg{transform:scale3d(.7,.5,.5)}.tile.g1.g2 .rigs svg{transform:scale3d(.8,1,1)}.tile .l1{transform:rotateZ(90deg)}.tile .l2{transform:rotateZ(180deg)}.tile .l3{transform:rotateZ(270deg)}.tile.l0 .l0{display:block}.tile.l1 .l1{display:block}.tile.l2 .l2{display:block}.tile.l3 .l3{display:block}.tile.l4 .l4{display:block}#game{display:flex;perspective:100vh;transform-style:preserve-3d;pointer-events:none;width:100vw;height:100vh;margin:0;z-index:100;transition:width 1s}.ms #game{width:calc(100vw - 18rem)}.ps{height:100vh;width:calc(50vw - 50vh);background:linear-gradient(to right,var(--p0c2),var(--p0c1));position:absolute;left:0;padding:.25rem;--pc:var(--p0c3);--pcb:var(--p0c0)}#game.isI .ps{display:none}.ps h2{padding:0;font-size:1.5rem;color:#FFF;margin:0}.ps h3{margin:1rem 0 0 0;font-size:1.5rem;width:2em;padding:.5em 0;border-radius:50% 50%;display:inline-block;text-align:center;background:var(--pc);color:#FFF;border:var(--pcb)1px solid;font-family:monospace}#p1.ps{text-align:right;left:auto;right:0;background:linear-gradient(to left,var(--p1c2),var(--p1c1));--pc:var(--p1c3);--pcb:var(--p1c0)}#hlp{z-index:199;position:absolute;width:15rem;padding:.5rem;font-size:1rem;border-radius:.5rem;background:#000A;border:#FFF solid 1px;color:#FFF;right:0;top:50vh;bottom:0;white-space:pre-wrap}#gamebrd{width:100vh;height:100vh;background:none;margin:0 auto;position:relative;transform-origin:50% 100%;transform-style:inherit;transform:rotateX(40deg)translateZ(10rem);transition:transform .5s}.p0 #gamebrd{transform-origin:0 100%;transform:rotateY(20deg)rotateX(0deg)}.p1 #gamebrd{transform-origin:100% 100%;transform:rotateY(-20deg)rotateX(0deg)}#gban{position:absolute;display:block;top:0;margin:0 calc(50% - 50vh);padding:.5rem;font-size:1rem;text-align:center;z-index:101;width:100vh;pointer-events:none;opacity:1;background:linear-gradient(to left,#CCC0,#CCC,#CCC,#CCC0);transition:top .5s}.p0 #gban{background:linear-gradient(to right,var(--p0c0),var(--p0c0),var(--p0c1));text-align:left}.p1 #gban{background:linear-gradient(to left,var(--p1c0),var(--p1c0),var(--p1c1));text-align:right}#gban.gone{display:block;top:-5rem}