body{font-family:Nunito Sans,sans-serif;font-weight:500;width:100%;height:100%;background-color:#90ee90}:root{--sidebar-width:10rem;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;margin:0;padding:0}#app-main-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:2rem}@media (max-width:480px){#app-main-container{flex-direction:column}}.tile{background-color:pink;aspect-ratio:1;flex:1;font-size:3rem;text-align:center;margin:.1rem;border-radius:.5rem;border:3px black solid;color:transparent;position:relative;display:flex;justify-content:center;align-items:center;background-image:url(/voltorbflip/blanktile.svg);background-size:101%}.tile:hover{cursor:pointer}.indicator{color:red;position:absolute;font-size:.5em;line-height:1em}.indicator-bomb{top:0;left:0;border:.5rem red solid;border-radius:1rem}.indicator-1{top:0;right:0}.indicator-2{bottom:0;left:0}.indicator-3{bottom:0;right:0}.flip{animation:.25s forwards tileflip}.bomb{opacity:0;width:3rem}.flip .bomb{opacity:1}.row-tile{font-size:2rem;background-image:none;display:block;color:#000;line-height:2rem;text-align:right;position:relative;background-color:#de7055}.row-tile>*{font-size:80%}.row-tile>img{width:2.5rem;position:absolute;left:.25rem;bottom:.25rem}@keyframes tileflip{0%{transform:rotateY(0);color:transparent}49.99%{transform:rotateY(90deg);color:transparent}50%{transform:rotateY(90deg);background-color:#bc8c85;background-image:none;color:#000;text-shadow:4px 4px 0 green;-webkit-text-stroke:2px white}to{transform:rotate3d(0,0,0,180deg);background-color:#bc8c85;background-image:none;color:#000;-webkit-text-stroke:1px white}}.active-tile{border-color:red}.active-tile-memo{border-color:#ff0}.row-tile-2{background-color:#45a746}.row-tile-3{background-color:#e69f43}.row-tile-4{background-color:#3792f5}.row-tile-5{background-color:#bf65dd}.row-tile-6{background-color:#65cddd}.Row{display:flex;flex-flow:row nowrap;width:100%;position:relative}.GameBoard{position:relative;width:100%;max-width:550px}.popup-container{border:1px pink solid;background-color:#fff;padding:5rem;border-radius:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.popup-fade{animation:fade 1.5s forwards}@keyframes fade{0%{opacity:100%}50%{opacity:100%}to{opacity:0%}}.container{border:1px black solid;background-color:#fff;border-radius:1rem;width:fit-content;text-align:center;width:var(--sidebar-width);line-height:.75rem}.container h2{font-size:3rem}@media (max-width:480px){.container h2{font-size:1.5rem;font-weight:700}}.memo{border:5px black solid;border-radius:1rem;width:var(--sidebar-width);height:var(--sidebar-width);position:relative;padding-bottom:1rem}.memo:hover{cursor:pointer}.memo:active:after{content:"";width:100%;height:100%;background-color:#ffffff3b}.memo-action{background-color:#000;color:#fff;border:2px white solid;position:absolute;left:50%;transform:translate(-50%);top:1.25rem;border-radius:2rem;padding:0 1rem}.memo-text{font-size:3rem;color:#000;background:linear-gradient(#fff,#fff,#b1b1b1,#b1b1b1);display:flex;flex-flow:column;align-items:center;border-top:2rem lightgreen solid;border-bottom:.25rem lightgreen solid;border-radius:.75rem}.memo-actionmenu{background-color:pink}.memo-actionmenu-container{position:absolute;width:45%;height:45%;outline:gray 3px solid;background-color:#d3d3d3;color:#000;font-size:3rem;text-align:center}.memo-actionmenu-1{top:5%;right:5%;border-top-right-radius:1rem}.memo-actionmenu-bomb{top:5%;left:5%;border-top-left-radius:1rem}.memo-actionmenu-2{bottom:5%;left:5%;border-bottom-left-radius:1rem}.memo-actionmenu-3{bottom:5%;right:5%;border-bottom-right-radius:1rem}.memo-actionmenu-container__active{color:#ff0;background-color:green}.memo-wrapper{display:flex;flex-flow:column;gap:2rem}.invisible{opacity:0;pointer-events:none}@media (max-width:480px){.memo-wrapper{flex-flow:row}}