#app{height:100%;display:flex;flex-direction:column}.Minesweeper{margin:0 auto;max-width:360px}.Ui{max-width:120px;font-size:14px;padding:8px}.Grid{border:1px solid #ccc}.Grid-cell{height:30px;width:30px;border:1px solid #ccc;position:relative;cursor:pointer;font-size:18px;font-weight:700}.Grid-cell[data-opened=true][data-state="1"]:after{content:attr(data-number);animation:zoom-in .3s cubic-bezier(0,1,.8,2)}.Grid-cell[data-opened=true][data-state="2"]:after{content:"✸";color:red}.Grid-cell[data-opened=false]:after{content:"";position:absolute;top:6px;left:6px;bottom:6px;right:6px;background:#e8e8e8}.Grid-cell[data-opened=false]:hover{z-index:1;border-color:#666;outline:1px solid #666}.Grid-cell[data-opened=false][data-virtualmine=true]:after{content:"✸";color:#666;background:none;position:initial;animation:flash .3s infinite alternate}.Grid-cell[data-opened=false][data-suremine=true]:after{content:"✸";color:#000;background:none;position:initial;animation:zoom-in .3s cubic-bezier(0,1,.8,2)}.Minesweeper-options{margin:0 auto;max-width:360px;padding:12px 0}@keyframes flash{0%{opacity:1}to{opacity:.3}}@keyframes zoom-in{0%{transform:scale(0)}to{transform:scale(1)}}